#header {float:left; width:990px; height:153px;}

.colortal{color:#4477ac;}
.colorrea{color:#883546;}
.colorexp{color:#7daf59;}
.colorqui{color:#01366c;}

#imagehaut {
	float:left;
	width:990px;
	height:80px;
	background-repeat: no-repeat;
	border-top:1px solid #cdd2d6;
}

#nav {float:left; width:975px; margin-left:8px; margin-top:10px;padding-bottom:10px;}

#navborder{float:left; width:970px; border:1px solid #cdd2d6;}

.ongrub1tal {float:left;width:200px;height:28px;line-height:28px;background:url('fr/images/$file/ongrubleft1.jpg') no-repeat 0 0;border-bottom:7px solid #4477ab;color:#FFFFFF;border-left:1px solid #cdd2d6;}
.ongrub2tal {float:left;width:200px;height:28px;line-height:28px;background:url('fr/images/$file/ongrubmiddle1.jpg') no-repeat 0 0;border-bottom:7px solid #4477ab;color:#c27181;}
.ongrub3tal {float:left;width:200px;height:28px;line-height:28px;background:url('fr/images/$file/ongrubright1.jpg') no-repeat 0 0;border-bottom:7px solid #4477ab;color:#b6c77f;}

.ongrub1rea {float:left;width:200px;height:28px;line-height:28px;background:url('fr/images/$file/ongrubleft2.jpg') no-repeat 0 0;border-bottom:7px solid #c27181;color:#4477ab;}
.ongrub2rea {float:left;width:200px;height:28px;line-height:28px;background:url('fr/images/$file/ongrubmiddle2.jpg') no-repeat 0 0;border-bottom:7px solid #c27181;color:#FFFFFF;}
.ongrub3rea {float:left;width:200px;height:28px;line-height:28px;background:url('fr/images/$file/ongrubright2.jpg') no-repeat 0 0;border-bottom:7px solid #c27181;color:#b6c77f;}

.ongrub1exp {float:left;width:200px;height:28px;line-height:28px;background:url('fr/images/$file/ongrubleft3.jpg') no-repeat 0 0;border-bottom:7px solid #b6c77f;color:#4477ab;}
.ongrub2exp {float:left;width:200px;height:28px;line-height:28px;background:url('fr/images/$file/ongrubmiddle3.jpg') no-repeat 0 0;border-bottom:7px solid #b6c77f;color:#c27181;}
.ongrub3exp {float:left;width:200px;height:28px;line-height:28px;background:url('fr/images/$file/ongrubright3.jpg') no-repeat 0 0;border-bottom:7px solid #b6c77f;color:#FFFFFF;}

.ongrub1vide {float:left;width:200px;height:28px;line-height:28px;background:url('fr/images/$file/ongrubleft3.jpg') no-repeat 0 0;border-bottom:7px solid #cdd2d6;color:#4477ab;}
.ongrub2vide {float:left;width:200px;height:28px;line-height:28px;background:url('fr/images/$file/ongrubmiddle1.jpg') no-repeat 0 0;border-bottom:7px solid #cdd2d3;color:#c27181;}
.ongrub3vide {float:left;width:200px;height:28px;line-height:28px;background:url('fr/images/$file/ongrubright1.jpg') no-repeat 0 0;border-bottom:7px solid #cdd2d6;color:#b6c77f;}

#ongletsrubrique a{
	float:left;
	font-weight:bold;
	font-size:1.3em;
	text-decoration:none;
	text-indent:10px;
}

#cheminfer {
	padding-top:3px;
	padding-bottom:3px;
	margin-left:10px;
	width:900px;
}

#contentleft {
	float:left;
	margin-left:10px;
	margin-bottom:20px;
	width:620px;
	border:1px solid #cdd2d6;
}

#contentright {float:left;width:328px;}

#contentleft p{padding:10px;font-size:0.90em;}

#contentleft h1 {margin:5px 0 0 10px;font-weight:bold;}
#contentleft h2 {padding-top:10px;font-weight:bold;}

.pixd{float:right; margin-top:5px;}
.pixg{float:left; margin-top:5px;}

.pixgbordtal {margin-left:10px; border-left:10px solid #4477ac;background-color:#eaebeb; margin-right:5px;padding:0 10px 0 10px !important;}
.pixgbordrea {margin-left:10px; border-left:10px solid #c27181;background-color:#eaebeb; margin-right:5px;padding:0 10px 0 10px !important;}
.pixgbordexp {margin-left:10px; border-left:10px solid #b7c780;background-color:#eaebeb; margin-right:5px;padding:0 10px 0 10px !important;}
.pixgbordquiz {text-align:right; margin-top:10px; margin-left:10px; border-left:10px solid #e20024;background-color:#eaebeb; margin-right:10px;padding:0 10px 0 10px !important;}

.bimg {border-left:10px solid #ffffff; margin-right:-10px;}

#contentleftvignetteseule {float:left;margin:10px 0 0 10px;width:597px;height:auto;border:1px solid #cdd2d6;}
#contentleftvignettemini {margin:0; padding:0;}
#contentleftvignette1 {float:left;margin:10px 0 0 10px;width:230px;height:280px;border:1px solid #cdd2d6;}
#contentleftvignette2 {float:left;margin:10px 0 0 5px;width:360px;height:280px;border:1px solid #cdd2d6;}
#contentleftvignette3 {float:left;margin:10px 0 10px 10px;width:360px;height:280px;border:1px solid #cdd2d6;}
#contentleftvignette4 {float:left;margin:10px 0 0 5px;width:230px;height:280px;border:1px solid #cdd2d6;}

#contentleftvignetteseule p,#contentleftvignette1 p,#contentleftvignette2 p,#contentleftvignette3 p,#contentleftvignette4 p{padding:0 10px 0 10px;font-size:0.90em;}

.contenttext{margin-bottom:15px; margin-top:10px;}
.contenttext a {display:block; text-align:right; padding-right:15px;}
.contenttextvignette{padding:5px; margin:5px;}

.pixgbordvignettetal { text-align:right;border-left:10px solid #4477ac;background-color:#eaebeb;clear:both}
.pixgbordvignetterea { text-align:right;border-left:10px solid #c27181;background-color:#eaebeb;clear:both}
.pixgbordvignetteexp { text-align:right;border-left:10px solid #b7c780;background-color:#eaebeb;clear:both}
.pixgbordvignettequi { text-align:right;border-left:10px solid #01366c;background-color:#eaebeb;clear:both}

.textvignette{margin:10px 0 10px 0;} 

#contentleftcadrefiche{float:left; width:600px !important;width:575px; height:auto; border:1px solid #cdd2d6; margin:10px; overflow:auto;}
.contentleftvignettemini{float:left;width:194px !important; width:185px; height:130px; margin:0; padding:0;}
#contentleftcadrefiche p {margin:10px 4px 0 0;padding:0;}
#contentleftcadrefiche p img{border-left:15px solid #4477ac;border-top:1px solid #cdd2d6;border-bottom:1px solid #cdd2d6; border-right:1px solid #cdd2d6;}

#inforelatives ul{padding-left:10px;}

#inforelatives li{
	float:left;
	display:list-item;
	padding-left:7px;
	padding-bottom:10px;
	margin-right:5px;
	border-left:10px solid #9aa6b0;
}

#inforelatives a {color:#000000;}

#contentright img {border:1px solid #ced3d7;margin-left:5px;margin-right:5px;}

#contentright .ongcontext1,.ongcontext2,.ongcontext3,.ongcontext4,.ongcontext5 {
	float:left;
	font-weight:bold;
	color:#FFFFFF;
	text-indent:10px;
	width:290px;
	height:21px;
	line-height:21px;
	padding:0;
	margin:0;
}

.ongcontext1 {background:url('fr/images/$file/ongrubcontext1.jpg') no-repeat right 0; font-size:1.2em;}
.ongcontext2 {background:url('fr/images/$file/ongrubcontext2.jpg') no-repeat right 0; font-size:1.2em;}
.ongcontext3 {background:url('fr/images/$file/ongrubcontext3.jpg') no-repeat right 0; font-size:1.2em;}
.ongcontext4 {background:url('fr/images/$file/ongrubcontext4.jpg') no-repeat right 0; font-size:1.2em;}
.ongcontext5 {background:url('fr/images/$file/ongrubcontext5.jpg') no-repeat right 0; font-size:1.2em;}

.divcadrecontext{
	float:left;
	width:288px !important;
	width:288px;
	padding:0;
	margin-top:5px;
	border:1px solid #ced3d7;
}

.textpad {padding:5px;}
 
#contentrightsousmenu p {float:left;width:317px !important;margin-right:5px;}

#sousmenuborder {
	float:left;
	width:316px !important;
	width:317px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-top:1px solid #cdd2d6;
	border-right:1px solid #cdd2d6;
	border-bottom:1px solid #cdd2d6;
}

#contentrightsousmenu ul{font-weight:bold;}
.liensousmenutal,.liensousmenutal a {color:#4477ac}
.liensousmenurea,.liensousmenurea a {color:#883546}
.liensousmenuexp,.liensousmenuexp a {color:#7daf59}
.liensousmenuqui,.liensousmenuqui a {color:#01366c}
.liensousmenuquiz,.liensousmenuquiz a {color:#ac121c}

#contentrightsousmenu ul li ul li{border:0;font-weight:normal;}
.activecontentsm{color:#e20025 !important;}

#contentrightsousmenu li{padding-left:10px;display:list-item;list-style:disc inside;}
#contentrightsousmenu li ul li {padding-left:10px;display:list-item;list-style:circle inside;line-height:1.2em;}

#contentlistedocument div {height:160px;margin:5px;border:1px solid #cdd2d6;}

#footer{float:left;width:970px;height:30px;font-size:0.9em;color:#8c9092;}
#footer a {padding-left:10px;color:#8c9092;}
.spacerfooter{padding-left:10px;}
.footerleft{float:left;margin:10px 10px 10px 0;}
.footerright{float:right;margin:10px;}

#contentleft a {color:#000;text-align:right;}
#contentleft a:hover {color:#ff0000 !important;}

.listechantier li {display:list-item;list-style:circle inside;line-height:1.2em;padding-left:20px;}

/*A la une*/
.boxpix{border-top:1px solid #779dbf;width:100%;padding-top:5px;}
.contratDiv{border:1px solid #c5c5c6;float:left;width:350px;border-color:#6cabd9;padding:.5em;margin:10px 0px 20px 5px;}
.contratLib{font-weight:bold;color:#000;}

/*Sites du groupe*/
.Label{font-size:1.1em;font-weight:bold;color:#000;}

/*communique*/
#contentleft .date,#contentleft .auteur{padding-top:10px;text-align:right;}
#contentleft h3,#contentleft h4{padding-left:10px;padding-bottom:10px;}

.questionquiz{ border:1px solid #CC0000; padding:5px 0 10px 0; margin:10px;}
.questionquiz h3 {color:#CC0000;}
.resultatquiz h3 {color:#CC0000;}
.reponsequiz{width:20px; border:0px; color:#000000; vertical-align:middle; margin-left:20px; margin-right:5px;}
.validationquiz {width:130px !important; background-color:#cc0000; color:#ffffff !important; border:1px solid #cdd2d6; font-size:1em !important; margin-left:240px;}
.resultatquiz{ border:1px solid #CC0000; padding:5px 10px 10px 10px; margin:10px;}
.lienback {text-align:right;}
#quiz h1 {margin:20px 10px  20px 10px;font-size:1.5em;color:#cc0000;}



/*Google Maps*/
#contenantmap{
  margin:10px 0 0 10px;
  top:52px;
  z-index:1;
  float:left;
  width:595px;
  height:auto;
  border:#000 1px solid;
}

#map{
	float:left;
	width:595px;
	height:400px;
}
#side_bar{
	overflow:auto;
	float:left;
	width:595px;
	height:auto;
	background-color:#ffffff;
}

#side_bar li {display:list-item;list-style:none;}
#side_bar h5 {background:url('fr/images/$file/ongrubcontext4.jpg') no-repeat left 0; color:#ffffff; font-size:1.2em; padding-left:10px !important; margin-top:10px !important;}
#side_bar img {margin:0 5px 0 5px;}
#legende {float:left; display:inline; background-color:#ffffff; border-top:1px solid #000000; border-bottom:1px solid #000000; width:100%; height:30px;}
#legende img {vertical-align:middle; padding:2px 0 2px 0 !important;}
.sidebarregion{font-weight:bold; line-height:2em; padding-left:5px;}
.sidebarlegende {font-size:1.2em; font-weight:bold; margin:0 30px 10px 10px !important;}

.imgloading{
	margin-left:319px;
	margin-top:209px;
}

/*Recuperation googlemaps contact - itinéraires*/
#geolocalisation {height: 400px;width: 615px;border: 1px solid #CFDBE9;margin: 0 1px;}
#directions {width: 615px;}
label {display:block;padding-top:0.75em;}
#contentleft fieldset .bouton {background:#FFFFFF none repeat scroll 0 0;border:2px solid #6CAAD8;color:#6CAAD8;font-weight:bold;padding:2px 2em;width:auto;}
#contentleft fieldset .bouton:hover {background:#6caad8 none repeat scroll 0 0;border-color:#ffffff;color:#ffffff}

.geolocnew {font-weight:bold; color:#CC0000; font-size:0.75em; vertical-align:top;}
.titrebulle {font-weight:bold; color:#02356c; font-size:1.2em;}