/* Général */
body{
	height: 100%;
	width: 100%;  
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color:#000;
	margin:0;
	padding:0;
}
body.base {
	background-color:#373735;
}
img{
	border:0;
}

/****** Affichage médiatheque *****/

#fondtransp {
	position:absolute;
	left:0px;
	top:0px; 
	width: 100%; 
	/*height: 100%;*/
	height: 20000px;
	/*margin-top:-10000px;*/
	background-color:#000000;
	opacity:0.6; 
	filter:alpha(opacity=66);
	z-index:5900;
}

#fondmedia {
	width:960px;
	height:600px;
	top:50%;
	left:50%;
	margin-top:-320px;
	margin-left:-485px;
	/*padding: 15px;*/
	color: #FFFFFF;
	text-align:left;
	position:absolute;         
	/*opacity: 10;*/
	/*z-index:500;*/
	z-index:6000;
	/*background: #1A7EAD;*/
	/*background: black;  */
	
	
	

}
#fondtranspmedia {
  background-color: #00ff00;
}

a.lien:hover{
	border: 1px solid #000000;
	color: #000000;
}

.image{
	border: 2px solid #000000;
}

.imageActive{
	border: 2px solid #ff0000;
}
.choiximage{
	float:left;
	background-color:#ff00ff;
	width:100px;
	height:100px;
}
.choiximageActive{
	float:left;
	background-color:#ff00ff;
	width:100px;
	height:100px;
}
.fondtd{			 	 
	background-color: #ff0000;
	background: url(images/chargement.gif) no-repeat center center;
}
.titreZoomImage{			 
	background: #000000;
	text-align:center;
	color:#ffffff;
	font-size:16px;
	padding:8px;
}

/*********************************** OPTION ********************************************/
a {
	color:#ca286c;
	text-decoration:none;
}
a:hover, a:focus {
		
}
a.classic {
	color:#2B6AC6;
	text-decoration:underline;
}
a.classic:hover {
	text-decoration:underline;  
	color:#ca286c;		
}
/*********************************** SUPER CONTENEUR   ***********************************/
#conteneur_super{
	float:left;
	width: 100%;
	height:auto;
	margin:auto;
	border:0px solid #ff0000;
	background-color:#373735;
	background-repeat:no-repeat;
	background-position: top center;
}
#conteneur{
	width: 960px;
	margin:auto;
	border:0px solid #ff0000;
}
/*********************************** CONTENEUR HEADER  ***********************************/
#header{
	float:left;
	width:960px;
	height:243px;
	margin:auto;
}
html>body #header{
	float:left;
	width:960px;
	height:260px;
	margin:auto;
}
header_logo{
	float:left;
	width: 289px;
	height: 61px;
}
/**** EDITO INTRO ***********************************/
#intro{
	float:left;
	width: 487px;
	height: 150px;
	background-image:url(images/header_intro.gif);
	background-repeat:no-repeat;
	margin-right:34px;
}
#intro_txt{
	text-align:justify;
	float:left;
	width:460px;
	font-size:12px;
	color:#666668;
	margin-top:32px;
	margin-left:15px;
}
html>body #intro_txt{
	float:left;
	width:455px;
	font-size:12px;
	color:#666668;
	margin-top:32px;
	margin-left:30px;
}
#edito{
	float:left;
	width: 328px;
	height: 164px;
	background-image:url(images/header_edito.gif);
	background-repeat:no-repeat;
}
#edito_titre{
	float:left;
	width:293px;
	font-size:12px;
	font-weight:600;
	color:#666668;
	margin-top:32px;
	margin-left:15px;
	margin-bottom:10px;
	text-decoration:underline;
}
html>body #edito_titre{
	float:left;
	width:273px;
	font-size:12px;
	font-weight:600;
	color:#666668;
	margin-top:32px;
	margin-left:30px;
	margin-bottom:10px;
	text-decoration:underline;
}
#edito_photo{
	float:left;
	width:58px;
	height:79px;
	margin-left:15px;
}
html>body #edito_photo{
	float:left;
	width:58px;
	height:79px;
	margin-left:30px;
}
#edito_txt{
	float:left;
	width:220px;
	font-size:12px;
	color:#666668;
	margin-left:10px;
}
html>body #edito_txt{
	float:left;
	width:200px;
	font-size:12px;
	color:#666668;
	margin-left:10px;
}
/*********************************** ACCUEIL CONTENEUR CONTENU ***********************************/
#accueil{
	float:left;
	width:955px;
	height:auto;
	background-image:url(images/navigation_fond.gif);
	background-repeat:no-repeat;
}
/*Hack IE8 ET FF*/
html>/**/body #accueil{
	background-image:url(images/navigation_fond.png);
}
#accueil_uk{
	float:left;
	width:955px;
	height:auto;
	background-image:url(images/navigation_fond_uk.gif);
	background-repeat:no-repeat;
}
/*Hack IE8 ET FF*/
html>/**/body #accueil_uk{
	background-image:url(images/navigation_fond_uk.png);
}
/**** ACTUALITES ***********************************/
.resume_actu{
	color:#fff;		
}
.titre_actu{
	color:#fff;		
}


