body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin:0 auto;
padding:0;
background-color:#999;
margin-top:15px;
}

#conteneur{
width:717px;
background-color:#CCCCFF;
margin:0 auto; 
}

#conteneur #header{
width:717px;
background-image: url("css/header.jpg");
height:149px;
background-color: #99CCCC;
float:left;
}
#conteneur #haut {
background-image: url("css/menu.jpg");
width:717px;
height: 28px;
background-color:#CCCCFF;
float:left;
}
	
	#conteneur #haut ul{
	margin:0;
	padding-top:3px;
	}
	
	#conteneur #haut ul li{
		display:block;
		width:90px;
		height:25px;
		list-style:none;
		float:left;
		position:relative;
		margin:0 3px;
	}
	
	#conteneur #haut ul li a{
		text-decoration:none;
		color:#000;
	}
	
	#conteneur #haut ul li a:hover{
		text-decoration:none;
		color:#fff;
		font-weight:bold;
	}
	
	#conteneur #haut ul li a.on{
		text-decoration:none;
		color:#fff;
		font-weight:bold;
	}


#conteneur #centre{
float:left;
background-color:#fff;
width:400px;
height:358px;
overflow:auto;
}

#conteneur #gauche{
float:left;
background-image: url("css/gauche.jpg");
width:158px;
height: auto !important;
height:358px;
min-height:358px;

}
#conteneur #droite{
float:left;
background-image: url("css/droite.jpg");
width:159px;
height: auto !important;
height:358px;
min-height:358px;
}
#conteneur #pied{
float:left;
background-image: url("css/footer.jpg");
height: 18px;
background-color: #99CC99;
float:left;
width: 717px;
margin: 0 auto; 
}

.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menuhaut a:hover {
text-decoration: none;
}

</style>