/* CSS Document  pour ecrans largeur de 280 a 479  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:468px; margin:0;}
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,h5{ color:#C13A00; font-size:1.1em; text-align:center; font-family: Verdana, Arial,  sans-serif;  font-weight:600; font-style:italic }
h3{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:lighter; vertical-align:top; text-align:left;  border:1px solid gray}

div#contain{text-align:center; width:100%; max-width:468px;  padding:1px; margin:0;  font-family: Verdana, Arial,  sans-serif; }
div#entete{display:none; }	
div#logo{text-align:center; background-color:#ffe; position:absolute; top:0px;  margin:auto;}
div#corps{text-align:center; max-width:468px; margin: 0;}
.colonne{float:left;margin:0;padding:0}
.gauche{width:80%; height:100%;float:center; padding:0}
.centre2{  background-color:#ffe;  max-width:468px; 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:center;  position:relative; margin:0;}
/* modif margin left de 20px vers 3em */
#sociaux{background-color:#FEF6C5; text-align:center;  border:1px solid #999; border-radius:4px; margin:0px 0px 0px 5em;     }
#navgauche{background-color:#FEF6C5; width:auto; text-align:left;  font-size:1em; word-wrap: break-word; border:1px solid #999; border-radius:4px;   margin:0px 0em 0px 5em;  } 
#infosgauche{background-color:#FEF6C5; text-align:center;  border:1px solid #999; border-radius:4px; margin:0px 0em 0px 5em;}
#pubsgauche{display:none; }	
#contenu{text-decoration:none;  max-width:468px; font-size:.9em; }
/*#contenu{text-decoration:none;  font-size:.9em; display:block; height:auto!important;position:relative;padding:2x 0 0px 1px } */
#navbas{background-color:#FEF6C5;line-height:4em;  text-align:center; border-radius:4px; margin:4px;}
#infosbas{background-color:#ddd;line-height:3em; text-align:center;  border:1px solid #999; border-radius: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:2px 0 2px 1px}
#menugauche ul li a:hover,#menugauche a:hover{color:#C00;text-decoration:underline;background-color:#fff}
.clear {clear:both;}