html { 
	margin:				0px;
	overflow-x:			hidden;
	height:				100%;
	}
	
body { 
	font-family:		"Arial"; 
	background-color:	#f2f2f2; 
	margin:				0px;
	padding:			0px;
	color: 				#4d4d4d;
	height:				100%;
	}

.header {
	position:			relative; 
	width:				900px;
	height:				290px; 
	margin-left:		auto; 
	margin-right:		auto;
	background-image:	URL(../images/fr/header.jpg);
}

.contenu {
	position:			relative;
	width:				900px;
	margin-left:		auto; 
	margin-right:		auto;
	background-image:	URL(../images/middle.jpg);
}

.footer {
	position:			relative;
	width:				900px;
	margin-left:		auto; 
	margin-right:		auto;
	background-image:	URL(../images/footer.jpg);
	height:				80px;
}

.bloc_gauche {
	position:			absolute;
	top:				0px;
	left:				60px;
	width:				200px;
	margin:				0px;
	padding:	        0px;
}

.bloc_droit {
	width:				560px;
	margin-left:		260px;
	padding:	    10px;
}

.menu_gauche p {
	margin:				0px;
}


.menu_gauche img {
	margin:				0px;
}

.menu_gauche p:hover {
	background-image:	URL(../images/fleche2.jpg);
	background-position:left top;
	background-repeat:	no-repeat;
	margin:				0px;
}

.menu_gauche p a {
	color:				#333333;
	text-decoration:	none;
	margin-left:		20px;
	display:			block;
}

.menu_gauche p a:hover {
	text-decoration:	none;
}

/* MENU GAUCHE ------------------------------------------------------------------ */
.bouton_partenaires {
	display:			block;
	width:				200px;
	height:				40px;
	background-image:	URL(../images/fr/bouton_partenaires_off.jpg);
}

.bouton_partenaires:hover {
	background-image:	URL(../images/fr/bouton_partenaires_on.jpg);
}

/* MENU HEADER ------------------------------------------------------------------ */
.menu_projet {
	position:			absolute;
	top:				90px;
	left:				60px;
	display:			block;
	width:				90px;
	height:				30px;
	line-height:		30px;
	font-size:			12px;
	color:				#191919;
	font-weight:		bold;
	text-align:			center;
}

.menu_projet:hover {
	background-color:	#0071bc;
	color:				#ffffff;
	text-decoration:	none;
}

.menu_qui {
	position:			absolute;
	top:				90px;
	left:				150px;
	display:			block;
	width:				140px;
	height:				30px;
	line-height:		30px;
	font-size:			12px;
	color:				#191919;
	font-weight:		bold;
	text-align:			center;
}

.menu_qui:hover {
	background-color:	#0071bc;
	color:				#ffffff;
	text-decoration:	none;
}

.menu_contact {
	position:			absolute;
	top:				90px;
	left:				290px;
	display:			block;
	width:				80px;
	height:				30px;
	line-height:		30px;
	font-size:			12px;
	color:				#191919;
	font-weight:		bold;
	text-align:			center;
}

.menu_contact:hover {
	background-color:	#0071bc;
	color:				#ffffff;
	text-decoration:	none;
}

/* MENU DRAPEAUX ------------------------------------------------------------------ */
.drapeaux1 {
	position:			absolute;
	top:				50px;
	right:				230px;
	display:			block;
	width:				15px;
	height:				10px;
	background-image:	URL(../images/drapeaux1_off.jpg);
	background-repeat:	no-repeat;
}

.drapeaux1:hover {
	background-image:	URL(../images/drapeaux1_on.jpg);
}

.drapeaux2 {
	position:			absolute;
	top:				50px;
	right:				210px;
	display:			block;
	width:				15px;
	height:				10px;
	background-image:	URL(../images/drapeaux2_off.jpg);
	background-repeat:	no-repeat;
}

.drapeaux2:hover {
	background-image:	URL(../images/drapeaux2_on.jpg);
}

.drapeaux3 {
	position:			absolute;
	top:				50px;
	right:				190px;
	display:			block;
	width:				15px;
	height:				10px;
	background-image:	URL(../images/drapeaux3_off.jpg);
	background-repeat:	no-repeat;
}

.drapeaux3:hover {
	background-image:	URL(../images/drapeaux3_on.jpg);
}

.drapeaux4 {
	position:			absolute;
	top:				50px;
	right:				170px;
	display:			block;
	width:				15px;
	height:				10px;
	background-image:	URL(../images/drapeaux4_off.jpg);
	background-repeat:	no-repeat;
}

.drapeaux4:hover {
	background-image:	URL(../images/drapeaux4_on.jpg);
}

.drapeaux5 {
	position:			absolute;
	top:				50px;
	right:				70px;
	display:			block;
	width:				15px;
	height:				10px;
	background-image:	URL(../images/drapeaux5_off.jpg);
	background-repeat:	no-repeat;
}

.drapeaux5:hover {
	background-image:	URL(../images/drapeaux5_on.jpg);
}

.drapeaux6 {
	position:			absolute;
	top:				50px;
	right:				130px;
	display:			block;
	width:				15px;
	height:				10px;
	background-image:	URL(../images/drapeaux6_off.jpg);
	background-repeat:	no-repeat;
}

.drapeaux6:hover {
	background-image:	URL(../images/drapeaux6_on.jpg);
}

.drapeaux7 {
	position:			absolute;
	top:				50px;
	right:				110px;
	display:			block;
	width:				15px;
	height:				10px;
	background-image:	URL(../images/drapeaux7_off.jpg);
	background-repeat:	no-repeat;
}

.drapeaux7:hover {
	background-image:	URL(../images/drapeaux7_on.jpg);
}

.drapeaux8 {
	position:			absolute;
	top:				50px;
	right:				90px;
	display:			block;
	width:				15px;
	height:				10px;
	background-image:	URL(../images/drapeaux8_off.jpg);
	background-repeat:	no-repeat;
}

.drapeaux8:hover {
	background-image:	URL(../images/drapeaux8_on.jpg);
}

.drapeaux9 {
	position:			absolute;
	top:				50px;
	right:				150px;
	display:			block;
	width:				15px;
	height:				10px;
	background-image:	URL(../images/drapeaux9_off.jpg);
	background-repeat:	no-repeat;
}

.drapeaux9:hover {
	background-image:	URL(../images/drapeaux9_on.jpg);
}

.espace_140 { 	height:140px; 	margin:0px;		padding:0px; 	}

.espace_40 	{ 	height:40px; 	margin:0px; 	padding:0px; 	}

.espace_30 	{	height:30px; 	margin:0px; 	padding:0px; 	}
	
.espace_20 	{ 	height:20px; 	margin:0px; 	padding:0px; 	}
	
.espace_10 	{ 	height:10px; 	margin:0px; 	padding:0px; 	}

.description_projet {
	background-image:	URL(../images/middle_projet.jpg);
	background-repeat:	repeat-y;
	width:				560px;
	margin:				0px;
}

.description_projet h3, p { margin-left:40px; margin-right:40px; margin-top:10px; margin-bottom:10px; }