@charset "utf-8";
/* CSS Document */

a:link {color: #943F05;}
a:visited {color: #943F05;}
a:focus {color: #666;}
a:hover {color: #666;}
a:active {color: #666;}

body {
background: #082008 url(../img/com/bg-body.jpg) left top repeat-x;
color: #000;
font: normal normal 0.8125em Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
h1 {
height: auto;
margin: 0;
padding: 0;
}
h1 a span {
background: transparent url(img/com/spacer.gif) left top repeat;
cursor: pointer;
display: block;
height: 108px;
left: 295px;
overflow: visible;
position: absolute;
text-indent: -100000px;
top: 25px;
width: 400px;
}
h3 {
border-bottom: 1px solid #FC0;
font-size: 1.15em;
margin: 0.5em 0;
padding: 0;
text-transform: uppercase;
}

img {border: none;}

li { margin: 0.5em 0;}
p {
line-height: 1.3em;
margin: 0 0 1em 0;
}
.cache,
h1 span,
h2 span,
h3 span {
height: 1px;
left: 0;
overflow: hidden;
position: absolute;
top: -9999px;
width: 1px;
}
#blocActu h2 {
background: #FFF url(../img/fr/h-accueil-actu.gif) center top no-repeat;
height: 16px;
margin: 15px 0 0 0;
text-indent: -99999999px;
width: 263px;
}
#blocActu h3 {
color: #BE3E02;
border: none;
font-size: 0.9em;
text-transform: none;
}
#blocPage,
#blocListe,
#blocFiche {
float: left;
margin: 5px 0 0 10px;
width: 715px;
}
#blocPage h2,
#blocListe h2,
#blocFiche h2 {
background: transparent url(../img/com/bg-maison.jpg) left top no-repeat;
border-bottom: 1px solid #943F05;
color: #943F05;
font-size: 1.4em;
font-weight: normal;
margin: 5px 0 0 0;
padding: 0 0 0 73px;
text-align: left;
text-transform: uppercase;
}
#blocFiche h3 {
color: #943F05;
margin: 5px 0;
padding: 0;
}
#blocFiche #btnRetourListe {
margin: 5px 0;
padding: 0;
}
#blocLeft {
float: left;
margin: 0.5em 0;
padding: 0.5em;
width: 57%;
}
#b-offre {margin: 15px 0;}

	#page-maison #blocLeft p { text-align: justify;}
#blocRight {
float: left;
margin: 0.5em 0 0.5em 1em;
padding: 0.5em;
width: 37%;
}

#blocRight.encadre {
background: #EFEAE0;
color: #943F05;
text-align: justify;
}
#blocRight.encadre h3 {
border-bottom: 1px solid #517A51; 
color: #5F2600;
text-align: center;
text-transform: uppercase;
}
#blocNewsletter {
background: #FFF url(../img/com/bg-form-newsletter.gif) left top no-repeat;
height: 57px;
margin: 10px 0 0 0;
padding: 5px 0 0 7px;
width: 263px;
}
#blocNewsletter input {
font-size: 1em;
}
#blocNewsletter form {
margin: 0;
}
#blocNewsletter #emailNewsletter {
background: #FFF;
border: none;
margin: 0 5px 0 0;
width: 210px;
}
#blocNewsletter label {
color: #44361A;
display: block;
font-weight: bold;
margin: 0 0 5px 35px;
}
#blocOffre {
float: left;
margin: 10px 0 0 15px;
padding: 0;
width: 263px;
}
#blocSelection {
float: left;
margin: 10px 0 0 30px;
padding: 0;
width: 420px;
}
#blocSelectionAgence {
float: right;
width: 125px;
}
#blocSelectionMaison {
float: left;
width: 264px;
}
#blocSelectionMaison table,
#blocSelectionAgence table,
#blocOffre table {
margin: 15px 0 0 0;
}

