/* initialisation*/
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
/*--------------------------------GENERAL TOOLS---------------------------------------*/
html,body{
	height: 100%;
}

.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.null{line-height: 0; margin: 0;}
.none{display: none;}
.align-right{text-align: right;}
.margin-top{ padding: 25px 0 0 0;}
.margin{margin: 8px 6px 0 15px;}
h1{
	color: #656565; 
	font-size:14px; 
	font-weight: bold; 
	padding: 25px 0 0 30px;
}

h2{
	margin:0 10px 10px 0px;
	color: #23366c;
	font-weight: normal;
	font-size: 1.3em;
	padding: 5px 5px 5px 0;
	font-weight: bold;
}
#ecoconcept h2{
padding-left: 5px;
}
#content-text .text-padd h2{
	font-size: 1.5em;
	font-style: italic;
}	
#content-text  .text-padd h2 em{
	font-weight: bold;
	color: #5f82bf;
	text-transform:none;
	font-style: italic;
}
#content-text a{
color: #4773BF;}
/**/

/*--------------------------------GENERAL LAYOUT---------------------------------------*/
body{
	background: /*#F8f8f8*/ url('/images/bg.jpg') repeat-x top;
	text-align: center;
}
#global{
	width: 980px;
	margin: 0 auto;
	font-family: arial;
	font-size: 72%;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
}
.global-top-left{
	height: 157px;
	position: absolute;
	width: 1500px;
	margin-left: -1500px;
	top: 0;
	background: url(/images/bg-left.jpg) top repeat-x;
}
#main{
	width: 100%;
	position: relative;	
	margin-top: -8px;
}
body#index #main{
   	background: none;
}
body#la-societe #main, body#nos-references #main, body#contact #main, body#plan-du-site #main, body#constructions-sur-mesure #main, body#reventes #main, body#constructions #main, body#maisons #main, body#maison #main, body#residences #main, body#residence #main, body#appartement #main, body#gestion-creations #main, body#logout #main, body#login #main, body#front-crop #main, body#nos-creations #main{
 	   	background: url(/images/bg-content1.png) 290px 0 repeat-y;
	height: 100%;
	}
body#ecoconcept #main{
 		background: url(/images/bg-content-eco.png) 290px 0 repeat-y;
	}

/*Header*/
#header{
	height: 155px;
	background: url(/images/bg-banner.jpg) top no-repeat;	
	position: relative;
}
#header .logo{
	width:185px;
	height: 125px;
	padding-top: 20px;
}
#header .logo a{
	width:185px;
	height: 125px;
	cursor:pointer;
	margin:0px 0 0 30px;
	padding:0;
	position:relative;
	z-index: 10;
    display:block;
	  	background:url(/images/logo.png) no-repeat;
   }
.logo a span{
	display: none;
}
#constructions-sur-mesure #content-text .text-padd .left{width: 52%;}

/*End Header*/ 

/*Sub-menu header and footer*/
#header #menu-sub-header{
	float: right;
	/*padding-top: 25px;
	margin: -45px 15px 0 0 ;*/
	margin: -25px 15px 0 0;
	height: 20px;
}
#header #menu-sub-header li, #footer #menu-sub-footer li{
	margin : 0;
	padding: 0 5px 0 5px; 
	display: inline; 
	list-style: none;
	line-height: 20px;
	border-right: 1px solid #000;
}
#footer #menu-sub-footer li{
padding: 0 3px 0 3px; 
}
#header #menu-sub-header li a{	padding: 2px 7px 2px 7px;}
#header #menu-sub-header li a:hover, #header #menu-sub-header li.on a{
	background-color: #5F82BF;
	color: #fff;
}

#footer #menu-sub-footer li{border-right: 1px solid #fff;    }
#header #menu-sub-header li.last, #footer #menu-sub-footer li.last{border: none;}
#header #menu-sub-header li a{color: #000; text-decoration: none;}
#footer #menu-sub-footer li a{color: #fff; text-decoration: none;}
#footer #menu-sub-footer{
	float: right;
	padding-top: 20px;
	margin-right: 7px;
	font-size: 0.98em;
}
/*End Sub-menu*/

/*Footer*/
#footer{
	height: 44px;
	width: 961px;
	color: #d0dcff;
	z-index: 12;
	position: relative;
	/*position: absolute;*/
 			
	margin: -40px auto 0 10px;
    	
 	    background:url(/images/bg-footer.png) no-repeat;
      /*clear:both;*/
   float: left;
   font-size: 0.95em;
}
#index #footer{	
 			margin: -40px auto 0 11px;
	

}
#footer .adress{
	float: left;
 		padding: 25px 0 0 5px;
	width: 600px;   
   }
/*End Footer*/

/*Breadcrum*/
#breadcrumb{
	font-size: 11px;
	color: #213365;
	border-bottom: 1px solid #c0c0c0;
	padding: 4px 0 4px 0px;
	margin: 0 15px 15px 20px;
	z-index:15;
  	}
#breadcrumb a{
	color: #213365;
	text-decoration: none;
}
#breadcrumb a:hover{
	text-decoration: underline;
	color: #659ACC;
}
#ecoconcept #breadcrumb{
	padding: 4px 0 4px 5px;
	margin: 0 0px 5px 0px;
}
/*End breadcrum*/

/*Main menu*/

#menu-main{
	/*position: absolute;*/
	position: relative;
	z-index: 10;
	width: 298px;
	margin-top: 12px;
	float:left;
	height:100%;
	   			margin: 18px 0 0 -8px;
      	   
}
#index #menu-main{
   	}
#menu-main ul.nav-level1{position: relative;}
#menu-main ul.nav-level1 li{
	width: 100%;
	height:62px;
	list-style: none;
	position: relative;
		background: url(/images/bg-button1.png) no-repeat right center;
   	margin: -8px 0 0 6px;
		font-size: 16px;
	color: #fff;
	padding: 0 0 0 0px;
}
#menu-main ul.nav-level1 li.on{
		background: url(/images/button-select1.png) no-repeat right center;
   }
#menu-main ul.nav-level1 li a{
	padding: 13px 0 13px 20px;
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	position: relative;
}
#menu-main ul li.ecoconcept a{
 		background: url(/images/ecoconcept.png) no-repeat 199px 2px ;
   }


/* End Main menu*/

/*--------------------------------HOME PAGE---------------------------------------*/
/* Modele box home page*/
#modele-box{
	margin: -5px auto 15px auto;
	text-align: left;
	position: relative;
	padding: 10px 5px 0px 10px;
	overflow: hidden;
		background: url(/images/fd-modele-box.png) left top no-repeat;
	height: 155px;
   }
#modele-box a{
	color: #000;
	text-decoration: none;
}

#modele-box a:hover{text-decoration: underline;}
#modele-box img{
	border: 5px solid #fff;
	height: 130px;
	overflow: hidden;
}
#modele-box .alpha{
	height: 23px;
	color: #000;
	padding: 3px 0 0 15px;
	font-size: 14px;
	margin-top: -28px;
	z-index: 805;
	position: absolute;
	margin-left: 0px;
	
	width: 262px;
	background: url(/images/bg-alpha.png) repeat-x;	
}
/* End Modele box*/

/* PDF Home page*/
#menu-main #pdf{
	margin-top: -10px;
}
#menu-main #pdf p.tit{
	font-size: 1.0em;
	text-align: center;
	margin:0 0 12px 0;
}
#menu-main #pdf p.tit a{
	color: #1a274c;
	font-weight: bold;
	text-decoration: none;
}
#menu-main #pdf p.tit a:hover{
	color: #4470a6;
}
#menu-main #pdf ul{
	margin: 20px 0 0 0;
	padding: 0; 
	width: 130px;
}
#main #menu-main #pdf ul li{
	height: auto;
	font-size: 0.95em;
	background: url(/images/list.gif) no-repeat 0 3px;
	color: #000;
	margin: 7px 0 7px 0;
	padding: 0 0 0 15px;
	line-height: 13px;
	list-style: none;
}
/*End PDF*/

/* Home page image box*/
.content-bottom, .img-box .img-box-bottom{
 		background: url(/images/bg-content-bot.png) no-repeat;
   	height: 19px;
}
.img-box .img-box-top{
 		background: url(/images/img-box-top.png) no-repeat;
   	height: 19px;
}
.img-box .img-box-content{
	padding: 0 0 0 15px;
	height: 249px;
 		background: url(/images/bg-content.png) repeat-y;
   }