#actualite{
	float:left;
	width:417px;
	height:60px;
	color:#fff;	
	margin-left:22px;
	margin-top:0px;
	border:0px solid #ff0000;
}
html>body #actualite{
	float:left;
	width:417px;
	height:70px;
	color:#fff;	
	margin-left:45px;
	margin-top:0px;
	border:0px solid 00#ff00;
}
/*Hack IE8 ET FF*/
html>/**/body #actualite{
	height:106px;
	margin-top:0px;
	border:0px solid #0000ff;
}
html:not([lang*=""]) #actualite{
	height:60px;
	border:0px solid #ff00ff;
} 
#actualite_photo{
	float:left;
	width:97px;
	height:50px;
	
}
#actualite_titre{
	float:left;
	width:300px;
	font-weight:600;
	margin-left:10px;
	margin-bottom:10px;
	font-size:13px;
	/*
	font-size:12px;
	text-decoration:underline;
	*/
}
#actualite_txt{
	float:left;
	width:310px;
	font-size:12px;
	margin-left:10px;
	text-align:justify;
}
#actualite_link a{
	position:absolute;
	float:left;
	margin-left:-75px;
	margin-top:75px;
	/*width:417px;*/
	font-size:12px;
	text-align:right;
	color:#a52a1a;
	/*font-style:italic;*/
}

