/* CSS Document */

*{
margin:0;
padding:0;
}

.spacer{
clear:both;
margin:0;
padding:0;}

body{
margin:0;
padding:0;
background:url(../images/background-filet-rge.gif) repeat-x 0 130px;}

#background-droite{
width:1057px;
margin:0 auto;
padding:0;
position:relative;}

#decor_gauche{
top: 0px;
left: -91px;
position: absolute;
background: url(../images/background-left.jpg) no-repeat 0 0;
background-attachment: scroll;
height: 292px;
width: 95px;
}

#decor_droite{
top:0px;
left:980px;
position: absolute;
background: url(../images/background-right.jpg) no-repeat 0 0;
height:249px;
width:77px;
}

#general{
position:relative;
width:969px;
padding:0;
margin:0 0 0 15px;
background:url(../images/back-degrade.jpg) repeat-y 0 0;}

#col-left{
float:left;
width:205px;}
#col-right{
float:left;
width:744px;
margin:0 0 50px 10px;}

h1 a {
width:200px;
height:70px;
background:url(../images/logo-domexpo.gif) no-repeat 23px 0;
display:block;
text-indent:-5000px;
margin-top:25px;}


/***********************  M E N U - V  *******************************/ 

ul#menu-v{
width:178px;
height:700px;
margin:3px 0 0 18px;
background:#a2c301 url(../images/degrade-bas-menu.jpg) repeat-x left bottom;}

li#titre-dossiers{
width:158px;
height:30px;
background:#a2c301 url(../images/tit-dossiers-back.jpg) no-repeat 0 0;
font:12px Arial, Helvetica, sans-serif;
color:#00633a;
font-weight:bold;
list-style:none;
padding:13px 0 0 20px;}


li.dossiers{
width:178px;
height:14px;
background:#a2c301 url(../images/bt-menusverts-back.jpg) no-repeat 0 0;
list-style:none;
padding-top:8px;}
li.dossiers a {
font:11px Arial, Helvetica, sans-serif;
color:#03472b;
text-decoration:none;
padding-left:20px;
background:url(../images/puce-menu-v.gif) no-repeat 8px 4px;}
li.dossiers a:hover {
font:11px Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;}


li.m-verts-divers{
width:178px;
height:25px;
border-bottom:1px solid #ffffff;
list-style:none;
background:#a2c301;}
li.m-verts-divers a{
font:11px Arial, Helvetica, sans-serif;
color:#03472b;
font-weight:bold;
text-decoration:none;
padding-left:20px;
background:url(../images/puce-rge-menu-v.gif) no-repeat 8px 4px;}
li.m-verts-divers a:hover{
font:11px Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
text-decoration:none;}


li#terrain-vente{
width:168px;
height:32px;
padding:3px 5px;
border-bottom:1px solid #ffffff;
list-style:none;
background:#a2c301;}
li#terrain-vente a{
width:168px;
height:32px;
display:block;
text-indent:-5000px;
background:url(../images/bt-terrain-vente.gif) no-repeat 0 -32px;}
li#terrain-vente a:hover{
width:168px;
height:32px;
display:block;
text-indent:-5000px;
background:url(../images/bt-terrain-vente.gif) no-repeat 0 0;}


li#prenez-rdv{
width:168px;
height:54px;
padding:3px 5px;
border-bottom:1px solid #ffffff;
list-style:none;
background:#a2c301;}
li#prenez-rdv a{
width:168px;
height:53px;
display:block;
text-indent:-5000px;
background:url(../images/bt-prenez-rdv.jpg) no-repeat 0 0;}

li#newsletter{
width:168px;
height:54px;
padding:3px 5px;
border-bottom:1px solid #ffffff;
list-style:none;
background:#a2c301;}
li#newsletter a{
width:168px;
height:53px;
display:block;
text-indent:-5000px;
background:url(../images/bt-newsletter.jpg) no-repeat 0 0;}


/*********************************************************************/ 

#pub-haut{
margin:5px 0 0 0;}


/***********************  M E N U - H *******************************/ 

ul#menu-h{
width:736px;
height:22px;
margin-top:12px;
}

ul#menu-h li{
list-style:none;
float:left;
margin-right:4px;}

