/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* import
*********************/
@import "charte.css";
@import "typographie.css";

/* styles globaux
*********************/
*{
  margin: 0;
  padding: 0;
  }
.floatleft{
  float: left;
  }
.floatright{
  float: right;
  }
.clearer{
  clear: both;
  }
.clearleft{
  clear: left;
  }
a:active,
a:focus{
  outline: none;
  }
a img{
  border: none;
  }

/* bloc immo
*********************/
#texte .bloc_immo{
  width: 239px;
  float: left;
  margin: 0 8px 20px 0;
  background: url(../images/charte/bloc_immo.png);
  text-align: center;
  }
#texte .bloc_immo div{
  padding: 5px 5px 1px;
  position: relative;
  top: 5px;
  background: url(../images/charte/bloc_immo_bottom.png) left bottom no-repeat;
  }
#texte .bloc_immo h3{
  text-align: left;
  padding: 0 13px;
  line-height: 16px;
  height:60px;
  }
#texte .bloc_immo h3 span{
  float: right;
  font: 9px Verdana, Arial, Helvetica, sans-serif;
  color: #555;
  }
#texte .bloc_immo img{
  padding: 5px 0;
  }
#texte .bloc_immo p{
  line-height: 18px;
  margin: 0 14px 7px 14px;
  }
#texte .bloc_immo p.prix{
  font: 18px Arial, Helvetica, sans-serif;
  margin: 0 14px 14px;
  }
#texte #pagination{
  margin: 0 0 14px;
  clear: both;
  text-align: center;
  }

/* accueil
*********************/
#accueil #texte .bloc_immo{
  margin: 0 20px 20px 0;
  }
#accueil #texte .large_block_alt{
  padding: 11px 14px 1px;
  }
#accueil #texte .large_block_alt *{
  text-align: center;
  }

/* fiche maison
*********************/
#texte #pre_desc h1{
  margin: 20px 0 10px;
  }
#texte #pre_desc .prix{
  font: 18px Arial, Helvetica, sans-serif;
  margin: 0 14px 14px;
  float: right;
  border: 1px solid #6076B1;
  padding: 3px 7px;
  }
#texte #pre_desc .prix span{
  display: block;
  font: 9px Verdana, Arial, Helvetica, sans-serif;
  color: #555;
  }
#texte #pre_desc p{
  margin: 0 14px 14px 0;
  clear: both;
  }
#texte #bloc_pict{
  width: 400px;
  float: left;
  text-align: center;
  }
#texte #bloc_desc{
  float: left;
  width: 315px;
  background: url(../images/charte/bloc_desc.png);
  margin: 0 0 20px 15px;
  }
#texte #bloc_desc_alt{
  background: url(../images/charte/bloc_desc_bottom.png) left bottom no-repeat;
  padding: 10px 0 5px;
  position: relative;
  top: 5px;
  }
#texte #bloc_desc p{
  line-height: 18px;
  }
#texte #bloc_desc_alt div{
  text-align: center;
  }
#texte #table_det{
  clear: both;
  }
#texte #table_det table{
  width: 730px;
  margin: 0 0 20px;
  text-align: center;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  }
#texte #table_det table th{
  color: #FFF;
  background: #8395C4;
  font-weight: normal;
  padding: 5px;
  }
#texte #table_det table td{
  padding: 5px;
  background: url(../images/charte/row_bck.png) left bottom repeat-x;
  }
#texte #table_det div{
  text-align: center;
  margin: 0 0 15px;
  }

/* estimation bien
*********************/
#estimation #texte h1{
  margin: 20px 0;
  }

/* bloc large
*********************/
#texte .large_block{
  width: 740px;
  background: url(../images/charte/large_block_bck.png);
  margin: 14px 0;
  }
#texte .large_block_alt{
  background: url(../images/charte/large_block_bottom_bck.png) left bottom no-repeat;
  position: relative;
  top: 5px;
  padding: 10px 14px 14px;
  }

/* estimation
*********************/
#texte #estimer_bien{
  font: 9px/24px Verdana, Arial, Helvetica, sans-serif;
  color: #053668;
  }
#texte #estimer_bien label{
  cursor: pointer;
  }
#texte #estimer_bien select,
#texte #estimer_bien input,
#texte #estimer_bien textarea{
  font-size: 9px;
  border: 1px solid #B2BAD1;
  }
#texte #estimer_bien select{
  width: 100px;
  }
#texte #estimer_bien h3{
  margin: 0;
  }
#texte #estimer_bien option{
  padding: 0 0 0 5px;
  }