.description_act a{
	color:#a52a1a;		
}
/**** NAVIGATION ***********************************/
#navigation{
	float:left;
	width:705px;
	height:26px;
	font-size:13px;
	margin-left:-30px;
	margin-top:25px;
	border:0px solid #33FF33;
	font-weight:600;
	letter-spacing:-0.05em;
}
html>body #navigation{
	float:left;
	width:705px;
	height:27px;
	font-size:13px;
	margin-left:-30px;
	padding-top:0px;
	margin-top:43px;
	font-weight:600;
	letter-spacing:-0.05em;
}
/*Hack IE8 ET FF*/
html>/**/body #navigation{
	padding-top:0px;
	margin-top:-4px;
	border:0px solid #ff0000;
}
html:not([lang*=""]) #navigation{
	height:37px;
	font-size:14px;
	padding-top:17px;
	margin-top:23px;
	border:0px solid #ff0000;
} 
#navigation ul{
	float:left;
	display: inline; 
	text-align: left;
	width:auto;
	list-style:none;
}
#navigation li{
	float:left;
	display: inline; 
	text-align: left;
	width:auto;
	padding-right:20px;
}
#navigation a{
	color:#8a9493;
	background-image: url(images/puce_carre_gris.gif);
 	background-repeat: no-repeat;
	background-position: 0.1em 0.3em;
	padding-left:15px;
	text-transform:UPPERCASE;
}
#navigation a:hover{
	color:#a52a1a;
	background-image: url(images/puce_carre_rouge.gif);
 	background-repeat: no-repeat;
	background-position: 0.1em 0.3em;
	padding-left:15px;
}
/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#navigation a{
	font-size:11px;
}
#navigation a:hover{
	font-size:11px;
}
}
#pourquoi_travaux{
	float:left;
	width:368px;
	/*border:1px solid #ff0000;*/
}
html:not([lang*=""]) #pourquoi_travaux{
	float:left;
	width:328px;
	margin-top:1px;
	/*border:1px solid #00ff00;*/
}
/*************************************************************/
#navigation_accueil2{
	float:left;
	width:945px;
	height:31px;
	color:#fff;
	margin-left:7px;
	border:0px solid #ff0000;
}
html>body #navigation_accueil2{
	float:left;
	width:945px;
	height:21px;
	color:#fff;
	margin-left:11px;
	border:0px solid #ff0000;
}
/*Hack IE8 ET FF*/
html>/**/body #navigation_accueil2{
	margin-top:10px;
}
html:not([lang*=""]) #navigation_accueil2{
	height:31px;
	margin-top:0px;
} 
#navigation_accueil2 a{
	font-size:12px;
	color:#fff;
	padding-left:3px;
	padding-right:3px;
}
#navigation_accueil2 a:hover{
	font-size:12px;
	color:#f7e9b8;
	padding-left:3px;
	padding-right:3px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#navigation_accueil2 a{
	font-size:11px;
}
#navigation_accueil2 a:hover{
	font-size:11px;
}
}
/**** LACHER DEAU ***********************************/
#lacherdeau{
	float:right;
	width:180px;
	color:#fff;
	border: 0px solid #ff00ff;
}
html>body #lacherdeau{
	float:right;
	width:280px;
	color:#fff;
	margin-top:20px;
	margin-right:0px;
}
html>/**/body #lacherdeau{
	margin-top:-16px;
}
html:not([lang*=""]) #lacherdeau{
	margin-top:31px;
}
/*********************************************/
#lacherdeau_jour{
	width:270px;
	text-align:right;
	margin-right:2px;
	margin-top:0px;
	color:#fff;
}
#lacherdeau_jour a{
	color:#fff;
}
/*********************************************/
#duree_heure{
	width: 270px;;
	text-align:right;
	margin-right:8px;
	margin-top:5px;
	text-align:right;
}
#duree_heure a{
	color:#fff;
}
#lacherdeau_duree{
	float:right;
	width:auto;
	text-align:right;
	right:0px;
	margin-top:2px;
	color:#fff;
}
#lacherdeau_duree a{
	color:#fff;
}
/*********************************************/
#lacherdeau_heure{
	float:right;
	width:auto;
	color:#a52a1a;
	font-size:15px;
	margin-right:8px;
	margin-top:0px;
}
#lacherdeau_heure a{
	color:#a52a1a;
}
#lacherdeau_t1{
	float:left;
	padding: 0 2px 0 2px;
	background-color:#FFFFFF;
}
#lacherdeau_t2{
	float:left;
	padding: 0 2px 0 2px;
	margin-left:3px;
	background-color:#FFFFFF;
}
#lacherdeau_points{
	color:#FFFFFF;
	float:left;
	padding: 0 2px 0 2px;
}
#lacherdeau_t3{
	float:left;
	padding: 0 2px 0 2px;
	margin-left:0px;
	background-color:#FFFFFF;
}
#lacherdeau_t4{
	float:left;
	padding: 0 2px 0 2px;
	margin-left:3px;
	background-color:#FFFFFF;
}
#lacherdeau_phrase{
	float:right;
	margin-top:2px;
	margin-right:5px;
	color:#fff;
	font-size:12px;
}
/**** NAVIGATION2 ***********************************/
#navigation2{
	float:right;
	width:950px;
	margin-top:-10px;
	margin-right:0px;
}
html>body #navigation2{
	margin-top:1px;
}
/*Hack IE8 ET FF*/
html>/**/body #navigation2{
	margin-top:2px;
}
html:not([lang*=""]) #navigation2{
	float:right;
	width:1000px;
	margin-top:-9px;
}
#navigation2_links{
	float:right;
	color:#fff;
	margin-top:02px;
	width:730px;
	/*border:1px solid #ff0000;*/
	text-align:right;
}
#navigation2_links .home{
	margin-top:-4px;
	/*left:0px;*/
	float:left;
	padding-left:10px;
	/*border:1px solid #00ff00*/
}
#navigation2_links img{
	margin-top:2px;
}
#navigation2_links a{
	color:#fff;
	font-size:12px;
	font-weight:600;
	padding:0px 5px 0px 5px;
}
#navigation2_recherche{
	float:right;
	width:150px;	
	height:21px;
	margin-bottom:14px;	
}
#navigation2_flags{
	width:68px;
	float:right;
	margin-top:3px;
}
.flag{
	float:right;
	margin-left:10px;	
}
/**** BLOC_RECHERCHE ***********************************/
.champ_recherche{
	float:right;
	width:100px;
	height:13px;
	padding-left:0px;
	color:#565656;
}
.champ_ok2{
	float:right;
	width:21px;
	height:21px;
	margin-top:-1px;
	margin-left:10px;
	background-image:url(images/submit.gif);
	border:0;

}
/**** BLOCS ***********************************/
#blocs{
	float:left;
	width:955px;
	margin-top:10px;
}
html>body #blocs{
	float:left;
	width:955px;
	margin-top:8px;
}
html:not([lang*=""]) #blocs{
	float:left;
	width:955px;
	margin-top:10px;
}
#chantierinfos{
	float:left;
	width:229px;
	height:110px;
	margin-right:12px;
	background-image:url(images/bloc_infoschantier.gif);
}
#brochures{
	margin-left:20px;
	margin-top:25px;
	
}

#brochures img{
	float:left;
	margin-right:8px;
	padding-top:2px;
	height:66px;
}
.titreDoc{
	font-size:13px;
	font-weight:bold;
	color:#AA2F1F;
	
}

.cadre_mini_brochure{
	/*border:1px solid #ff0000;*/
	width:55px;
	height:66px;
	float:left;
	text-align:center;
}