ul#menu-h a{
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:7px;
display:block;
text-decoration:none;}
ul#menu-h a:hover{
text-decoration:none;}

a#m0{
width:63px;
color:#e83729;
border-bottom:4px solid #e83729;}
a:hover#m0{
color:#ffffff;
background-color:#e83729;}
a#m1{
width:79px;
color:#f29400;
border-bottom:4px solid #f29400;}
a:hover#m1{
color:#ffffff;
background-color:#f29400;}
a#m2{
width:85px;
color:#fcc300;
border-bottom:4px solid #fcc300;}
a:hover#m2{
color:#ffffff;
background-color:#fcc300;}
a#m3{
width:98px;
color:#a2c301;
border-bottom:4px solid #a2c301;}
a:hover#m3{
color:#ffffff;
background-color:#a2c301;}
a#m4{
width:125px;
color:#338261;
border-bottom:4px solid #338261;}
a:hover#m4{
color:#ffffff;
background-color:#338261;}
a#m5{
width:56px;
color:#00ad9e;
border-bottom:4px solid #00ad9e;}
a:hover#m5{
color:#ffffff;
background-color:#00ad9e;}
a#m6{
width:73px;
color:#008ed2;
border-bottom:4px solid #008ed2;}
a:hover#m6{
color:#ffffff;
background-color:#008ed2;}
a#m7{
width:59px;
color:#9c0a7d;
border-bottom:4px solid #9c0a7d;}
a:hover#m7{
color:#ffffff;
background-color:#9c0a7d;}


/***********************    H O M E   c o n t e n u  ******************************/

h2#baseline{
font:28px Arial, Helvetica, sans-serif;
color:#b6b6b6;
font-weight:bold;}

#sous-titres-anim{
width:727px;
height:27px;
font:12px Arial, Helvetica, sans-serif;
color:#000;
background:url(../images/anim-sstitres-back.jpg) no-repeat right top;
padding:5px 10px 0 0;
text-align:right;
}

#presentation-home{
margin:20px 20px 0 0;
width:452px;
float:left;}

#col-actus{
margin-top:20px;
width:254px;
float:left;}

h4#actus-home{
width:234px;
height:20px;
padding:5px 0 0 20px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#006039;
font-weight:bold;
background:#a2c301;}

a#voir-ttes{
width:254px;
height:20px;
display:block;
font:10px Arial, Helvetica, sans-serif;
color:#006039;
text-align:right;
margin:0 0 20px 0;
text-decoration:underline;
border-bottom:4px solid #a2c301;
}
a#voir-ttes:hover{
font:10px Arial, Helvetica, sans-serif;
color:#006039;
text-decoration:none;
border-bottom:4px solid #a2c301;}


/***********************    L E S   D O S S I E R S   ******************************/

#pres-dossiers{
margin:10px 50px 0 0;}


ul.liste-puces-vertc{
list-style-position:inside;
color:#009900;}
ul.liste-puces-vertc li{
color:#313231;
font:11px Verdana, Arial, Helvetica, sans-serif;
}

table#montant-ptz{
width:600px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#313231;
margin:20px 0;
background-color:#ffffff;}

table#montant-ptz td{
padding:5px 10px;
text-align:center;
background-color:#dddddd;}

table#montant-ptz td.zones, table#rembourse-ptz td.zones{
background-color:#8daa01;
color:#fff;
font-weight:bold;}

table#montant-ptz td.titres, table#rembourse-ptz td.titres{
background-color:#bbcd63;
font-weight:bold;}

table#montant-ptz td.col-nombres, table#rembourse-ptz td.col-nombres{
background-color:#e8e8e8;
font-weight:bold;}


table#rembourse-ptz{
width:700px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#313231;
margin:20px 0;
background-color:#ffffff;}

table#rembourse-ptz td{
padding:5px 10px;
text-align:center;
background-color:#dddddd;}

table#rembourse-ccmi{
width:700px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#313231;
margin:20px 0;
background-color:#ffffff;}

table#rembourse-ccmi td{
padding:5px 10px;
background-color:#dddddd;}

table#rembourse-ccmi td.pourcent{
width:150px;
padding:5px 10px;
text-align:center;
background-color:#bbcd63;
font-weight:bold;}

/***********************    L E X I Q U E   ******************************/

