html { background: #f3f4f5 url('../images/fond-haut.gif') repeat-x top left; }

body {
  background: url('../images/fond-bas.gif') repeat-x bottom left;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  margin: 0 0;
  color: #8996a0;
  font-size: 12px;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }
div, img, ul, form { margin: 0; padding: 0; border: 0; }
img { display: block; }
ul { list-style-type: none; }
p { margin: 0; margin-top: 14px; padding: 0; border: 0; }
h1 , h2 , h3, h4, dl, dt, dd { margin: 0; padding: 0; }
h1 span, h3 span { visibility: hidden; font-size: 1%; }

#page { margin: 0 auto; width: 960px; }

.cl { clear: both; }
.clleft { clear: left; }
.clright { clear: right; }

/* langues */
#drapeaux { float: right; height: 27px; }
#drapeaux li { float: left; display: inline; margin-top: 5px; }
#drapeaux img { display: inline; margin: -1px 13px 0 20px; }
#drapeaux a { color: #fff; }

/* logo */
#logo { float: left; background: url('../images/logo.gif') no-repeat; margin: 17px 0 0 27px; width: 236px; height: 92px; }
#logo a { display: block; width: 236px; height: 92px; }
#logo a:hover { text-decoration: none; }

/* cartouche téléphones */
#telephones { float: right; background: url('../images/telephones.gif') no-repeat; margin-top: 34px; width: 356px; height: 59px; }

/* menu */
#menu { float: right; margin: 15px 0 11px 0; }
#menu li { float: left; border-top: 1px solid #d3d8db; border-bottom: 1px solid #d3d8db; margin-left: 20px; padding: 8px 0 3px 0; width: 105px; }
#menu .cl { border: none; padding: 0; height: 0; }
#menu a { color: #8996a0; }
#menu a:hover, #menu a.selected { text-decoration: none; color: #005a8c; }

#content { padding-bottom: 106px; }

/* Patch de chargement pour le slider */
#featured { 
  /*background: url('../images/loading.gif') no-repeat center center;*/
  overflow: hidden;
  width: 976px;
  height: 325px;
}
#featured img, #featured div { display: none; }

/* bloc photo accueil */
#home { position: relative; background: #f3f4f5; border: 1px solid #c6ccd1; margin-bottom: 31px; width: 957px; height: 339px; }

/* détails photo accueil */
.details-prix {
  position: absolute; background: url('../images/home.png') repeat-x; margin-left: 1px; bottom: 1px; color: #fff; width: 956px; height: 76px;
}

#details { float: left; margin: 12px 0 0 36px; width: 602px; }
#details h3 { font-size: 16px; font-weight: bold; }
#details h3 span { visibility: visible; }
#details p { margin: 0; font-size: 13px; }
#prix { float: right; margin: 20px 36px 0 0; }
#prix p { margin: 0; font-size: 24px; }

/* photo accueil */
#home img { border: 1px solid #fff; }

/* focus et édito */
#focus-edito { width: 960px; }

