/* CSS Document  pour ecrans largeur de 480 a 639px moins 10px pour barre de defilement */
html ,*{font-size: 100%; margin:0;padding:0;  }
body{ font:.9em font-family: Verdana, Arial,  sans-serif; color:#000; text-align:center; background-color:#fff; height:100%; max-width:620px; margin:auto;}
strong {font-weight:bold;}
img{border:0; max-width:90%}
h1,h4{font-family: Verdana, Arial,  sans-serif;  font-weight:700; font-size:1.4em; color:#991c36; text-align:center;}
h2,h2.a,h5{ color:#C13A00; font-size:1.1em; text-align:center; font-family: Verdana, Arial,  sans-serif;  font-weight:600; font-style:italic }
h3,h3.a{color: #F34F29; , font-size:1em; text-align:center; font-family: Verdana, Arial,  sans-serif;  font-weight:600; }
.grosbleu{color:#036;font:bolder ;text-decoration:none;text-align:center}
.grosrouge{color:#c00; font:bolder;text-decoration:none;text-align:center}
.petitbleu{color:#036;text-align:center}
.petitrouge{color:#c00;text-align:center}
.txto {color: #FF712D;  font-size:0.9em; font-weight:bold; }	
.red {color: #900 }
.lienas { color: #036; text-decoration: underline}
.petit { font-size:.80em; }
.txt {color:#363940; }
.txtb {color:#363940; font-weight:bold;}
#blanc {text-decoration:none; color:#FFFFFF;} 
#fondbleu {background-color:#4169E1;}
#ombrebleu {text-shadow: #6666FF 0px 0px 10px}
#ombrered {text-shadow: #FF0066 0px 0px 10px}
#ombre10{box-shadow: 10px 10px 10px  gray} 
#ombre4{box-shadow: 4px 4px 10px  gray} 
a:link,a:visited{text-decoration:underline; color:#113B59; }
table{text-align:left; border:1px solid gray; width:100%;}
td{font:0.8em;vertical-align:top; text-align:left;border:1px solid gray}}
tr{font:0.8em;vertical-align:top; text-align:left;  border:1px solid gray}
th{font:0.8em; font-weight: normal; vertical-align:top; text-align:left;  border:1px solid gray}

div#contain{text-align:center; width:100%; max-width:620px; margin:1px;  font-family: Verdana, Arial,  sans-serif; }
div#entete{display:none; }	
div#logo{text-align:center; background-color:#ffe; position:absolute; top:0px;  margin:auto;}
#naventete {text-align:left;background-color:#ffe;  max-width:610px;  position:relative; margin:0; }
div#corps{text-align:center; max-width:610px; margin: auto;}
.colonne{float:left; padding:0}
.gauche{width:80%; height:100%;float:left; margin:0; padding:0}
.centre2{ max-width:620px; background-color:#ffe; margin-top:0px; border-radius:4px;}
ul.nav,ul.nav li{float:left;list-style:none; margin:2px 2px;padding:0; font-size:.9em;}
ul.nav li a{ background-color:#BE212C; display:block; text-decoration:none; color:#fff; padding:0.6em 0.6em; border-radius:4px;}
ul.nav li:hover a{ background-color:  #12A7A3;}
#menugauche{ text-align:left; position:relative; margin:0}
/* modif margin left de 20px vers 4em */
#sociaux{background-color:#FEF6C5; text-align:center;  border:1px solid #999; border-radius:4px; margin:0px 4px 0px 4px;  margin-left:4em;   }
#navgauche{background-color:#FEF6C5;text-align:left;  font-size:1em; word-wrap: break-word;  border:1px solid #999; border-radius:4px; margin:0px 4px 0px 4em;  } 
#infosgauche{background-color:#FEF6C5; text-align:center;  border:1px solid #999; border-radius:4px; margin:2px 2px 0px 4em;}
#pubsgauche{display:none; }	
#contenu{text-decoration:none;  font-size:1em; max-width:620px; }
#contenu ul li a{text-decoration:underline;padding:4px 0 4px 2px}
#contenu ul li a:hover{color:#C00;text-decoration:underline;}
#navbas{background-color:#FEF6C5;line-height:3em;  text-align:center; border:1px solid #999; border-radius:4px; margin:4px;}
#pubbas{background-color:#FF9;line-height:2em;  text-align:left; border-radius:4px; margin:4px;}
#infosbas{background-color:#ddd;line-height:1.5em; text-align:center;  border:1px solid #999; border-radius:4px; 	 }
#navgenleftbas{background-color:#FEF6C5; text-align:left;  border:1px solid #999; border-radius:4px; padding:4px 0 4px 4px  }
a:hover,td.a:hover{color:#C00;text-decoration:underline}
.bouton { background-color:#4169E1; text-align:center; font-size:1.0em;  padding:0.2em  0.4em 0.3em 0.2em; border-radius: 4px; line-height: 2em;}
.boutonr { background-color:#C61607;  text-align:center; font-size:1.0em;    padding:0.2em  0.4em 0.3em 0.2em; border-radius: 4px; line-height: 2em;}
a:hover.boutonr { background-color: #FEC500;}

#menugauche ul,#contenu ul{list-style:none;border:none;text-align:left; line-height:2em; font-size:1em; margin:0 0 0.85em}
#menugauche ul li,#contenu ul li{font-size:1em;display:block;  line-height:2em; }
#menugauche ul li a,#menugauche a{text-decoration:none; display:block;height:auto!important;position:relative; padding:4px 0 4px 4px}
#menugauche ul li a:hover,#menugauche a:hover{color:#C00;text-decoration:underline;background-color:#fff}
.clear {clear:both;}