/* CSS Document */
html, body {
width: 100%;
height: 100%;

}

html { border:0; 

}
body {
	margin: 0;
	padding: 0;
	font-size: 120%; 
	background-color: #0099CC; 
	 	
}

.conteneur { 
	width: 900px;
	position: relative; 
	margin-left:auto;
	margin-right: auto;
	background-color: #00CCFF; 
	height:94%;
	min-height: 680px; 
} 
 
#header { /*le bandeau superieur */
	height: 108px;
}

#header h1{ 
	text-indent:-5000px;
	margin:0;
	line-height:0;
}

.footer {   /*le pied de page */
	background-color: #CCCCCC;
	height: auto;
	text-align: center;
	font-size: 80%;
	width:auto;
}

.drapeaux {/*le calque pour les mini drapeaux */
	position:absolute;
	left:23px;
	top:24px;
	width:113px;
	height:43px;
	z-index:20;
}	

.menu {  /*le menu */
	position: absolute;
	left:5px;
	width: auto;
	
}

.frame { /*partie contenant les infos du site */
	margin-left: 200px;
	width: auto;
	height:80%;
	overflow: auto;
}

#compteur {
	position:absolute;
	left:34px;
	top:636px;
	width:17px;
	height:37px;
	z-index:1;
}

#email {
	position:absolute;
	left:55px;
	top:587px;
	width:44px;
	height:37px;
	z-index:1;
}

.menuaccess {
	position: absolute;
	margin-left:4px;
	text-align:left;
	font-style:italic;
	left: 13px;
	top: 443px;
	width: 134px;
	font-size:80%;
}
/* fin des blocs de mise en page */

/* definition des styles d'ecritures */

h1 {
	font-size: x-large;
	font-weight: bold;
	text-align: center;
}
	
.textecentre, .textecentregras,.textecentregrastemperature, .textecentregrasplui{
	text-align: center;
}

.textecentregras, .textecentregrasmois,.textecentregrastemperature, .textecentregrasplui{
	font-weight: bold;	
}
.textecentrepetit {text-align: center;font-size:0.8em;}
.textecentregrasmois {
	background-color: #CC6699;

}
.textecentregrastemperature {
	background-color: #FFCC99;
	
}
.textecentregrasplui {
	background-color: #66CC99;
		
}

.textejaponais, .textefaqjaponais{
	text-align: justify; 
}


.textefaqjaponais {
	color: #003399; font-size:95%;
}
.textecentregrasmoisja {
	background-color: #CC6699;font-size:70%;text-align: center;

}
.textecentregrastemperatureja {
	background-color: #FFCC99;font-size:70%;text-align: center;
	
}
.textecentregraspluija {
	background-color: #66CC99; font-size:70%;text-align: center;
		
}
.textefaq {
	color: #000033;
	text-align: justify;
	margin-right:1em;
}

.boitemail	{ 
	margin-left:auto;
	margin-right:auto;
	padding: 12px;
	width: 300px;
	text-align: center;
	border-color: #CCCCCC;
	border-width: 6px;
	border-style: ridge;
	background-color: #00CC66;
}


.texte, .bloctexte,.bloctexteframe{
	text-align: justify;
}

.bloctexte{
	text-indent:1em;
	margin:10px;

}

.bloctexteframe{
	margin-right:3em; margin-left:2em;
}

.bloctexteaccess{
	margin-left:4em; text-indent:0;
}

p{clear:none;}
.Style1 {
	font-size: medium;
	font-style: italic;
}

/*fin des definitions des styles d'ecriture */

/*debut du menu */


dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	
}

#menu {
	position: absolute;
	top: 3em;
	left: 4px;
	width: 150px;
	margin-top: 45px;
}

#menu dt {        /*creation des boutons du menus principal */
	cursor: pointer;
	background-color: #FFCC00;
	height:30px; /*width:150px;*/
	line-height: 30px;
	margin: 7px 0;
	text-align: center;
	font-size: 18px;	
	border-top: 1px solid #cecece;
  	border-bottom: 2px solid #4a4a4a;
  	border-left: 1px solid #cecece;
  	border-right: 2px solid #4a4a4a;
}


#menu dt a {
	display: block;
	color: #000;
	text-decoration: none;
	border-top: 1px solid #cecece;
  	border-bottom: 2px solid #4a4a4a;
 	border-left: 1px solid #cecece;
  	border-right: 2px solid #4a4a4a;
}
 
#menu dt a:hover {    /*changement de couleur des boutons du menu principal au passage de la souris */
	display: block;
	text-decoration: none;
	background-color: #FFFF99;
	border-bottom: 1px solid #cecece;
	border-top: 2px solid #4a4a4a;
	border-right: 1px solid #cecece;
	border-left: 2px solid #4a4a4a;
}

#menu dd {              /* parametres du sous menu */
	position: absolute;
	z-index: 999;
	left: 5.5em;
	margin-top: -3em;
	width: 14em;
	border: 1px solid gray;
	background-color: #FFCC33;	
}


#menu ul {
padding: 2px;

}


#menu li {
text-align: center;
font-size: 18px;
height: 18px;
line-height: 18px;
}

#menu li a   {
	color: #000;
	text-decoration: none;
	display: block;
}

#menu li a:hover {           /* parametres du sous menu au passage de la souris */
	text-decoration: underline;
	background-color: #FFFF33;
}


/* enleve les cadres quand les photos sont utilise en lien */

a img  { text-decoration: none;}
a img :hover { text-decoration: none;}
a img {border: 0;}
img {border:0; padding:0;margin:0;
}
td img {display: block;}


a:link{
	text-decoration:none;
	color:#330099;
}
a:visited {text-decoration:none; color:#996600;}
a:hover { text-decoration:none; color: #FFFF99;}
a:focus{text-decoration:none;  color: #FFFF00;}

.cachepreload {
	position:absolute;
	left:0;
	top:-6000px;
}

kbd{
	border: solid white 1px;
}

.ulaccess{ list-style-type:square;}

.conteneurlieninternefaq{ width:600px; border:solid white 2px; margin-top:100px;}


.blockgd{width:668px;  height:auto;}
.blockgauche{float:left; width:330px;   }
.blockdroite{float: left; width:330px; }
.separation{clear:both;visibility:hidden;}


/**infos pour les formulaires**/

#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #CCFFFF;
	color: black;
}
#corpForm .normal {	/*** Retour El'état normal après l'utilisation ***/
	background: white;
	color: black;
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs Ecliquer sur les intitulés ***/
}

p#droite {float: left; padding-right:0.9em; padding-left:0.9em;}
p#droite2 {float: left; padding-right:0.9em; padding-left:0.9em;}
p#gauche {float: right; padding-left:0.9em; padding-right:0.9em;}
p#gauche2 {float: right; padding-left:0.9em; padding-right:0.9em;}
.boiteimagecarte { width:666px; text-align:center; padding-bottom: 0; padding-top:0; margin-bottom:0; margin-top:0; font-size:0px;line-height: 0px }
.plan {  padding-left:2em;}