* {margin:0px; padding:0px;}

img {border:none;}

body {
	background:#ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 72%;
}
.clear{
  clear:both;
  }
.wrapper001 {
  width:1000px;
  margin:0 auto;
  }
.topbg{
  width:959px;
  float:left;
  background:url(images/topbg.jpg) no-repeat; 
  height:160px; 
  padding:7px 0 0 41px;    
  }
.topinner{
  width:930px;
  float:left;
  }  
.logo{
  width:315px;
  float:left;  
  padding-top:6px; 
   
  }
.topinner h2{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#6aae9e;   
  padding:10px 0px 0 0;
  margin:0px; 
  }    
.topbanner{
  width:606px;
  float:right;
  } 
.middlewrapper{
  width:980px; 
  float:left;
  padding-left:20px;
  }
.middleinner{
  width:960px;
  float:left;
  }
.midlftmain{
  width:723px;
  float:left;
  }
.lftttopbbg{
  width:695px;
  background:url(images/lfttopbg.jpg) no-repeat;
  height:72px;
  float:left;
  padding:20px 0 0 28px;
  }
.gifcon{
  width:625px;
  float:left;
  }
.gifconlft{
  width:442px;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  color:#ffffff;
  font-weight:normal;
  line-height:24px;  
  }
.devis{
  width:121px;
  float:right;
  }
.constructionmain{
  width:709px;
  float:left;
  border-left:#bdbcbd 1px solid;
  border-right:#bdbcbd 1px solid;
  padding:12px 0 0 12px;  
  }
.constrtinner{
  width:696px;
  float:left;
  }
.construtimgcon{
  width:708px;
  float:left;
  margin-top:10px;
  }
.constlft{
  width:337px;
  height:80px;
  background:url(images/midbg.jpg) no-repeat;
  float:left;
  padding:8px 10px 0 7px;
  }
.constlft1{
  width:290px;
  height:25px;
  background:#E9E9E9; border:#666666;/*:url(images/midbg.jpg) no-repeat;*/
  float:left;
  padding:10px;
  margin-left:20px;
  text-align:left;
  }

.constrgt{
  width:337px;
  height:80px;
  background:url(images/midbg.jpg) no-repeat;
  float:right;
  padding:8px 0 0 7px;
  } 
.constlftinner{
  width:315px;
  float:left;
  }
.imgbox{
  width:63px;
  float:left;
  }
.linkbox{
  width:222px;
  float:right;
  }
.linkbox1{
  width:300px;
  float:left;
  }
.constlftinner h2{
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#000000;
  font-weight:bold;
  }
.constlftinner h2{
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#000000;
  font-weight:bold;  
  padding-top:0px;
  }
.constlftinner p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000000;
  font-weight:normal; 
  padding-top:5px; 
  }
.constlftinner a{
  color:#000000;
  text-decoration:none;
  }
.constlftinner a:hover{
  color:#000000;
  text-decoration:underline;
  }
.rgtsidemain{
  width:227px;
  float:right;
  margin-top:11px;
  }
.btmcur{
  width:723px;
  float:left;
  }
.rgttop{
  width:216px;
  float:left;
  height:117px;
  padding:10px 0 0 11px;
  }
.rgttopinner{
  width:207px;
  float:left; 
  padding-bottom:12px;
  border-bottom:#ffffff 1px dashed;
  margin-top:10px;
  color: #ffffff;
  }
.rgttopinner001{
  width:207px;
  float:left; 
  padding-bottom:12px;
  border-bottom:#ffffff 1px dashed;
  margin-top:10px;
  }  
.rgttopinner001 h1{
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  color:#ffffff;
  font-weight:bold; 
  padding-left:6px;
  padding-bottom:8px;
  }
.rgttopinner h1{
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  color:#ffffff;
  font-weight:bold; 
  padding-left:6px;
  padding-bottom:8px;
  }  
.form01{
  width:206px;
  float: right;
  }
.listtmenu{
  width:206px;
  float:left;
  margin-bottom:5px;
  
  } 
.listtmenu001{
  width:206px;
  float:left;
 
  
  }     
.form01style{
  width:159px;
  height:17px;
  border:#3a8875 1px solid;  
  padding-left:5px;
  padding-top:2px;
  }
.listtmenustyle{
  width:204px;
  height:20px;
  border:#3a8875 1px solid;  
  float:left;
  margin-top:5px;
  }  