.brochure{
	/*height:28px;*/
	color:#ffffff;
	/*background-image: url(images/icones/pdf1.png);
 	background-repeat: no-repeat;
	background-position: 0px 0px;*/
	/*padding-left:35px;*/
	padding-top:3px;
	/*font-size:13px;*/
	text-transform:UPPERCASE;
	/*border:1px solid #ff0000;*/
	display:block;
}
.brochure:hover{
	color:#a52a1a;
}
#carte{
	width:229px;
	height:110px;
	margin-right:12px;
	float:left;
}
#temporama{
	width:229px;
	height:110px;
	float:left;
	margin-right:12px;
}
#espacepro{
	float:left;
	width:229px;
	height:110px;
	margin-right:0px;
	background-image:url(images/bloc_espacepro.gif);
 	background-repeat: no-repeat;
	/*border:1px solid #ff0000;*/
}
#espacepro ul{	
	width:170px;
	margin-top:30px;
	/*border:1px solid #00ff00;*/
}
#espacepro li{
	margin-bottom:3px;
	margin-left:28px;
	float:left;
	display: inline; 
	text-align: left;
	width:auto;
	padding-right:20px;
	/*border:1px solid #0000ff;*/
}
#espacepro a{	
	color:#ffffff;
	background-image: url(images/puce_carre_visite2.gif);
 	background-repeat: no-repeat;
	background-position: 0.1em 0.3em;
	padding-left:15px;
	text-transform:UPPERCASE;
	/*border:1px solid #ffff00;*/
}
#espacepro a:hover{
	color:#a52a1a;
	background-image: url(images/puce_carre_rouge.gif);
 	background-repeat: no-repeat;
	background-position: 0.1em 0.3em;
	padding-left:15px;
}
/********************************** CONTENEUR FOOTER  ***********************************/
#footer{
	float:left;
	width:955px;
	height:350px;
	margin:auto;
	margin-top:11px;
	margin-left:0px;
	background-image:url(images/fond_footer.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
html>body #footer{
	margin-top:14px;
}
html:not([lang*=""]) #footer{
	margin-top:15px;
}
.footer_titre{
	float:left;
	width:100%;
	height:auto;
	color:#FFFFFF;
	font-size:14px;
	font-weight::600;
}
.footer_titre0{
	float:left;
	width:100px;
}
#footer a{
	color:#fff;
	width:250px;
	font-size:11px;
	border:0px solid #ff0000;
}
#contenu_footer_nav1{
	float:right;
	width:auto;
	height:auto;
	right:0;
	margin-top:3px;
}
#navigation_footer1{
	float:left;
	width:210px;
	height:150px;
	margin-left:0px;
}
#navigation_footer2{
	float:left;
	width:220px;
	height:auto;
	margin-left:0px;
}
#navigation_footer3{
	float:left;
	width:240px;
	height:auto;
	margin-left:0px;
}
#navigation_footer4{
	float:left;
	width:130px;
	height:auto;
	margin-left:0px;
}
#navigation_footer5{
	float:left;
	width:120px;
	height:auto;
	margin-left:0px;
}
/********************************** CONTENU  ******************************************************************************************************/
#conteneur_super2{
	float:left;
	width: 100%;
	height:auto;
	margin:auto;
	background-color:#a8aaab;
}
#conteneur_header{
	width: 100%;
	float:left;
	height:264px;
	margin:auto;
	/*background-image:url(images/fond_int1.jpg);
	background-repeat:repeat-x;
	background-position:center;	*/
	border:0px solid #ff0000;
}
#header2{
	margin:auto;
	width:960px;
	height:233px;
	margin-top:0px;
}
#header_logo2{
	float:left;
	margin-left:20px;
	width: 289px;
	height: 121px;
}
/**** NAVIGATION2 CONTENU BARRE***********************************/
#navigation2_contenu{
	margin:auto;
	width:950px;
	height:20px;
	padding-top:0px;
}
html>body #navigation2_contenu{
	margin:auto;
	width:950px;
	height:15px;
	padding-top:5px;
}
#barre_contenu{
	width: 100%;
	height:30px;
	float:left;
	margin:auto;
	background-image:url(images/barre_rouge.gif);
	background-repeat:repeat-x;
	
}
#ph_photo{
	width: 100%;
	float:left;
	height:228px;
	text-align:center;
	margin-top:-5px;
	
	background-repeat:no-repeat;
	background-position:center top;
}
html>body #ph_photo{
	height:233px;
	margin-top:0px;
}
/**** NAVIGATION_CONTENU ***********************************/
#nav_contenu{
	float:left;
	width:959px;
	height:98px;
	margin-top:17px;
	background-image:url(images/navigation_fond2.gif);
	background-repeat:no-repeat;
}
/*Hack IE8 ET FF*/
html>/**/body #nav_contenu{
	background-image:url(images/navigation_fond2.png);
}
#nav_contenu_uk{
	float:left;
	width:959px;
	height:98px;
	margin-top:17px;
	background-image:url(images/navigation_fond2_uk.gif);
	background-repeat:no-repeat;
}
/*Hack IE8 ET FF*/
html>/**/body #nav_contenu_uk{
	background-image:url(images/navigation_fond2_uk.png);
}
#navigation_contenu{
	float:left;
	width:705px;
	height:auto;
	font-size:13px;
	margin-left:-30px;
	margin-top:57px;
	font-weight:600;
	letter-spacing:-0.05em;	
}
/*Hack IE8 ET FF*/
html>/**/body #navigation_contenu{
	padding-top:43px;
	margin-top:0;
	font-weight:600;
}
/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#navigation_contenu{
	font-size:11px;
	height:42px;
			}
}
/**** NAVIGATION ***********************************/
#navigation_contenu ul{
	font-size: 14px;
	float:left;
	display: inline; 
	text-align: left;
	width:auto;
	list-style:none;
}
#navigation_contenu li{
	float:left;
	display: inline; 
	text-align: left;
	width:auto;
	padding-right:20px;
}
#navigation_contenu a{
	color:#8a9493;
	font-weight:600;
	background-image: url(images/puce_carre_gris.gif);
 	background-repeat: no-repeat;
	background-position: 0.1em 0.3em;
	padding-left:15px;
	text-transform:UPPERCASE;
}
#navigation_contenu a:hover{
	color:#a52a1a;
	background-image: url(images/puce_carre_rouge.gif);
 	background-repeat: no-repeat;
	background-position: 0.1em 0.3em;
	padding-left:15px;
}

