body { 	width : 100%; background-color : #becbcf; padding-top: 10px; }
	
#conteneur {
	position : relative;
	
	margin : 0 auto;border:none;width:800px;
	background-image : url("./images/haut-de-cadre.jpg"); 
	
	/*border : 1px solid black;*/
	}
	
	#banniere {
	margin-left : 0px;
	height : 218px;width: 800px;
	padding-left : 0px; padding-top : 5px;	
	/*border : 2px solid blue;*/
	}
#bas {
	width : 800px;
	
	background-image : url("./images/bas-de-cadre.jpg"); 
	z-index : 1;
	/*border : 1px solid green;*/
	}
.separation { clear :both; visibility :hidden; }
	
#menu {

float: left;
width : 175px; 
padding-left : 0px;
padding-top : 0px;
	z-index : 1;
		/*border : 1px solid yellow;*/
	
}


	


	
#fenetre {
	float: right;
	width :621px;
	
	padding-left : 0px; padding-top : 20px;
	z-index : 1;
	
	/*border : 0px solid red;*/
	background :transparent;
	}
/*Banniere Logo et image */
#imgbanniere {  
		width:610px;
		height:195px;		
		margin-left : 185px;
		/*border : 3px solid yellow;*/
		}	
#logo { 	
		position : absolute; top : 50px; 
		width: 150px;
		height: 100px;
		
		margin-left :10px;
		border : 0px solid black;
		}

		

/* Format des  liste de liens */		
li a:link {
	text-decoration: none;
	color: #619fc6;
	font-size : medium;
}
a:visited {
	text-decoration: none;
}
li a:hover {
	text-decoration: underline;
	color: #a59ca5;
	
}
a:active {
	text-decoration: none;
}


#menu ul { list-style-type: none;
	padding :0;
	width : 150px;
	text-align:right; 
	margin-left :0px; margin-right: 80px;margin-top:0px;	
	/*border :  2px solid black;*/
	
	}
	

	
#menu li { background : url(images/puce2.png) right  no-repeat; border: /*solid 1px black*/;}



#menu li:hover {background : url(images/puce1.png) right  no-repeat;}
#menu li a { 
	margin-right:20px;
	
	}
#menu li a p {
		text-decoration: underline;
		margin-left:20px;
		}
#etat { position : absolute; top :0; left : 500px; border : 1px solid black;}