/* 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:#000000; text-align:center; background-image:url(images/fond-phare.jpg) ;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,h2{font-family: Verdana, Arial,  sans-serif;  font-weight:700; font-size:1.4em; color:#AA2D15; text-align:center;}
h4, h5{ color:#5F6A25; font-size:1.1em; text-align:center; font-family: Verdana, Arial,  sans-serif;  font-weight: 600; font-style:italic }
h3{color: #AA2D15; , 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; font-size:.95em;}
.petitrouge{color:#c00;font-size:.80em;}
.txto {color: #FF712D;  font-size:0.9em;   }	
.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} 
table{text-align:left; border:1px solid gray;}
td{font:0.80em ;vertical-align:top;text-align:center;border:1px solid gray}
div#contain{text-align:center;  max-width:800px; margin: auto; font-family: Verdana, Arial,  sans-serif; font-size: .9em}
div#entete{text-align:center;  max-width:800px; position:absolute; font-family: Verdana, Arial,  sans-serif; top:0px; margin-left:12px;        }
div#logo{display:none;}

div#corps{text-align:center; max-width:800px; margin: auto;}
.bouton { background-color:#4169E1; text-align:center;   font-size:1em;   padding:0.2em  0.4em 0.3em 0.2em; border-radius: 4px; line-height: 2em;}
.boutonr { background-color:#C61607;  text-align:center;    font-size:1em;  padding:0.2em  0.4em 0.3em 0.2em; border-radius: 4px; line-height: 2em;}
a:hover.boutonr { background-color: #12A7A3;}
.colonne{float:left;margin:134px 0;padding:0}
.centre2{width:80%; max-width:800px; background-color:#ffe;  position: absolute; margin-left:5px; margin-top:220px; border-radius:8px;}
.infosbas{background-color:#F6F6F6;line-height:1.3em; text-align:center; font-size:.80em;   border:1px solid #999; border-radius:1px; margin:10px 40px 10px 40px; }

ul.nav,ul.nav li{float:left;list-style:none; margin:2px 2px;padding:0; font-size:1em; }
ul.nav li a{ background-color:#C61607; display:block; list-style:none; text-decoration:none; color:#fff; padding:0.4em 0.4em; border-radius:3px;}
ul.nav li:hover a{ background-color: #12A7A3; list-style:none; color:#FFFFFF}
.liste1 {text-decoration:none; list-style:circle; background-color:#FFFFCC;  margin-left:40px; margin-right:30px; text-align:left; line-height:1.7em;"}

#sociaux{background-color:#FEF6C5; text-align:center; border-radius:8px; margin:0px 4px 0px 4px;  box-shadow :0px 1px 2px #FFB200 }
 
#contenu{text-decoration:none; font-size:.90em; max-width:800px;  padding: 0 3px 0 3px;}
#contenu ul li{text-decoration:none; padding:4px 0 4px 2px; list-style:circle;  }
#navbas{background-color:#FEF6C5;line-height:2em;  text-align:center; border-radius:4px; margin:10px;  box-shadow :0px 1px 2px #FFB200 }


#ombre1{10px 10px 10px} 
a:hover,td.a:hover{color:#C00;text-decoration:underline}
.clear {clear:both;}