/* ---------------------------------------- */
/* général				*/
/* ---------------------------------------- */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#412700;
	font-size: 62.5%;
}

html, body {
height: 100%;
 margin:0px 0px 0px 0px; 
 padding:0;
 min-height: 100%; 
 margin-bottom: 1px;
}

div.cleaner {
	clear: both; 
	line-height: 0px; 
	height: 0px; 
	font-size: 0px;
}

p { padding: 8px 0 0 0; margin: 0 }

p.center{
text-align:center;
}

ul, li, h1, h2, h3, h4{
margin:0;
padding:0;
}

.flux{ 
clear: both; 
}

.cleft{
clear:left;
}

.cright{
clear:right;
}

.clearing {
height: 0;
clear: both;
}

hr.clear{
display:block;
clear:both;
visibility:hidden;
height:0;
border-width:0;
margin:0;
padding:0;
}

* html hr.clear {   /* pour explorer  */
margin-top:-15px;
}

*+html hr.clear {   /* pour explorer 7 */
margin-top:-15px;
}



/* ---------------------------------------- */
/* 	link	*/
/* ---------------------------------------- */


a:link {
color: #666666;
text-decoration: underline;
}

a:hover {
text-decoration:underline;
color:#666666;
}

a:visited{
color: #666666;
text-decoration: underline;
}

a:active {
text-decoration:underline;
color:#666666;
}



/* ---------------------------------------- */
/* 	conteneur	*/
/* ---------------------------------------- */


#back{
background-image:url(../images/bg.gif);
background-repeat:repeat-x;
width:100%;
height:100%;
}



#conteneur{
background-color:#FFFFFF;
position:absolute;
left:102px;
width: 920px;
font-size:1.1em;
}

#bande{
height:384px;
background-color:#9B8F81;
padding:7px 0px 0 0px;
margin:0 0 0 0;
}

#beige{
margin-top:1px;
margin-left:206px;
background-color:#C7BFB4;
width:699px;
height:375px;
}

#sidebar{
padding:16px 0 0 4px;
margin:0 0 0 0px;
float:left;
width:206px;
}


#texte{
float:left;
width:610px; /* 710-20 */
padding:30px 60px 30px 40px;
margin:-386px 0 0px 0;
background-image:url(../images/bg_texte.gif);
min-height:950px;
}

* html #texte {   /* pour explorer  */
height:1040px;
}

*+html #texte{   /* pour explorer 7 */
height:1040px;
}

#conteneur_prop{
background-color:#FFFFFF;
position:absolute;
left:102px;
width: 1260px;
font-size:1.1em;
}

#texte_prop{
float:left;
width:940px; /* 710-20 */
padding:30px 60px 30px 40px;
margin:-386px 0 0px 0;
background-image:url(../images/bg_texte_prop.gif);
background-position:right top;
height:800px;
}


.bottom_texte{
margin:0px 0 100px 0;
padding:0px 0px 0 206px;
}

*+html .bottom_texte{   /* pour explorer 7 */
margin:-60px 0px 0 0px;
}

#texte ul{
margin:5px 0 0px 20px;
padding:0;
}

#texte ul li{
margin:0px 0 10px 0px;
padding:0;
}

#texte_accueil{
float:left;
color:#595148;
padding:0px 0 0 10px;
margin:7px 0 100px 0;
width:674px; /* 710-20 */
}

.image_droite{
padding:0 8px 0 40px;
margin:-10px -36px 20px 0px;
}

.soustitre,  .H2, H2{
font-weight:bold;
font-size:1.2em;
}

.gris{
color:#4a4949;
}

#texte_accueil .H1{
font-weight:bold;
font-size:1.2em;
margin:0;
padding:0;
text-transform:none;
color:#595148;
}

.titre, .H1, H1{
font-weight:bold;
font-size:1.6em;
color:#077A8C;
text-transform:uppercase;
margin:0;
padding:0 0 20px 0;
}

H3, .H3{
font-weight:bold;
margin:0;
padding:0;
}

.soustitrebleu, .H4, H4{
font-weight:bold;
font-size:1.2em;
color:#3F838E; 
text-transform:uppercase;
padding-top:17px;
}

.soustitrebleu2{
font-size:1.6em;
color:#3F838E;
padding:0;
margin:0;
}

.soustitrenoir{
font-weight:bold;
font-size:1.2em;
padding-top:17px;
}

.note{
color:#565656;
}

.bleu{
border:0;
width:185px; 
color:#3F838E; 
height:2px;
background-color: #3F838E;
margin-top:14px;
}

.txbleu{
color:#3F838E;
}

.txbleu2{
color:#207d8c;
}

.arial{
font-family: Arial, Helvetica, sans-serif;
}

.ft18{
font-size:1.7em;
}

.ft18b{
font-size:1.7em;
font-weight:bold;
}