#blocVendre, #blocAchat, #blocInvest {
background: #E0D4C4;
float: left;
height: 480px;
margin: 0.5em 0 0 10px;
width: 224px;
}
#blocVendre { background: #DDD4B5 url(../img/com/bg-transac1.jpg) left top no-repeat;}
#blocAchat { background: #DDD4B5 url(../img/com/bg-transac2.jpg) left top no-repeat;}
	#blocVendre h2, #blocAchat h2, #blocInvest h2 {
	background: #CFC2A8;
	border: none;
	color: #BF3E02;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
	padding: 0.5em 0;
	text-align: center;
	text-transform: uppercase;
	}
	#blocVendre p,
	#blocAchat p {
	height: 2.8em; /*correction bug IE 6 et 7*/
	margin: 0 0 0.5em 0;
	}
	#blocVendre p.heightAuto {
	height: auto;
	}
#contenu {
background: #FFF url(../img/com/bg-contenu.gif) left top repeat-y;
border: none;
margin: 0;
padding: 0;
width: 990px;
}
#ficheLeft {
float: left;
width: 450px;
}

#ficheLeft h4 {
color: #943F05;
font-size: 1.1em;
letter-spacing: 2px;
margin: 5px 0 2px 0;
text-transform: uppercase;
}
#ficheLeft p {margin: 5px 0 2px 0;}
#fichePrix {
background: #F3ECDE;
color: #BF3E02;
font-size: 2em;
margin: 0 0 10px 0;
padding: 10px 0;
text-align: center;
}
#fichePrix span {
	font-size: 18px;
}
#ficheRight {
float: right;
width: 250px;
}
#ficheRight form {
background: #E7DAC0;
margin: 0;
padding: 6px;
}
#blocVendre form,
#blocAchat form {
margin: 0;
padding: 6px;
}
#ficheRight form p {
margin: 0 0 6px 0;
padding: 0;
}
#ficheRight h4 {
background: #E7DAC0;
color: #BF3E02;
font-size: 1.3em;
margin: 0 0 4px 0;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
}
#ficheRight input {
border: 1px solid #E7DAC0;
width: 235px;
}
#blocVendre input,
#blocAchat input,
#blocVendre select,
#blocAchat select {
border: 1px solid #E7DAC0;
width: 205px;
}
#ficheRight input.btnForm,
#blocVendre input.btnForm,
#blocAchat input.btnForm {
background: #BD9B53;
color: #FFF;
text-transform: uppercase;
width: auto;
}
#ficheRight label,
#blocVendre label,
#blocAchat label {
margin: 0;
padding: 0;
}
#ficheRight textarea,
#blocVendre textarea,
#blocAchat textarea {
border: 1px solid #E7DAC0;
}
#flashLeft {
float: left;
width: 249px;
}
#footer {
background: #943F05 url(../img/com/bg-footer.gif) left top no-repeat;
color: #FFF;
font-size: 0.9em;
height: 43px;
margin: 0;
padding: 0;
position: relative;
text-align: left;
width: 990px;
}
#footer a {color: #000;}
#footer img {
float: right;
}
#footer p {
float: left;
margin: 0;
padding: 5px 10px 7px 10px;
}
#global {
border: none;
margin: 0 auto;
position: relative;
width: 990px;
}
#header {
background: transparent;
height: auto;
margin: 0;
padding: 0;
}
#hOffreHp {
background: transparent url(../img/fr/h-accueil-offre.gif) left top no-repeat;
height: 13px;
margin: 0 0 5px 0;
padding: 0;
width: 263px;
}
#hSelectionHp {
background: transparent url(../img/fr/h-accueil-selection.gif) left top no-repeat;
height: 13px;
margin: 0 0 5px 0;
padding: 0;
width: 419px;
}
#fck {margin: 15px 0 0 0;}
#imgDiapo {
position: relative;
height: 293px;
overflow: hidden;
background-color: #E7DAC0;
}
#imgLoupe {
position: absolute;
bottom: 5px;
right: 5px;
}
#navDiapo img {
border: 4px solid #FFF;
margin: 3px;
}
#page-actu h3 {
color: #5F2600;
}
#page-actu #blocPage p {
margin: 0 0 1em 0;
}
html body #global p#telTransac {
color: #943F05;
font-size: 16px;
font-weight: bold;
line-height: normal;
margin: 0;
padding: 0;
position: absolute;
right: 15px;
top: 165px;
}
input#prixMin, input#prixMax {
width: 70px;
}
/***************************************/
/********    Les Classes    ************/
/***************************************/
.bold {font-weight: bold;}
.btnForm {
background: #E7DAC0;
border: none;
color: #943F05;
cursor: pointer;
font-weight: bold;
margin: 0;
}
p.btnSavoirPlus {
margin: 0;
padding: 0;
text-align: right;
}
p.listeDescription {
margin: 0;
padding: 0;
}
p.b-transac {
height: 2.8em;
text-align: center;
}
	p.b-transac a {
	background: #9F854F;
	padding: 5px;
	text-decoration: none;
	text-transform: uppercase;
	}
	p.b-transac a:link {color: #FFF;}
	p.b-transac a:visited {color: #FFF;}
	p.b-transac a:focus {color: #AF9662;}
	p.b-transac a:hover {background: #AF9662;}
	p.b-transac a:active {color: #AF9662;}
	
.center {text-align: center;}
.date {
color: #943F05;
margin: 0;
}
.imgFloatLeft {
float: left;
margin: 0 10px 10px 0;
}
.imgFloatRight {
float: right;
margin: 0 10px 10px 0;
}
.listePrix {
color: #BF3E02;
font-size: 1.4em;
}
.listeProduit {
background: #FFEFCF;
float: left;
margin: 5px 15px 10px 0 ;
padding: 0 0 5px 0;
text-align: center;
width: 210px;
}
html>body .listeProduit {width: 220px;}
.listeProduit a {
margin: 0;
padding: 0;
}
.listeProduit img {
border: none;
margin: 0;
/*width: 223px;*/
}
.listeType {
color: #BF3E02;
}
.obligatoire {
color: #C68E0F;
}
.right {text-align: right;}
.separateur {
clear: both;
height: 1px;
margin: 0;
visibility: hidden;
}
/*******************************************/
/********** Formulaire de Contact **********/
/*******************************************/
#formContact {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: 0 auto;
padding: 0;
width: 100%;
}
#formContact em {color: #F00;}
#formContact fieldset {
	background: #EFEAE0;
	border-bottom: 2px solid #DFA181;
	border-left: none;
	border-right: none;
	border-top: 2px solid #DFA181;
	display: block;
	margin: 0 auto 10px auto;
	padding: 0.5em;
	width: 95%;
}
#formContact fieldset#civilite {
background: #DFDCD1;
border: none;
}
#formContact fieldset#civilite legend {
background: none;
text-transform: none;
}
#formContact label {
	color: #555142;
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	font-weight: bold;
	line-height: 1.8;
	margin: 0;
	padding: 0 0.5em 0 0;
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	width: 30%;	/*** Les intitules prennent n% de la largeur totale du formulaire... ***/
}

