.libelle_droite{
   float: left;
   width: 415px;
}

.logo_type_bien{
  float: left;
  margin: 12px 0 0 10px;
  width: 30px;
}

.libelle_bien_deroulant{
  float: left;
  margin-left: 10px;
}

body{
  background-color: #EFEFEF;
}

.infos_loyer{
  float: right;
  background-color: #EFEFEF;
  color:#454545;
  font-size: 13px;
  padding: 0px 9px;
  margin: 2px 10px 10px 0;
}

.infos_loyer span{
  display: inline-block;
  width: 150px;
}

.contact_agence{
  padding: 9px 0 9px 15px;
  background-color: #EFEFEF;
  font-size: 12px;
}


.numero_bien{
  float: left;
  margin: 11px 0 0 10px;
  background-color: #EFEFEF;
  padding: 10px 15px;
  color:#454545;
  font-size: 13px;
}

.detail_numero_bien{
  font-weight: bold;
}

.myButton {

    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;

    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);

    background-color:#ffffff;

    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    border-radius:1px;

    border:1px solid #454545;

    display:inline-block;
    color:#454545;
    font-family:arial;
    font-size:13px;
    font-weight:normal;
    padding:9px 9px;
    text-decoration:none;

    text-shadow:0px 0px 0px #ffffff;

}

.myButton:hover {

    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
    background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);

    background-color:#f6f6f6;
}

.myButton:active {
    position:relative;
    top:1px;
}


.prix_bien{
  float: right;
  padding: 0 0 0 10px;
  margin: 10px 10px 0 0;
  font-size: 18px;
  color: #714E33;
  font-weight: bold;
}

.prix_bien span{
  font-size: 10px;
  color: #714E33;
  font-weight: bold;
}

.secteur{
  padding: 0 0 0 8px;
  margin: 3px 0 12px 0;
  font-size: 12px;
  /*font-style: italic;*/
}

.clearer{
  clear: both;
}

.photo_bien_principale{
  float: left;
  width: 30%;
}

.contenu_droite{
  float: right;
  width: 70%;
}

.bouton_detail{
  margin: 10px;
  float: right;
}

.libelle_bien{
  padding: 0;
  letter-spacing: 0.8;
  font-size: 14px;
  font-weight: bold;
  margin: 13px 0 0 0;
  float: left;
}

.description_detail{
  font-size: 11px;
  font-family: Arial;
  margin: 3px 10px;
}

.vignette_deroulante{
  font-family: Arial;
  min-height: 50px;
  width: 650px;
  background-color: #FFFFFF ;
  border: 1px solid #C5C5C5;
  margin: 0 0 20px 0;
  color: #454545;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 0 1px #FFFFFF inset;
}

.vignette_deroulante p{
  font-family: Arial;

}

.detail_vignette{
  background-color: #FFF;
  list-style: square #35A8E7;
  display: none;
  margin-top: 5px;
}

.detail_vignette ul{
  list-style-type: square;
  float: left;
  padding: 0 20px 0 30px;
}

.detail_vignette li{
  list-style-type: square;
  display: list-item;
  font-size: 12px;
  margin-bottom: 5px;
}


/**************************************************************/
p {
  color : #454545;
  font-family : Arial;
  font-size: 12px;
}
 .haut{
  width:549px;
  height:48px;
  background-image:url(../images/haut4_r.png);
 }

 .centre{
  width:549px;
  background-image:url(../images/centre4.png);
  background-repeat : repeat-y;
  min-height:120px;
 }

 .bas{
  color : #454545;
  font-family : Arial;
  font-size: 12px;
  width:549px;
  height:38px;
  background-image:url(../images/bas4.png);
  text-align:right;

 }



  .bas p {
    margin:0px;
  padding:0px;
  margin-right:20px;
  padding-top:5px;

  }

  .bas a {
    margin-right:10px;

  }

 .hautG{
  width:420px;
  float:left;
  display:inline-block;
  text-align:left;
  margin-left:13px;
  margin-top:18px;
  color : #fff;
  font-family : Arial;
  font-size: 12px;
 }

 .hautD{
  width:100px;
  display:inline-block;
  text-align:right;
  margin-right:0px;
  margin-top:18px;
  color : #fff;
  font-family : Arial;
  font-size: 12px;

 }



 .photoP
 {
  height:95px;
  width:120px;
  border-color:#454545;
  border-style:solid;
  border-width:1px;
  margin-left:10px;
  float:left;
  margin-right:10px;
  margin-top:10px;
 }

 .photoP img {
  margin:5px 0 0 5px;
 }

 .descriptif{
  width:390px;
  text-align:left;
  margin-left:130px;
  color : #454545;
  padding-top:9px;
  font-size: 12px;
 }

 .detailContenu{

 }

   .detailContenuLabel{
  width:30%;
  display:inline-block;
 }

  .detailContenuValeur{
  width:60%;
  height:20px;
  background-color:#d6d6d6;
  display:inline-block;
  text-align:right;
  padding-right:8px;
  padding-top:3px;
  padding-bottom:-3px;
 }


 .contenu_detail{
    width:500px;
    margin-left:10px;
    background-color:#d6d6D6;
    color:#2E2E2E;
    height:18px;
    font-size:12px;
    margin-bottom:5px;
 }

  .contenu_description{
    width:500px;
    margin-left:10px;
    font-size:12px;
    margin-bottom:5px;
 }

 .label{
   width:200px;
   text-align:left;
   float:left;
   margin-left:10px;

 }

.valeur{
  width:490px;
  text-align:right;
}

.bloc_photos{
  width:100%
  height:150px;
  margin-bottom:10px;
}

.photo_detail{
 text-align:center;
 padding-top:10px;
 padding-bottom:6px;
}

.photo_detail img{
 max-width:160px;
 display:inline-block;
 margin-right:10px;
}




#bulle{
  position: absolute;
  visibility: hidden;
  font-size:12px;
}

.info{
  border:1px solid #666666;
  padding: 7px; color:#666666;
  background-color:#FFFFFF;
}

#MB_caption span{
  float:right;
  margin-right:10px;
}


.indication{
  font-size:10px;
  font-style:italic;
  float:left;
  margin-left:10px;
}

hr{
  width:50%;
}
/***************************DPE****************************************/
.dpe{  height:172px ;  text-align: center;}
#energie_img{  width:188px;  max-width:188px;}
.dpe_energie{  width:188px ;  height:172px ;  float:left;  margin-right:10px; }
.dpe_energie_colonne_g{  width:144px ;  height:172px ;  background-color:red;  float:left;}
.dpe_energie_colonne_d{  width:44px ;  height:172px ;  background-color:blue;  float:left;}
.dpe_gaz{  width:188px ;  height:172px ;  float: left;}
