/* ---( Menu )----------------------------------- */

#MenuPages { 	
	width: 213px;
	font-size: 71%;
	padding: 0;
	font-weight: bold;
	float: left;
	margin-bottom: 10px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#MenuPages { 	
	width: 213px;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	padding: 0;
	float: left;
	margin-bottom: 10px; }
}
	
#MenuPages ul {
	padding: 0;
	list-style: none;
	width: 207px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(/medias/communs/bgmenuULNiv01.jpg);
	background-repeat: repeat;

}
#MenuPages li {
	margin: 0;
	padding: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#MenuPages li a {
	display: block;
	text-decoration: none;
	padding: 8px;
	margin: 0;
	text-align: left;
	text-transform: uppercase;
	color: #FFFFFF;
}
#MenuPages li a:hover {
	display: block;
	text-decoration: none;
	padding: 8px;
	margin: 0;
	text-align: left;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #0083C6;
}

/* ---( SousMenu )----------------------------------- */


#MenuPages ul li ul {
	font-size: 90%;
	background-image: url(/medias/communs/bgMenuToiture.jpg);
	background-repeat: repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
#MenuPages ul li ul li {
	text-align: left;
	vertical-align: middle;
	display: block; 
	text-decoration: none; 
}
#MenuPages ul li ul li a {
	display: block;
	text-decoration: none;
	margin: 0;
	text-align: left;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 25px;
	vertical-align: middle;
	background-image: url(/medias/communs/mstr_puce.gif); background-repeat: no-repeat; background-position: 8px 0.5em;
}
#MenuPages ul li ul li a:hover {
	display: block;
	text-decoration: none;
	margin: 0;
	text-align: left;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #0083C6;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 25px;
	vertical-align: middle;
	background-image: url(/medias/communs/mstr_puce-roll.gif); background-repeat: no-repeat; background-position: 8px 0.5em;
}

/* ---( SousSousMenu )----------------------------------- */


#MenuPages ul li ul ul {
	font-size: 90%;
	background-image: url(/medias/communs/bgSousMenuToiture.jpg);
	background-repeat: repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;


}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#MenuPages ul li ul ul {
	font-size: 100%;
	background-image: url(/medias/communs/bgSousMenuToiture.jpg);
	background-repeat: repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;


}
}

#MenuPages ul li ul ul li {
	text-align: left;
	vertical-align: middle;
	display: block;
	text-decoration: none;
}

#MenuPages ul li ul ul li a {
	display: block;
	text-decoration: none;
	text-align: left;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 40px;
	vertical-align: middle;
	background-image: url(/medias/communs/mstr_puce2.gif); background-repeat: no-repeat; background-position: 8px 0.5em;
}
#MenuPages ul li ul ul li a:hover {
	display: block;
	text-decoration: none;

	text-align: left;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #0083C6;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 40px;
	vertical-align: middle;
	background-image: url(/medias/communs/mstr_puce-roll2.gif); background-repeat: no-repeat; background-position: 8px 0.5em;
}



/* --- AJOUT NH --------------------------------- */
.actif{
	background-color: #0B6B9C;
}
.actif2{
	background-color: #005283;
}
.MenuTopActif{
	background-color: #E7E7E7;
	padding: 2px;
}


h1 {
	font-size: 95%;
	color: #595D60;
	margin: 5px 0px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	
	
}
h1.joindre {
	font-size: 95%;
	color: #595D60;
	margin: 15px 0px 15px 0px;
	padding:5px 0;
	font-weight: bold;
	float: left;
	width:100%;
	text-transform: uppercase;
	border-bottom:dotted 1px #9a9a9a;
}

h2 { 	
	font-size: 90%;
	color: #0B6B9C;
	margin: 15px 0px 22px 0px;
	font-weight: bold; 
}
	
h2.joindre { 	
	font-size: 90%;
	color: #0B6B9C;
	margin: 35px 0px 30px 0px;
	font-weight: bold; 
	border-bottom:dotted 1px #9a9a9a;
}


h3	{
	font-size: 85%;
	color: #0B6B9C;
	padding: 0px;
	font-weight: bold;
}
h4
{
	font-size: 80%;
	color: #0B6B9C;
	padding: 0px;
	font-weight: bold;
}
h5
{
	font-size: 75%;
	color: #0B6B9C;
	padding: 0px;
	font-weight: bold;
}
h6
{
	font-size: 70%;
	color: #0B6B9C;
	padding: 0px;
	font-weight: bold;
}