#formContact input:focus,
#formContact input:focus#cv,
#formContact input:focus#nom,
#formContact input:focus#telephone,
#formContact input:focus#mail,
#formContact textarea:focus {
background: #EBEFF2;
}

#formContact input#cv,
#formContact input#nom,
#formContact input#prenom,
#formContact input#societe,
#formContact input#telephone,
#formContact input#mail,
#formContact input#adressel1,
#formContact input#cp,
#formContact input#ville {
width: 60%;
}
#formContact input#cv,
#formContact input#nom,
#formContact input#telephone,
#formContact input#mail {
background: #EFDBD1;
}
#formContact legend {
	background: #F0EEE7;
	color: #333;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 0 5px;
	text-transform: uppercase;
}
#formContact textarea {
margin: 0.2em;
width: 60%;
}
#formContact p {margin: 5px 0;}
/***************************************/
/******** Retour formulaire ************/
/***************************************/
#msgRetourForm {
margin: 15% 5%;
}
#msgRetourForm p {
margin: 0 0 10px 0;
padding: 0;
}
/***************************************/
/******** Mentions legales  ************/
/***************************************/
#mention {
list-style-type: none;
margin: 0;
padding: 0;
}
#mention li { margin: 0.5em 0;}
#mention strong {color: #517A51;}

