/* CSS Document  pour ecrans largeur minimum de 800px */
html ,*{font-size: 100%;margin:0; padding:0;  }
body{ font:.9em  font-family: Verdana, Arial, sans-serif; color:#000; text-align:center; background-image:url(images/fond-bandos1.jpg) ; background-repeat:no-repeat; background-position:center top; background-attachment:fixed;    height:100%; max-width:800px; margin:auto;}
strong {font-weight:bold;}
img{border:0; max-width:100%}
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}
.txto {color: #FF712D;  font-size:0.9em; font-weight:bold; }	
.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:800px; margin: auto; font-family: Verdana, Arial,  sans-serif; }
div#entete{text-align:left;  width:100%; max-width:800px; position:absolute; font-family: Verdana, Arial,  sans-serif; top:0px }
div#logo{display:none;}
div#corps{text-align:center; max-width:800px; margin: auto;}
.colonne{float:left;margin:134px 0;padding:0}
.gauche{width:20%; max-width:160px; height:100%;float:left; position:absolute; margin:194px 0;padding:0}
.centre2{width:80%; max-width:640px; background-color:#ffe;  position: absolute; margin-left:165px; margin-top:0px; border-radius:8px;}
ul.nav,ul.nav li{float:left;list-style:none; margin:2px 2px;padding:0; font-size:1em; }
ul.nav li a{ background-color:#BE212C; display:block; text-decoration:none; color:#fff; padding:0.4em 0.4em; border-radius:4px;}
ul.nav li:hover a{ background-color:  #12A7A3;}
#menugauche{ text-align:left; max-width:20%; max-width:160px; position:relative; margin:0}
#sociaux{background-color:#FEF6C5; text-align:center; border-radius:8px; margin:0px 4px 0px 4px;  box-shadow :0px 1px 2px #FFB200 }
#navgauche{background-color:#FEF6C5;text-align:left; font-size:1em;  border-radius:8px; margin:0px 4px 0px 4px; max-width:160px;   box-shadow :0px 1px 2px #FFB200 } 
#infosgauche{background-color:#FEF6C5; text-align:center; max-width:160px; border-radius:8px;  box-shadow :0px 1px 2px #FFB200 }
#pubsgauche{background-color:#FEF6C5; text-align:center; max-width:160px; border-radius:8px;}	
#contenu{text-decoration:none; font-size:.90em; max-width:640px;  padding: 0 3px 0 3px;}
#navbas{background-color:#FEF6C5;line-height:2em;  text-align:center; border-radius:4px; margin:10px;  box-shadow :0px 1px 2px #FFB200 }
#pubbas{background-color:#FFFF99;line-height:2em;  text-align:left; border-radius:4px; margin:10px;}
#infosbas{background-color:#ddd;line-height:1.3em; text-align:center;  border:1px solid; border:#999999; border-radius:8px; margin:10px 40px 10px 40px;  }
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}