.img-box-content img{
position: absolute;
}
.img-box-content span.ref-contact{
color: #235CBF;
font-size: 0.98em;
padding: 10px 5px;
display: block;
}
.img-box .img-box-content .img-box-comment{
	margin: 180px 0 0 0;
	position: absolute;
	font-size: 1.8em;
	padding: 10px;
	/*color: #fff;
	text-shadow: 0.1em 0.1em 0.6em #000;*/
	color: #1E345D;
 		background: url(/images/bg-alpha1.png) repeat-x;
	width: 630px;
	height: 52px;
       	}

.img-box .img-box-content .img-box-comment p{
	/*height: 1;
	filter: Shadow(Color=#666666, 	
			Direction=135, 
			Strength=5);*/
   		
}
.img-box .img-box-content .img-box-comment span{
	/*color: #fff;
	position: absolute;
	z-index: 1;*/
	display: none;
	}

.img-box span.go_prev{
	display: block;
	width: 30px;
	height: 55px;
	position: absolute;
	margin-top:90px;
	z-index: 15;
 		background: url(/images/prev-arrow.png);
   	cursor : pointer;
}
.img-box span.go_next{
	display: block;
	width: 30px;
	height: 55px;
	position: absolute;
	margin-top: 90px;
	margin-left: 615px;
 		background: url(/images/next-arrow.png);
   	cursor: pointer;
}
.img-box span.go_prev span, .img-box span.go_next span{display: none;}
/*End image box*/

/*Home page Bon plan Eco box*/
.bon-plan{
	margin: 8px 7px 0 0;
	border: 1px solid #202e59;
	width: 277px;
	height: 289px;
/*SLY	background: #AFC1A9 url(/images/img-bon-plan.jpg) no-repeat top; */
	text-align: center;
	vertical-align: middle;
 	}
#index .eco-box{
	width: 388px;
}
#index .eco-box .img-box-top{
 		background: url(/images/eco-box-top.png) no-repeat;
   	height: 15px;
}
#index .eco-box .img-box-content{
	padding: 10px 25px 0 25px;
	text-align: justify;
	line-height: 15px;
		background: url(/images/eco-box-mid.png) repeat-y;
		height: 190px;
   
}
#index .eco-box .img-box-content p{
	text-align: justify;
	line-height: 15px;
}
#index .eco-box .img-box-bottom{
 		background: url(/images/eco-box-bottom.png) no-repeat;
   	height: 90px;
}
#index .eco-box p.tit{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.5em;
	padding:0px 0 6px 0;
	position: relative;
}
#index .eco-box p.tit a{
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
#index .eco-box p.tit a:hover{
	color: #63921a;
}
#index .eco-box  p.tit span{
	color: #63921a;
	font-weight: bold;
}
#index .eco-box .img-box-bottom .logo{
	width:150px;
	height: 50px;
	padding-top: 10px;
	margin: 0 0 0 10px;
}
#index .eco-box .img-box-bottom .logo a{
	width:150px;
	height: 50px;
	cursor:pointer;
	margin:0px 0 0 0px;
	padding:0;
	position:relative;
	z-index: 10;
    display:block;
	background:url(/images/ecologo.gif) no-repeat;
   }
#index .eco-box .img-box-bottom .logo a span{
	display: none;
}
#index .lowercase span{
text-transform: lowercase;
}

#index .img-box-content p.eco-intro{line-height: 16px;}
#index .img-box-content .eco-intro a{
font-weight: bold;
color: #63921A;
}
#index .img-box-content .eco-intro strong{
font-weight: bold;
}
.barem{
 		margin: 10px 0 0 20px;
   }
.eco-link{
	width: 140px;
	float: right;
	padding: 18px 0 0 0;
 		margin-right: 15px;
      
}
.eco-link a{
	cursor:pointer;
	position: relative;
	width: 150px;
	height: 49px;
	display: block;
 		background: url(/images/ecolink.png) no-repeat;
   }
.eco-link a span{display: none;}
/* End Bon plan Eco box*/
/*--------------------------------END HOME PAGE---------------------------------------*/


/* Content */
#content{
	position: relative;
	z-index: 11;
	/*margin-left: 288px;*/
	width: 682px;
	/*float: right;	*/
	margin-right: 8px;
	float:left;
	}

/* Que pour la page accueil - prevoir une id */
#content{
		min-height: 620px;
   }
#ecoconcept #content{
	
}
#index #content{
	}
#index #content .bon-plan{ 
	}
.content-top{
 		background: url(/images/bg-content-top-else1.png) no-repeat 7px 0;
      	height: 80px;
}

#content-text{
	padding: 0 17px 20px 15px;
	min-height: 500px;
	display: block;
		  	
}

#content-text ul.mid{
	width: 280px;
	position: relative;
}
#content-text div.mid{
	padding-top: 15px;
	position: relative;
	margin-top: 10px;
}
#content-text em{
	font-weight: bold;
	text-transform: uppercase;
	color: #27457A;
}
#content-text .text-padd{
	padding: 0 15px 0 20px;
}
#content-text .text-padd strong{font-weight: bold; 	color: #23366c; font-size: 1.3em;}
#content-text strong{font-weight: bold;}

#content-text .text-padd p{
line-height: 18px;
margin: 5px 0 15px 0;
}

#content-text .text-padd p em{
text-transform: none;
font-size: 1.32em;
font-style: italic;
color: #9F9F9F;
line-height: 22px;
}
/* End content */

/*--------------------------------ECOCONCEPT PAGE---------------------------------------*/
#ecoconcept #main{background: none;}
#ecoconcept #content{
 	 }
#ecoconcept  #content-text{
 		/*background: url(/images/bg-content-eco.png) repeat-y;*/
   }
#ecoconcept #content .content-top{
 		background: url(/images/bg-content-top-eco.png) 7px 0 no-repeat;
      		height:80px;
}

/* ecoconcept page  - navlevel2 */
#ecoconcept ul.nav-level2{
margin: 0 0 0 6px;}
#ecoconcept ul.nav-level2 li{
	list-style: none;
	float: left;
	display: block;
	width: 24.7%;
	/*padding:25px 0 19px 0;*/
	height: 56px;
	text-align: center;
	margin: 9px 0 0 0;
	background: url(/images/bg-menu-right.png) right no-repeat;
	position: relative;
}
#ecoconcept ul.nav-level2 li.on a, #ecoconcept ul.nav-level2 li:hover a{color: #e1fbaf;}
#ecoconcept ul.nav-level2 li.last{
	background: none;
}
#ecoconcept ul.nav-level2 li.on, #ecoconcept ul.nav-level2 li:hover, #ecoconcept ul.nav-level2 li.iehover{
	background: url(/images/bg-content-top-on.png) right no-repeat;
}
#ecoconcept ul.nav-level2 li.last:hover, #ecoconcept ul.nav-level2 li.last.on, #ecoconcept ul.nav-level2 li.iehover.last.on{
	background: url(/images/bg-content-top-on2.png) right no-repeat;
}
.nav-level2 li a{
	text-decoration: none;
	color:#000;
	display: block;
	/*margin-top: 20px;*/
	margin: 0;
	height: 56px;
}
.nav-level2 li a span{
display: block;
margin: 20px 0 0px 0;
text-align: center;
z-index: 1000;
position: relative;
}

.nav-level2 li a:hover{
	text-decoration: underline;
	color: #e1fbaf;
}
/* ecoconcept page  - navlevel3 */
#ecoconcept ul.nav-level2 li ul.nav-level3{
	display: none;
}
#ecoconcept ul.nav-level2 li:hover ul.nav-level3, #ecoconcept ul.nav-level2 li a:hover ul.nav-level3, #ecoconcept ul.nav-level2 li.iehover ul.nav-level3, #ecoconcept ul.nav-level2 li.iehover a:hover ul.nav-level3{
	background: #cdeb8b url(/images/bg-nav-level3.jpg) top repeat-x;
	border: 1px solid #aacf58;
	display: block;
	z-index: 30;
	width: 164px;
	position: absolute;
	/*margin: 23px 0 0 0;*/
		margin: -20px 0 0 0;
    }
