body, div, h1, h2, h3, p, ul, li, form, fieldset, label, input, hr {margin:0; padding:0;}

/** images sans bordure**/
a > img {border :0px;}

/** IE 6**/
img {border :0px;}

body { background-color:#666; color:#fff; font-family:Arial, Helvetica, sans-serif italic;}

#layout { width:966px; margin:0 auto; text-align:center; }

#layout, #topHead, #header, #corps, #colG, #content, #bottom, #liensDirects, #fiche, #headerFiche, #navFiche, #corpsFiche { position:relative;  }

#topHead { text-indent:180px; background:url(../images/bgTop.gif) 0 0 no-repeat; height:23px; margin-top:10px; font-size:10px; font-weight:bold;   }

/* Header avec logo et menu */
#header { background:transparent url(../images/bgHeader.gif) 0 0 repeat-y; text-align:left; height:135px;  }
#nav { position:absolute; top:10px; left:220px; width:723px; height:120px; }
#nav ul { position:relative; margin-top:-10px; list-style-type:none; width:100%; font-size:12pt; font-weight:bold;  }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari 3.0 and Opera 9 rules here */
	#nav ul { position:relative; margin-top:-10px; list-style-type:none; width:100%; font-size:12pt; font-weight:normal;  }
}
#nav li { float:left; display:inline; text-transform:uppercase; }
#nav li a { display:block; padding:20px 11px 5px 10px; text-decoration:none; color:#D6AF71; background:transparent url(../images/pictosNav.gif)  50% -83px no-repeat;}
#nav li a:hover, #nav li a.actif { color:#fff; background:transparent url(../images/pictosNav.gif)  50% 0 no-repeat;}
#nav img { border-bottom:1px solid #D6AF71;}
a#logo { position:absolute; top:0; left:10px;  }

/* conteneur general */
#corps { background:#333 url(../images/bgBody.gif) 0 0 repeat-y; width:100%; }

/* Colonne de gauche permanente */
#colG { float:left; display:inline; width:200px; background:#4c4c4c; margin:10px 8px 0 10px; font-size:10pt; font-style:italic; }
#colG h2 { color:#fff; font-size:10pt; }
#colG p {margin:0 0 20px 0; }
#liensDirects { margin-top:20px; padding:0 15px; color:#999;  }
#liensDirects h2 { margin-bottom:10px; }
#liensDirects a { position:relative; color:#999; text-decoration:none; }
#liensDirects a:hover { color:#fff; text-decoration:none; }

/* Pied de page avec 3 blocs contact permanent */
#bottom { background:url(../images/bgBottom.gif) 0 0 no-repeat; height:50px; font-size:11px; font-style:italic; text-align:left;  }
#bottom div { float:left; display:inline; margin-top:8px; padding-left:30px; background-image:url(../images/pictosFooter.gif); background-repeat:no-repeat; }
#contactAd { background-position: 0 -35px;  margin:0 25px 0 235px;  }
#contactTel { background-position: 0 -35px; margin:0 25px 0 0; }
#contactMail { background-position: 0 2px; }

/* Pied de page fiche avec 3 blocs contact permanent */
#bottomFiche { background-color: White; height:50px; font-size:11px; font-style:italic; text-align:left;  }
#bottomFiche div { float:left; display:inline; margin-top:8px; padding-left:30px; background-image:url(../images/pictosFooter.gif); background-repeat:no-repeat; }
#contactFicheAd { background-position: 0 -35px;  margin:0 25px 0 50px;  }
#contactFicheTel { background-position: 0 -35px; margin:0 25px 0 0; }
#contactFicheMail { background-position: 0 -35px; }