#navigation_contenu a.actif{
	color:#8B1D0F;
	font-weight:600;
	background-image: url(images/puce_carre_noir.gif);
 	background-repeat: no-repeat;
	background-position: 0.1em 0.3em;
	padding-left:15px;
}

#navigation_contenu a.actif:hover{
	color:#E11D0F;
	background-image: url(images/puce_carre_rouge2.gif);
 	background-repeat: no-repeat;
	background-position: 0.1em 0.3em;
	padding-left:15px;
}



#visite{
	float:left;
	width:190px;
	height:12px;
	border:0px solid #ff0000;
}
html:not([lang*=""]) #visite{
	float:left;	
}
html>/**/body #visite{
	float:left;	
	margin-left:50px;
	margin-top:12px;
	height:26px;
}
html:not([lang*=""]) #visite{
	float:left;	
	margin-top:14px;
}

/**//*/ #visite {
  border:1px solid red;
}/* */


#visite a{
	color:#2791A9;
	background-image: url(images/puce_carre_visite.gif);
 	background-repeat: no-repeat;
	background-position: 0.1em 0.3em;
	padding-left:15px;
}
#visite a:hover{
	color:#fff;
	background-image: url(images/puce_carre_visite2.gif);
 	background-repeat: no-repeat;
	background-position: 0.1em 0.3em;
	padding-left:15px;
}


/**** LACHER DEAU ***********************************/

#lacherdeau_contenu{
	position:absolute;
	margin-left:680px;
	margin-top:33px;
	/*float:right;*/
	width:270px;
	color:#fff;
	/*margin-top:32px;*/
	/*border:1px solid #ff00ff;*/
}
/*Hack IE8 ET FF*/
html>body #lacherdeau_contenu{
	margin-left:-275px;
	margin-top:-45px;
	/*border:1px solid #0000ff;*/
}
html>/**/body #lacherdeau_contenu{
	margin-left:680px;
	margin-top:33px;
	/*border:1px solid #ffff00;*/
}
html:not([lang*=""]) #lacherdeau_contenu{
	margin-left:680px;
	margin-top:33px;
	/*border:1px solid #00ff00;*/
}
/**** NAVIGATION CONTENU2 ***********************************/
#navigation_contenu2{
	float:left;
	width:940px;
	margin-top:0px;
	margin-left:10px;
	color:#FFFFFF;
	border:0px solid #ff0000;
}
html>body #navigation_contenu2{
	margin-left:12px;
}
/*Hack IE8 ET FF*/
html>/**/body #navigation_contenu2{
	float:left;
	width:auto;
	margin-top:-4px;
	margin-left:12px;
}

#grands_menus{
	/*border:01px solid #ff0000;*/
	height:20px;
	width:690px;
}
html>/**/body #grands_menus{
	/*border:01px solid #00ff00;*/
	margin-top:14px;
}

#grands_menus_inter{
	/** /
	border:01px solid #ff0000;
	/**/
	height:20px;
	width:690px;
}
html>/**/body #grands_menus_inter{
	/*border:01px solid #00ff00;*/
	margin-top:14px;
}

#menu1{
	/** /
	border:01px solid #00ff00;
	/**/
	width:40px;
	height:25px;
	float:left;
}

#menu2{
	/** /
	border:01px solid #00ff00;
	/**/
	width:335px;
	height:25px;
	float:left;
}

#menu3{
	text-align:left;
	/** /
	border:01px solid #0000ff;
	/**/
	width:305px;
	height:25px;
	float:left;
}