#ecoconcept ul.nav-level2 li ul.nav-level3 li{
	display: block;
	float: none;
	width: 100%;
	height: auto;
	padding: 8px 0 8px 0;
	border-bottom: 1px solid #7ca92a;
	border-top: 1px solid #ccea8a;
	text-align: left;
	z-index: 35;
	background: none;
		margin: 0 0 0 0;
	}
#ecoconcept ul.nav-level2 li ul.nav-level3 li:hover, #ecoconcept ul.nav-level2 li ul.nav-level3 li.last:hover, #ecoconcept ul.nav-level2 li ul.nav-level3 li.on{
	background: url(/images/bg-content-top-on2.png) right no-repeat;
}
#ecoconcept ul.nav-level2 li ul.nav-level3 li a{
	background: url(/images/arrow-nav-level3.gif) 2px 2px no-repeat;
	padding-left: 18px;
	text-align: left;
	margin-top: 0;
	position: relative;
	height: auto;
	text-decoration: none;
	color: #000;
}
#ecoconcept ul.nav-level2 li ul.nav-level3 li a:hover{
	background: url(/images/arrow-nav-level3-hover.gif) 2px 2px no-repeat;
	text-decoration: underline;
	color: #e1fbaf;
}
#ecoconcept ul.nav-level2 li ul.nav-level3 li.on a{	text-decoration: underline; color: #e1fbaf;}
#ecoconcept #content-text{
   z-index: 3;
   padding-bottom: 30px;
		}
#ecoconcept  #content-eco{
		min-height: 500px;
	margin-bottom: 15px;
	/*margin-top: -15px;
	border-left: 1px solid #061d49;
	border-right: 1px solid #061d49;
	border-bottom: 1px solid #061d49;*/
	border: 1px solid #061d49;
	background-color: none;
	z-index: 4;
}
#ecoconcept #content-text #content-eco-header{
	border-bottom: 1px solid #061d49;
	z-index: 16;
			min-height: 84px;
	}
#ecoconcept #content-text #content-eco-header h1{
	color: #061d49;
	line-height: 23px;
	font-size: 1.53em;
	font-weight: normal;
	width: 356px;
	padding: 5px 0 0 15px;
	}
#ecoconcept #content-text #content-eco-header .img{
			min-height: 84px;
		
	border-right: 1px solid #061d49;
	width: 77px;
	text-align: center;
}
#ecoconcept #content-text #content-eco-header div.right{
	width: 185px;
}
#ecoconcept #content-text #content-eco-header h1 img{
	float: left;
}
#ecoconcept #content-text #content-eco-header h1 span{color: #63921a;}
#ecoconcept #content-text #content-eco-text p{
	margin: 8px;
	line-height: 1.5em;
}
#ecoconcept #content-text #content-eco-text p.center{
	text-align: center;
	margin: 0;
}
#ecoconcept #content-text #content-eco-text p.center.img img{
margin: 4px;
border: 1px solid #061d49;
} 
#ecoconcept #content-text #content-eco-text p.intro{
	color: #63921a; 
}
#ecoconcept #content-text #content-eco-text ul{
margin: 15px 0 25px 25px;}

#ecoconcept #content-text #content-eco-text ul li{
	height: auto;
	font-size: 0.95em;
	background: url(/images/list.gif) no-repeat 0 3px;
	color: #000;
	margin: 7px 0 7px 0;
	padding: 0 0 0 15px;
	line-height: 13px;
	list-style: none;
}
#intro-eco-box{
	border-top: 1px solid #061d49;
}
#intro-eco-box .right{
	width:277px;
	text-align: center;
	padding: 11px 0;
	border-left: 1px solid #061d49;
}
#intro-eco-box .left .box-ossature-titre{
	width:370px;
	height: 58px;
	background: url(/images/box-ossature-bois-titre.jpg) no-repeat;
}
#intro-eco-box .left .box-ossature-content{
	width:370px;
	height: 157px;
	border-top: 1px solid #f2f2f2;
	background: url(/images/box-ossature-bois-boite.jpg) no-repeat;
}
#intro-eco-box .left .box-ossature-content ul{
	margin: 40px 0 0 15px;
	padding: 0; 
	width: 180px;
}
#intro-eco-box .left .box-ossature-content ul li{
	height: auto;
	font-size: 0.95em;
	background: url(/images/list-img.gif) no-repeat 0 3px;
	color: #000;
	margin: 7px 0 7px 0;
	padding: 0 0 0 15px;
	line-height: 13px;
	list-style: none;
}
#intro-eco-box .left .box-ossature-bot{
	width:370px;
	height: 61px;
	position: absolute;
			margin-top: -1px;
		background: url(/images/box-ossature-bois-button.jpg) no-repeat;
}
#intro-eco-box .left .box-ossature-bot a{
	width:175px;
	height: 55px;
	margin-left: 187px;
	display: block;
}
/*--------------------------------CONTACT PAGE---------------------------------------*/
form.form-contact {
	padding: 0;
	margin: 5px 0 0 0 ;
	/*border: 1px solid #223a6a;
	background: #d9d9d9 url(/images/bg-form.jpg) repeat-x top;*/
}
form.form-contact h2, .projects h2{
	background: #3A6FA5 url(/images/bg-h2-form.jpg) repeat-x;
	height: 25px;
	margin: 0;
	padding: 15px 5px 5px 20px;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
}
.projects h2{height: 18px; 	padding: 10px 5px 5px 20px;}
form.form-contact h2{padding-top: 10px; border-bottom: 1px solid #113474;}
fieldset.left{
	width: 45%;
		margin: 10px 0 0 25px;
   	
}
p.tit_form{
	float: left;
	width: 43%;
	margin: 0;
	height: 18px;
	position: relative;
}
.tit_form span{padding:0px 5px 0px 5px;}
.tit_form span.required, .tit_form span.definitively-required{
	background: url(/images/important1.gif) no-repeat;
}
p.in_form{
	float: right;
	width: 52%;
	margin: 0;
	height: 18px;
	position: relative;

}
p.in_form2{
	float: right;
	width: 55%;
	margin: 0;
	position: relative;

}
fieldset.right{
	width: 45%;
	border: 8px solid #fff;
	padding: 5px;
	margin: 0 5px 0 0;
}
input.submit{
	border: none;
	background: transparent url(/images/arrow.gif) no-repeat;
	padding: 0 0 0 20px;
	font-weight: bold;
	font-size: 0.95em;
	color: #2A477F;
}
#maison .form-contact .eco-box .img-box-content .right, #residence .form-contact .eco-box .img-box-content .right, #appartement .form-contact .eco-box .img-box-content .right{width: 220px;}
#maison .form-contact .eco-box .img-box-content .left, #residence .form-contact .eco-box .img-box-content .left, #appartement .form-contact .eco-box .img-box-content .left{width: 340px;}
#maison .form-contact .eco-box .img-box-content p.tit_form, #residence .form-contact .eco-box .img-box-content p.tit_form, #appartement .form-contact .eco-box .img-box-content p.tit_form{width: 80px;}
#maison .form-contact .eco-box .img-box-content p.in_form, #residence .form-contact .eco-box .img-box-content p.in_form,  #appartement .form-contact .eco-box .img-box-content p.in_form{width: 240px;}
#contact .form-contact .eco-box, #maison .form-contact .eco-box, #residence .form-contact .eco-box, #residence .form-contact .eco-box,  #appartement .form-contact .eco-box{width: 600px; margin: 0 0 15px 10px;}
#contact .form-contact .eco-box fieldset, #maison .form-contact .eco-box fieldset, #residence .form-contact .eco-box fieldset,  #appartement .form-contact .eco-box fieldset{margin: 0 5px;}
#contact .form-contact .eco-box fieldset legend, #maison .form-contact .eco-box fieldset legend, #residence .form-contact .eco-box fieldset legend, #appartement .form-contact .eco-box fieldset legend{
	color: #5287bb;
	padding: 15px 15px 15px 0px;
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;

}
#contact .form-contact .eco-box .img-box-top, #maison .form-contact .eco-box .img-box-top, #residence .form-contact .eco-box .img-box-top,  #appartement .form-contact .eco-box .img-box-top{
 		background: url(/images/box-top1.png) top no-repeat;
   	height: 17px;
} 
#contact .form-contact .eco-box .img-box-content, #maison .form-contact .eco-box .img-box-content, #residence .form-contact .eco-box .img-box-content,  #appartement .form-contact .eco-box .img-box-content{
 		background: url(/images/box-mid1.png) no-repeat;
   	height: auto;
	padding: 0 13px 0 18px;
	margin-top: -5px;
	position: relative;
} 
#contact .form-contact .eco-box .img-box-bottom, #maison .form-contact .eco-box .img-box-bottom, #residence .form-contact .eco-box .img-box-bottom,  #appartement .form-contact .eco-box .img-box-bottom{
 		background: url(/images/box-bot1.png) no-repeat;
   	height: 20px;
}
#contact .form-contact p.align-right, #maison .form-contact p.align-right, #residence .form-contact p.align-right,  #appartement .form-contact p.align-right{
	padding: 5px;
}
.form-contact .eco-box #message{width: 271px;}
#maison .form-contact .eco-box #message, #residence .form-contact .eco-box #message,  #appartement .form-contact .eco-box #message{width: 200px;}
#maison .form-contact .eco-box .right img, #residence .form-contact .eco-box .right img, #appartement .form-contact .eco-box .right img{margin: 5px;}
.required-fields{
	font-size: 0.95em;
	color: #6297C9;
	margin-left: 0;
}
/*.required{
	font-size: 0.95em;
	color: #6297C9;
	margin-left: 0;
}*/
p.required{padding: 10px 0 0 5px;}
.required_missing{
	background-color: #d4e8f1;
	color: red;
}
.required_missing input{
	border: 1px solid red; 
	background-color: #fae5e5;
}
textarea{font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
.form-contact .img-box-content img{position: relative;}
.miss{
position: absolute;
padding-left: 5px;
width: 100px;
font-size: 0.95em;
z-index: 50;
}
#maison form.form-contact p.in_form.textarea span.miss, #residence form.form-contact p.in_form.textarea span.miss, #appartement form.form-contact p.in_form.textarea span.miss{width: auto;}
#close_form{
	border: none;
	background: transparent url(/images/arrow.gif) no-repeat;
	padding: 0 0 0 20px;
	font-weight: bold;
	font-size: 0.98em;
	color: #2A477F;
}
.close{
color: #1F2F52;
background: none;
border: none;
font-weight: bold;
font-family: arial;
font-size: 0.8em;
}
/*--------------------------------END CONTACT PAGE---------------------------------------*/