.okbox-log{
  float:right;
  font-size:14px;
  color:#000000;
  font-weight:normal;
  margin-top:2px;
  text-transform:uppercase; 
  border: 0px;
  width:44px;
  background:url(images/okbg.jpg) no-repeat;
  height:24px;
  text-align:center;
  padding-bottom:5px;
  cursor:pointer;
  } 
.rgttopinner a{
  color:#ffffff;
  text-decoration:none;
  }
.rgttopinner001 a{
  color:#000000;
  text-decoration:none;
  }  
.quaterbg{
  width:227px;
  height:42px;
  float:left;
  background:url(images/shadowbg.jpg) no-repeat;
  margin-top:10px;
  padding:3px 0 0 0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:24px;
  color:#ffffff;
  font-weight:bold;
  text-align:center;
  }
.rgtimg01{
  width:227px;
  height:114px;
  float:left;
  background:url(images/01.jpg) no-repeat;
  margin-top:10px;
  }
.rgtimg02{
  width:227px;
  height:114px;
  float:left;
  background:url(images/02.jpg) no-repeat;
  margin-top:10px;
  }
.rgtimg03{
  width:227px;
  height:114px;
  float:left;
  background:url(images/03.jpg) no-repeat;
  margin-top:10px;
  }
.rgtimg04{
  width:227px;
  height:114px;
  float:left;
  background:url(images/04.jpg) no-repeat;
  margin-top:10px;
  }
.rgtsidemain h2{
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#000000;
  font-weight:bold; 
  padding-left:60px;
  padding-top:20px;
  padding-right:6px;
  }
.rgtsidemain h3{
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#000000;
  font-weight:bold; 
  padding-left:75px;
  padding-top:30px;
  padding-right:33px;
  }
.partnerbg{
  width:227px;
  float:left;
  background:url(images/handshake.jpg) no-repeat;
  height:288px;
  margin-top:10px;
  }
.rgtsidemain h4{
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  color:#ffffff;
  font-weight:bold; 
  padding-left:42px;
  padding-top:20px;
  }
.rgtsidemain p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#ffffff;
  font-weight:normal;
  padding:153px 24px 0 20px;
  text-align:center;
  } 
.click{
  width:152px;
  float:left;
  text-align:right;
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  color:#ffffff;
  font-weight:bold;
  margin-top:16px;
  }
.click a{
  color:#ffffff;
  text-decoration:none;  
  } 
.midseparotor{
  width:721px;
  float:left;
  border-left:#bdbcbd 1px solid;
  border-right:#bdbcbd 1px solid;
  height:12px;
  }
.midmainsep{
  width:960px;
  float:left;
  height:15px;
  }
.footerwrapper{
  width:960px;
  float:left;
  padding-left:20px;
  }
.footermain{
  width:960px;
  float:left;
  }  
.footertop{
  width:960px;
  float:left;
  }
.footerpix{
  width:960px;
  float:left;
  background:#be3e23 url(images/footerpix.jpg) repeat-x;
  height:169px;
  }
.footerwrapper ul{
  padding:0 0 0 35px;
  margin:12px 0 0 0;
  list-style-type:none;
  float:left;
  }
.footerwrapper ul li{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#fff;
  font-weight:normal;
  padding:5px 0 0 0;
  margin:0px;
  display:block;
  }
.footerwrapper ul li a{ 
  color:#ffffff;
  text-decoration:none;
  }
.footerwrapper ul li a:hover{ 
  color:#ffffff;
  text-decoration:underline;
  }
.btmlinks{
  width:1000px;
  float:left;
  height:35px;
  text-align:center;
  padding-top:15px;
  }
.btmlinks p{
  padding:0px;
  margin:0px;
  font-size:12px;  
  }
.btmlinks a{
  font-family:Arial, Helvetica, sans-serif;
  color:#6f6f6f;
  font-weight:normal;
  font-size:12px;
  text-decoration:none;
  padding:0 10px 0 10px;
  }
.btmlinks a:hover{
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  font-weight:normal;
  font-size:12px;
  text-decoration:none;
  padding:0 10px 0 10px;
  }
.newsletter{
  width:217px;
  float:left;
  background:url(images/newsletterbg.jpg) no-repeat;
  height:110px;
  padding:10px 0 0 10px; 
  margin-top:10px; 
  }        
        
