/* CSS Document */
/*les marges automatique (auto=aussi large que possible) centrent le div principale. Avec IE, 
ca ne fonctionne pas=>text-aligne=center dans le body + text-aligne:left dans les autres calques*/
div#chapeau {
margin-right:auto;
margin-left:auto;
text-align:left;
top:0px; 
width:800px; 
height:150px;
z-index:2; 
background-image:  url(images/chapeau2.jpg);
/*border: 1px none #000000;*/
border-top:1px solid #069;
border-right:1px solid #069;
border-left:1px solid #069;
}
body {font-family: verdana, arial, sans-serif; text-align:center; behavior:url(csshover.htc);
}
* {margin:0; padding:0;}
div#listeMenu {
text-align:left;
margin-right:auto;
margin-left:auto;
width:800px;
border-top:1px solid #069;
border-bottom:1px solid #069;
border-right:1px solid #069;
border-left:1px solid #069;
font-size:.8em;
background-color:#CC6600;
margin-top:0px;
}
/*UL correspond à la barre de fond, sorte de trame du menu* UL=liste non ordonnée*/
/*top,right,bottom,left*/
div#listeMenu ul {margin:0 0 16 9px;
}

/*li correspond aux elements de la liste*/
div#listeMenu li {
float:left;
list-style-type:none;
background-color:#CC9900;
border-right:1px solid #069;
}
div#listeMenu li:first-child {
border-left:1px solid #069;
}
div#listeMenu a {
padding:0 6px;
text-decoration:none;
color:#069;
}
div#listeMenu li:hover {
background-color:#CC6600;
}
div#listeMenu a:hover {
color:#FFFFFF;
}
/*instructions pour IE (* html)*/
* html div#listeMenu ul {
float:left;
border-left:1px solid #000;
margin-left:4.5px;
}


div#footer {
margin-right:auto;
margin-left: auto;
width:800px; 
height:15px;
background-color:#CC6600; 
margin-top:0px;
text-align:center;
border-bottom:1px solid #069;
border-right:1px solid #069;
border-left:1px solid #069;
font-family: verdana, arial, sans-serif;
font-size:.6em;
font-weight:normal;
color:#069;
}