#lexique-sommaire{
width:700px;
font:18px Arial, Helvetica, sans-serif;
background-color:#00633a;
margin:0 0 30px 0;
color:#ffffff;}
#lexique-sommaire a{
font:18px Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
margin:0 7px;}
#lexique-sommaire a:hover{
font:18px Arial, Helvetica, sans-serif;
color:#8daa01;
text-decoration:none;
margin:0 7px;}


div.lexique-col-a, div.lexique-col-b{
float:left;
width:320px;
padding-left:25px;
}

.lexique-col-a h4, .lexique-col-b h4{
font:18px Arial, Helvetica, sans-serif;
color:#00633a;
margin-top:20px;}
.lexique-col-a h5, .lexique-col-b h5{
font:12px Arial, Helvetica, sans-serif;
color:#8daa01;
font-weight:bold;}
.lexique-col-a h6, .lexique-col-b h6{
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;
margin-left:25px;
color:#00633a;}
.lexique-col-a p, .lexique-col-b p{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#313231;
margin-left:10px;
text-align:justify;}



/***********************    P A G E S   C O R P O R A T E S   ******************************/

#pres-ptype{
margin:10px 50px 0 0;}

#pres-villages{
margin:20px 3px 0 0;
width:380px;
float:left;
}
#pres-villages p{
padding:0 20px 0 0;}

#col-temoignages{
margin-top:20px;
width:254px;
float:left;
background-color:#ece9e9;
border-bottom:4px solid #f29400;
}

h4#tit-temoignages{
width:234px;
height:20px;
padding:5px 0 0 20px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-weight:bold;
background:#f29400;}
#col-temoignages p{
padding:15px 15px 25px 20px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#313231;
}

/***********************    V I L L A G E S    ******************************/

#col-villages{
margin-top:20px;
width:350px;
float:left;
}
#col-villages-details{
margin-top:20px;
width:350px;
float:left;
border-left:3px solid #fcc300;
}

.floatleft{
float:left;}

#bloc-villages{
width:733px;
height:50px;
background:#fcc300;
}


.tit-constructeur-villages{
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-weight:bold;
margin:50px 0 0 20px;}

a.liens-fiche-constructeur{
clear:both;
display:block;
width:330px;
height:15px;
font:12px Verdana, Arial, Helvetica, sans-serif;
background-color:#fcc300;
color:#fff;
font-weight:bold;
text-decoration:none;
text-align:center;
padding:12px;}
a.liens-fiche-constructeur:hover{
background-color:#8daa01;}

.lien-retour-plan{
display:block;
float:right;
height:44px;
width:220px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#313231;
text-decoration:none;
margin-top:50px;
padding:30px 0 0 130px;
background:url(../images/plan-mini.jpg) no-repeat 20px 0;}
.lien-retour-plan:hover{text-decoration:underline;}


div#galerie{width: 350px ;}
dl#photo, dl#photo dd{	margin: 0 auto ;}
dl#photo dt{
	position:absolute;
	font:1px Arial, Helvetica, sans-serif;
	color:#fff;}
ul#galerie_mini{
	width:350px;
	display:block;
	margin: 3px 0 3px 0 ;}
ul#galerie_mini li{
	width:50px;
	margin: 0 3px 0 0;
	float:left;
	list-style: none ;}



/***********************    C O N S T R U C T E U R S   ******************************/

#bandeau-constructeurs{
width:730px;
height:180px;
background-color:#a2c301;
font:11px Arial, Helvetica, sans-serif;
color:#fff;}
#bandeau-constructeurs p{
padding-top:30px;
margin:0 20px 20px 15px;}
#bandeau-constructeurs a{
font:11px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;}
#bandeau-constructeurs a:hover{
color:#fff;
text-decoration:underline;}
#bandeau-constructeurs img{
width:270px;
height:180px;
float:left;
margin-right:15px;
}





#tableau-constructeurs td{
width:365px;
border:2px solid #a2c301;}
#tableau-constructeurs td img{
float:left;
margin-top:5px;}
#tableau-constructeurs td p{
font:11px Arial, Helvetica, sans-serif;
color:#313231;
padding-top:10px;
margin:0 10px 10px 10px;}


