body {
   width: 90%;
   margin-top: 25px;
   margin-left: auto;
   margin-right: auto;
   background-color: #0000FF;
   font-family: Arial, "Times New Roman", Times, serif;
}

a {
   color: #FF8000;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

#fou_bassan {width: 123px; 
height: 98px; 
position: absolute; 
top: 10px; left: 270px; 
background-image: url(images/fou_bassan.png); 
background-repeat: no-repeat; 

}





#metairie {
   width: 200px;
   height: 168px;
   position: absolute;
   top: 60px;
   left: 100px;
   background-image: url(images/metairie_anim.gif);
   background-repeat: no-repeat;
}

#primel_h {
   width: 300px;
   height: 45px;
   position: absolute;
   top: 5px;
   right: 90px;
   background-image: url(images/primel_h.png);
   background-repeat: no-repeat;
}

#primel_m {
   width: 300px;
   height: 45px;
   position: absolute;
   top: 55px;
   right: 90px;
   background-image: url(images/primel_m.png);
   background-repeat: no-repeat;
}

#planche {
   width: 62px;
   height: 45px;
   position: absolute;
   right: 20px;
   background-image: url(images/planche.gif);
   background-repeat: no-repeat;
}


#primel_b {
   width: 300px;
   height: 45px;
   position: absolute;
   top: 105px;
   right: 90px;
   background-image: url(images/primel_b.png);
   background-repeat: no-repeat;
}





h1 {
    color: #00FF00;
   }

#en_tete {
   height: 110px;
   text-align: center;
   background-color: #FF8000;
   background-image: url(images/coin_g.png);
   background-repeat: no-repeat;
}

#titre {
   width: 236px;
   height: 79px;
   position: absolute;
   left: 365px;
   top: 30px;
   background-image: url(images/location.gif);
   background-repeat: no-repeat;
}


/* Style des menus */


#menu {
   width: 20%;
   float: left;
   font-weight: bold;
   }


.sous_menu {
   margin-top: 30px;
   background-color: #00FFFF;
   color: #FFFF00;
   border: 4px outset #7E00FF;
}

.sous_menu  h3 {
   color: #FF0000;
   text-align: center;
   font-family: "Times New Roman";
}




ul {
   list-style-image: url(images/fou_15.png);
}


/* Style du corps */

#corps {
   margin-left: 22%;
   margin-top: 30px;
   padding: 10px;
   border: 4px outset #7E00FF;
   color: black;
   background-color: #CCCCFF;
}

#corps h2 {
   text-align: center;
   color: #8000FF;
   font-family: "Times New Roman";
    
}

#corps h5 {
   text-align: center;
   color: #8000FF;
   font-family: "Times New Roman";
}


#corps a {
   color: #8000FF;
   text-decoration: none;
}

img.photos {
   display : block;
   margin-left: auto;
   margin-right: auto;
   border-style: solid;
   border-color: #FFFF3D;   
}

img.metairie_30 {
   display : block;
   margin-left: auto;
   margin-right: auto;
   border: none;
   }

img.doc {
   border: none;
   }
   
p.haut {
   text-align: center;
   color: red;
   font-family: "Times New Roman";
   }


/* Style du pied de page */

#pied_de_page {
   height: 20px; 
   clear: left;
   margin-top: 20px;
   padding: 5px;
   background-color: #FF8000;
   color: black;
   text-align: center;
  
}

#pied_de_page a {
   color: #00FF00;
   text-decoration: none;
}

/* Style tableau */  

table {
border:3px solid #FFFF3D;
border-collapse:collapse;
width:90%;
margin:auto;
}
thead, tfoot {
background-color:#FFFFFF;
border:1px solid #FFFF3D;
}
tbody {
background-color:#FFFFFF;
border:1px solid #FFFF3D;
}
th {
border:1px dotted #FFFF3D;
padding:5px;
background-color:#EFF6FF;
width:40%;
}
td {
font-size:80%;
border:1px solid #FFFF3D;
padding:5px;
text-align: center;
}

caption {
caption-side: bottom;
}