/* CSS Document  pour ecrans largeur de 640 à 799px moins 10px pour le 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:789px; 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;  max-width:780px; 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;}
#naventete {text-align:left;background-color:#ffe; width:90%; max-width:780px; position:absolute; top:64px }
div#corps{text-align:center; max-width:780px; margin: auto;}
.colonne{float:left;margin:94px 0;padding:0}
.gauche{width:20%; max-width:160px; height:100%;float:left; position:absolute; margin:194px 0;padding:0}
.centre{width:470px;background-color:#fff; position:absolute; margin:194px 105px;padding:0;float:none}
/*.centre2{  max-width:470px; background-color:#ffe;  margin-left:165px; margin-top:184px; border-radius:4px;}*/
.centre2{  max-width:620px; background-color:#ffe;  margin-left:165px; margin-top:0px; border-radius:4px;}

#menugauche{ text-align:left; line-height:3em; max-width:160px; position:relative;  margin:0}
#sociaux{background-color:#FEF6C5; text-align:center; border-radius:4px; margin:0px 1px 0px 1px;  }
#navgauche{background-color:#FEF6C5;text-align:left; font-size:1em; word-wrap:break-word;  border-radius:8px; margin:0px 4px 0px 4px; max-width:160px; } 
#infosgauche{background-color:#FEF6C5; text-align:center; max-width:160px; margin:0px 2px 0px 2px;}
#pubsgauche{background-color:#FEF6C5; text-align:center; max-width:160px; border-radius:8px;}	
#contenu{text-decoration:none; max-width:699px;  font-size:.85em; }
#contenu ul li a{text-decoration:underline;  padding:4px 0 4px 9px}
#contenu ul li a:hover{color:#C00;text-decoration:underline;}
#navbas{background-color:#FEF6C5;line-height:3em; width:90%; text-align:center; border-radius:4px; margin:10px;}
#pubbas{background-color:#FFFF99;line-height:2em;  width:90%; text-align:left; border-radius:4px; margin:10px;}
#infosbas{background-color:#ddd;line-height:1.3em;  width:90%; text-align:center;  border:1px solid; border:#999; border-radius:4px; margin:10px; }
#navgenleftbas{background-color:#FEF6C5; text-align:left;  border:1px solid; border:#999; border-radius:8px; margin:0px 4px 0px 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;font-size:1em; margin:0 0 0.85em}
#menugauche ul li,#contenu ul li{font-size:0.9em;display:block}
#menugauche ul li a,#menugauche a{text-decoration:none; display:block;height:auto!important;position:relative;padding:4px 0 4px 9px}
#menugauche ul li a:hover,#menugauche a:hover{color:#C00;text-decoration:underline;background-color:#fff}
.clear {clear:both;}