body{
	margin:0;
	padding:0;
	background: white url(../images/fond.jpg) left top repeat;
}


#entete
{
	margin: 0;
	padding: 0;
	color: white;
	background : white url(../images/entete1.jpg) left top repeat;
	height: 110px;

	font-family: arial,verdana,sans-serif;
}

#menu{
	width: 152px;
	height: 362px;
	background : white url(../images/menu.jpg) left top repeat-y;
	color: white;
	border: 2px solid white;
	margin-top: 5px;
	float: left;
	margin-bottom: 8px;

}

#area{
	background-color: #B7C94E;
	font-family:  garamond, "Times New Roman", Times, serif, "Arial Black";
	width:852px;
	margin-top:10px;
	color: #002190;
	
}

#principale{
	
width: 870px;
background-color: #B7C94E;

}

#contener{
	
width: 870px;
margin-left: auto;
margin-right: auto;
background-color: #B7C94E;

}

#diapo{
	
width: 696px;
background-color: #B7C94E;
float: left;

}


#pieddepage{
	text-align: center;
	width: 870px;
	vertical-align: middle;
	line-height: 30px;
	border: 1px solid white;
	clear: left;
	background-color: #E4F2FB;

}

#pieddepage a,
#pieddepage a:link,
#pieddepage a:visited,
#pieddepage a:hover,
#pieddepage a:active{
	color: #189fa3;
	text-decoration: none;	
	background-color: white;
	text-decoration: none;
	font-family: arial,verdana,sans-serif;
}

#pieddepage a:hover{
	color: #FF3300;
	font-family: arial,verdana,sans-serif;
}	

#pieddepage p{
	margin:0;
	color: black;
}

#gauche{

	width: 152px;
	height: 563px;

	float: left;
}
element.style {

width:850px;
}
#droite1{

	width: 304px;
	height: 235px;
	margin-left: 10px;
	margin-top: 10px;
	float: left;
}


#droite2{

	width: 275px;
	height: 235px;
	background-color: red;
	margin-left: 10px;
	margin-top: 10px;
	float: left;
}