/** COuleurs **/
.coulDefaut, a.coulDefaut:link, a.coulDefaut:visited { color:#fff; } /* blanc défaut pour textes */
.couleur, a.couleur { color:#D6AF71; }	/* beige */
.comp, a.comp { color:#000; } 		/* noir complementaire */
.couleurFiche { color:#846C46;  } /* beige foncé fiche */

.bgDefaut {background-color:#fff; }
.bgCouleur {background-color:#D6AF71; }

.noBorder { border : none; }

.nof { clear:both; visibility:hidden; height:1px; }
.noDeco { text-decoration:none; }
.bordR { border-right:2px solid #656565;}
.decaleTopL { margin-top:20px; }
.bloc { display:block; }

/* typos */
.serif { font-family:"Times New Roman", Times, serif; }
.it { font-style:italic;}
.caps { text-transform:uppercase;}
.sousTitre { margin:20px 0 5px 0; text-align:center; font-size:12px; padding:0 40px; color:#D6AF71; }
.info { font-style:italic; text-align:center; font-size:11px; padding:0 40px; }
.aleft { text-align:left; }
.aright { text-align:right; }
.acenter { text-align:center; }
.justifie { text-align:justify;}
.larger { font-size:larger;}
.smaller { font-size:smaller;}

/* pictos */
.pictoCoeur { background-image:url(../images/pictosBiens.gif); background-repeat:no-repeat; }
.pictoContact { padding:1px 10px 1px 20px; background:url(../images/pictosBiens.gif) 0 -98px no-repeat; }
.pictoMinute { padding:1px 10px 1px 20px; background:url(../images/pictosBiens.gif) right -50px no-repeat; }
.pictoCoupCoeur { padding:1px 20px 1px 10px; background:url(../images/pictosBiens.gif) right 0 no-repeat; }

/* corps de page */
#content { float:left; width:740px; padding:10px 0; z-index:0; display:inline; }

#content h1 { text-align:center; font-size:19px; }
#content h2 {text-align:center; font-size:13px;}


/* menu ventes / locations en home */
ul#navHome { position:relative; list-style-type:none; width:440px; font-size:10pt; font-weight:bold; margin:40px auto; }
#navHome li { position:relative; float:left; display:inline; padding:0; text-transform:uppercase; text-align:center; width:220px; height:150px;  }

#navHome li a { height:100%; width:100%; /*top:105px; left:0;*/ z-index:100; display:block; text-decoration:none; color:#D6AF71; text-align:center; }
#navHome li a:hover, #nav li a.actif { color:#fff; background:transparent url(../images/pictosNav.gif)  50% 0 no-repeat;}
#navHome li img { border:1px solid #656565; margin:0; padding:0; }
#navHome li a:hover img { border:1px solid #fff;  }
#navHome li a span.lienAcc { cursor:hand; padding-top:20px; width:220px; position:absolute; top:108px; left:0; display:block; background:transparent url(../images/pictosNav.gif)  50% -83px no-repeat; }
#navHome li a:hover span.lienAcc { cursor:hand; background:transparent url(../images/pictosNav.gif)  50% 0 no-repeat; }

/* menu biens home secondaire */
ul.navBiens { position:relative; list-style-type:none; font-size:10pt; font-weight:bold; margin:0 auto; width:85%; height:60px; }
.navBiens li {color:#000; height:40px;  position:relative; float:left; display:inline; text-align:center; padding:0; margin:1px; }
.navBiens li span { padding:2px 0 2px 2px; border-right:2px solid #656565; }
.navBiens li a { padding:15px 20px; display:block;  text-decoration:none; color:#000; background-color:#D6AF71;}
.navBiens li a:hover, .nabBiens li a.actif, .navBiens li a.sBiens.actif, .navBiens li a.sTerrains.actif, .terrains.actif a { color:#000; background-color:#fff;}
.navBiens .terrains {width:29%; }
.navBiens .proprietes { width:74%; height:25px;}
.navBiens li a.sBiens { float:left; display:inline; padding:4px 13px; margin:1px 1px 0 0;}
/* adaptation pour pagination liste des biens */
ul.navBiens.etendu {  width:100%; margin:10px auto; }
.navBiens .terrainsEtendu {width:24%; }
.navBiens .proprietesEtendu { width:75%; height:25px;}
ul.navBiens.etendu li a.sBiens { width:28% }
ul.navBiens.etendu li a.sBiens.prem {width:29% }

/* menu biens Loc home secondaire */
ul.navBiensLoc { position:relative; list-style-type:none; font-size:10pt; font-weight:bold; margin:0 auto; width:80%; height:40px; }
.navBiensLoc li { color:#000; height:20px; width:32%;  position:relative; float:left; display:inline; text-align:center; padding:0; margin:1px; }
.navBiensLoc li a { padding:5px 20px; display:block;  text-decoration:none; color:#000; background-color:#D6AF71;}
.navBiensLoc li a:hover, .navBiensLoc li a.actif { color:#000; background-color:#fff;}
/* adaptation pour pagination liste des biens */
ul.navBiensLoc.etendu {  width:100%; margin:10px auto; }
ul.navBiensLoc.etendu li { width:33%;  }

/* bloc coup de coeur */
h2.pictoCoeur {position:relative;margin:10px auto;  width:350px; background-position: top left; color:#D6AF71; font-style:italic; }
h2.pictoMinute {position:relative;margin:10px auto;  width:350px; background-position: -50px left; color:#D6AF71; font-style:italic; }

a.coupCoeur { position:absolute; top:0; left:0; background-color:#4c4c4c; text-align:left; color:#fff; text-decoration:none; }
a.coupCoeur img {float:left; padding:10px; border:0; }
a.coupCoeur span.desc { font-size:10pt; padding:10px; display:block;  text-align:left;  }
a.coupCoeur span.prix { float:right; text-align:right; }
a.coupCoeur span.lieu, a.coupCoeur span.prix { font-style:italic; color:#D6AF71; padding-right:10px; }
a.coupCoeur span.lieu strong, a.coupCoeur span.prix strong { text-transform:uppercase;}
a.coupCoeur span.accroche {clear:right; padding:3px 0; font-weight:bold;  }

a.coupCoeur span.voirFiche { font-style:italic; color:#D6AF71; font-size:10px; }

/* innerfade */
#une {position:relative; width:422px; margin:10px auto 0 auto; text-align:center;}

/* bloc bien en liste biens */
.bien { position:relative; text-align:left; padding:5px; }
.bien img { position:relative; border:0px solid #cbcbcb; margin:5px 5px 5px 0; }
.bien.fonce { background:#333 url(../images/bgHeader.gif) -218px 0 repeat-y; }

.bien p {  padding-right:10px; margin:5px 0 0 0;}
.bien .desc { position:relative; float:right; width:410px; font-size:10pt;  text-align:left; margin:5px 0 0 0;  }
.bien .prix, .bien .ref { float:right; margin-right:10px; }
.bien .lieu, .bien .prix, .bien .cat { font-style:italic; color:#D6AF71; }
.bien .lieu strong, .bien .prix strong { text-transform:uppercase;}
.bien .carac { clear:right; padding:3px 0; color:#D6AF71; font-size:11px; font-style:italic; line-height:15px; margin:0; }

.bien .carac span.bordCat { float:right; border:1px solid #D6AF71; padding:1px; margin-right:10px; }
.bien .accroche {clear:right; padding:3px 0; margin-top:5px; font-weight:bold;  }
.exclu {padding:0 20px;}
.minute {padding:0 20px 3px;}

a.lienFiche {color:#D6AF71; font-size:11px; text-decoration:none; font-style:italic; font-weight:bold; }
a.lienFiche:hover { color:#fff; }

/*l'agence*/
#agence {position:relative; width:630px; margin:10px auto 0 auto; text-align:left; font-size:10pt;}


/* formulaire */

#formContact fieldset.fonce { margin:20px 0 0 0; padding-bottom:20px; background:#333 url(../images/bgHeader.gif) -218px 0 repeat-y; }
#formContact h2 {padding-bottom:5px; margin-bottom:5px; font:bold 18px "Times New Roman", Times, serif;  border-bottom:1px solid #656565; text-transform:uppercase; color:#D6AF71; }
#formContact p, #formContact input, #formContact textarea { font:normal 12px "Arial, Helvetica, sans-serif" ; }
#formContact .info {clear:both; font-size:11px; padding-bottom:5px; font-style:italic;  }
#formContact .labInfo {clear:both; font-size:12px; margin-bottom:10px;  }
#formContact p { margin:10px 0 0 0; }
#formContact fieldset { margin:5px 0; }
#formContact fieldset p { padding:4px; margin:0 }
#formContact fieldset {border:0; padding:10px 0; }

#formContact .demi { width:43%; float:left; }
#formContact .demi span.label { padding-right:10px;  }
#formContact .demi label{ padding:4px; display:block; /*width:110px; float:left;*/ text-align:right; }
#formContact .demi input { width:180px; }

#formContact span.lab, #formContact label.lab { width:300px; display:block; float:left; text-align:right; color:#D6AF71; margin-right:20px;}

.inline { display:inline; width:auto; padding-right:20px; font-style:italic; }
.XS { width:30px; }
.xS { width:60px; }
.S { width:90px; }
.M { width: 180px; }
.L { width: 290px; }
.XL { width:500px; margin-top:5px; }

#formContact input.bouton { cursor:pointer; background-color:#656565; border:1px solid #D6AF71; color:#D6AF71; padding:0 10px; font:bold 14px "Times New Roman", Times, serif;}
#formContact input.bouton:hover {  background-color:#4c4c4c; }

#formContact fieldset.pref { margin:0; padding:0; width:300px; }
#formContact fieldset.pref input { margin-left:15px; }
#formContact fieldset.pref label { width:260px; margin:1px 0; font-size:12px; }
#formContact fieldset.pref.prem {margin-left:80px; float:left; display:inline; }

/* pour erreurs */
.err  { color:#D6AF71; }
.err input { background-color:#D6AF71;}

/* Fiche visite */
#fiche { width:890px; margin:10px auto; background-color:#fff; text-align:center; color:#3D3D42;}
#headerFiche { width:762px; text-align:center; border-bottom:1px solid #656565; margin:0 auto;}
/* menu imprimer... */
#navFiche { position:relative; margin:8px auto 10px auto; list-style-type:none; width:300px; font-size:10pt; font-style:italic;  }
#navFiche  a {  padding:0 10px 20px 10px; text-align:center; text-decoration:none; color:#D6AF71; }
#navFiche a:hover { color:#656565; }

#corpsFiche {  width:762px; margin:10px auto; text-align:center;/** border-top:1px solid #656565;**/ }

#bottomFiche { width:762px; text-align:center; /**border-top:1px solid #656565; **/margin:10px auto; }

/* encart beige carac */
#infosFiche {background-color:#D6AF71; font:bold 11pt Arial, Helvetica, sans-serif ; width:700px; margin:0 auto; padding:5px 0; text-align:center; color:#573500; font-style:italic;  }
#infosFiche .desc { position:relative; font-size:10pt;  text-align:left; padding: 0 0 0 10px;  }
#infosFiche .carac { clear:right; font-style:italic; line-height:15px; margin:10px 0 0 0; }
#infosFiche span { padding:5px 20px 0 0;}

#infosFiche .prix { float:right; padding:0 10px 0 0; }
#infosFiche .lieu { padding:0 10px 0 150px; }
#infosFiche .carac span.bordCat { float:right; border:1px solid #573500; margin:0 10px 0 0; padding:1px; }

/* textes */
#texteFiche { font-size:10pt; margin:0 auto; padding:5px 35px 40px 35px; text-align:justify; }
#texteFiche h1 { text-align:left; font-size:11pt; color:#846c46; padding:20px 0 0 0; }
#texteFiche h2 { text-indent:-5000px; font-size:11pt; color:#846c46;  width:740px; background-position:50% 50%; padding:10px 0 0 0; background-repeat:no-repeat; border-top:1px solid #656565; margin:20px 0 0 -20px; }
#texteFiche h5 {  border-top:1px solid #656565; }

#texteFiche p { padding:10px 0 0 0;}
#texteFiche ul {padding:5px 0 0 30px; list-style-type:square;}
.photoFiche { margin:5px; }
/* pour titres images : faire l'image pour version EN */
#texteFiche h2.detailFR { background-image:url(../images/descriptif_FR.gif);}
#texteFiche h2.detailEN { background-image:url(../images/descriptif_EN.gif);}

#tooltip_cat {  width:400px; 				 
				border:1px solid #D6AF71; 
				font-size:smaller;
				z-index :999;
				background-color:#666; 
				color:#fff;
				font-family:Arial, Helvetica, sans-serif italic; 
				}

 