/***************************************/
/********    Navigation     ************/
/***************************************/
#nav2 {
background: #FFF url(../img/com/bg-nav2.gif) left top no-repeat;
height: 18px;
margin: 4px 0 0 600px;
padding: 4px 0 0 0;
text-align: center;
width: 340px;
}
#nav2 a {font-weight: bold;}

div#nav {
background: #FFF;
border: 0;
height: 25px;
margin: 0;
padding: 0;
width: 990px;
}

div#nav ul#menu {
background: transparent url(../img/fr/nav.gif) top left no-repeat;
height: 25px;
margin: 0;
padding: 0;
position: relative;
text-align: left;
width: 990px;
}

div#nav ul#menu li li {
height: auto;
position: static;
padding-right: 0;
width: 10em;
}

div#nav ul#menu li {
height: auto;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
}
	
ul#menu li, ul#menu a {
display: block;
height: 25px;
}
ul#menu li li, ul#menu li li a {
display: block;
height: 18px;
}
div#nav ul#menu li a {
text-decoration: none;
text-indent: -9999px;
}
div#nav ul#menu li li a {
text-decoration: none;
text-indent: 0;
}
#nav-accueil		{left: 0; width: 76px;}
#nav-offre			{left: 76px; width: 96px;}
#nav-constructeur 	{left: 172px; width: 110px;}
#nav-programme 		{left: 282px; width: 109px;}
#nav-terrain 		{left: 391px; width: 213px;}
#nav-agence 		{left: 604px; width: 109px;}
#nav-dai 			{left: 713px; width: 199px;}
#nav-contact 		{left: 912px; width: 78px;}

#nav-accueil a:hover 		{background: transparent url(../img/fr/nav.gif) 0 -25px no-repeat;}
#nav-offre a:hover 			{background: transparent url(../img/fr/nav.gif) -76px -25px no-repeat;}
#nav-constructeur a:hover	{background: transparent url(../img/fr/nav.gif) -172px -25px no-repeat;}
#nav-programme a:hover 		{background: transparent url(../img/fr/nav.gif) -282px -25px no-repeat;}
#nav-terrain a:hover 		{background: transparent url(../img/fr/nav.gif) -391px -25px no-repeat;}
#nav-agence a:hover 		{background: transparent url(../img/fr/nav.gif) -604px -25px no-repeat;}
#nav-dai a:hover 			{background: transparent url(../img/fr/nav.gif) -713px -25px no-repeat;}
#nav-contact a:hover		{background: transparent url(../img/fr/nav.gif) -912px -25px no-repeat;}

/* "Vous etes ici" - Navigation principale */
body#page-accueil #nav-accueil a 			{background: transparent url(../img/fr/nav.gif) 0 -25px no-repeat;}
body#page-offre #nav-offre a 				{background: transparent url(../img/fr/nav.gif) -76px -25px no-repeat;}
body#page-constructeur #nav-constructeur a 	{background: transparent url(../img/fr/nav.gif) -172px -25px no-repeat;}
body#page-programme #nav-programme a 		{background: transparent url(../img/fr/nav.gif) -282px -25px no-repeat;}
body#page-terrain #nav-terrain a 			{background: transparent url(../img/fr/nav.gif) -391px -25px no-repeat;}
body#page-agence #nav-agence a 				{background: transparent url(../img/fr/nav.gif) -604px -25px no-repeat;}
body#page-dai #nav-dai a 					{background: transparent url(../img/fr/nav.gif) -713px -25px no-repeat;}
body#page-contact #nav-contact a 			{background: transparent url(../img/fr/nav.gif) -912px -25px no-repeat;}

div#navOffre {
background: #FFF;
border: 0;
height: 263px;
margin: 0;
padding: 0;
width: 263px;
}

div#navOffre ul#menuOffre {
background: transparent url(../img/fr/navOffre.jpg) top left no-repeat;
height: 263px;
margin: 0;
padding: 0;
position: relative;
width: 263px;
}

div#navOffre ul#menuOffre li {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 0;
}
	
