@charset "UTF-8";
/* CSS Document */
.fondecran {
	background-color:#ffffff;
	margin: 0; /* pour éviter les marges */ 
  	text-align: center; /* pour corriger le bug de centrage IE */ 
	visibility : visible; 
	z-index : 0;
}
div#page {
	width:1024px; /* mettre une valeur pour que le contenor soit centré */
	position: relative; /* on positionne le conteneur */
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* on rétablit l'alignement normal du texte */
	background-image:;
	visibility : visible; 
	z-index : 1;
}

div#separateur {
	width:100%;
	height:20px;
	
	}
/* --- STYLE CONTENOR -- */

div#menu {
	float:left;
	width:160px;
	position: absolute; top: 380px; left: 130px; visibility : visible; z-index : 2;
	}
div#menu_haut {
	width:160px;
	height:260px;
	}
div#menu_bas {
	width:160px;
	height:120px;
	}
	
div#menu_references {
	float:left;
	width:167px;
	height: 340px;
	position: absolute;
	top: 237px;
	left: 684px;
	visibility : visible;
	z-index : 2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-align: justify;
	}
	
	
div#contenu_accueil {
	float:left;
	width:370px;
	position: absolute;
	top: 390px;
	left: 300px;
	visibility : visible;
	z-index : 3;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	}
div#contenu_vignettes {
	float:left;
	width:502px;
	position: absolute;
	top: 161px;
	left: 299px;
	visibility : visible;
	z-index : 3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	height: 518px;
	}
	
		
div#bloc_1 {
	position: relative;
	float:left;
	width:370px;
	}	
div#bloc_2 {
	position: relative;
	float:left;
	width:370px;
	}	
div#bloc_2_divise {
	position: relative;
	float:left;
	width:113px;
	padding-right: 10px;
	}	
	
div#contenu_activite {
	float:left;
	width:450px;
	position: absolute;
	top: 135px;
	left: 400px;
	visibility : visible;
	z-index : 3;
	height: 433px;
}
.bloc_txt_activite {
	position: relative;
	float:left;
	width:224px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	height: 183px;
	}
.bloc_imag_activite {
	position: relative;
	float:right;
	width:212px;
	text-align: left;
	height: 183px;
	}	
	
	
	
div#bloc_news {
	float:right;
	width:160px;
	height:100%;
	}
div#pied_page {
	clear:both;
	width:800px;
	height:20px;
	background-color:#FFFFFF;
	}
/* --- FIN STYLE CONTENORS */
/* --- STYLE CONTENUS */
div#contenor {
	float:left;
	width:640px;
	}
div#contenor_colone1 {
	float:left;
	width:300px;
	padding: 5px;
	padding-left: 20px;
		}
div#contenor_colone2_sansnews {
		float:left;
		width:280px;
		padding: 5px;
		padding-left: 20px;
		}
.titre1texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	margin-right: 5px;
}
.textechapo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-align: justify;
}
.textesimple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
}
.textesimplecentre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: center;
	vertical-align: middle;
}
.texte_bold_18 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
.titrepage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	padding: 5px;
}
.texteverticalcentre {
	vertical-align: middle;
}
div#btn_quaroillage {
	float:left;
	width:502px;
	position: absolute;
	top: 658px;
	left: 296px;
	visibility : visible;
	z-index : 3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	height: 20px;
}
div#btn_avant {
	float:left;
	width:120px;
	height:20px;
	text-align: left;
}
.pole_nbrref {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #999;
}
div#btn_milieu {
	width:120px;
	height:20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
div#btn_apres {
	float:right;
	width:120px;
	height:20px;
	text-align: right;
}
div#toutesreferences {
	float:left;
	width:502px;
	position: absolute;
	top: 740px;
	left: 296px;
	visibility : visible;
	z-index : 3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
}
#contenor_pole_nbrref {
	float: left;
	position: absolute;
	left: 300px;
	top: 80px;
}
#contenor_touteslesrefs {
	float: left;
	position: absolute;
	left: 300px;
	top: 720px;
}
div#contenu_vignettes_tout {
	float:left;
	width:1512px;
	position: absolute;
	top: 140px;
	left: 240px;
	visibility : visible;
	z-index : 3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	height: 518px;
}
div#menu_tout {
	float:left;
	width:160px;
	position: absolute;
	top: 380px;
	left: 40px;
	visibility : visible;
	z-index : 2;
}
#contenor_revoirtouteslesrefs {
	float: left;
	position: absolute;
	left: 300px;
	top: 720px;
}