*{margin:0px; padding:0px;}

body{background:#eeeeee; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
p{margin:10px; font-size:11px;}

.lumiere{position:absolute; background:url(../imgs/bg.png); background-repeat: no-repeat; height: 373px; width: 523px; margin: 0;}
.degrade{position:absolute; background:url(../imgs/bg2.jpg) repeat-x; height:768px; width:100%; margin: 0;}
 
.main{position:absolute; width: 100%; left: 0; top: 0; text-align:center;}
.main-body{margin: 0 auto; position: relative; width:977px; height:auto; text-align:left;}

.haut{position:relative; width:977px; height:123px; background:url(../imgs/haut.png);}

.logo{float:left; margin-left:20px; margin-top:15px;}

.menu{float:right; margin-right:20px; margin-top:10px;}
.menu a{display:block; float:left; width:auto; height:auto; border-left:1px dotted #666; color:#666; padding:5px; text-decoration:none; font-weight:bold; margin-left:10px; font-size:12px}

.pub{position:absolute; top:50px; left:490px;}

.bas{position:relative; float:left; width:977px; height:55px; background:url(../imgs/bas.png); }
.bas-body{position:relative; width:957px; height:40px; margin-left:9px; color:#fff; text-align:center; padding-top:15px;}
.bas-body a{color:#fff}

.milieu{position:relative; float:left; width:977px; height:auto; background:url(../imgs/milieu.png);}
.milieu-body{position:relative; width:957px; height:auto; margin-left:9px;}

.banniere{position:relative; width:959px; height:140px; background:#fff;}

.menu2{position:relative; width:100%; height:24px; background:#197dc8; top:103px; border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa;}
.menu2 a{display:block; color:#fff; float:left; width:auto; height:14px; border-left:1px dotted #fff; padding:5px; text-decoration:none; font-weight:bold;}
.menu2 a:hover{background:#9bb7cb;}
.menu2 a#selected{background:#9bb7cb;}
.menu2 a#marge{width:250px;}
.menu2 a img{vertical-align:middle;}

.flash-actu{position:relative; float:left;width:230px; background:#fff; border:1px solid #888888; height:auto; margin-left:12px; top:12px; ma rgin-bottom:-70px;}
.flash-actu-body{background:#fff; position:relative; width:220px; margin:5px; height:auto;}
.flash-actu h1{font-size:12px; background:#b90000; color:#fff; padding:2px; padding-left:5px}



.milieu2{position:relative; float:left; width:694px; height:auto;  margin-left:10px; margin-top:10px}


.milieu2-titre{position:relative; float:left; width:684px; height:29px; background:url(../imgs/milieu2-titre.png); padding-left:5px;padding-right:5px; padding-top:3px; }
.milieu2-body{position:relative; float:left; width:674px; height:auto; min-height:400px; margin-top:0px; background:url(../imgs/milieu2.png); padding:10px; padding-bottom:20px}


.milieu2 h2{font-size:12px;  color:#000; padding:5px; padding-left:5px; border-bottom:1px dotted #808080; text-transform:Capitalize;}
.milieu2-titre h2 a{color:#000; text-decoration:none;text-transform:uppercase;}

table.actualite{width:100%; margin-left:5px;}
.actualite td{padding-top:5px}
.actualite .titre{color:#004489; text-transform:uppercase; font-size:10px; font-weight:bold;}
.actualite .titre a{color:#004489; text-transform:uppercase; font-size:10px; font-weight:bold;}
.actualite .titre a:visited{color:#666}
.actualite .texte{color:#333; text-transform:uppercase; font-size:10px;}

.actualite .texte_article{color:#333;  font-size:10px; text-align:justify;}
.actualite .texte_article p{margin:0px; }


.actualite .date{color:#333; text-transform:capitalize; font-size:10px;}
.actualite .date a{color:#333; text-transform:capitalize; font-size:10px; text-decoration:underline;}

a.categorie{color:#333; text-transform:uppercase; border-bottom:1px solid #aaa; font-size:10px; font-weight:bold; display:block; width:213px; height:auto; background:#e1e1e1; text-decoration:none; padding:2px; padding-left:5px;}
a.categorie:hover{background:#b7b7b7}

.titre{color:#004489; text-transform:uppercase; font-size:10px; font-weight:bold;}

div.section{float:left; width:260px; border-left:1px dotted #808080; margin:20px; padding-left:10px; padding-right:10px;}
.section h1{font-size:12px;  color:#000; padding:5px; padding-left:5px; text-transform:uppercase;}
.section h1 a{color:#000; text-decoration:none;}
img.section{border:3px solid #fff; float:left;}
.border{border:1px solid #ccc; width:auto;float:left; margin-bottom:5px;}


#recherche{position:absolute; top:10px; left:750px; width:160px; padding:5px; height:20px; background:#fff; border:1px dotted #888888; font-size:10px; display:none;}

.document{float:left; height:50px; width:300px; margin:5px;}
.document img{float:left;}

table#info td{padding:2px; padding-top:5px; padding-bottom:5px;font-size:10px;}
input#text{width:140px;   height:16px; border:1px solid #afafaf; font-family:Arial, Helvetica, sans-serif; font-size:11px;}