/**/
#menu3 a{
	text-align:left;
	color:#2791A9;
	background-image: url(images/puce_carre_visite.gif);
 	background-repeat: no-repeat;
	background-position: 0.1em 0.3em;
}
#menu3 a:hover{
	color:#fff;
	background-image: url(images/puce_carre_visite2.gif);
 	background-repeat: no-repeat;
	background-position: 0.1em 0.3em;
}
/**/
.sep{
	float:left;
}
.ico_nav2{
	float:left;
}


#navigation_contenu2 a.actif2{
	float:left;
	font-size:12px;
	padding-left:6px;
	padding-right:6px;
	color:#A52A1A;
	/*
	border:01px solid #00ff00;
	font-weight:bold;
	*/
}

#navigation_contenu2 a{
	float:left;
	font-size:12px;
	color:#fff;
	padding-left:6px;
	padding-right:6px;
}
#navigation_contenu2 a:hover{
	font-size:12px;
	color:#f7e9b8;
	padding-left:6px;
	padding-right:6px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#navigation_contenu2 a{
	font-size:11px;
}
#navigation_contenu2 a:hover{
	font-size:11px;
}
}
/**** CONTENU ***********************************/
#conteneur2{
	width: 960px;
	margin:auto;
	margin-top:0px;
}
#contenu{
	float:left;
	width:960px;
	padding-left:10px;
	background-image:url(images/fond_contenu2.gif);
	margin-top:0px;
	margin-left:0px;
}
html>body #contenu{
	margin-left:-5px;
}
#contenu_simple{
	float:left;
	width:960px;
	padding-left:10px;
	/*background-image:url(images/fond_contenu2.gif);*/
	background-image:url(images/fond_contenu3.gif);
	margin-top:0px;
	margin-left:0px;
}
html>body #contenu_simple{
	margin-left:-5px;
}
#contenu_simple_bl{
	float:left;
	width:960px;
	padding-left:10px;
	/*background-image:url(images/fond_contenu2.gif);*/
	background-image:url(images/fond_contenu3_bl.gif);
	margin-top:0px;
	margin-left:0px;
}
html>body #contenu_simple_bl{
	margin-left:-5px;
}

