@charset "UTF-8";
body {
	width: 880px;
	height: 600px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #a4d8f8;
	background-image: url(images/fond.jpg);
	background-repeat: repeat-x;
	text-align:center;	
}

.conteneur {
	position:relative;
	width: 880px;
}

.haut {
	position:relative;
	width: 880px;
}

.milieu {
	padding-left:20px;
	padding-right:40px;
	position:relative;
	background-image: url(images/images/design_04.jpg);
	background-repeat: no-repeat;
	width: 880;
	height: 385px;
}
.milieuE {

	position:relative;
	background-image: url(images/images/design_04.jpg);
	background-repeat: no-repeat;
	width: 880;
	height: 385px;
}


.collonne {
border: 20px;
position:relative;
	float:left;
	width: 45%;

	text-align: justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin: 0px;
}
.milieuU {
		position:relative;
	background-image: url(images/images/design_04.jpg);
	background-repeat: no-repeat;
	width: 880;
	height: 385px;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.text { 
	text-align: justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	float:left;
	width: 610px;
}


.textS { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	float:left;
	width: 500px;
}

.textt { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	float:left;
	width: 840px;

}



.texte { 
	float:left;
	text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;	
		width: 200px;
}

.photo { 
	text-align:center;
	float: none; 
	height: 180px;
}

.menu {	
	position:relative;
	float:left;
	width: 880px;	
}



.c {
text-align:center;
width:425px;
height:425px;
}