/****************************************/
/*************** General ****************/
/****************************************/



@media \0screen {
	.content-banner{ background:url(../images/bannerline.png) repeat-y;}
}
@media \0screen {
	.bannerSlide ul{ }
}
* + html .content-banner{ background:url(../images/bannerline.png) repeat-y;}
* + html .bannerSlide ul{ padding-top:1px;}
.banner h1{color:#fff;font-size:40px;/*line-height:48px;*/font-family:Gibson-semiBold, arial, sans-serif; cursor:pointer;}
.banner h1:hover{ color:#fff;}
.banner h1 span{color: #E87B1C;;font-size:40px;}
.banner h2{color:#fff;}
.banner h2 strong{font-weight:bold}
.bannerSlide{ float:left; background:url(../images/banner-bg.png) no-repeat; height:21px;}
.bannerSlide ul{padding-top:6px; float:left; width:100%;}
.bannerSlide ul li{ width:11px;height:11px;float:left;padding:0px 5px;}
* + html .bannerSlide ul li{ margin-top:5px;}
.bannerSlide ul li span{width:11px;height:11px;background:#fff;float:left}
.bannerSlide ul li span:hover{cursor:pointer;background:#E87B1C}
.bannerSlide ul li span.active{background:#E87B1C}
@media \0screen {
  .bannerSlide ul li{ }
}
.view-bloc-projets-sommaire-region.view-display-id-panel_pane_1 { display: inline-block; margin-bottom: 2px}
.slidePagination{ position:absolute; left:415px; top:367px; z-index:99; }



.headerLogo { float: right; margin-top: 12px }
.view-nodequeue-8 .view-content div { position: relative; display: inline-block; height: 21px; width: 21px; margin-right: 6px }
.view-nodequeue-8 span { position: absolute; height: 21px; width: 21px; top: 0; left: 0}
.view-nodequeue-8 span.color { display: none }
.view-nodequeue-8 a:hover span.color { display: block }
.view-nodequeue-8 a:hover span.no-color { display: none }



.mar460{ margin-left:420px;}
/*.width96 { width: 980px }*/
.margin10new{ margin-left:10px;}
/*-- Header ends --*/



/*-- HP Gibson page Start --*/
.actualites{
	font: normal 25px Gibson-Light, arial, sans-serif;
	color: #FFF;
	margin: 9px 0 10px 0px;
	width: 100%;
	float: left;
}
#activites{padding-left:18px;}
.actualitesBottom{ position:absolute; top:22px; width:994px;}
.actualLeftImg{ float:left; width:360px; height:203px; position:relative; margin-bottom:7px;}
.actualLeftImgshade{ float:left; background:#000000;opacity:0.8;filter:alpha(opacity=80); width:360px; height:83px ; position:absolute; top:121px; left:0px;}
.actualLeftImg:hover .actualLeftImgshade{background:#E77B19;opacity:0.8;filter:alpha(opacity=80)}
.actualLeftImgText{ position:absolute; top:129px; font:bold 18px Arial; color:#FFF;float:left; width:296px; left:10px;}
.actualEscapeBg{ background:#434343; height:30px; width:290px; float:left;}
.actualRigtharrow { display: inline-block; background:url(../images/side-arrow.jpg) no-repeat 0px 10px; padding-left:30px; margin-left:10px; font:bold 11px/30px Arial; color:#FFF;width:auto; clear: both; line-height: 120%; padding: 9px 0 9px 30px; }
.actualRigtharrow:hover{color:#E87B1C}
.view-colonne-droite .two-lines{line-height:15px;padding-top:7px}
.actualdot{background:url(../images/square.jpg) no-repeat 0px 10px; padding-left:30px; margin-left:10px; font:bold 11px/25px Arial; float:left; color:#FFF;width:auto;}
* + html .actualRigtharrow{width:180px;}
.actualitesLeft{ margin-left:20px;float:left; width:360px;}
.actualitesMiddle{ float:left; width:290px; margin-left:20px; font:bold 12px/16px Arial; color:#FFF;margin-top:49px;}
.actualitesMiddle a{ font:bold 12px/14px Arial; color:#FFF;}
.actualitesMiddleCont{ float:left; width:290px; height:70px; margin-bottom:16px;}
.actualitesMiddleImg{ float:left; width:129px;}
.actualitesMiddleText-date{ font-size:10px; font-weight:normal; float:left; width:160px; }
.actualitesMiddleText-date1{ margin-top: 12px; font-size:11px; font-weight:normal; }
.actualitesMiddleText-date2{ margin-top: 26px;  font-size:11px; font-weight:normal;}
.actualitesMiddleText-date3{ margin-top: 26px; font-size:11px; font-weight:normal;}
.actualitesMiddleCont:hover .actualitesMiddleText{ color:#E87B1C;}
.actualitesMiddleCont:hover .actualitesMiddleText-date{color:#fff}
.actualRight{ float:left; width:258px; height:287px; background:#333; margin:47px 0px 0px 15px;}
.pane-bloc-actu-homepage .actualRight{ height:204px; }
.actualRightHead{ float:left; font:normal 17px Gibson-Regular, arial, sans-serif; margin:20px 0px 18px 20px; width:205px; color:#FFF;}
.pane-bloc-actu-homepage .actualRightHead { margin:10px 0 5px 20px; }
.actualRightDate{ color:#E87B1C; font:bold 12px Arial; margin:0px 0px 10px 0px; float:left;}
.actualSlideLeftBtn{ float:left; background:url(../images/slider-left.jpg) no-repeat left top; width:21px; height:21px; margin-top:35px;}
.pane-bloc-actu-homepage .jcarousel-skin-brgm4 .jcarousel-prev-horizontal, .pane-bloc-actu-homepage .jcarousel-skin-brgm4 .jcarousel-next-horizontal { top:45px; }
a.slider-image {color:#e87b1c}
a.slider-image img{border:1px solid #878787; margin-bottom:7px;}
a.slider-image:hover{color:#909090}
a.slider-image:hover img{border:1px solid #c46714}
a.slider-image1 {color:#404040;}
a.slider-image1 img{border:1px solid #878787; margin-bottom:7px;}
a.slider-image1:hover{color:#909090}
a.slider-image1:hover img{border:1px solid #c46714}
.slider-image .flt > h2 {
    font-weight: bold;
}
.pause-slider img, .resume-slider img {
	background:#878787;
   width: 21px;
	height: 21px;
}
.pause-slider img:hover, .resume-slider img:hover {
	background:#E87B1C;
   width: 21px;
	height: 21px;
}
a:hover .actualSlideLeftBtn{ float:left; background:url(../images/slider-left-hover.jpg) no-repeat left top; width:21px; height:21px}
.actualSlideRightBtn{ float:left; background:url(../images/slider-right.jpg) no-repeat left top; width:21px; height:21px;margin-top:35px;}
a:hover .actualSlideRightBtn{ float:left; background:url(../images/slider-right-hover.jpg) no-repeat left top; width:21px; height:21px}
.actualRightSlideImg{ float:left; margin:3px 21px 3px 0px; font:normal 12px Arial; color:#FFF;width:173px;}
.hpContain2{ height:100%; margin:0px; border-top:0 none;border-bottom:1px solid #555555; background:url(../images/hpcontainer2.png) no-repeat center; width:100%;background-position: 0 -20px;}
.hpContPosition{ top:381px;}
.hpContain2UlLeft{ margin-left:14px;float:left; width:230px;}
.hpContain2UlLeft ul{float:left ; }
.hpContain2UlLeft li a{ float:left; width:220px; font:10pt Gibson-SemiBold, arial, sans-serif; margin:4px 0px; color:#FFF;border:1px solid transparent}
.hpContain2UlLeft li.link-click-geo a.active{ color: #934C94;}
.hpContain2UlLeft li.link-click-res-min a.active{ color: #996532;}
.hpContain2UlLeft li.link-click-geoth a.active{ color: #c8641a;}
.hpContain2UlLeft li.link-click-stock a.active{ color: #CB2B1C;}
.hpContain2UlLeft li.link-click-eau a.active{ color: #29A0C6;}
.hpContain2UlLeft li.link-click-mine a.active{ color: #6A6F71;}
.hpContain2UlLeft li.link-click-risques a.active{ color: #F6BB0F;}
.hpContain2UlLeft li.link-click-sites a.active{ color: #AFC814;}
.hpContain2UlLeft li.link-click-metro a.active{ color: #107A96;}
.hpContain2UlLeft li.link-click-sys a.active{ color: #638D8F;}
.hpContain2UlLeft li a.coul-violet.active{ color: #934C94;}
.hpContain2UlLeft li a.coul-marron.active{ color: #996532;}
.hpContain2UlLeft li a.coul-orange.active{ color: #c8641a;}
.hpContain2UlLeft li a.coul-rouge.active{ color: #CB2B1C;}
.hpContain2UlLeft li a.coul-bleu.active{ color: #29A0C6;}
.hpContain2UlLeft li a.coul-gris.active{ color: #6A6F71;}
.hpContain2UlLeft li a.coul-jaune.active{ color: #F6BB0F;}
.hpContain2UlLeft li a.coul-vert.active{ color: #AFC814;}
.hpContain2UlLeft li a.coul-azur.active{ color: #107A96;}
.hpContain2UlLeft li a.coul-celadon.active{ color: #638D8F;}
.hpContain2UlLeft li{float: left; width: 220px; margin-bottom: 7px;}
.hpContain2UlLeft li a.active{ color:#96af14;}
.hpContain2UlLeft li a:hover{ color:#E87B1C;border-bottom:1px solid #E87B1C}
.hpContain2UlLeft li.link-click-geo a:hover{ color:#934C94;border-bottom:1px solid #934C94;}
.hpContain2UlLeft li.link-click-res-min a:hover{ color:#996532;border-bottom:1px solid #996532;}
.hpContain2UlLeft li.link-click-geoth a:hover{ color:#c8641a;border-bottom:1px solid #c8641a;}
.hpContain2UlLeft li.link-click-stock a:hover{ color:#CB2B1C;border-bottom:1px solid #CB2B1C;}
.hpContain2UlLeft li.link-click-eau a:hover{ color:#29A0C6;border-bottom:1px solid #29A0C6;}
.hpContain2UlLeft li.link-click-mine a:hover{ color:#6A6F71;border-bottom:1px solid #6A6F71;}
.hpContain2UlLeft li.link-click-risques a:hover{ color:#F6BB0F;border-bottom:1px solid #F6BB0F;}
.hpContain2UlLeft li.link-click-sites a:hover{ color:#AFC814;border-bottom:1px solid #AFC814;}
.hpContain2UlLeft li.link-click-metro a:hover{ color:#107A96;border-bottom:1px solid #107A96;}
.hpContain2UlLeft li.link-click-sys a:hover{ color:#638D8F;border-bottom:1px solid #638D8F;}
.hpContain2UlLeft li a.coul-violet:hover{ color:#934C94;border-bottom:1px solid #934C94;}
.hpContain2UlLeft li a.coul-marron:hover{ color:#996532;border-bottom:1px solid #996532;}
.hpContain2UlLeft li a.coul-orange:hover{ color:#c8641a;border-bottom:1px solid #c8641a;}
.hpContain2UlLeft li a.coul-rouge:hover{ color:#CB2B1C;border-bottom:1px solid #CB2B1C;}
.hpContain2UlLeft li a.coul-bleu:hover{ color:#29A0C6;border-bottom:1px solid #29A0C6;}
.hpContain2UlLeft li a.coul-gris:hover{ color:#6A6F71;border-bottom:1px solid #6A6F71;}
.hpContain2UlLeft li a.coul-jaune:hover{ color:#F6BB0F;border-bottom:1px solid #F6BB0F;}
.hpContain2UlLeft li a.coul-vert:hover{ color:#AFC814;border-bottom:1px solid #AFC814;}
.hpContain2UlLeft li a.coul-azur:hover{ color:#107A96;border-bottom:1px solid #107A96;}
.hpContain2UlLeft li a.coul-celadon:hover{ color:#638D8F;border-bottom:1px solid #638D8F;}
.hpContain2Middle{ float:left; width:445px;}
.hpContain2MiddleNew{ float:left; width:445px; position:relative;/*margin-bottom:10px; min-height:374px;*/}
.hpContain2MidCont{ float:left; width:445px; min-height:135px; background:#333; font:normal 12px Arial; color:#FFF;margin-bottom: 30px;}
.hpContain2MidCont .text-link-geo {padding: 10px 0px 0px 10px;  position: relative; float:left; left:-12px; top : 240px; width:435px; min-height:125px; background:#333; font:normal 12px Arial; color:#FFF;}
.hpContain2MidCont .text-link-res-min { padding: 10px 0px 0px 10px;  position: relative; float:left; left:-12px; top : 240px; width:435px; min-height:125px; background:#333; font:normal 12px Arial; color:#FFF;}
.hpContain2MidCont .text-link-geoth{ padding: 10px 0px 0px 10px;  position: relative; float:left; left:-12px; top : 240px; width:435px; min-height:125px; background:#333; font:normal 12px Arial; color:#FFF;}
.hpContain2MidCont .text-link-stock{ padding: 10px 0px 0px 10px;  position: relative; float:left; left:-12px; top : 240px; width:435px; min-height:125px; background:#333; font:normal 12px Arial; color:#FFF;}
.hpContain2MidCont .text-link-eau{ padding: 10px 0px 0px 10px;  position: relative; float:left; left:-12px; top : 240px; width:435px; min-height:125px; background:#333; font:normal 12px Arial; color:#FFF;}
.hpContain2MidCont .text-link-mine{ padding: 10px 0px 0px 10px;  position: relative; float:left; left:-12px; top : 240px; width:435px; min-height:125px; background:#333; font:normal 12px Arial; color:#FFF;}
.hpContain2MidCont .text-link-risques{ padding: 10px 0px 0px 10px;  position: relative; float:left; left:-12px; top : 240px; width:435px; min-height:125px; background:#333; font:normal 12px Arial; color:#FFF;}
.hpContain2MidCont .text-link-sites{ padding: 10px 10px 0px 10px;  position: relative; float:left; left:-12px; top : 240px; width:425px; min-height:125px; background:#333; font:normal 12px Arial; color:#FFF;}
.hpContain2MidCont .text-link-metro{ padding: 10px 0px 0px 10px;  position: relative; float:left; left:-12px; top : 240px; width:435px; min-height:125px; background:#333; font:normal 12px Arial; color:#FFF;}
.hpContain2MidCont .text-link-sys{ padding: 10px 0px 0px 10px;  position: relative; float:left; left:-12px; top : 240px; width:435px; min-height:125px; background:#333; font:normal 12px Arial; color:#FFF;}
.hpCont2midShadetxt  .text-link-geo span { width: 425px; background:url(../images/geologie.png) repeat; display: block; position: absolute; bottom: 0px; padding: 10px; }
.hpCont2midShadetxt  .text-link-res-min span { width: 425px; background:url(../images/resmin.png) repeat; display: block; position: absolute; bottom: 0px; padding: 10px; }
.hpCont2midShadetxt  .text-link-geoth span { width: 425px; background:url(../images/geoth.png) repeat; display: block; position: absolute; bottom: 0px; padding: 10px; }
.hpCont2midShadetxt  .text-link-stock span { width: 425px; background:url(../images/stock.png) repeat; display: block; position: absolute; bottom: 0px; padding: 10px; }
.hpCont2midShadetxt  .text-link-eau span { width: 425px; background:url(../images/eau.png) repeat; display: block; position: absolute; bottom: 0px; padding: 10px; }
.hpCont2midShadetxt  .text-link-mine span { width: 425px; background:url(../images/mine.png) repeat; display: block; position: absolute; bottom: 0px; padding: 10px; }
.hpCont2midShadetxt  .text-link-risques span { width: 425px; background:url(../images/risques.png) repeat; display: block; position: absolute; bottom: 0px; padding: 10px; }
.hpCont2midShadetxt  .text-link-sites span { width: 425px; background:url(../images/sites.png) repeat; display: block; position: absolute; bottom: 0px; padding: 10px; }
.hpCont2midShadetxt  .text-link-metro span { width: 425px; background:url(../images/metro.png) repeat; display: block; position: absolute; bottom: 0px; padding: 10px; }
.hpCont2midShadetxt  .text-link-sys span { width: 425px; background:url(../images/sys.png) repeat; display: block; position: absolute; bottom: 0px; padding: 10px; }
.hpCont2midShadetxt  span.title-violet { color: #FFFFFF; width: 425px; background:url(../images/geologie.png) repeat; display: block; position: absolute; bottom: 0px; padding: 10px; top: 205px; left: 0px; height: 25px; }
.hpCont2midShadetxt  span.title-marron { color: #FFFFFF; width: 425px; background:url(../images/resmin.png) repeat; display: block; position: absolute; bottom: 0px; padding: 10px; top: 205px; left: 0px; height: 25px; }
.hpCont2midShadetxt  span.title-orange { color: #FFFFFF; width: 425px; background:url(../images/geoth.png) repeat; display: block; position: absolute; bottom: 0px; padding: 10px; top: 205px; left: 0px; height: 25px; }
.hpCont2midShadetxt  span.title-rouge { color: #FFFFFF; width: 425px; background:url(../images/stock.png) repeat; display: block; position: absolute; bottom: 0px; padding: 10px; top: 205px; left: 0px; height: 25px; }
.hpCont2midShadetxt  span.title-bleu { color: #FFFFFF; width: 425px; background:url(../images/eau.png) repeat; display: block; position: absolute; bottom: 0px; padding: 10px; top: 205px; left: 0px; left: 0px; height: 25px; }
.hpCont2midShadetxt  span.title-gris { color: #FFFFFF; width: 425px; background:url(../images/mine.png) repeat; display: block; position: absolute; bottom: 0px; padding: 10px; top: 205px; left: 0px; height: 25px; }
.hpCont2midShadetxt  span.title-jaune { color: #FFFFFF; width: 425px; background:url(../images/risques.png) repeat; display: block; position: absolute; bottom: 0px; padding: 10px; top: 205px; left: 0px; height: 25px; }
.hpCont2midShadetxt  span.title-vert { color: #FFFFFF; width: 425px; background:url(../images/sites.png) repeat; display: block; position: absolute; bottom: 0px; padding: 10px; top: 205px; left: 0px; height: 25px; }
.hpCont2midShadetxt  span.title-azur { color: #FFFFFF; width: 425px; background:url(../images/metro.png) repeat; display: block; position: absolute; bottom: 0px; padding: 10px; top: 205px; left: 0px; height: 25px; }
.hpCont2midShadetxt  span.title-celadon { color: #FFFFFF; width: 425px; background:url(../images/sys.png) repeat; display: block; position: absolute; bottom: 0px; padding: 10px; top: 205px; left: 0px; height: 25px; }
.block-desc{width: 420px; margin: 0 auto 13px auto;}
.block-desc strong{font-weight:bold}
.margin10{ margin:15px 10px 0px 10px; float:left; font-weight:bold;}
.margin15{margin:4px 10px 0px 10px; float:left;}
/*.hpContain2midShade{background:url() repeat-y; width:445px;  top:-60px;padding:5px 0px;}*/
.hpCont2midShadetxt .text-link-geo {font:normal Gibson-SemiBold, arial; height: 250px;	background: url(../images/geologie.jpg) no-repeat; margin: 0;	width: 445px;	position: absolute;	left: 0px; /*padding: 218px 0px 0px 10px;*/}
.hpCont2midShadetxt .text-link-res-min {font:normal Gibson-SemiBold, arial; height: 250px;	background: url(../images/resmin.jpg) no-repeat; margin: 0;	width: 445px;	position: absolute;	left: 0px; /*padding: 218px 0px 0px 10px;*/}
.hpCont2midShadetxt .text-link-geoth {font:normal Gibson-SemiBold, arial; height: 250px;	background: url(../images/geoth.jpg) no-repeat; margin: 0;	width: 445px;	position: absolute;	left: 0px; /*padding: 218px 0px 0px 10px;*/}
.hpCont2midShadetxt .text-link-stock {font:normal Gibson-SemiBold, arial; height: 250px;	background: url(../images/stock.jpg) no-repeat; margin: 0;	width: 445px;	position: absolute;	left: 0px; /*padding: 218px 0px 0px 10px;*/}
.hpCont2midShadetxt .text-link-eau {font:normal Gibson-SemiBold, arial; height: 250px;	background: url(../images/eau.jpg) no-repeat; margin: 0;	width: 445px;	position: absolute;	left: 0px; /*padding: 218px 0px 0px 10px;*/}
.hpCont2midShadetxt .text-link-mine {font:normal Gibson-SemiBold, arial; height: 250px;	background: url(../images/mine.jpg) no-repeat; margin: 0;	width: 445px;	position: absolute;	left: 0px; /*padding: 218px 0px 0px 10px;*/}
.hpCont2midShadetxt .text-link-risques {font:normal Gibson-SemiBold, arial; height: 250px;	background: url(../images/risques.jpg) no-repeat; margin: 0;	width: 445px;	position: absolute;	left: 0px; /*padding: 218px 0px 0px 10px;*/}
.hpCont2midShadetxt .text-link-sites {font:normal Gibson-SemiBold, arial; height: 250px; background: url(../images/sites.jpg) no-repeat; margin: 0;	width: 445px;	position: absolute;	left: 0px; /*padding: 0px 0px 0px 10px;*/}
.hpCont2midShadetxt .text-link-metro {font:normal Gibson-SemiBold, arial; height: 250px;	background: url(../images/metro.jpg) no-repeat; margin: 0;	width: 445px;	position: absolute;	left: 0px; /*padding: 218px 0px 0px 10px;*/}
.hpCont2midShadetxt .text-link-sys {font:normal Gibson-SemiBold, arial; height: 250px;	background: url(../images/sys.jpg) no-repeat; margin: 0;	width: 445px;	position: absolute;	left: 0px; /*padding: 218px 0px 0px 10px;*/}
.hpCont2midShadetxt{color:#FFF;font-size:20px;/*line-height:25px;*/font-family:arial, sans-serif; padding: 0px;font-weight:bold; position: relative; height: 250px; }
.hpContRigth{ height:385px; margin-top:0px; margin-bottom: 30px;}
.hpContRigthSec{color:#E87B1C; font:normal 13px Arial; float:left; margin-left:20px;}
.margin0{ margin-bottom:0px; font-family:Gibson-Regular, arial, sans-serif;}
.hpContRigth3rd{color:#FFF;font:normal 13px Arial; float:left; margin-left:20px;}
.margin90{ margin-top:90px;}
.mapName{ float:left; text-align:center; width:180px; font:normal 13px Arial; color:#FFF;margin-bottom:15px;}
.mapFirstBtn{ background:url(../images/brown-button.png) no-repeat left center; padding-left:15px; float:left; width:auto; height:auto; font:normal 11px/20px Arial; color:#FFF;margin-left:11px; margin-bottom:3px;}
/*.mapFirstBtn:hover, .mapsecondBtn:hover{ color:#A35013; background:url(../images/banner-button1.png) no-repeat left center;}*/
.mapsecondBtn{ background:url(../images/banner-button2.png) no-repeat left center; padding-left:15px; float:left; width:auto; height:auto; font:normal 11px/20px Arial; color:#FFF;margin-left:11px;}
.hpContain3Pos{ top:832px;}
.hpContain3Cont{ margin:0px; border-top:0 none; height:279px;border-bottom:1px solid #555555; background:url(../images/hpcontainer3.png) no-repeat center; width:100%;}
.hpContain3ContHead{ font: 16px Gibson-semiBold, arial, sans-serif; color:#FFF;float:left; width:213px; margin-bottom:14px;}
.hpContain3LeftArrow{ background:url(../images/slider-left.jpg) no-repeat left top; width:21px; height:21px; float:left; margin-right:10px; margin-top:51px;}
a:hover .hpContain3LeftArrow{ float:left; background:url(../images/slider-left-hover.jpg) no-repeat left top; width:21px; height:21px}
.hpContain3RightArrow{ background:url(../images/slider-right.jpg) no-repeat right top; width:21px; height:21px; float:left; margin-left:255px;margin-top:-103px;}
.hpContain3RightArrowBis{ background:url(../images/slider-right.jpg) no-repeat right top; width:21px; height:21px; float:left; margin-left:5px;margin-top:-103px;}
a:hover .hpContain3RightArrow{ float:left; background:url(../images/slider-right-hover.jpg) no-repeat left top; width:21px; height:21px}
a:hover .hpContain3RightArrowBis{ float:left; background:url(../images/slider-right-hover.jpg) no-repeat left top; width:21px; height:21px}
.hpContain3Part{ position: relative;  margin-left:0px;float:left; width:285px; height: 225px;}
.hpContain3Part .hpContain3LeftArrow { position: absolute; top: 40%; left: 0; width: 21px; height: 21px; margin: 0; background:url(../images/slider-left.jpg) no-repeat left top }
.hpContain3Part .hpContain3RightArrow { position: absolute; top: 40%; right: 8px; width: 21px; height: 21px; margin: 0; background:url(../images/slider-right.jpg) no-repeat right top }
.hpContain3Contimg{ font-family:arial, sans-serif; font-weight: bold;font-size:12px; color:#e87b1c; float:left; width:213px;}
.hpContain3Contimg:hover span { color:#878787 }
.margin3{ margin:3px 0px;}
.hpContain3Middle{ margin-left:10px;width:302px; float:left;}
.hpContain3MiddleImg img{ border: solid 1px transparent;width:302px;  }
.hpContain3MiddleImg img:hover{ border: solid 1px #E87B1C;width:302px; }
body.front .hpContain3Middle img{ border: solid 1px transparent;width:302px;  }
body.front .hpContain3Middle img:hover{ border: solid 1px #E87B1C;width:302px; }

.lumiere-tittle { margin-left:15px;}
.projets-tittle { margin-left:15px;}
.MarginLeft17 {margin-left:15px;}
.marginTop15{margin-top:1px;}
.marginTop45{margin-top:50px;}
.marginRite40{ margin-right:45px;}
.hpContain4Pos{ top:1109px;}
.hpContain4Cont{ margin:0px;height:321px; background:url(../images/hpcontainer4.png) no-repeat center; width:100%; float:left;}
.hpContain4Cont h1{padding-left:0px}
.PaddingLeft17 {
	padding-left: 17px;
}
.marginleft32 {
	margin-left: 32px;
}
.container-slider{margin-left:27px}
.container-slider4{margin-left:15px}
.top0{top:0px;}
.hpContain4Img{ float:left; width:886px;}
.hpContain4Txt{ width:535px; float:left; background:#333; height:195px;}
.hpContain4Bottom{ width:99.5%; background:#434343; height:30px; float:left; }
.node-type-page-sommaire-activite .hpContain4Bottom { position: absolute; left: 0; bottom: 0; }
.node-type-page-sommaire-region .hpContain4Bottom { position: absolute; left: 0; bottom: 0; }
.clr .hpContain4Bottom{width:42%}
.hpContain4Bottom-right{width:330px; background:#434343; height:30px; float:right;margin-right:0px}
.hpContain4Head{ font:normal 20px Gibson-SemiBold, arial, sans-serif; color:#e87b1c; float:left; margin:18px 0px 18px 0; }
.hpContain4Head4{ font:normal 20px Gibson-SemiBold, arial, sans-serif; color:#e87b1c; float:left; margin:18px 0px 18px 0; }
.hpContain4UlList{ float:left; width:470px; margin-left:18px; clear: both;}
.hpContain4UlList li{ float:left; width:470px; margin-bottom:12px;}
.hpContain4UlList li a{ float:left; color:#FFF;font:bold 12px Arial; background:url(../images/white-bullet.jpg) no-repeat 0px 6px; padding-left:15px; width:auto; height:auto;}
/*.hpContain4UlList li a.active, */
.hpContain4UlList li a:hover{ background:url(../images/yellow-bullet.jpg) no-repeat 0px 6px; color:#e87b1c;}
.footerBg { clear: both; overflow: hidden;width:100%; border-bottom:1px solid #555; background:url(../images/fotter.jpg) no-repeat center top #000 }
* + html .footerBg{ background:url(../images/fotter.jpg) no-repeat center #000000; width:100%; height:385px; float:left; margin-top: 50px;}
.borderBottom0{ border-bottom:0 none;}
.hpContain2MidCont p{ margin-top:10px; margin-bottom:5px }
* + html .hpContain2midShade{ padding-bottom:0px;}