a#retour-liste-constr{
clear:both;
float:right;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#8daa01;
font-weight:bold;
text-decoration:none;
margin:30px 0;
display:block;}
a#retour-liste-constr:hover{text-decoration:underline;}



#galerie-constructeurs{
width:730px;
height:234px;
background-color:#a2c301;
font:11px Arial, Helvetica, sans-serif;
color:#fff;
}
#galerie-constructeurs p{
float:right;
display:block;
width:240px;
margin-top:20px;
font:12px Arial, Helvetica, sans-serif;
color:#fff;}


div#galerie-construc{
	float:left;
	width: 480px ;
	border-right:2px solid #fff;}
div#galerie-construc dl#photo{
	float:left;
	width:350px;}
div#galerie-construc dl#photo dt{position:absolute;}
div#galerie-construc ul#galerie_mini{
	float:left;
	width:120px;
	height:234px;
	list-style: none ;
	margin:3px 0 0 7px;}
div#galerie-construc ul#galerie_mini li{
	float:left;
	width:51px;
	margin:3px 7px 0 0 ;
	list-style: none ;}


span#ico-village{
display:block;
background:url(../images/ico-villages.jpg) no-repeat 0 0;
padding:20px 0 0 30px;}
a#arobaz{
width:200px;
height:30px;
display:block;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
text-decoration:none;
padding:10px 0 0 30px;
margin-top:20px;
background:url(../images/ico-arobaz.jpg) no-repeat 0 0;}
a#arobaz:hover{
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
text-decoration:underline;}
	
	
/**************************     L A   C H A R T E     ****************************/

div.pave-charte1{
width:480px;
border:3px solid #CC0000;
padding:15px;
margin:20px 0;}	
div.pave-charte2{
clear:both;
width:650px;
border:3px solid #CC0000;
padding:15px;
margin:20px 0;}	

	
a#bt-prenez-rdv-charte{
width:165px;
height:239px;
display:block;
float:right;
margin:20px 0;}

/**************************     A C T U  -  M E N U S    A C C O R D E O N S     ****************************/

#nav-accordeon li.toggleSubMenu{
list-style:square;
list-style-position:inside;
color:#008ed2;
border-bottom:1px dashed #008ed2;
margin:5px 0 10px 0;}

#nav-accordeon li.toggleSubMenu span.dateactu, #nav-accordeon li.toggleSubMenu a{
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#008ed2;
font-weight:bold;
text-decoration:none;}
#nav-accordeon li.toggleSubMenu span.v12-bleu{
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#008ed2;
}

#nav-accordeon li.toggleSubMenu p{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#313231;}


/**************************     P R I S E   D E   R D V     ****************************/


form.prise-rdv{
width:700px;
margin:30px 0 0 0;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#313231;}

ul.form-verts2{
height:130px;
margin:20px 0;
padding:20px 0;
background-color:#DCDCDC;}

form.prise-rdv ul li{
clear:both;
height:auto;
list-style:none;
width:700px;}


label.etiquettes{
width:200px;
height:30px;
float:left;}
label.etiquettes-gde{
width:350px;
float:left;}

form.prise-rdv input{ margin:0 3px;}
input.champs{
width:200px;
float:left;}

label.cases-constructeurs{
float:left;
width:175px;
font-size:10px;}
label.cases-sondage{
float:left;
width:300px;
height:20px;
font-size:10px;
color:#666666;}


li#envoi-form{
clear:both;
width:300px;
list-style:none;
height:20px;
padding:30px 0 30px 300px;}

li#envoi-form a{
font:12px Arial, Helvetica, sans-serif;
color:#313231;
font-weight:bold;
text-decoration:none;}
li#envoi-form a:hover{
font:12px Arial, Helvetica, sans-serif;
color:#313231;
font-weight:bold;
text-decoration:underline;}

#optin{
clear:both;
width:700px;
float:right;
display:block;
text-align:center;
margin-top:30px;}

ul.form-verts2 li{
padding:10px 0 0 0;}

/**************************     F O R M   T E R R A I N   A   V E N D R E     ****************************/