#titre_contenu{
	float:left;
	width:938px;
	height:50px;
	margin-top:3px;
	background-color:#FFFFFF;
}
#titre_contenu_txt{
	float:left;
	width:auto;
	color:#c8b575;
	padding-top:10px;
	padding-left:20px;
	font-size:22px;
	font-weight:600;
	letter-spacing:-0.05em;
}
#contenu_contenu{
	float:left;
	width:925px;
	padding-left:10px;
	padding-bottom:20px;
}
#contenu_gauche{
	float:left;
	width:600px;
	padding-left:10px;
	padding-right:32px;
	text-align:justify;
}
#contenu_droite{
	float:left;
	width:247px;
	padding-left:10px;
}
.img_contenu{
	float:left;
	width:150px;
	height:200px;
	margin-right:10px;
}
.texte_contenu1{
	float:left;
	width:438px;
	height:auto;
	font-size:12px;
	color:#757865;
}
.texte_contenu2{
	float:left;
	width:598px;
	height:auto;
	font-size:12px;
	color:#757865;
}
.titre1{
	float:left;
	width:458px;
	color:#c8b575;
	font-size:12px;
	font-weight:600;
}
.titre2{
	float:left;
	width:618px;
	color:#c8b575;
	font-size:12px;
	font-weight:600;
}
/**** BLOCS ***********************************/
#blocs2{
	float:left;
	margin-top:10px;
	margin-left:20px;
}
#intro_blocs{
	float:right;
	text-align:right;
	width:200px;
	margin-right:5px;
	margin-bottom:22px;
	font-size:12px;
	font-weight:600;
	color:#AA2F1F;
}
#chantierinfos2{
	float:left;
	width:229px;
	height:110px;
	margin-bottom:22px;
	background-image:url(images/bloc_infoschantier2.gif);
	background-repeat:no-repeat;
	text-align:left;
}
#carte2{
	float:left;
	width:229px;
	height:110px;
	margin-bottom:22px;
}
#temporama2{
	float:left;
	width:229px;
	height:110px;
	margin-bottom:22px;
}
#espacepro2{
	float:left;
	width:229px;
	height:110px;
	margin-bottom:22px;
	background-image:url(images/bloc_espacepro2.gif);
	background-repeat:no-repeat;
	text-align:right;
}
#espacepro2 ul{	
	margin-left:5px;
	margin-top:30px;
}
#espacepro2 li{
	margin-bottom:3px;
	margin-left:8px;
	float:left;
	display: inline; 
	text-align: left;
	width:auto;
	padding-right:20px;
}
#espacepro2 a{	
	color:#ffffff;
	/*background-image: url(images/puce_tri_off.gif);*/
 	background-repeat: no-repeat;
	background-position: 0.1em 0.3em;
	padding-left:15px;
	text-transform:UPPERCASE;
}
#espacepro2 a:hover{
	color:#000000;
	/*background-image: url(images/puce_tri_on.gif);*/
 	background-repeat: no-repeat;
	background-position: 0.1em 0.3em;
	padding-left:15px;
}
#conteneur_footer{
	float:left;
	width: 100%;
	height:350px;
	margin:auto;
	background-color:#373735;
}
/**** FOOTER ***********************************/
#footer2{
	width:960px;
	height:350px;;
	margin:auto;
	margin-top:0px;
	background-image:url(images/fond_footer.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
#footer2 a{
	color:#fff;
	width:250px;
	font-size:11px;
	border:0px solid #ff0000;
}
#credit{
	float:right;
	width:440px;
	font-size:10px;
	font-weight:600;
	text-align:right;
	color:#636364;
	padding-right:10px;
}
#credit a{
	color:#636364;
}
#mentions{
	float:left;
	width:440px;
	font-size:10px;
	font-weight:600;
	text-align:left;
	padding-left:10px;
	color:#636364;
}
#mentions a{
	color:#636364;
}
/********************************** CHANTIER ******************************************************************************************************/
.tete1{
	color:#fff;
	float:left;
	width:428px;
	font-size:12px;
	font-weight:600;
	padding-left:10px;
	margin-bottom:5px;
	background-color:#c8b575;
}
/**** ETAPE LISTE ***********************************/
.etape{
	float:left;
	width:400px;
	height:30px;
}
.etape a{
	text-decoration:underline;
	color:#AA2F1F;
	font-weight:600;
}
.etape a:hover{
	text-decoration:underline;
	color:#747764;
	font-weight:600;
}
.puce_etape{
	float:left;
	width:25px;
	height:25px;
	margin-top:-5px;
}
.etape_bloc{
	float:left;
	width:900px;
	height:auto;
	margin-left:10px;
	margin-bottom:20px;
}
.tete2{
	color:#fff;
	float:left;
	width:588px;
	font-weight:600;
	font-size:12px;
	padding-left:10px;
	margin-bottom:5px;
	background-color:#AA2F1F;
}
.sous_titre{
	color:#fff;
	width:588px;
	font-weight:600;
	font-size:12px;
	padding:5px;
	margin-bottom:5px;
	background-color:#AA2F1F;
}
.sous_titre2{
	color:#fff;
	width:588px;
	font-weight:600;
	font-size:12px;
	padding:5px;
	margin-bottom:5px;
	background-color:#C8B575;
}
.etape_txt{
	float:left;
	font-size:12px;
	color:#757865;
	width:598px;
}
.retour_ancre{
	float:right;
	margin-top:15px;
	
}
.fl_retour_ancre{
	float:left;
	margin-top:0px;
}
.retour_ancre a{
	padding-top:0px;
	color:#CFB874;
	text-decoration:underline;
}
.etape_legende_bloc{
	float:left;
	font-size:12px;
	color:#000;
	width:430px;
}
.etape_legende{
	float:left;
	width:auto;
	margin:10px;
}
/**** ETAPES DETAILS ***********************************/
#etapes{
	float:left;
	margin-left:15px;
	margin-top:15px;
}
.etape_mois{
	float:left;
	width:588px;
	color:#c8b575;
	font-weight:600;
	text-decoration:underline;
	margin-top:3px;
	margin-bottom:5px;
}
/**** MEDIAS ***********************************/
.medias{
	float:right;
	margin-top:-20px;
	width:268px;
	height:auto;
	text-align:left;
}
.nav_media{
	width:268px;
	text-align:right;
}
html>body .nav_media{
	position:absolute;
	z-index:2;
}
.nav_media_rouge{
	float:right;
	margin-right:1px;
	margin-top:1px;
	color:#fff;
	/*width:70px;*/
	padding-left:5px;
	padding-right:5px;
	background-color:#B42B23;
}
html>body .nav_media_rouge{
	margin-right:2px;
}
.nav_media a, .nav_media a:hover{
	color:#fff;
}
/**** MEDIAS DOC ***********************************/
.img_doc{
	float:left;
	width:49px;
	height:69px;
	margin-left:10px;
	border:1px solid #8b1d0f;
}
.img_doc_simple{
	float:left;
	width:49px;
	height:69px;
	margin-left:10px;
	/*border:1px solid #8b1d0f;*/
}
.bloc_descr{
	float:right;
	width:180px;
	height:70px;
}
.txt_r a{
	width:180px;
	float:left;
	color:#AA2F1F;
	font-weight:600;
	margin-bottom:8px;
	text-decoration:underline;
	/*border:1px solid #8b1d0f;*/
}
.txt_b a{
	width:180px;
	float:left;
	color:#c8b575;
	font-weight:600;
	margin-bottom:8px;
	text-decoration:underline;
	/*border:1px solid #1d0f8b;*/
}
.txt_g{
	width:180px;
	float:left;
	color:#8B9493;
	font-weight:600;
	/*border:1px solid #0f8b1d;*/
}
/**** MEDIAS PHOTO VIDEO ***********************************/
.photo_video{
	float:left;
	width:267px;
	height:231px;
	margin-left:10px;
}
.photos{
	z-index:1;
	width:265px;
	height:180px;
	/*border:1px solid #8B9493;*/
	border:0px solid #8B0000;
	text-align:center;
	vertical-align:middle; 
	
}
.icone{
	border:0px;
	cursor:pointer;
}
.photo{
	border:1px solid #8B9493;
	vertical-align:middle; 
	cursor:pointer;
}
.video{
	z-index:1;
	width:265px;
	height:198px;
	border:1px solid #8B9493;
}
/**** MEDIAS navigation***********************************/
.bloc_navmedia{
	padding-top:3px;
	float:left;
	width:267px;
	height:auto;
}
.fl_gauche{
	float:left;
	width:17px;
	width:17px;
}
.fl_droite{
	float:left;
	width:17px;
	width:17px;
}
.infos_media{
	float:left;
	width:223px;
	color:#8b1d0f;
	padding-left:5px;
	padding-right:5px;
}
.infos_media_t1{
	float:left;
	width:223px;
	text-align:center;
	font-size:12px;
	color:#AA2F1F;
	text-decoration:underline;
}
.infos_media_t2{
	float:left;
	width:223px;
	text-align:center;
	font-size:10px;
	color:#8b1d0f;
}
/********************************** MEDIATHEQUE **/
#filtres{
	float:left;
	/*border:1px solid #ff0000;*/
	width:100%;
}
.filtre{
	float:left;
	margin:10px;
	/*border:1px solid #00ff00;*/
}
.filtre2{
	float:right;
	/*width:470px;*/
	margin:10px;
	margin-right:0;
	text-align:right;
	/*border:1px solid #0000ff;*/

}
.pagination{
	float:right;
	text-align:right;
	width:100%;
}
.apagination{
	color:#666;
	font-weight:600;
}
.bpagination{
	color:#ab2f1f;
	font-weight:600;
	text-decoration:underline;
}
#sep_mediatheque{
	float:left;
	width:100%;
	height:1px;
	border-top:1px solid #C3C0A1;
	margin-bottom:4px;
}
#sep_mediatheque_bas{
	float:left;
	width:100%;
	height:1px;
	border-top:1px solid #C3C0A1;
	margin-top:8px;
}
#mediatheque{
	float:left;
}
.ligne{
	float:left;
	width:100%;
	height:170px;
	margin-bottom:0px;
}
.vignette{
	float:left;
	width:165px;
	height:153px;
	margin:9px;
	margin-bottom:0;
}
.photo_mediatheque{
	position: relative;
	z-index:2;
	width:162px;
	height:122px;
	text-align:center;
	border:1px solid #8A8D92;
	background-color:#2A2937;
}
.icone_media{
	position:absolute;
	z-index:3;
	margin-top:-40px;
	margin-left:120px;
}
*+html .icone_media{
	position:absolute;
	z-index:2;
	margin-top:-52px;
	margin-left:-40px;
}
	
