body {
  margin: auto;
	width: 976px;
	height: auto;
	font-family: Verdana, Helvetica, sans-serif; font-size: 62.5%;
	backgroundcolor: white;	
	background-image: url("images/fond.gif");
	background-repeat: repeat-x;
	}
	
h1{
	 color: #cd0708;
	 font-family:Arial, Verdana, Helvetica, sans-serif;
	 font-size:16px;
	 text-decoration:none;
	 text-align:center;
	 }	
	 	
	a img{
border: none ;
} 
	
/* L'en-tête */

#en_tete
{
   width: 976px;
	 height: 140px;
   background-color: white;
}

.element_entete
{
   float: left;
   background-color: white;
   width: 510px;
   float: left;
   height: 140px;
}

.element_entetebis
{
   float: left;
   background-color: white; 
background-image: url("images/headdte.png");
   background-repeat: no-repeat;     
	 width: 466px;
	 float: left;
   height: 106px;
}

.element_entetebiss
{
   width: 466px;
	 float: left;
	 height: 34px;
}

/* CSS Document */

ul#menu {
	position: absolute;
	margin-top:12px;
	background-color:#FFFFFF;
	float: left;
	padding-left: 0px;
	margin-left: 0px;
			
	}
	
ul#menu li {
	list-style: none;
	height:22px;
	float: left;
	width:91px;
	background-image:url("images/bouton.png");
	background-position:100% 0%;
	background-repeat:repeat-x;
	border-left:1px solid black;
	padding-left: 0px;
	
	}
	
ul#menu li:hover,
ul#menu li.sfhover {
	border-left:1px solid black;
	background-image:url("images/boutonover.png");
	}

ul#menu li a, 
ul#menu li a:hover {
	display:block;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;	color:White;
	text-decoration:none;
	background-repeat:no-repeat;
	text-align:center;
	padding-top: 3px;
	}
	
ul#menu li ul {
	position: absolute;
	display:none;
	height: auto;
	left:auto;
	margin-left:0px;
	padding-bottom:1px;
	padding-left:0px;
	background-color:#636363;
	}
	
ul#menu li:hover ul,
ul#menu li.sfhover ul {
	display:block;
	margin-top: 5px;
	margin-left: -1px;
	border-left:black solid 0px;
	border-bottom:black solid 1px;
	border-right:black solid 1px;
	background-position:91px 0px;
	padding-top:1px;
}

ul#menu li ul li {
	display:block;
	float:none;
	background-color:#be0908;
	border-bottom:black solid 2px;
	background-image:none;
	background-repeat:repeat-x;
	background-position:50%;
	padding-right:5px;
	width:91px;
	border-left:1px solid black;
	height:auto;
}
ul#menu li ul li a,
ul#menu li ul li a:hover {
	display: block;
	color:white;
	width:100%;
	padding-right: 4px;
	padding-left: 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	text-align:left;
	height:auto;
	line-height:13px;
	padding-bottom:1px;
	padding-top:1px;
}
ul#menu li ul li a:hover {
	background-image:none;
	background-repeat:repeat-x;
	background-position:0% 100%;
	color:White;
	background-color:black;
}



/* Gauche */

#gauche
{
   float: left; 
   width: 210px; 
	 height: 557px;
	 background-image: url("images/gauchecol.png");
	 background-color: white;
	 background-repeat: no-repeat;	 
	 }

 
.rollover {
		 width: 105px;
     height: 24px;
		 background-repeat: no-repeat ;
	   padding-left: 52px;
		 
		 }
.rollover a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(images/contact.png) no-repeat;
		 }
.rollover a:hover {
     background: url(images/contactover.png) no-repeat;
		 }
.rollover a span{
     visibility:hidden
}
	 
#centre
{
   float: left; /* Le menu flottera à gauche */
   width: 301px; /* Très important : donner une taille au menu */
	 height: 557px;
	 background-color: black;
	 padding: 0px;	 
}

#droite
{
   float: left; /* Le menu flottera à gauche */
   width: 465px; /* Très important : donner une taille au menu */
	 height: 557px;
	 background-image: url("images/droitecol.png");
	 background-repeat: no-repeat;	 
}

#boxhaut
{
 width: 95%;
 height: auto;
 margin-top:10px;
 margin-left:10px;
 margin-right:10px;
 }

.edito 
{
 	width: auto;
	height: auto;
	text-align: justify;
  padding-top: 10px;
	padding-left: 15px;
	padding-right: 7px;
	padding-bottom: 5px;
 	margin-top: 5px;
	margin-left: 13%;
	margin-right: 12%;
	background: url("images/edito.png") no-repeat;
	background-color:white;
	border: solid black	1px;
		} 
		
.edito h1{
	margin-top: -7px;
	}
 
 #boxmilieu
{
 width: 95%;
 height: auto;
 margin-top:5px;
 margin-left:10px;
 margin-right:10px;
 }
 
  #boxbas
{
 width: 95%;
 height: auto;
 margin-top:10px;
 margin-left:10px;
 margin-right:10px;
 }
 
 #pied
 {
   width: 900px;
	 height: auto;
   backgroundcolor: white;
	 }