/*--------------------------------PROJECTS PAGE---------------------------------------*/
/* Projects*/
#content-text .projects{
	border: 1px solid #233054;
	background-color: #fff;
	margin-bottom: 15px;
	    	position: relative;
   
}
#content-text .projects h2{
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #283762;
} 
#content-text .projects .left{
		height:575px;
    width: 46%;
   	background-color: #eaeaea;
	padding: 8px;
	position: relative;
	}
#constructions #content-text .projects .left{
	border: 8px solid #fff;
}
#content-text .projects .left p{
	text-align: center;
	margin: 15px 0;
	position: relative;
}
#constructions #content-text .projects .right{
	width: 318px;
	position: relative;
	}
#content-text .projects .right h2{
	border-top: none;
	border-bottom: 1px solid #233054;
	border-left: 1px solid #233054;
		/*border-right: 1px solid #233054;*/
}
#content-text .projects .project-acc{
	border-left: 1px solid #233054;
	/*border-right: 1px solid #233054;*/
		background-color:#eaeaea;
}

#content-text .projects .project-acc.top{
	border-bottom: 1px solid #233054;
}

#content #content-text .projects .project-acc div.left-project{
	width: 204px;
	text-align: center;
	height: 198px;
	padding: 0;
	background-color:#f4f4f4;
	float: left;
}


#content-text .projects .project-acc  div.left-project span{
	line-height: 190px;
}
#content-text .projects .project-acc  div.left-project img{border: 1px solid #1d2d4e;}
#content-text .projects .project-acc div.left-project * {vertical-align: middle;}
#content-text .projects .project-acc div.left-project i {
}

#content #content-text .projects .project-acc div.project-acc-eco{
	width: 101px;
	height: 198px;	
	margin-left: 205px;
}
#content #content-text .projects .project-acc div.project-acc-eco div.project-ecoconcept{
	background: url(/images/ecologo-projets1.gif) 5px 5px no-repeat;	
	width: 100px;
	height: 30px;
}
#content #content-text .projects .project-acc div.project-acc-eco div.project-ecoconcept span{display: none;}
#content-text .projects .project-desc{
	padding: 5px;
	background-color: #f4f4f4;
	line-height: 15px;
	overflow:hidden;
		height: 50px;
		}
#content-text .projects .project-desc p{margin: 0 0 0px 0;}
#content-text .projects .project-desc.project-eco{
	padding: 5px 5px 5px 110px;
	background: #eaeaea url(/images/project-eco.jpg) no-repeat ;
}
#content-text .projects p.link{
	text-align: right;
	font-size: 0.95em;
	text-align: right;
	position: relative;}
#content-text .projects p.link a{
	color: #080a11;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
	text-align: right;
	background: url(/images/arrow2.gif)  0px 0px no-repeat;
}
#content-text .projects p.link a:hover{
	color: #4470a6;
}
#content-text .projects .project-tit{
	position: relative;
	background-color: #283762;
	padding: 3px;
	color: #fff;
	text-align: left;
	line-height: 17px;
		clear: both;
	font-weight: bold;
	font-size: 0.95em;
}

/*--------------------------------PROJECTS LISTE PAGE---------------------------------------*/
#content-text .projects .all-project-tit{height: 23px;}
#content-text .projects .all-project-tit h2{
	border-bottom: 1px solid #253259;
	padding: 0px 0 0 0;
		height: 23px;
   }
#content-text .projects .all-project-tit h2 a{
	color: #fff;
	text-decoration: none;
}
#content-text .projects .all-project-tit h2 span.left{
	border: none;
	background: none;
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	line-height: 23px;
	height: auto;
	text-transform: none;
	width: 80%;
}
#content-text .projects .all-project-tit h2 span.right{
	margin: 3px 5px 0 0;
	padding: 0;
	height: auto;
	text-transform: none;
	font-size: 0.7em;
	text-align: right;
	width: 15%;
}

#content-text .projects .all-project-details .left{
	width: 28%;
	height: auto;
	background: none;
}
#content-text .projects .all-project-details .left img{
	border: 1px solid #253259;
	padding: 5px;
}

#content-text .projects .all-project-details .right{
	width: 66.5%;
	padding: 0;

}
#content-text .projects .all-project-details .right h3{
	border-bottom: 1px solid #273761;
	color: #273761;
	font-size: 1.2em;
	padding: 0 0 0px 0;
	height: auto;
	margin: 0;
}
#content-text .projects .all-project-details .right h3 a{
	text-decoration: none;
	color: #273761;
	font-weight: bold;
}
#content-text .projects .all-project-details .right h3 a:hover{
	color: #6297C9;
}
#content-text .projects .all-project-details .right h3 span{
border: none;
position: relative;
height: auto;
}
#content-text .projects .all-project-details .right h3 span.left{
width:250px;
padding: 15px 5px 5px 0px;
font-weight: bold;
}
#content-text .projects .all-project-details .right h3 span.right{
width:100px;
margin: 5px;
/*
padding: 5px;
background: #b9d587 url(/images/eco-feuille.gif) no-repeat;
font-size: 0.95em;
text-align: right;
border: 1px solid #273761;*/
	height: 28px;
}
#content-text .card-place{
height:268; width:181; 
}
#content-text .projects .all-project-details .right h3 span.clear{
width: 100%;
display: block;
}
#content-text p, #content-text ul.projects-list li{
	text-align: justify;
	line-height: 15px;
	margin: 5px 6px 5px 0;
}
#content-text ul.projects-list{
	/*background: #d9d9d9 url(/images/bg-box.jpg) top repeat-x;
	border: 3px double #fff;*/
	margin: 10px 0;
	padding: 8px;
}
#content-text ul.projects-list li{
	margin: 3px 0 3px 15px;
}
#maisons #content-text ul.projects-list{
background: none;
border: none;
}
#maisons #content-text ul.projects-list, #maisons #content-text ul.projects-list li, #residences #content-text ul.projects-list, #residences #content-text ul.projects-list li{
	list-style: none;
	margin: 0;
	padding: 0;
}
#maisons #content-text ul.projects-list li, #residences #content-text ul.projects-list li{margin: 8px 0;}
#maisons #content-text .projects, #residences #content-text .projects{border-top: none;}