form.terrain-vendre{
width:700px;
margin:30px 0 0 0;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#313231;}

ul.form-verts{
height:230px;
margin:20px 0;
padding:20px 0;
background-color:#DCDCDC;}

form.terrain-vendre ul li{
clear:both;
height:auto;
list-style:none;
width:700px;}


label.etiquettes{
width:200px;
height:30px;
float:left;}

form.terrain-vendre input, form.terrain-vendre textarea{ margin:0 3px;}
input.champs{
width:200px;
float:left;}

textarea.comm{
width:350px;
float:left;}


li#envoi-form{
clear:both;
width:300px;
list-style:none;
height:20px;
padding:30px 0 30px 300px;}

li#envoi-form a{
font:12px Arial, Helvetica, sans-serif;
color:#313231;
font-weight:bold;
text-decoration:none;}
li#envoi-form a:hover{
font:12px Arial, Helvetica, sans-serif;
color:#313231;
font-weight:bold;
text-decoration:underline;}

#optin{
clear:both;
width:700px;
float:right;
display:block;
text-align:center;
margin-top:30px;}



/**************************     F O R M   C O N T A C T    ****************************/




#form-contact{
float:left;
width:500px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#313231;
margin-top:20px;
padding-left:35px;}

#form-contact label{
float:left;
width:60px;
margin: 5px 15px 0 0;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#343434;}

#form-contact li{
width:400px;
clear:both;
list-style:none:}

li#champs-oblig{
color:#9c0a7d;
text-align:right;
}

form.form  input.champs, textarea.champs{
margin:2px 0;
float:right;
}

form.form  input.boutons{
margin:0 5px;
float:left;
}

form.form  li{
list-style:none;
text-align:left;
}

.erreur{
background-color:#fff;
border:1px solid red;
color:#9c0a7d;
float:right;
margin: 5px 0 0 0;
}

#error{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:red;}

form.form a{
display:block;
margin:20px 0 0 180px;}


/**************************     F O R M    N E W S   ****************************/




#form-news{
float:left;
width:500px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#313231;
margin:20px 0 30px 0;
padding-left:35px;}

#form-news label{
float:left;
width:100px;
margin: 5px 15px 0 0;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#343434;}

#form-news li{
width:400px;
clear:both;
list-style:none:}

li#champs-oblig{
color:#9c0a7d;
text-align:right;
}

form.form  input.champs, textarea.champs{
margin:2px 0;
float:right;
}

form.form  input.boutons{
margin:0 5px;
float:left;
}

form.form  li{
list-style:none;
text-align:left;
}

.erreur{
background-color:#fff;
border:1px solid red;
color:#9c0a7d;
float:right;
margin: 5px 0 0 0;
}

#error{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:red;}

form.form a{
display:block;
margin:20px 0 0 180px;}



ul#old_news{
clear:both;
border-top:1px solid #ccc;
width:100%;
}

ul#old_news li{
list-style:none;
float:left;
text-align:center;
font:11px Verdana, Arial, Helvetica, sans-serif;
margin:10px;
}

ul#old_news li img{
border:1px solid #ccc;}


/**************************     S I T E M A P    ****************************/

ul.plan-du-site{
margin-left:30px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#313231;}

ul.plan-du-site a{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#313231;
text-decoration:none;}
ul.plan-du-site a:hover{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#313231;
text-decoration:underline;}




/**************************     F O O T E R    ****************************/

#footer{
width:889px;
background:#fff url(../images/back-degrade-bottom.jpg) repeat-x 0 0;
font:11px Arial, Helvetica, sans-serif;
color:#878787;
padding:10px 30px 10px 50px;}

#footer a{
font:11px Arial, Helvetica, sans-serif;
color:#878787;
text-decoration:none;}
#footer a:hover{
font:11px Arial, Helvetica, sans-serif;
color:#555555;
text-decoration:none;}

.extra-footer{
clear:both;
width:889px;
height:70px;
font:10px Arial, Helvetica, sans-serif;
color:#878787;
background-color:#fff;
padding:10px 30px 10px 50px;
border-top:1px solid #d9d9d9;
}

ul.extras{
width:290px;
float:left;}
ul.extras li{
list-style:none;}
ul.extras a{
font:10px Arial, Helvetica, sans-serif;
color:#878787;
text-decoration:none;}
ul.extras a:hover{
font:10px Arial, Helvetica, sans-serif;
color:#878787;
text-decoration:underline;}