ul#menuOffre li, ul#menuOffre a {
display: block;
height: 125px;
z-index: 0;
}
div#navOffre ul#menuOffre li a {
text-decoration: none;
text-indent: -9999px;
}
#nav-offre-maison		{left: 0; top: 0; width: 125px;}
#nav-offre-terrain 		{left: 138px; top: 0; width: 125px;}
#nav-offre-programme	{left: 0; top: 137px; width: 263px;}

#nav-offre-maison a:hover 		{background: transparent url(../img/fr/navOffre.jpg) 0 -263px no-repeat;}
#nav-offre-terrain a:hover 		{background: transparent url(../img/fr/navOffre.jpg) -138px -263px no-repeat;}
#nav-offre-programme a:hover	{background: transparent url(../img/fr/navOffre.jpg) 0 -400px no-repeat;}

/* menu deroulant */

body#page-offre #nav-offre li a,
#nav-offre li a:hover,
body#page-offre #nav-constructeur li a,
body#page-constructeur #nav-constructeur li a,
#nav-constructeur li a:hover {
background: transparent;
background-image: none;
}

#menu ul {
	background: #D76702;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	float: left;
	font-weight: bold;
	list-style: none;
	line-height: 1;
	margin: 0 0 1em 0;
	padding: 0;
	width: 990px;
}
#menu ul ul {
background: #D76702;
z-index: 3;
}

#menu li {
	background: transparent;
	float: left;
	padding: 0;
}

#menu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 10em;
	font-weight: normal;
	margin: 0;
	z-index: 2;
}
#menu li ul a {
	color: #FFF;
	padding: 0.4em 0.2em 0.2em 0.7em;
	width: 9em;
}
#menu li li {border-bottom: 1px solid #FFF;}

/*#menu li ul ul {
	margin: -2em 0 0 11em;
}*/

#menu li:hover ul ul, 
#menu li:hover ul ul ul, 
#menu li.sfhover ul ul, 
#menu li.sfhover ul ul ul {
	left: -999em;
}

#menu li:hover ul, 
#menu li li:hover ul, 
#menu li li li:hover ul, 
#menu li.sfhover ul, 
#menu li li.sfhover ul, 
#menu li li li.sfhover ul {
	left: auto;
}

#menu li#nav-offre:hover,
#menu li#nav-offre.sfhover {
background: transparent url(../img/fr/nav.gif) -76px -25px no-repeat;
}
#menu li#nav-constructeur:hover,
#menu li#nav-constructeur.sfhover {
background: transparent url(../img/fr/nav.gif) -172px -25px no-repeat;
}
#menu li li:hover,
#menu li li.sfhover,
#menu li li li li:hover, 
#menu li li li li.sfhover {
	background: #943F05;
}

#menu li li li:hover, 
#menu li li li.sfhover {
	background: #943F05;
}

.textrouge {
	color: #ff0000;
	font-weight: bold;
}
#trueContainer {white-space:nowrap;}
#trueContainer td {
font-weight: bold;
text-align: center;
}
/***********************************/
#blocLeftMaison {
/*background: lime;*/
float: left;
margin: 0.5em 0;
padding: 1em 0 1.5em 0;
text-align: justify;
width: 345px;
}
#blocLeftMaison p {
/*background: aqua;*/
margin: 0 0 1em 0;
}
#blocRightMaison p {
/*background: grey;*/
margin: 0 0 1em 0;
}
#blocRightMaison {
/*background: lime;*/
float: left;
margin: 0.5em 0 0.5em 10px;
padding: 1em 0 0 0;
text-align: justify;
width: 345px;
}
#blocLeftMaison div, #blocRightMaison div {
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
height: 440px;
padding: 1.5em;
}
#blocLeftMaison div {
background: #FFFBD3/* url(../img/fr/_maison-archi-bas.gif) center bottom no-repeat*/;
margin: 0 0 0 2.5em;
/*padding-bottom: 3em; */
}
#blocRightMaison div {
background: #F9F9F9/* url(../img/fr/_maison-eco-bas.gif) center bottom no-repeat*/;
margin: 0 2.5em 0 0 ;
/*padding-bottom: 3em;*/ 
}