.okbox{
  width:44px;
  float:right;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#000000;
  font-weight:normal;
  margin-top:5px;
  text-transform:uppercase; 
  background:url(images/okbg.jpg) no-repeat;
  height:18px;
  text-align:center;
  padding-top:3px;
  }
.subscribe{
  width:77px;
  float:right;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#000000;
  font-weight:normal;
  margin-top:2px;
  background:url(images/subscribe.jpg) no-repeat;
  height:22px;
  text-align:center;
  padding-bottom:3px;
cursor:pointer;
  }
.rgtsideinner{
  width:227px;
  float:left;
  }
.rgtsidetop{
  width:227px;
  float:left;
  }
.rgtsidemidpix{
  width:227px;
  background:#89c10f url(images/rgtinnerpix.jpg) repeat-x;
  float:left;
  padding:0px 0 0 0;
  }
.rgtsidetop01{
  width:217px;
  float:left;
  padding:0 0 0 10px;  
  }
.rgtsidetopbg{
  width:217px;
  background:url(images/rgttopbg.jpg) no-repeat;
  height:297px;
  float:left;
  padding-left:10px;
  }

.quater{
  width:190px;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  color:#ffffff;
  font-weight:bold;
  text-align:center;
  margin-top:10px;  
  }
.quatermainbg{
  width:227px;
  float:left;
  background:url(images/rgtmidbg.jpg) no-repeat;
  height:459px;
  }
.quatermainbg p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#425d06;
  font-weight:bold;
  margin:0px;
  padding:10px 35px 0 72px;
  }
.quatermainbg h3{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#425d06;
  font-weight:bold;
  margin:0px;
  padding:35px 30px 0 72px;
  }
.quatermainbg h4{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#425d06;
  font-weight:bold;
  margin:0px;
  padding:58px 30px 0 72px;
  }
.rgtbtmbg{
  width:227px;
  float:left;
  background:url(images/handshake.jpg) no-repeat;
  height:320px;
  } 
.rgtbtmbgtop{
  width:227px;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  color:#ffffff;
  font-weight:bold;
  text-align:center; 
  padding-top:21px;
  }
.rgtbtmbgtxt{
  width:202px;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#ffffff;
  font-weight:normal;
  text-align:center; 
  padding-top:155px;
  padding-left:15px;
  padding-right:10px;
  }               
        
                  
             
                             
    
                     
                                             
  

  	         
           
                  
      
/*******************
* DEVIS IMMOBILIER
********************/
.greycontent_title_rub {
	color: #7cb21e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
}
.clear {
	clear: both;
}
.sep {
	padding-bottom: 10px;
}
.greycontent_title {
	float: left;
	width: 220px;
	border: 0px solid #000000;
	font-weight: bold;
	line-height: 25px;
	color: #818181;
	font-family: Arial, Helvetica, sans-serif;
}
.greycontent_details {
	float: right;
	padding-left: 15px;
	border: 0px solid #c90000;
	line-height: 25px;
	color: #818181;
	width: 460px;
	font-family: Arial, Helvetica, sans-serif;
}
.greycontent_details input {
	border: 1px solid #bdbcbd;
}

#etape0 h1, #etape1 h1, #etape2 h1 {
	color: #7cb21e;
	font-size: 2em;
	margin-bottom: 15px;
}

.constructionmain h1
{
	color: #7cb21e;
	font-size: 2em;
}
.constructionmain a  {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
.constructionmain a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}

.valider-continuer {
	background-image:url(images/btn-valider-continuer.png);
	width: 169px;
	height: 21px;
	border: 0px solid #000;
	cursor: pointer;
	text-align: center;
}
.retour-etape {
	background-image:url(images/btn-retour-etape.png);
	width: 229px;
	height: 21px;
	border: 0px solid #000;
	cursor: pointer;
	text-align: center;
}
.btn-envoyer-demande {
	background-image:url(images/btn-envoyer-votre-demande.png);
	width: 169px;
	height: 21px;
	border: 0px solid #000;
	cursor: pointer;
	text-align: center;
}

/*****************
* Fil Ariane
*****************/