.divContent .boite{ width:600px;  padding-left:115px;}
.divContent a.boite1{ display:block; width:225px; height:80px; float:left; background-color:#f6f6f6; border:1px #d1d1d1 solid; text-align:center; padding:35px 15px 15px 15px; font-size:11px; text-transform:uppercase; color:#595d60; text-decoration:none;}

.divContent a.boite2{ display:block; width:225px; height:95px; float:left; background-color:#f6f6f6; border:1px #d1d1d1 solid; border-left:0px; text-align:center; padding: 20px 15px 15px 15px; font-size:11px; text-transform:uppercase; color:#595d60; text-decoration:none;}

.divContent a.boite1:hover{ color:#0392dc;}
.divContent a.boite2:hover{ color:#0392dc;}

.divContent a.boite1 span{ font-size:13px;}
.divContent a.boite2 span{ font-size:13px;}

.divContent .displayMode { background:url(/medias/communs/displaymode_bg.gif) repeat-x left bottom; height:25px; margin:20px 0 30px; width:733px;}
.displayMode h6 {float:left; margin:0; padding:2px 10px 0 0; font-size:12px; color:#0392dc;}
.divContent .displayMode ul {margin:0; padding:0; float:left;  background:none; list-style-image:none; list-style-type:none}
.divContent .displayMode li {margin:0 0px; padding:2px 0px 0px; background:none; float:left; width:auto; vertical-align:baseline;  font-size:12px; text-align:center;}
.divContent .displayMode li#pictureMode {width:90px}
.divContent .displayMode li#descMode {width:110px}
.divContent .displayMode li#mapMode {width:100px}
.divContent .displayMode li.active {border-left:1px solid #cccecf; border-right:1px solid #cccecf; border-bottom:1px solid #fff;}
.divContent .displayMode li a {font-weight:normal; color:#656a6e; text-decoration:none; display:block; padding-bottom:7px}
.divContent .displayMode li a:hover { font-weight:bold; }
.divContent .displayMode li.active a { font-weight:bold}
.divContent .displayMode li.active a span {background:url(/medias/communs/display_arrowdown.gif) no-repeat right center; display:inline-block; padding-right:10px}

a.pictureBox {width:223px; height:223px; float:left; border:1px solid #e7e7e7; margin:0 10px 13px 0; cursor:pointer; padding:6px; position:relative;text-decoration:none !important;}
a:hover.pictureBox {border:1px solid #8bb3c8;}
a.pictureBox strong {font-size:11px; color:#999; display:block; padding:4px 6px 8px; height:20px; line-height:1em;}
a:hover.pictureBox strong {color:#006699;}
a.pictureBox img {width:223px;}
a.pictureBox em {position:absolute; bottom:6px; left:6px; z-index:3; width:199px; display:block; height:19px; font-style:normal !important; font-size:11px; color:#fff; font-weight:bold; text-align:right; margin:1px 0 0; padding:4px 20px 0px 4px; background:url(/medias/communs/arrow_fiche.gif) no-repeat right center #656a6e; font-weight:normal !important; }
a:hover.pictureBox em {background:url(/medias/communs/arrow_fiche.gif) no-repeat right center #0b6b9c;}

a.displayModeDesc {display:block; width:725px; height:162px; background:#fff; font-weight:normal; cursor:pointer; font-size:12px; position:relative; text-decoration:none !important;}
a:hover.displayModeDesc { font-weight:normal; }
a.displayModeDesc .titre {font-size:1.1em; display:block; padding:20px 0 0;}
a.displayModeDesc span {font-weight:normal !important}
a.displayModeDesc em {font-style:normal !important; font-weight:normal !important;  font-size:0.9em; display:block; padding:5px 0 15px}
a.displayModeDesc img {border:1px solid #e7e7e7; padding:5px; float:left; margin-right:44px;}
a.displayModeDesc .ficheComp {position:absolute; bottom:12px; right:12px; z-index:3; font-size:0.9em; background:url(/medias/communs/descrip_arrow.gif) no-repeat right center; padding-right:15px;}

a.displayModeDesc {display:block; width:725px; height:162px; background:#fff; font-weight:normal; cursor:pointer; font-size:12px; position:relative}
a:hover.displayModeDesc { font-weight:normal; background:#e7e7e7; }

 
a:hover.displayModeDesc img {border:1px solid #0b6b9c; background:#fff; padding:5px; float:left; margin-right:44px;}
a:hover.displayModeDesc .ficheComp {background:url(/medias/communs/descrip_arrow2.gif) no-repeat right center;}
.descripSeparator {border-top:1px solid #e7e7e7; margin:20px 0;}

.mapBox {width:731px; height:438px; border:1px solid #c2c4c5; padding:6px 0 0 6px}

.ficheBox {width:727px; height:387px; position:relative}
.carouselBox {width:189px; height:420px; position:absolute; top:-17px; right:0; z-index:3; background:url(/medias/communs/bg_carousel.gif) no-repeat; }

a.img img {width:494px; height:372px; border:1px solid #c2c4c5; padding:6px;}
a:hover.img img {border:1px solid #0b6b9c;}

.projectInfos {float:right; width:210px; font-size:11px; padding-left:30px; margin:50px 0 0; background:url(/medias/communs/bg_projectdetails.gif) repeat-y left top;}
.projectDetails {float:left; width:500px; margin:50px 0 0; font-size:12px; }
ul.carouselList {margin:34px 0 0 25px; padding:0; float:left; list-style-image:none; list-style-type:none}
ul.carouselList li {margin:0 0px 8px; padding:0px }
ul.carouselList li a img  {border:1px solid #c2c4c5; padding:2px;}
ul.carouselList li a:hover img  {border:1px solid #0b6b9c; background:#fff;}

.divContent a.pdfDoc {display:block; background:url(/medias/communs/ico_pdf.gif) no-repeat 10px center #eceded; font-weight:bold; color:#686d71; text-decoration:none;}
.divContent a:hover.pdfDoc  {background:url(/medias/communs/ico_pdf.gif) no-repeat 10px center #555;}
.divContent a.pdfDoc span {padding:10px 10px 10px 35px; display:block; margin-top:30px; background:url(/medias/communs/pdf_download.gif) no-repeat right center; }
.divContent a:hover.pdfDoc span {background:url(/medias/communs/pdf_download2.gif) no-repeat right center; color:#fff;}