/* bareme energie*/
.all-project-details .class_A, .all-project-details .class_B, .all-project-details .class_C, .all-project-details .class_D, .all-project-details .class_E, .all-project-details .class_F, .all-project-details .class_G, .all-project-details .class_H, .all-project-details .class_I{
width: 74px;
height: 103px;
float: right;
}
.project-desc .class_A, .project-desc .class_B, .project-desc .class_C, .project-desc .class_D, .project-desc .class_E, .project-desc .class_F, .project-desc .class_G, .project-desc .class_H, .project-desc .class_I{
width: 60px;
height: 90px;
float: right;
}
.project-acc-eco .class_A, .project-acc-eco .class_B, .project-acc-eco .class_C, .project-acc-eco .class_D, .project-acc-eco .class_E, .project-acc-eco .class_F, .project-acc-eco .class_G, .project-acc-eco .class_H, .project-acc-eco .class_I{
width: 60px;
height: 90px;
padding-top: 50px;
}
.project-acc-eco .class_A span, .project-acc-eco .class_B span, .project-acc-eco .class_C span, .project-acc-eco .class_D span, .project-acc-eco .class_E span, .project-acc-eco .class_F span, .project-acc-eco .class_G span, .project-acc-eco .class_H span, .project-acc-eco .class_I span{display: none;}
.class_A{background: url(/images/energie-a.gif) no-repeat;}
.class_B{background: url(/images/energie-b.gif) no-repeat;}
.class_C{background: url(/images/energie-c.gif) no-repeat;}
.class_D{background: url(/images/energie-d.gif) no-repeat;}
.class_E{background: url(/images/energie-e.gif) no-repeat;}
.class_F{background: url(/images/energie-f.gif) no-repeat;}
.class_G{background: url(/images/energie-g.gif) no-repeat;}
.class_H{background: url(/images/energie-h.gif) no-repeat;}
.class_I{background: url(/images/energie-i.gif) no-repeat;}
.all-project-details .class_A, .all-project-details .class_B, .all-project-details .class_C, .all-project-details .class_D, .all-project-details .class_E, .all-project-details .class_F, .all-project-details .class_G, .all-project-details .class_H, .all-project-details .class_I{background-position: 0 10px;}

.project-desc .class_A, .project-desc .class_B, .project-desc .class_C, .project-desc .class_D, .project-desc .class_E, .project-desc .class_F, .project-desc .class_G, .project-desc .class_H, .project-desc .class_I{background-position: 0 -10px;}

.big_class_A, .big_class_B, .big_class_C, .big_class_D, .big_class_E, .big_class_F, .big_class_G, .big_class_H, .big_class_I{
width: 112px;
height: 150px;
} 
.big_class_A{background:url(/images/bareme-energie-a.gif) no-repeat;}
.big_class_B{background:url(/images/bareme-energie-b.gif) no-repeat;}
.big_class_C{background:url(/images/bareme-energie-c.gif) no-repeat;}
.big_class_D{background:url(/images/bareme-energie-d.gif) no-repeat;}
.big_class_E{background:url(/images/bareme-energie-e.gif) no-repeat;}
.big_class_F{background:url(/images/bareme-energie-f.gif) no-repeat;}
.big_class_G{background:url(/images/bareme-energie-g.gif) no-repeat;}
.big_class_H{background:url(/images/bareme-energie-h.gif) no-repeat;}
.big_class_I{background:url(/images/bareme-energie-i.gif) no-repeat;}
/* fin bareme energie*/
.pager-indic{
	margin: 5px 0 10px 0;
	padding: 0;
	background: url(/images/bg-pager.jpg) top no-repeat;
	display: block;
	height: 35px;
	border: none;
}
.pager-indic .indic{
float: left;
height: 30px;
line-height: 30px;
font-size: 0.95em;
width: 147px;
text-align: center;
background: url(/images/fd-indic.jpg) right 1px no-repeat;
}
.pager-indic .filter{
height: 30px;
background: url(/images/fd-filter.jpg) 0 1px no-repeat;
width: 240px;
font-size: 0.95em;
margin-left: 137px;
line-height: 30px;
text-align: center;
}

form#trier { 
}

form#trier div{display: inline;}
.pager-indic .filter select{
border: 1px solid #94c3d8;
width: 110px;
height: 18px;
font-size: 0.98em;
}


#dotri{
	border: none;
	font-size: 0.98em;
			background: transparent url(/images/arrow2.gif) 3px 3px no-repeat;
		padding: 0 0 0 12px;
		font-weight: bold;
	color: #213967;
	cursor: pointer;
}
#dotri:hover{
	color: #267FCF;
}
form#trier{
	padding-left: 10px;
}
.pager-indic div.pages{
float: right;
display: block; 
height: 30px;
margin-top: -30px;
width: 273px;
}
.pager-indic div.pages ul.pager {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
	height: 30px;
	border: none;
}
.pager-indic div.pages ul.pager li{
	display: block; 
	float: left;
	margin: 0;
	padding: 0;
	text-align: center; 
}
.pager-indic div.pages ul.pager li a, .pager-indic div.pages ul.pager li.current-page-number{
	display: block; 
	height: 30px;
	width: 30px;
	text-align: center; 
	line-height: 30px;
	text-decoration: none;
	color: #000;
	position: relative;
}
.pager-indic div.pages ul.pager li.current-page-number{
	font-weight: bold;
	color: #417BAF;
}
.pager-indic div.pages ul.pager li a:hover{
font-weight: bold;
text-decoration: underline;
}
.pager-indic div.pages ul.pager li.next, .pager-indic div.pages ul.pager li.previuous, .pager-indic div.pages ul.pager li.next a, .pager-indic div.pages ul.pager li.previuous a {
	height: 30px;
	width: 47px;
	padding: 0;
	position: relative;
}
.pager-indic div.pages ul.pager li.next{
	position: absolute;
	margin-left: 225px;
}
.pager-indic div.pages ul.pager li.next a{
background: url(/images/next.jpg) 0 1px no-repeat;
}
.pager-indic div.pages ul.pager li.next a:hover{
background: url(/images/next-hover.jpg) 0 1px no-repeat;
}
.pager-indic div.pages ul.pager li.previuous a{
background: url(/images/previous.jpg) 0 1px no-repeat;
}
.pager-indic div.pages ul.pager li.previuous a:hover{
background: url(/images/previous-hover.jpg) 0 1px no-repeat;
}
.pager-indic div.pages ul.pager li.next a span, .pager-indic div.pages ul.pager li.previuous a span{display: none;}

.pager-only ul.pager{
	margin: 5px 0 20px 0;
	padding: 0;
	background: url(/images/bg-pager.jpg) no-repeat;
	display: block;
	height: 35px;
	border: none;
}
.pager-only.other ul.pager{
	margin: 5px 0 10px 0;
	padding: 0;
	background: url(/images/bg-pager2.jpg) no-repeat;
	display: block;
	height: 35px;
	border: none;
	}
.pager-only ul.pager li{
	display: block; 
	float: left;
	height: 30px;
	margin: 0;
	width: 30px;
	text-align: center; 
}

.pager-only ul.pager li.current-page-number, .pager-only ul.pager li a{
	width: 30px;
	display: block;
	text-align: center; 
	line-height: 30px;
	height: 30px;
	color: #000;
	text-decoration: none;
	position: relative;
}
.pager-only ul.pager li.current-page-number, .pager-only ul.pager li a{
	width: 30px;
	display: block;
	text-align: center; 
	line-height: 30px;
	height: 30px;
	color: #000;
	text-decoration: none;
}
.pager-only ul.pager li a:hover{
	font-weight: bold;
	text-decoration: underline;
}
.pager-only ul.pager li.current-page-number{
	color:#417BAF;
	font-weight: bold;
}
.pager-only ul.pager li.next, .pager-only ul.pager li.previuous{
	height: 30px;
	width: 47px;
	padding: 0;
} 
.pager-only ul.pager li.next{
	position: absolute;
		margin-left:601px;
   }