.icone_media_chantier{
	position:relative;
	z-index:3;
	top:-205px;
	left:-12px;
	width:40px;
	
}
/*
*+html .icone_media_chantier{
	position:absolute;
	z-index:2;
	margin-top:-52px;
	margin-left:-40px;
}
*/
.icone_video_chantier{
	position:relative;
	z-index:3;
	top:-158px;
	left:72px;
}
/*
*+html .icone_video_chantier{
	position:absolute;
	z-index:2;
	margin-top:-52px;
	margin-left:-40px;
}
*/
.photo_nom{
	float:left;
	width:163px;
	font-size:12px;
	font-weight:600;
	text-decoration:underline;
	color:#ab2f1f;
	text-align:center;
}
.photo_date{
	float:left;
	width:163px;
	font-size:10px;
	color:#ab2f1f;
	text-align:center;
}

.lien_extranet{
	color:#a52a1a;
	background-image: url(images/fl_retour_ancre.gif);
 	background-repeat: no-repeat;
	background-position: 0em 0em;
	padding-left:25px;	
	margin-left:10px;	
}
.no_lien_extranet{
	/*color:#a52a1a;*/
	/*background-image: url(images/fl_retour_ancre.gif);*/
 	/*background-repeat: no-repeat;
	background-position: 0em 0em;*/
	/*padding-left:25px;	*/
	margin-left:10px;	
}

.extranet_categorie{
	padding-top:10px;
}

.bonjourextranet{
	font-size:12px;
	font-weight:600;
	color:#ab2f1f;	
}

.lien_deco{
	font-size:10px;
	color:#ab2f1f;	

}