.ft20{
font-size:1.9em;
}

.ft16{
font-family: Arial, Helvetica, sans-serif;
font-size:1.5em;
}

.ft16b{
font-family: Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:bold;
}

.ft14{
font-size:1.2em;
}

.ft13b{
font-size:1.1em;
font-weight:bold;
}

.ft10{
font-size:0.8em;
}

.mt13{
margin-top:13px;
}

.mt20{
margin-top:200px;
}

.txgris{
color:#9b8f81;
}

.txrouge{
color:#960000;
}

.video{
color:#595148;
width:325px;
border-bottom:#989898 1px solid;
border-top:#989898 1px solid;
height:180px;
margin-left:4px;
}

.video p{
margin-left:40px;

}

td.videos{
padding-bottom:30px;
}

.soustitre2{
font-weight:bold;
font-size:1.2em;
text-transform:uppercase;
margin-left:40px;
}

.soustitre3{
font-weight:bold;
font-size:1.2em;
text-transform:uppercase;
margin-left:4px;
}

.upper{
margin-top:18px;
margin-bottom:-4px;
text-transform:uppercase;
}

td.reference{
border-right:1px #E0DBD7 solid;
border-bottom:1px #E0DBD7 solid;
margin:0 0px 0px 0;
padding:20px 8px 30px 15px;
}

td.reference2{
border-right:1px #E0DBD7 solid;
margin:0 0px 0px 0;
padding:20px 10px 30px 15px;
}

td.reference3{
border-bottom:1px #E0DBD7 solid;
margin:0 0px 0px 0;
padding:20px 10px 30px 15px;
text-align:justify;
}

td.reference4{
margin:0 0px 0px 0;
padding:20px 10px 30px 15px;
}

.ml25{
margin-left:20px;
}

.ml40{
margin-left:40px;
}

.article{
background:url(../images/bg_articles.gif) no-repeat left top;
width:231px; /* 231- */
height:56px; /*  64 -8 */
padding:4px 0px 4px 4px;
margin:0 0 0px 0;
font-size:1.5em;
}

.article a{
text-decoration:none;
color:#000000;
}

.article1{
background:url(../images/bt_immobilier.gif) no-repeat left top;
width:236px; /* 231- */
height:50px; /*  64 -14 */
padding:10px 0px 4px 120px;
margin:0 0 0px 0;
font-size:1.0em;
text-transform:uppercase;
font-weight:bold;
}

.article2{
background:url(../images/bt_trucs.gif) no-repeat left top;
width:236px; /* 231- */
height:50px; /*  64 -14 */
padding:10px 0px 4px 120px;
margin:0 0 0px 0;
font-size:1.0em;
text-transform:uppercase;
font-weight:bold;
}

.article3{
background:url(../images/bt_deco.gif) no-repeat left top;
width:236px; /* 231- */
height:47px; /*  67 -20 */
padding:16px 0px 4px 120px;
margin:0 0 0px 1px;
font-size:1.0em;
text-transform:uppercase;
font-weight:bold;
}

.article1 a, .article2 a, .article3 a{
text-decoration:none;
color:#000000;
}


#tv{
background:url(../images/bg_tv.gif) top left no-repeat;
float:right; 
width:269px; /* 306- 37*/
height:220px; /* 381- 161 */
margin-top:0;
margin-left:70px;
margin-right:35px;
padding:161px 0 0 52px;
}


#tv2{
width:380px;
float:right; 
margin-top:0;
margin-left:10px;
margin-right:5px;
padding:5px 0 50px 0px;
}


#tv-videos{
width:292px;
float:right;
height:300px;
margin: 0 5px 0 30px;
}


#tv3{
width:345px;
float:right; 
margin-top:0;
margin-left:10px;
margin-right:5px;
padding:5px 0 50px 0px;
}



/* ---------------------------------------- */
/* 	menu	*/
/* ---------------------------------------- */

#menu{
margin: 0;
padding:64px 0 0 0px;
}

#sous-menu{
height:27px;
padding-left:341px;
background:url(../images/514-779-7797.gif) right top no-repeat;
}

#sidebar{
margin:17px 0 0 0px;
padding:0 0 0 0;
}

#sidebar ul{
clear:both;
list-style: none;
margin: 0;
padding: 0;
text-transform:uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size:1.2em;
padding:0px 0 5px 0;
margin:0px 0 0 -104px;
}

#sidebar li{
margin: 8px 0px 0px 104px;
padding: 0px 9px 0px 19px;
background-image:url(../images/bg_li.gif);
background-repeat:no-repeat;
background-position:left;
width:175px;
height:17px;
}


#sidebar li a{
color:#333232;
font-size:0.9em;
display: block;
text-decoration: none;
font-weight:bold;
width:175px;
height:17px;
padding: 4px 9px 0px 120px;
margin:0px 0 0 -121px;
}