.pager-only.other ul.pager li.next{
	position: absolute;
		margin-left:445px;
      width: 180px;
}

.pager-only ul.pager li.next a, .pager-only ul.pager li.previuous a{
	display: block;
	height: 30px;
	width: 47px;
	position: relative;
}

.pager-only ul.pager li.next a{
	background: url(/images/next.jpg) right no-repeat;
}
.pager-only ul.pager li.next a:hover{
	background: url(/images/next-hover.jpg) right no-repeat;
}
.pager-only ul.pager li.previuous a{
	background: url(/images/previous.jpg);
}
.pager-only ul.pager li.previuous a:hover{
	background: url(/images/previous-hover.jpg);
}
.pager-only ul.pager li.previuous a.span{display: none;}

.pager-only.other ul.pager li {
	display:block;
	float:left;
	height:34px;
	margin:0;
	text-align:center;
}
.pager-only.other ul.pager li a{
	font-size: 0.95em;
	height: 34px;
	vertical align: middle;
	line-height: 1.5em;
	width: auto;
	position: relative;
}
.pager-only.other ul.pager li a:hover{font-weight: normal;}

.pager-only.other ul.pager li.next a{
	width: 180px;
	line-height: 1.5;
	padding-right: 25px;
	height: 34px;
}
.pager-only.other ul.pager li.next a{
	background: url(/images/next2.jpg) right no-repeat;
}
.pager-only.other ul.pager li.next a:hover{
	background: url(/images/next2-hover.jpg) right no-repeat;
}
.pager-only.other ul.pager li.prevuious a{
	background: url(/images/previous2.jpg) no-repeat;
	padding-left: 50px;
	height: 34px;
}
.pager-only.other ul.pager li.prevuious a:hover{
	background: url(/images/previous2-hover.jpg) no-repeat;
}

.pager-only.other ul.pager li.prevuious{
	width: 200px;
	position: relative;
}
.pager-only.other ul.pager  li.res{
	width: 250px;
	display: block;
	text-align: center;
	position: absolute;
		margin-left:200px;
   }
.pager-only.other ul.pager  li.res a{
	margin: 0 auto;
	width: auto;
}
/*--------------------------------PROJECTS DETAILS PAGE---------------------------------------*/
#content-text .projects-details{
	border: 1px solid #233054;
	margin-bottom: 15px;
}
#content-text .projects-details .left.eco{width: 112px;}
#content-text .projects-details h2{
	background: #3A6FA5 url(/images/bg-h2-form.jpg) repeat-x;
	border-bottom: 1px solid #233054;
	min-height: 20px;
	padding: 5px 0 0 25px;
	color: #fff;
	margin: 0;
	font-size: 1.2em;
}
#content-text .project-desc p.indic-plus{
color: #5291C0;
font-size: 0.95em;
margin: 0 0 0 0;
font-weight: bold;
}
#content-text .projects-details h2 span.left{width:500px; 	font-weight: bold;}
#content-text .projects-details h2 span.right{font-weight: normal; font-size: 0.8em;}
#content-text .projects-details h2 span.loc{
	margin-right: 10px;
	text-align: right;
		width: 110px;
   }
#content-text .projects-details .projects-details-ref{	background-color: #fff; border-bottom: 1px solid #233054; width: 100%;}
#content-text .projects-details .projects-details-ref .left{
	color: #273761;
	font-size: 1.1em;
	font-weight: bold;
	padding: 8px 5px 3px 25px;
	width: 54%;
}
#content-text .projects-details .projects-details-ref .right{
	border-left: 1px solid #233054;
	background-color: #808186;
	padding: 3px 5px 8px 5px;
	width: 200px;
}
#content-text .projects-details .projects-details-ref a span{display: none;}
#content-text .projects-details .projects-details-ref a{
	background: url(/images/contact.gif) no-repeat;
	display: block;
	height: 18px;
}
#content-text .projects-details .eco img{
	margin-bottom: 25px;
}

#content-text .projects-details .projects-details-content{
  	border-left: 1px solid #233054;
	background: #cbcbcb url(/images/bg-details.jpg) top repeat-x;
		width: 82.2%;
	float: right;
   
	}
#content-text .projects-details .only.projects-details-content{
	width: 100%;
	}
#content-text .projects-details  .projects-details-content dt{
	font-weight: bold;
	margin: 5px 5px 5px 25px;
}
#content-text .projects-details  .projects-details-content dd{
	margin: 5px 5px 5px 25px;
	line-height: 15px;
}
#content-text .projects-details .img-visu{
	width: 245px;
}
#content-text .projects-details .img-details{
	vertical-align: middle;
	text-align: center;
	width: 208px;
	height: 208px;
	background: #f1f1f1 url(/images/bg-img-galerie.jpg) bottom repeat-x;
	margin: 0 auto 0 0px;
	border: 1px solid #c5c5c5;
}

#content-text .projects-details .img-details span a img {border: 1px solid #28467C;}
#content-text .projects-details .img-details span{
	line-height: 190px;
	border: 1px solid #e9dced;
}
#content-text .projects-details .img-number{
	font-size: 0.95em;
	color: #5291c0;
	text-align: center;
}
#content-text .projects-details .img-details * {vertical-align: middle;}
#content-text .projects-details .img-details i {
}
#content-text .projects-details span.previous-img{
	width: 15px;
	height: 206px;
	display: block;
	margin: 0;
	border: none;
	background: url(/images/arrow-img-previous.gif) 0 90px no-repeat;
}
#content-text .projects-details span.next-img{
	width: 15px;
	height: 206px;
	display: block;
	margin: 0;
	border: none;
	background: url(/images/arrow-img-next.gif) 0 90px no-repeat;
}
#content-text .projects-details span.previous-img span, #content-text .projects-details span.next-img span{
display: none;
}

#content-text .projects-details .img-details img{
	border: 6px solid #fff;}
	
#content-text .projects-details .card-details{
	width: 45%;
	text-align: center;
}
#content-text .projects-details h3{
	background: #eee url(/images/bg-h3.jpg) repeat-x;
	padding: 5px;
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	color: #192549;
	font-weight: bold;
	margin: 0;
}
#content-text .projects-details .project-sub-details{
	border: 1px solid #fff;
	background-color: #fff;
	padding-left: 1px;
}
#content-text .project-eco-tit{
	min-height: 20px;