/* focus */
.focus { float: left; background: #fff; border: 1px solid #c2c3c4; margin-right: 32px; width: 286px; }
.focus img { float: left; padding: 7px 0 7px 7px; }
.focus-details { float: left; padding: 7px 0 7px 7px; width: 122px; }
.focus-details p { margin: 0; font-size: 11px; line-height: 145%; }
.focus-details h4 { color: #000; font-size: 13px; font-weight: normal; line-height: 145%; }
.focus-details p span { color: #005a8c; font-size: 14px; }
.focus-details .focus-lien { margin-top: 7px; color: #861b58; text-align: right; }
.focus-details .focus-lien a { color: #861b58; }

/* édito */
#edito { float: right; width: 320px; }
#edito h2 { color: #005a8c; font-size: 24px; font-weight: normal; }
#edito h2 span { text-transform: uppercase; }
#edito p { line-height: 150%; text-align: justify; }

/* contenu pages intérieures */
#contenu { border: 1px solid #c6ccd1; width: 958px; }

#bordure-blanche { background: #fff url('../images/complement-page.gif') repeat-y top left; border: 1px solid #fff; width: 956px; }

#contenu-img img { float: right; }

#intro { float: left; background: url('../images/intro.gif') repeat-x; padding-left: 37px; color: #fff; width: 414px; height: 238px; }
#intro h2 { margin-top: 35px; font-size: 24px; font-weight: normal; width: 374px; }
#intro p { margin-top: 20px; line-height: 150%; width: 374px; }

#contenu-page { float: right; background: #fff; margin-top: 16px; padding-left: 40px; width: 465px; }
#contenu-page p { margin-bottom: 30px; line-height: 150%; width: 427px; }
.contenu-page-lien { color: #861b58; font-size: 11px; text-align: right; }
.contenu-page-lien a { color: #861b58; }
#contenu-page form { margin-bottom: 30px; }
#contenu-page form td { color: #005a8c; font-size: 11px; }
.cellule2 { width: 80px; }
#contenu-page form input[type=text], #contenu-page form textarea { border: 1px #0062a6 solid; width: 260px; }
#contenu-page form input[type=file] { width: 260px; }
#contenu-page form textarea { height: 70px; }
#contenu-page form input[type=image] { float: right; }
#champs-obligatoires { float: left; display: block; margin-top: 7px; font-size: 10px; font-style: italic; }

#contenu-page .response p,
#contenu-page .response ul,
#contenu-page .response { 
  margin: 0; color: #ff0000; font-weight: bold; width: 260px; 
}

#contenu-page #captcha, #complement-page #captcha { width: 15px; }

#complement-page { float: left; background: #cce0ed; border-top: 1px #fff solid; padding-left: 37px; width: 414px; }
#complement-page h2 { margin-top: 30px; color: #005a8c; font-size: 24px; font-weight: normal; width: 320px; }
#complement-page p { color: #525a5e; line-height: 150%; width: 320px; }
#complement-page a { color: #000; text-decoration: underline; }
#complement-page a:hover { text-decoration: none; }
#complement-page span { color: #000; font-size: 14px; }
#complement-page form { margin: 25px 0 30px 0; }
#complement-page form td { color: #005a8c; font-size: 11px; }
.cellule1 { width: 70px; }
#complement-page form input[type=text], #complement-page form textarea { border: 1px #0062a6 solid; width: 180px; }
#complement-page form textarea { height: 70px; }
#complement-page form input[type=image] { float: right; }

#complement-page .response p,
#complement-page .response ul,
#complement-page .response { 
  margin: 0; color: #ff0000; font-weight: bold; width: 180px; 
}

/* nos biens */
.biens { position: relative; border-bottom: 1px solid #d3d8db; margin-top: 16px; width: 451px; height: 123px; }
.biens img { float: left; border: 1px solid #ccc; padding: 7px; }
.details-biens { float: left; margin-left: 15px; width: 262px; }
#contenu-page .details-biens p { margin: 0; width: 262px; }
.details-biens h4 { color: #000; font-size: 13px; font-weight: normal; }
.details-biens span { color: #005a8c; font-size: 14px; }
#contenu-page .bien-lien { position: absolute; bottom: 10px; color: #861b58; font-size: 11px; text-align: right; }
.bien-lien a { color: #861b58; }

#navigation { 
  background: url('../images/navigation.gif') repeat-x; margin-top: 20px; padding-top: 10px; color: #abb3bb; width: 427px; height: 19px; 
}

#precedent { float: left; text-align: right; width: 142px; }
#precedent a, #pages a, #suivant a { color: #abb3bb; }
#pages span { color: #005a8c; }
#pages { float: left; text-align: center; width: 143px; }
#suivant { float: left; width: 142px; }

/* descriptif bien */
#descriptif-bien { 
  float: left; background: url('../images/descriptif-bien.gif') repeat-x; padding-left: 37px; color: #fff; width: 414px; height: 338px;
}

#descriptif-bien h2 { float: left; margin-top: 35px; font-size: 24px; font-weight: normal; width: 224px; }
#descriptif-bien h3 { float: right; margin-top: 35px; font-size: 24px; font-weight: normal; width: 150px; }
#descriptif-bien p { margin-top: 20px; line-height: 150%; width: 374px; }

.descriptif-bien-lien { /*float: right;*/ margin: 0; color: #861b58; /*font-size: 11px;*/ /*text-align: right;*/ }
.descriptif-bien-lien a { color: #861b58; }

#infos-bien { float: left; margin-bottom: 25px; width: 453px; }
#infos-bien table { margin: 15px 0 0 30px; }

.cellule3 { padding-right: 25px; text-align: right; width: 160px; }

#options p { background: url('../images/retour.gif') repeat-x; padding: 6px 0 0 8px; color: #abb3bb; font-size: 12px; height: 23px; }
#options p a { color: #abb3bb; }

#picto a { float: left; margin: 9px 3px 0 15px; }

#images-contact-bien { float: left; margin-bottom: 25px; width: 507px; }
#images-bien { background: #fff; border: 1px solid #c2c3c4; margin-top: 20px; padding: 0 6px; width: 493px; }
#images-bien a { float: left; margin: 6px 7px 6px 0; }
#images-contact-bien #images-bien .last { margin-right: 0; }
#images-bien .image-vide { float: left; background: #e5e5e5; margin: 6px 7px 6px 0; width: 93px; height: 62px;}

#contact-bien { margin-top: 30px; }
#contact-bien h4 { color: #005a8c; font-size: 18px; font-weight: normal; }
#contact-bien #contact { color: #525a5f; }
#contact-bien #contact span { color: #000; font-size: 14px; }

#lien-contact { margin-top: -13px; color: #861b58; font-size: 11px; text-align: right; }
#lien-contact a { color: #861b58; }

/* footer */
#footer { position: absolute; margin-top: 20px; padding-bottom: 80px; font-size: 11px; width: 960px; }
#coordonnees { float: left; width: 493px; }
#coordonnees a { color: #000; }
#infos { float: right; font-size: 10px; text-align: right; width: 374px; }
#infos a { color: #8996a0; }
#mots-cles { margin-top: 22px; color: #b2bac1; }