#sidebar li a:hover{
background-color:#E4DACA;
}


#sidebar li.on a {
background-color:#E4DACA;
}	

#texte ul#services{
margin:0px 0 0px -20px;
padding:0 0 0 0;
}


#texte #services li {
margin: 10px 0px 8px 0px;
padding:0px 0 0px 40px;
list-style: none;
}

#services li a{
color:#9A8E80;
font-size:1.1em;
font-weight:bold;
text-decoration:none;
}

#services li a:hover{
text-decoration:underline;

}

#services li.on a{
color:#3F3F3F;
text-decoration:none;
background-image:url(../images/fleche.gif);
background-repeat:no-repeat;
background-position: left;
margin-left:-30px;
padding-left:30px;
display:block;
}

#sousservices li.on {
color:#3F3F3F;
text-decoration:none;
background-image:url(../images/fleche.gif);
background-repeat:no-repeat;
background-position: top left;
margin-left:-30px;
padding-left:30px;
display:block;
}


.vendu{
width:179px;
height:122px;
z-index: 2;
background-image:url(../images/vendu.gif);
position: absolute;
top:0px;
}


*+html .vendu {   /* pour explorer 7 */
margin-left:-179px;
}



/* ---------------------------------------- */
/* 	formulaire	*/
/* ---------------------------------------- */

label{
float: left;
width:110px;
}

label.long{
float: left;
width:230px;
}

input{
margin:4px 0 0 0;
}

.fielderror{
font-weight:bold;
color:#730004;
font-style:italic;
}

.message{
background-color:#EAE1D4; 
padding:5px 5px 5px 15px; 
margin:4px 0 10px 0; 
color:#730004;
font-weight:bold;
font-style:italic;
}

/* ---------------------------------------- */
/* 	footer	*/
/* ---------------------------------------- */


#footer{
color:#C5BEB4;
text-align: center;
}


#menu-footer{
margin:80px 0 0 0;
padding:0px 0 0 1px;
color:#C5BEB4;
}

.colonne, .colonne_fin{
float:left;
text-align: left;
}


.colonne ul, .colonne_fin ul{
border-top:#C5BEB4 1px solid;
clear:both;
list-style: none;
margin: 0;
padding: 0;
font-size:0.9em;
padding:0px 0 20px 0;
margin:0px 0 0 0px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

.colonne li{
margin: 0px 10px 0px 0px;
padding: 3px 15px 0px 0px;
border-right:#9A9180 1px solid;
}

.colonne_fin li{
margin: 0px 0px 0px 0px;
padding: 3px 1px 0px 0px;
}


.colonne li a, .colonne_fin li a{
color:#9A9180;
display: block;
text-decoration: none;
padding: 0px 0px 0px 0px;
margin:0px 0 0 0px;
}

.colonne li a:hover, .colonne_fin li a:hover{
text-decoration:underline;
}


.colonne li.on a, .colonne_fin li.on a {
text-decoration:underline;
}	


#footer p a:hover {
color : #C5BEB4;
text-decoration:underline;
}

#footer a:link, #footer a:hover, #footer a:visited, #footer a:active {
color:#C5BEB4;
}


.bt_infos{
float: right;
margin-top:-10px;
}

.encadre_form{
border: 1px solid #e0dbd7;
padding: 0 10px 10px 10px;
}


.bleu3{
color:#077a8c;
font-size:1.2em;
}

.titrebrun {
color:#786e62;
font-weight:bold;
font-size:1.2em;
}

.encadreville{
border:#3f838e 1px solid;
margin:30px 0px 20px 0px;
padding:3px 3px;
background-color: #ffffff
}

.blanc{
background-color:#e3dac9;
padding:10px 10px;
}

/** **/

#slider-code { height: 290px; overflow:hidden; padding-left:8px; }
#slider-code .viewport { float: left; width: 202px; height: 290px; overflow: hidden; position: relative;}
#slider-code .buttons { display: block; margin: 0px 0px 0 0;  }
#slider-code .next { margin: 0px 0 0 0px;  }
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0 top: 0; }
#slider-code .overview li{ float: left; margin: 0 0px 10px 0; padding: 0px; height: 140px;  width: 202px;}

.vendu2{
width:200px;
height:140px;
z-index: 2;
background:url(../images/vendu.gif) no-repeat;
position: relative;
top:8px;

}


*+html .vendu2 {   /* pour explorer 7 */
margin-left:-200px;
}

a.blancaccueil{
font-size:19px;
color:#FFFFFF;
text-decoration:none;
font-weight:normal;
}


a.blancaccueil:hover {
text-decoration: underline;
}

.plus{
background: url(../images/plus.gif) 0px 3px no-repeat;
padding-left:11px;
display:block;
}	

.plus a{
text-decoration:none;
}		

.plus a:hover{
text-decoration: underline;
}				

#toHide{
display: none;
position:relative;
}