background: url(/images/eco-logo.gif) right no-repeat;
padding-right:78px;
}
.appart-box{
	height: 221px;
		margin: 4px 3px 0 3px;
   	text-align: center;
	width: 170px;
	border-top: 1px solid #eeeef1;
}
.appart-desc{
	height: 20px;
	margin: 0 auto 0 auto;
	font-size: 0.95em;
	background: url(/images/bg-appart-desc.jpg) no-repeat center 4px;
	width: 170px;
	height:89px;
	border-top: 1px solid #d7d8da;
	border-left: 1px solid #d7d8da;
	border-right: 1px solid #d7d8da;
}
.appart-desc p{padding: 10px 6px 5px 9px;}
.appart-desc strong{
	margin: 0;
	padding: 0;
	font-weight: bold; 
	display: block;
}
.appart-desc strong a{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
.appart-desc strong a:hover{text-decoration: underline;}
.appart-desc span{
	color: #1246D7; 
	margin: 0; 
	padding: 0;
}
.appart-img{
	margin: 0 auto;
	vertical-align: middle;
	text-align: center;
	width: 170px;
	height: 125px;
	border-bottom: 1px solid #e9dced;
	border-left: 1px solid #d7d8da;
	border-right: 1px solid #d7d8da;
	background: #f2f2f2 url(/images/bg-appart-det.jpg) top repeat-x;
}
.appart-img span a img{border: 1px solid #d5bed8;}
.appart-img  span{
	line-height: 125px;
	border: 1px solid #e9dced;
}
.appart-img * {vertical-align: middle;}
.appart-img i {
}
#content-text .projects-details .project-sub-bot{
	background: url(/images/bg-project-sub-bot.jpg) no-repeat;
	height: 5px;
}
/*--------------------------------END PROJECTS DETAILS---------------------------------------*/

/*--------------------------------PROJECTS DETAILS - Form---------------------------------------*/
.ref-contact-form{

		margin-left: 438px;
	width: 200px;
	background-color: #7e8188;
	font-size: 0.95em;
	padding: 5px;
	position: absolute;
	margin-top: 49px;
	text-align: left;
	border-left: 1px solid #233054;
	border-right: 1px solid #233054;
	border-bottom: 1px solid #233054;
	z-index: 50;
}
.ref-contact-form span.ref-contact{color: #0f45df;}
.ref-contact-form .required{
	margin-left: 0;
}
.ref-contact-form form{
	background-color: #f2f1f1;
	padding: 5px;
	border-top: 6px solid #cbcbcb;
}
.ref-contact-form form input{
	width: 100px;
	height: 14px;
	background-color: #cbcbcb;
	border: none;
	font-size: 0.98em;
}
.ref-contact-form form input.submit{
	background-color: #f2f1f1;
	font-size: 1.0em;
}
.ref-contact-form form textarea{
	width: 100px;
	height: 50px;
	background-color: #cbcbcb;
	border: none;
}
.ref-contact-form form .tit_form{ height: 12px; width:40%;}
.ref-contact-form form .in_form{ height: 12px; width:49%;}
.ref-contact-form form .in_form.textarea{ height: 50px;}
#maison form.form-contact .in_form.textarea, #residence form.form-contact .in_form.textarea, #appartement form.form-contact .in_form.textarea{ height: 80px;}
#maison form.form-contact textarea, #residence form.form-contact textarea, #appartement form.form-contact textarea{ width: 80px;}
/*-------------------------------- GALERIE ---------------------------------------*/

#galerie{
	border: 1px solid #263865;
	background-color: #fff;
	margin-bottom: 15px;
	min-height: 300px;
}
#content-text .galerie-img-details{
	width: 215px;
	float: left;
	/*height: 265px;*/
	height: 242px;
	margin: 8px 0;
	text-align: center;
	position: relative;
}

#content-eco #content-eco-text .galerie-img-details{
   height:270px;
}
#content-text .album-list .galerie-img-title{
	height: auto;
	font-size: 0.95em;
	text-align: center;
	width: 192px;
	margin: 3px auto 0 auto;
	padding: 5px;
	font-weight: bold;
	background: #F1F1F1 url(/images/bg-img-tit.gif) no-repeat scroll 175px 27px;
	height: 35px;
}
#content-text .galerie-img-title{
	height: auto;
	font-size: 0.95em;
	text-align: center;
	margin: 3px auto 0 auto;
	padding: 5px;
	font-weight: bold;
	background-color: #F1F1F1;
	height: 25px;
	display: block;
	width: 192px;
}
#content-text .album-list .galerie-img-title a{
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
#content-text  .galerie-img-title a:hover{ color: #4773bf; text-decoration: underline;}
#ecoconcept .galerie-img-details .galerie-img-title{
	background-color: #EFEFEF;
	color: #686B6F;
	height: auto;

}
#content-text .retour_album a{
text-decoration: none;
color: #263865;
background:url(/images/arrow-album.gif) no-repeat 0 3px;
padding-left:20px;
font-size: 0.98em;
}
.galerie-img{
	vertical-align: middle;
	text-align: center;
	width: 202px;
	height: 202px;
	background: #f1f1f1 url(/images/bg-img-galerie.jpg) bottom repeat-x;
	margin: 0 auto;
	}
.galerie-img span a img{border: 1px solid #fff;}
.galerie-img  span{
	line-height: 190px;
	border: 1px solid #e9dced;

}
.galerie-img * {vertical-align: middle;}
.galerie-img i {
}
#gallerie-thumbs{width: 100%;}
#gallerie-thumbs .pager ul{
	margin: 0;
	border: none;
	background: url(/images/bg-pager.jpg) top no-repeat;
	list-style: none;
	display: block;
	height: 34px;
	padding: 0;
}
#gallerie-thumbs .pager ul li{
	display: block;
	float: left;
	margin: 0;
	margin-top: 4px;
	padding: 3px 5px 5px 5px;
	font-size: 1.2em;
}
#gallerie-thumbs .pager ul li a{
	text-decoration: none;
}
#gallerie-thumbs .pager ul li.num{

}
#gallerie-thumbs .pager ul li.previous span, #gallerie-thumbs .pager ul li.next span{display: none;}
#gallerie-thumbs .pager ul li.previous{
	display: block;
	width: 48px;
	height: 30px;
}
#gallerie-thumbs .pager ul li.previous, #gallerie-thumbs .pager ul li.next{padding: 0; margin: 0;}
#gallerie-thumbs .pager ul li.previous a{
background: url(/images/previous.jpg);
display: block;
width: 48px;
height: 31px;
}
#gallerie-thumbs .pager ul li.next a{
background: url(/images/next.jpg);
display: block;
width: 48px;
height: 31px;
}

/*-----------------------------SITEMAP------------------------------*/



ul.sitemap-main li, ul.sitemap-tool li, ul.sitemap-eco li {
margin: 0px; 
padding: 5px 5px 5px 13px;
line-height: 1.3em;
}
ul.sitemap-main li, ul.sitemap-tool li, ul.sitemap-eco li {padding: 0; list-style: none;}
ul.sitemap-main li.tit, ul.sitemap-tool li.tit, ul.sitemap-eco li.tit{
font-weight: bold;
color: #1e345d;
text-transform: uppercase;
padding-left: 18px;
list-style: none;
}

#content-text ul.sitemap-main li a, #content-text ul.sitemap-tool li a, #content-text ul.sitemap-eco li a{
color: #000;
text-decoration: none;
display: block;
line-height: 15px;
width: 182px;
padding: 3px 0 3px 5px;
margin: 2px 0 2px 12px;
}
#content-text ul.sitemap-eco li  ul.sitemap-eco-lev2 li a{width: 172px;}
#content-text .sitemap-nav-box3  ul.sitemap-eco li a{
color: #000;
}
#content-text ul.sitemap-main li a:hover, #content-text ul.sitemap-tool li a:hover, #content-text ul.sitemap-eco li a:hover{
color:#fff;
background-color: #1d345d;
}
#content-text ul.sitemap-eco li a:hover{
color:#000;
background-color: #5da13a;
}
#content-text .sitemap-nav-box3 .sitemap-nav-box-content ul.sitemap-eco li ul.sitemap-eco-lev2 li{
	background: url(/images/arrow-nav-level3-hover.gif) 15px 7px no-repeat;
	}
#content-text .sitemap-nav-box3 .sitemap-nav-box-content ul.sitemap-eco li ul.sitemap-eco-lev2 li a{
	padding-left: 15px;
}
.sitemap-nav-box1, .sitemap-nav-box2, .sitemap-nav-box3{
width: 213px;
display: block;
}
.sitemap-nav-box2{
margin-left: 0px;
}
#contact .sitemap-nav-box2, #residence .sitemap-nav-box2, #maison .sitemap-nav-box2{
float: left;
margin-left: 0;
}
.sitemap-nav-box-top{
position: relative;
height: 16px;
background: url(/images/sitemap-box-top.jpg) top no-repeat ;
}
.sitemap-nav-box3 .sitemap-nav-box-top{
position: relative;
height: 16px;
background: url(/images/sitemap-box-top2.jpg) top no-repeat ;
}
.sitemap-nav-box-bot{
position: relative;
height: 25px;
background: url(/images/sitemap-box-bot.jpg) top no-repeat ;
margin-top: -2px;
}
.sitemap-nav-box3 .sitemap-nav-box-bot{
position: relative;
height: 25px;
background: url(/images/sitemap-box-bot2.jpg) top no-repeat ;
}
.sitemap-nav-box-content{
position: relative;
min-height: 161px;
background: url(/images/sitemap-box-content.jpg) top repeat-y ;
}
.sitemap-nav-box3 .sitemap-nav-box-content{
position: relative;
min-height: 161px;
background: url(/images/sitemap-box-content2.jpg) top no-repeat;
	border-bottom: 1px solid transparent;
}

