body
{
	width: 800px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	behavior: url("csshover.htc");


}

/* L'en-tête */

#en_tete
{
   width: 800px;
   height: 120px;
   background-image: url("image/banniere.gif");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}
/* Le menu */

#menu_dynamique li a {

  display:block;
  height:23px;
  text-decoration:none;
  color:#FFFFFF;
  background-color:#FFFFFF;
  background:url("image/bordure.png") no-repeat;
  
}
#menu_dynamique {

  width:auto;
  margin:10px 0px;
  padding:0px;
  float: left;
}
#menu_dynamique ul {
	width:150px;
	list-style:none;
	padding:0px;
	margin:0px;
	border-right:1px solid silver;
	background:url("image/bordure.png") no-repeat;

}
#menu_dynamique ul li {

  width:auto;
  margin-left:0px;
  padding-left:20px;
  text-indent:0px;
  height:23px;
  background:url("image/bordure.png") no-repeat;
}
#menu_dynamique ul li ul {
  display:none;
  
}
#menu_dynamique ul li:hover ul {
  display:block;
  position:relative;
  top:-24px;
  left:115px;
  
}
#menu_dynamique ul li ul, #menu_dynamique ul li:hover ul li ul, #menu_dynamique ul li:hover ul li:hover ul li ul{
  display:none;
}
#menu_dynamique ul li:hover ul, #menu_dynamique ul li:hover ul li:hover ul, #menu_dynamique ul li:hover ul li:hover ul li:hover ul{
  display:block;
  position:relative;
  top:-24px;
  left:115px;
}
#menu_dynamique ul li.extend a {
  background:url("image/bordure2.png") no-repeat;
}
#menu_dynamique ul li.extend:hover ul li.end a {
    background:url("image/bordure.png") no-repeat;
}
#menu_dynamique li a:hover {
  color:black;
  background-color:#BBB7C7;
}
#menu_dynamique ul li.extend:hover a, #menu_dynamique ul li.extend:hover ul li:hover a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li:hover a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li.extend:hover ul li:hover a{
  background-color:#BBB7C7;
}
#menu_dynamique ul li.extend:hover ul li a, #menu_dynamique ul li.extend:hover ul li:hover ul li a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li:hover ul li a{
  background-color:#FFFFFF;
}
#menu_dynamique li.first{
  border-top:1px solid silver;
}
#menu_dynamique li.last{
  border-bottom:1px solid silver;
}
#menu_dynamique ul li.extend:hover {
  width:120px;
  height:23px;
  overflow:hidden;
}
html > body #menu_dynamique ul li.extend:hover {
  overflow:visible;
}




/* Le corps de la page */

#corps
{
	margin-left: 160px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	padding: 8px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	color: #000000;
	background-color: #FFFFFF; /* Une couleur de fond pour le corps */
	background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
	border: 2px solid blue; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
	font-family: "Palatino Linotype", Arial, Verdana, serif;
	font-size: small;

}
#pied_de_page
{
   padding: 2px;
   text-align: center;
   color: #B3B3B3;
   background-repeat: repeat-x;  
}