#texte #estimer_bien .radio{
  vertical-align: middle;
  margin: 0 5px 0 5px;
  border: none;
  }
#texte #estimer_bien .narrow{
  width: 30px;
  }
#texte #estimer_bien #rec_immo_submit{
  display: block;
  border: none;
  margin: 10px auto 0;
  }
#texte #estimer_bien .colthird{
  width: 220px;
  margin: 0 10px 0 0;
  float: left;
  text-align: right;
  }
#texte #estimer_bien .textarea_wrap{
  text-align: right;
  padding: 0 35px 0 0;
  }
#texte #estimer_bien .textarea_wrap label{
  vertical-align: top;
  }
#texte #estimer_bien .textarea_wrap textarea{
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  width: 578px;
  height: 45px;
  }
#texte #estimer_bien .submit_wrap{
  text-align: right;
  padding: 0 35px 0 0;
  }
#texte #estimer_bien .submit_wrap input{
  border: none;
  }

/* gestion
*********************/
#gestion #texte h1{
  margin: 20px 0;
  }
#gestion .large_block_alt{
  text-align: center;
  }
#gestion .large_block_alt img{
  vertical-align: middle;
  }

/* programmes neufs
*********************/
#neuf #texte h1{
  margin: 20px 0;
  }
#neuf #texte .large_block{
  background: url(../images/charte/large_block_immo_neuf_bck.png);
  }
#neuf #texte .large_block img{
  float: left;
  }
#neuf #texte .large_block h2{
  margin: 70px 0 20px;
  }
#neuf #texte .large_block *{
  text-align: right;
  }

/* partenaires
*********************/
#partenaires #texte h1{
  margin: 20px 0;
  }

/* contact
*********************/
#contact #texte h1{
  margin: 20px 0;
  }
#texte #formContact{
  font: 9px/24px Verdana, Arial, Helvetica, sans-serif;
  color: #053668;
  }
#texte #formContact label{
  cursor: pointer;
  }
#texte #formContact input,
#texte #formContact textarea{
  font-size: 9px;
  border: 1px solid #B2BAD1;
  }
#texte #formContact h3{
  margin: 0;
  }
#texte #formContact .colthird{
  width: 220px;
  margin: 0 10px 0 0;
  float: left;
  text-align: right;
  }
#texte #formContact .textarea_wrap{
  text-align: right;
  padding: 0 35px 0 0;
  }
#texte #formContact .textarea_wrap label{
  vertical-align: top;
  }
#texte #formContact .textarea_wrap textarea{
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  width: 578px;
  height: 45px;
  }
#texte #formContact .submit_wrap{
  text-align: right;
  padding: 0 35px 0 0;
  }
#texte #formContact .submit_wrap input{
  border: none;
  }
#contact #formContact .small{
  font-size: 9px;
  padding: 0 20px 0 0;
  }
#contact #plan_thumb{
  float: left;
  margin: 0 10px 0 0;
  }

/* recherche avancée
*********************/
#recherche_avancee #texte .large_block{
  background: url(../images/charte/large_block_rec_bck.png);
  }
#recherche_avancee #texte .large_block_alt{
  padding: 90px 14px 14px;
  }
#texte #rec_avancee{
  font: 9px/24px Verdana, Arial, Helvetica, sans-serif;
  color: #053668;
  }
#texte #rec_avancee label{
  cursor: pointer;
  }
#texte #rec_avancee select,
#texte #rec_avancee input,
#texte #rec_avancee textarea{
  font-size: 9px;
  border: 1px solid #B2BAD1;
  }
#texte #rec_avancee select{
  width: 100px;
  }
#texte #rec_avancee h3{
  margin: 0;
  }
#texte #rec_avancee option{
  padding: 0 0 0 5px;
  }
#texte #rec_avancee .radio{
  vertical-align: middle;
  margin: 0 5px 0 5px;
  border: none;
  }
#texte #rec_avancee .narrow{
  width: 30px;
  }
#texte #rec_avancee select.narrow{
  width: 100px;
  }
#texte #rec_avancee #rec_immo_submit{
  display: block;
  border: none;
  margin: 10px auto 0;
  }
#texte #rec_avancee .colthird{
  width: 220px;
  margin: 0 10px 0 0;
  float: left;
  text-align: right;
  }
#texte #rec_avancee .center,
#texte #rec_avancee .center h3{
  text-align: center;
  }
#texte #rec_avancee .submit_wrap{
  text-align: right;
  padding: 0 35px 0 0;
  }
#texte #rec_avancee .submit_wrap input{
  border: none;
  }