#contact .sitemap-nav-box-content, #maison .sitemap-nav-box-content, #residence .sitemap-nav-box-content{
height: auto;
padding: 0 0 0 12px
}
#contact .sitemap-nav-box-content dl.cat dt, #residence .sitemap-nav-box-content dl.cat dt,  #maison .sitemap-nav-box-content dl.cat dt{
background: #3A6FA5 url(/images/bg-h2-form.jpg) top repeat-x;
height: 24px;
width: 189px;
border-bottom: 1px solid #223D6C;
border-top: 1px solid #223D6C;
text-transform: uppercase;
text-align: center;
}
#contact .sitemap-nav-box-content dl.cat dt a, #maison .sitemap-nav-box-content dl.cat dt a, #residence .sitemap-nav-box-content dl.cat dt a{
color: #fff;
text-decoration: none;
line-height: 20px;
font-weight: bold;
}
#contact .sitemap-nav-box-content dl.cat dt a:hover, #residence .sitemap-nav-box-content dl.cat dt a:hover, #maison .sitemap-nav-box-content dl.cat dt a:hover{
text-decoration: underline;
}
#contact p.contact-response, #residence p.contact-response, #maison p.contact-response{
background-color: #5F94C6;
border: 3px double #fff;
padding: 7px;
margin-top: 15px;
color: #fff;
}
#contact .form_contact{margin: 0;}
#contact .sitemap-nav-box1.ecolo .sitemap-nav-box-content dl dt, #contact .sitemap-nav-box2.ecolo .sitemap-nav-box-content dl dt{
background: url(/images/fd-eco-tit.jpg) top repeat-x;
}

/*------------------login page----------------------*/
#login_form{
	width: 300px;
	border: 1px solid #9598A0;
	padding: 5px;
}
#login_form legend{
	font-weight: bold;
	margin-bottom: 15px;
}
#login_form label{
	float: left;
	display: block;
	width: 50%;
	line-height: 20px;
	margin: 0 0 10px 0;
	text-align: right;
}
#login_form input{
	float: right;
	width: 40%;
	margin: 0 0 10px 0;
}

#login_form input#remember{
	border: 1px solid green;
	float: right;
}

.bg{
	height: 10px;
	width: 100%;
	position: absolute;
	background: url(/images/bg-bot-head.jpg)  0 -1px repeat-x;

}
.inactif{
	opacity:0.5;
}

html, body { margin: 0; padding: 0; height: 100%;}
#lightbox, #lightbox-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom:auto;
	right:auto;
	z-index:500;
	width:99.9%;
	height:auto;
	text-align:center;
	color:#b7b7b7;	
	/* stop stupid conflicts */
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	line-height:0;	
	/* general conflict stopper */
	text-decoration:none;
	background:none;
	word-spacing:normal;
	letter-spacing:normal;
	float:none;
	clear:none;
	display:block;
}
#lightbox-overlay {
	z-index: 90;
	height: 100%;
	position:absolute;
}
#lightbox-overlay-text {
	text-align: right;
	margin-right: 20px;
	margin-top: 20px;
	color: white;
	font-size: 12px;
	cursor: default;
	line-height:normal;
}
#lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link {
	text-decoration:underline;
	color:white;
}
#lightbox-overlay-text span {
	padding-left:5px;
	padding-right:5px;
}
#lightbox img, #lightbox a img, #lightbox a { border:none; outline:none; cursor:default;}
#lightbox-imageBox {
	position:relative;
	border:1px solid #000/*#00547F*/;
	background-color:white;
	width:400px;
	height:400px;
	margin:0 auto;
}
#lightbox-imageContainer {padding:1px; cursor: default;}
#lightbox-loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}
#lightbox-nav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
/* #lightbox-imageBox > #lightbox-nav { left: 0; } 
#lightbox-nav a { outline: none; }*/
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	display:block;
	width:49%;
	height: 100%;
	background:transparent url("/site/images/lightbox/blank.gif") no-repeat; /* Trick IE into showing hover */
	/* cursor:pointer; */
	zoom:1; /* who knows why? */
	padding:0px;
	margin:0px;
}
#lightbox-nav-btnPrev { 
	left:0;
	right:auto;
	float:left;
}
#lightbox-nav-btnNext { 
	left:auto;
	right:0;
	float:right;
}
/*
.preload_largeLink, #prevLink:hover, #prevLink:visited:hover {
	background:url("/site/images/lightbox/prev.gif") left 45% no-repeat;
}
.preload_nextLink, #nextLink:hover, #nextLink:visited:hover {
	background:url("/site/images/lightbox/next.gif") right 45% no-repeat;
}
*/
#lightbox-infoBox {
	font:11px Verdana, Helvetica, sans-serif;
	/*background-color:#5D92C4;*/
	border-right: 1px solid #000/*#00547F*/;
	border-left: 1px solid #000/*#00547F*/;
	border-bottom: 1px solid #000/*#00547F*/;
	margin:0 auto;
	padding:0px;
}
#lightbox-infoContainer {
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	/*color:#fff;*/
	line-height:normal;
}
#lightbox-infoHeader {
	width:100%;
	text-align:center; 
}
#lightbox-caption {text-align:justify;}
#lightbox-caption-description {font-weight:normal;}
#lightbox-infoFooter {
	margin-top:3px;
	color:#fff;
}
#lightbox-currentNumber {
	display:block;
	width:49%;
	float:left;
	text-align:left;
	padding-top: 3px;
}
#lightbox-close {
	display:block;
	width:45%;
	float:right;
	text-align:right;
	padding-top:3px;
}
#lightbox-close-button{
	padding-left:30%;
   width: 69%;
   display: block;
   text-align: right;
   border: 1px solid red;
}
#lightbox-close-button, #lightbox-close-button:link, #lightbox-close-button:visited, #lightbox-close-button:hover {
	text-decoration:underline;
	color:#fff;
}
#lightbox-close-button:hover {color:#D4D8D9/*#E0EAEF*/;}
#lightbox-infoContainer-clear {
	clear:both; 
	visibility:hidden;
}
#SLYlightbox-overlay {border: 1px dotted orange;}
#SLYlightbox div {border: 1px dotted lightseagreen;}

#lightbox,#lightbox-overlay,#lightbox-overlay-text-interact{display: none;}


/* specifique a wiesen piront*/

#lightbox-caption-title, #lightbox-caption-title{
	display: block;
	font-weight:bold;
	text-align: center;
	margin-bottom: 5px;
}

span#lightbox-caption, span#lightbox-caption {
	text-align: center;
	display: block;
}
#lightbox-infoContainer, #lightbox-infoContainer{
	background-color: #f1f1f1;
	color: #7d8087;
}
#lightbox-caption-picture-title, #lightbox-caption-picture-title{font-weight: bold;}
#lightbox-currentNumber, #lightbox-close a#lightbox-close-button, #lightbox-close a#lightbox-close-button {
	color: #7d8087;
}
#lightbox-caption-picture-comment:before, #lightbox-caption-picture-comment:before{
	content: ": ";
}
#lightbox-currentNumber{width:25%;}
.lightbox-infoFooter div.next-prev{
	width: 50%;
	margin-left: 0;
	float: left;
	padding-bottom: 5px;
}
.lightbox-infoFooter div.next-prev .inner-prev, .lightbox-infoFooter div.next-prev .inner-next{cursor: pointer;}

div.lightbox-close-button{
	width: 20%;
	float: right;
}
#lightbox-close {
	display:block;
	float:none;
	text-align:right;
	width: auto;
}
div.lightbox-infoFooter{
	margin-top: 0px;
}
.lightbox-infoFooter .next-prev .prev-img{padding: 3px 3px 3px 0; width: 46%; display: block; float: left;}
.lightbox-infoFooter .next-prev .next-img{padding: 3px 0px 3px 3px; width:46%; display: block; float: right;}
.lightbox-infoFooter .next-prev .spacer{padding: 3px 0px 3px 3px; display: block; float: left;}

.lb-titles{text-align: center;}
#lightbox-caption-gallery-title{
	display: block;
	font-weight: bold;
	text-align: center;
	padding-bottom: 3px;
}
/* Design et development GMS*/
.gms{
	text-align: center;
	font-family: arial;
	margin-top: 5px;
	font-size: 0.6em;
	color: #9F9F9F;
}
.gms a{color: #9F9F9F;}
#content #content-text p.logo-energie{
float:left;
position:relative;
margin:-49px 0 0 3px;
}