#filAriane {
	width: 700px;
	margin: 0px auto;
	margin-left: 0px;
	border: 0px solid #000;
	background-image:url(images/filariane-nv4-c.png);
	background-repeat: repeat-x;
	height: 34px;
	
}
#filAriane .leftSide {
	float: left;
	background-image: url(images/filariane-leftside.png);
	background-repeat: no-repeat;
	width: 116px;
	height: 34px;
	color: #ffffff;
	line-height: 16px;
	
}
#filAriane .centerSide1 {
	float: left;
	background-image:url(images/filariane-nv2-3-c.png);
	background-repeat:repeat-x;
	background-position:left;
	height: 34px;
	line-height: 30px;
	color: #585858;
	font-weight: bold;
	font-size: 1em;
}
#filAriane .centerSide2 {
	float: left;
	background-image:url(images/filariane-nv3-3-c.png);
	background-repeat:repeat-x;
	background-position:left;
	height: 34px;
	line-height: 30px;
	color: #585858;
	font-weight: bold;
	font-size: 1em;
}
#filAriane .rightSide {
	float: right;
	background-image: url(images/filariane-nv4-r.png);
	background-position:right;
	width: 100px;
	background-repeat: no-repeat;
	height: 34px;
}


/****************
* Etapes d'avancement
*****************/

#etapes-avancement {
	margin: 10px 0px;
	background-image:url(images/etapes-rgt.png);
	background-position: right;
	width: 700px;
	height: 64px;
}
.etapes-spc {
	float:left;
	background-image:url(images/etapes-lft.png);
	background-position: left;
	background-repeat: no-repeat;
	width: 15px;
	height: 64px;
}

.etapes-txt {
	float:left; 
	line-height: 60px; 
	font-weight: bold; 
	font-size: 1.6em;
}
.etapes-etapes {
	float:left; 
	padding-left: 10px; 
	line-height: 60px; 
	height: 30px; 
	font-size: 1.3em; 
	font-weight: bold;
}
.etapes-etapes a {
	color: #585858;
	text-decoration: none;
}
#etape-n1 {
	width: 100px;
	padding: 5px 10px 8px 35px;
	border: 0px solid #000;
	background-image:url(images/etapes-1.png);
	background-position: left -30px;
	background-repeat: no-repeat;
	height: 35px;
}

#etape-n2 {

}
.etape-n2-off {
	padding: 5px 10px 8px 35px;
	border: 0px solid #000;
	background-image:url(images/etapes-2.png);
	background-position: left 0px;
	background-repeat: no-repeat;
	height: 35px;
}
.etape-n2-on {
	padding: 5px 10px 8px 35px;
	border: 0px solid #000;
	background-image:url(images/etapes-2.png);
	background-position: left -30px;
	background-repeat: no-repeat;
	height: 35px;
}
.etape-n3-off {
	padding: 5px 10px 8px 35px;
	border: 0px solid #000;
	background-image:url(images/etapes-3.png);
	background-position: left 0px;
	background-repeat: no-repeat;
	height: 35px;
}
.etape-n3-on {
	padding: 5px 10px 8px 35px;
	border: 0px solid #000;
	background-image:url(images/etapes-3.png);
	background-position: left -30px;
	background-repeat: no-repeat;
	height: 35px;
}

/******************
*
*******************/
#srub-txt {
	color: #585858;
	margin-bottom: 10px;
}
.srub-left {
	float: left;
	width: 260px;
	line-height: 18px;
}

.srub-right {
	float: left; 
	margin-left: 10px; 
	width: 428px; 
	border: 0px solid #000;
	background-image:url(images/srub-rgt.png);
	background-position: right;
	background-repeat: no-repeat;
	height: 110px;
	color: #000000;
	line-height: 20px;
}
.srub-right-span {
	float: left;
	background-image:url(images/srub-lft.png);
	height: 110px;
	width: 12px;
}

/******************
* Devis Details
*******************/

.devis-details-tp {
	width: 700px;
	background-image:url(images/devis-details-tp.png);
	background-repeat: no-repeat;
	height: 10px;
}
.devis-details-bt {
	width: 700px;
	background-image:url(images/devis-details-bt.png);
	background-repeat: no-repeat;
	height: 10px;
}
.devis-details-ct {
	width: 700px;
	background-image:url(images/devis-details-ct.png);
	background-repeat: repeat-y;
	padding: 0px 5px;
}

.devis-details-ct h2 {
	font-size: 1.3em;
	color: #000000;
}
.devis-details-ct h2 a {
	color: #000000;
	text-decoration: none;
}