.h2i_ann_man_panier_page.display-initial{
    display: initial !important;
}

.modal-header h4.modal-title {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

div#H2I_ANN_MAN_onglets {
    text-align: right;
}

div#H2I_ANN_MAN_onglets a {
    display: inline-block;
    padding: 6px 15px;
    background-color: black;
    color: white;
    text-align: center;
    cursor:pointer;
    margin-right: 10px;
}

div#H2I_ANN_MAN_onglets a:last-child {
    margin-right: 0px;
}

div#H2I_ANN_MAN_onglets a:last-child {
    margin-right: 0px;
}

@media (max-width: 451px){

    div#H2I_ANN_MAN_onglets {
        text-align: center;
    }

    div#H2I_ANN_MAN_onglets a {
        width: 49%;
        font-size:10px;
    }

}


div#H2I_ANN_MAN_form_page_listing_criterias button.ui-multiselect , ul.ui-multiselect-checkboxes.ui-helper-reset label {
    font-size: 13px;
}

div#H2I_ANN_MAN_listing_loader{
    padding: 10px;
    text-align: center;
     white-space:nowrap;
    cursor:pointer;
}

div#H2I_ANN_MAN_form_page_listing_criterias{
    float: left;
    width: 75%;
    margin-right: 1%;
}

div#H2I_ANN_MAN_form_page_listing_criterias ul{
    margin-bottom: 20px;
}

div#H2I_ANN_MAN_form_page_listing_criterias ul li {
    display: inline-block;
    width: 30%;
    margin-right: 3%;
}

div#H2I_ANN_MAN_form_page_listing_criterias ul li input , div#H2I_ANN_MAN_form_page_listing_criterias ul li select  {
    width: 100%;
    height: 35px;
    vertical-align: middle;
}

div#H2I_ANN_MAN_form_page_listing_button_bloc{
    float: right;
    height: 90px;
    width: 24%;
    background-color: blue;
    text-align: center;
    cursor: pointer;
}

a#H2I_ANN_MAN_form_page_listing_button{
    padding-top: 15px;
    color: white;
    font-weight: bold;
    display: inline-block;
    cursor:pointer;
}


#H2I_ANN_MAN_page_annonce_map {
    height: 300px;
    width:100%;
}


a.H2I_ANN_MAN_pagination_element {
    display: inline-block;
    margin-right: 6px;
    background-color: blue;
    border-radius: 4px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    color: #FFF;
    cursor: pointer;
}

a.H2I_ANN_MAN_pagination_element.current {
    background-color: black;
}

a.H2I_ANN_MAN_pagination_element:hover {
    background-color: red;
}

a.paginationliActive {
    background-color: #337ab7;
    color: white;
}


/* ============= Gestion du popin ==========)) */
div#h2i_ann_man_modal_window_alerte_email .modal-dialog {
    margin: 10% auto;
}

div#h2i_ann_man_modal_window_alerte_email div.modal-footer {
    display: none;
}


span.form_create_alert_popin_phrase {
    display: block;
    margin-bottom: 10px;
}

input#H2I_ANN_MAN_email_to_alert {
    width: 75%;
    margin-right: 2%;
    vertical-align: middle;
}

form.form-horizontal input#H2I_ANN_MAN_email_to_alert {
  width: 100%;
}

input#form_create_alert_popin_button {
    vertical-align: middle;
    width: 23%;
    text-align: center;
    padding-left: 0px !important;
    padding-right: 0px !important;
}


div#popin_emailing , div#popin_panier{
    width: 682px;
    max-width: 100%;
    background: #edeeef;
    padding: 0px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.55);
    box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.55);
}

div#H2I_ANN_MAN_add_alert_loader {
    margin-top: 10px;
    text-align: center;
}

div#H2I_ANN_MAN_add_alert_loader div.alert {
    margin-bottom: 0px;
}
div#h2i_ann_man_modal_window_alerte_email button.close {
    display: block;
    background-color: #262626;
    right: 0px;
    top: 0px;
    color: #999999;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    border-top-right-radius:6px;
    cursor:pointer;
}

div#h2i_ann_man_modal_window_alerte_email a.avgrund-close:hover {
    background-color:#000;
    color:#FFF;
}

div#h2i_ann_man_modal_window_alerte_email div.modal-header {
    background-color: #333;
    color: #FFF;
    padding-left: 20px;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow:    0px 3px 2px 0px rgba(50, 50, 50, 0.15);
    box-shadow:         0px 3px 2px 0px rgba(50, 50, 50, 0.15);
    border-radius: 6px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}

div#h2i_ann_man_modal_window_alerte_email div.modal-header , div#h2i_ann_man_modal_window_alerte_email  button.close {
    height: 51px;
    font-size: 16px;

}

div#h2i_ann_man_modal_window_alerte_email div.modal-body {
    padding: 20px;
}

div#h2i_ann_man_modal_window_alerte_email .modal-header h4 {
    text-transform: uppercase;
    font-size: 16px !important;
}

/* ============ Création de l'alerte email ============ */
div#h2i_ann_man_alerte_email_loader {
    clear: both;
    margin-top: 20px;
}

body.page-alerte-email input {
    width: initial !important;
}

/* ============ Nombre de vues ============ */
span#h2i_ann_man_nb_views_ever {
    background-color: #000;
    color: #FFF;
    padding: 5px 10px 5px 10px;
    display: inline-block;
    margin: 10px 0px 10px 0px;
    font-weight: bold;
    font-size: 12px;
    border: 1px solid #000;
}


/* ============ Google Map ============ */
body.page-offres .leaflet-popup-content {
  margin: 0px !important;
  border-radius: 0px !important;
  padding: 0px;
  padding-top: 0px !important;
  padding-bottom: 10px;
  max-width: 260px;
}

body.page-offres .leaflet-popup-content-wrapper {
  padding: 0px !important;
  border-radius: 3px !important;
}

.mapbox-logo.leaflet-control.mapbox-logo-true {
  display: none;
}

.leaflet-bottom.leaflet-right {
  display: none;
}

.gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div:nth-child(1) {
    overflow: hidden;
    border: 2px solid white;
    box-shadow: 0px 3px 3px #AAA;
}

.gm-style-iw > div:nth-child(1) {
    background: white;
    padding: 3px;
}

.gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
    box-shadow: none !important;
    background: white !important;
}

/*
.gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div:nth-child(1) > div:nth-child(1){
  height: 1px !important;
      overflow: hidden !important;
}
*/


body.page-offres .map-icon-label .map-icon {
  font-size: 24px;
  color: #FFFFFF;
  line-height: 48px;
  text-align: center;
  white-space: nowrap;
}

body.page-offres .gm-style-iw {
    top: 0px !important;
    left: 0px !important;
    width: 100% !important;
}


body.page-offres div.gm-style-iw div:first-child {
    width: 100% !important;
    max-width: none !important;
    display: block !important;
}

.propImg {
    min-width: none !important;
}


div.infoW{
    overflow: hidden;
}

div.propImg img {
    width: 100%;
    max-height: 220px;
}

.propImg {
    position: relative;
}

.propBg {
    position: absolute;
    z-index: 2;
    height: 40px;
    left: 0;
    bottom: 0;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.7)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );
}

.propPrice {
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    z-index: 3;
    font-size: 10px;
}

.propType {
    background-color: #000;
    font-size: 10px;
    line-height: 11px;
    color: #fff;
    padding: 2px 4px;
    border-radius: 2px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    text-transform: uppercase;
    z-index: 3;
}

.propComm {
    margin-top: 15px;
    font-size: 12px;
}

.paWrapper {
    padding: 10px 10px 0 10px;
}

.propTitle {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
}

.propAddress {
    white-space: nowrap;
    overflow: hidden;
    color: #999;
    font-size: 11px;
    line-height: 11px;
    margin-top: 10px;
}

.infoButtons {
    padding-top: 10px;
    text-align: center;
}

.infoButtons a.btn {
    display: inline-block;
    margin: 0 auto;
    width: 45%;
    text-align: center;
    background-color: #000;
    color: #FFF;
    font-weight: bold;
    padding: 4px;
    border-radius: 20px;
    margin-left: 2%;
    margin-right: 2%;
    font-size: inherit;
}

a#h2i_ann_man_ajouter_panier {
    display: inline-block;
    padding: 4px;
    background-color: #337ab7;
    color: #FFF;
    font-weight: bold;
}


#H2I_ANN_MAN_search_loader {
    display: block;
    text-align: center;
    margin: 20px;
}


ol.carousel-indicators li {
    background-color: #000;
    border: none;
    margin: 1px 7px;
    width: 10px;
    height: 10px;
    vertical-align: middle;
}

ol.carousel-indicators li.active {
    width: 15px;
    height: 15px;
     margin: 1px 7px;
}

a.right.carousel-control, a.left.carousel-control {
    background-image: none;
    color:black;
}


.checkbox-poi {
    margin-bottom: 13px;
    font-size: 13px;
}

.checkbox-poi img {
    height: 40px;
}


a.title-poi {
    background-color: #CCC;
    padding: 5px 20px;
    color: black;
    font-weight: bold;
    font-size: 12px;
    display: block;
    cursor: pointer;
}

#checkboxes-poi-container{
  z-index: 1000;
}

div#checkboxes-poi {
    background-color: #EEE;
    padding-top: 10px;
}

div#checkboxes-poi label{ cursor:pointer; }

/* ================== Legende de la map contenant toutes les annonces ================== */
#map_canvas{
    width:100%;
    height:650px;
    border-top:1px solid #DDD;
    z-index: 1;
}

#map_legend{
    position:absolute;
    z-index: 2;
    top:15px;
    right:15px;
    padding:15px;
    background-color:white;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(204,204,204,1);
    box-shadow: 0px 3px 5px 0px rgba(204,204,204,1);
}


#map_legend span.legend_element *{
    vertical-align:middle;
}

#map_legend span.legend_element{
    white-space:nowrap;
    display:block;
    font-size:13px;
    font-weight:bold;
    margin-bottom:10px;
}

#map_legend span.legend_element:last-child {
    margin-bottom: 0px;
}

#map_legend span.legend_element img{
    vertical-align:middle;
    margin-right:10px;
    height:22px;
}

@media (max-width: 451px){
    #map_legend{
        position:relative;
        top: initial;
        right: inherit;
    }

    #map_legend span.legend_element{
        display: inline-block;
        margin-right: 20px;
    }

    .tri_button.btn.btn-default.btn-sm {
        margin-right: 5px;
    }
}

/* ============= STYLE GENERIC ================*/

        /* ---- RECHERCHE BAR ----- */

#liste_normal{
    margin-top: 25px;
}

.padding-left-8{
    padding-left: 8px;
}


.form-group select{
    display: block;
    height: 28px;
    padding: 0;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
}
.btnvoirPlus{
    background-color: #ccc;
}
.rechercheBarListe{
    background-color: #f0f0f0;
   box-shadow: 0px 0px 5px rgb(160, 160, 160);
}

.ms-drop.bottom ul{
  text-align: left;
}

.ms-select-all{
  display: none!important;
}

/*
.ms-drop {
  min-width: 120%;
}
*/

.ms-drop {
    width: auto;
}


.surface{
    font-weight: 700!important;
}

.col-md-2.col-sm-6.form-group.recherche{
    text-align: center;
}

.input-group-addon.euro{
    width:20px;
}

.input-group-addon {
    font-size: 12px;
    padding: 3px 9px;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

#txtResultatRec{
    text-transform: uppercase;
    color:black;
    font-weight: 600;
    font-size: 18px;
}


/* -----------LISTE RESULT header ------------*/
.liste_normal .col-md-12{padding-left: 0;}
.tri_button.btn.btn-default.btn-sm{
    color:#777;
     margin-right: 15px;
    margin-bottom: 15px;
}

.titreChoixAffichage.right{
text-align:right
}
.viewGooglemap{
    padding-right: 0;
}
.blockTri{
    padding-left: 0;
}
@media (max-width: 991px){
    .viewGooglemap{
        margin-bottom: 40px;
    }
}
/* ====== LISTE ANNONCES ===============*/
.col-md-12.imagesList.blocAnnonces{
    padding-left: 0;

}
.imagesList .blockImage{
    padding-left: 0;
}
.img-responsive.img-portfolio{
    width: 380px;
}
.effect-img{
    max-height: 280px;
    max-width: 380px;
    overflow: hidden;
    margin: auto;
    padding-left: 0;
}
figure span {
    position: absolute;
       left: 6%;
    top: 3%;
    padding: 2px 5px;
    border-radius: 4px;
    font-size: 11px;
    color: #fff;
    background-color: rgba(35,40,45,0.6);
}
.img-responsive.img-portfolio.zoom {
    min-height: 240px;
    width: 380px;
}
.infobtn{
    background-color: #adadad;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
    margin: 0 2px 0 2px;
    padding: 2px!important;
    text-align: center;
    display: inline-block;
    float:none!important;
    margin-bottom: 8px!important;

}

.p-l-0{
    padding-left: 0px!important;
}
.p-r-0{
     padding-right: 0px!important;
}
.m-t-30{
    margin-top: 30px;
}
.nature {
    font-size: 24px;
}
.nature small {
    font-size: 18px;
}
.prix {
  font-size: 22px;
}
.blocAnnonces{
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 0px 4px 4px 0px;
}
.infoPlus{
    margin-top: 25px;
    margin-bottom: 40px;
    color:#333;
}
.infobtn.leftCell{
width: 27%!important;
}
.infobtn.centerCell{
  width: 35%!important;
}

.btnrechercher.liste {
    font-size: 15px!important;
}
.infobtn.rightCell {
  width: 27%!important;
}

.voirAnnonce{
    background-color: #adadad;
    border-radius: 4px;
    color: #fff;
    white-space: nowrap;
    text-align: center;
     padding: 2px 15px;
    font-weight: bold;
    text-decoration: none;
    text-transform: none;
    float: right;
    margin-right: 5px;

}
.inside-full-height {

  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.parentAlign{
    display: table;
}
.verticalAlign{
    display: table-cell;
    vertical-align: middle;
    float: none!important;
}

.paginationBlock{
    text-align: right;
}
.pagination>.disabled>a{
    cursor: auto!important;
}
.pagination{
    text-decoration: none;
    cursor: pointer;
}
.pagination>li>a{
    color:#333;
}

#prixMaxMin{
  width: 100%;
}
.btnvoirPlus{
  font-size: 10px;
  padding: 2px 11px 0 9px!important;
}
@media (max-width: 420px){
.infobtn {
    display: block!important;
    margin: auto!important;
    margin-bottom: 8px!important;
 }
}
@media (max-width: 991px){

 .btnrechercher {
    width: 100%!important;
 }
 .btnvoirPlus {
    width: 100%!important;
 }
}

@media (max-width: 1024px){
    .infobtn{
     font-size: 11px;
    }
}

/* ===== BTN UTILES =====*/
.btnAlerteEmailSimilaire {
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 6px!important;
}
.btnPanier {
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 6px!important;
}
.btnImprimer {
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 6px!important;
}
.btnDocsUtiles{
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 6px!important;
}
/* --- PAGE MODAL Créer une Alerte Mail --- */
.modal-title{
  padding-top: 0px!important;
}


.carousel.slide.carousel-fade{

  background-image: none!important;
}
.modal-header{
  border-radius: 4px!important;
}
.modal-body form{
  padding: 20px 15px 25px 15px!important;
}

@media (max-width: 991px){
  .blockInfo .nature{
    font-size: 20px!important;
    margin-top:10px;
  }
}

/*--- Block Vue Googme pal ---*/
.titreChoixAffichage.left{
  text-align: right;
}
.titreChoixAffichage.right{
  text-align: right;
}
.btn.btn-sm.btnNormalVue{
  width: 100%;
}
.btnNormalVue span{
  text-transform: uppercase;
  font-weight: 600;
}

.btnGmapVue{
  width: 100%;
}
.btnGmapVue span{

}
.btn.btn-sm.btnGmapVue:hover{

}
@media (max-width: 991px){
  #txtResultatRec{
    text-align: center!important;
  }
}
@media(max-width: 420px){
.blockInfo.verticalAlign{
  padding-left: 0px!important;
  }
.infobtn {
  display: block!important;
  margin: auto!;
  }
}
@media(max-width:378px){
  .fa.fa-list-ul{display: none;}
  .fa.fa-map-marker{display: none;}

  .infobtn{

    float: left;
    margin-bottom: 8px;
  }

  .btnNormalVue span{
    padding-left: 0;
    font-size: 11px;
  }
  .btnGmapVue span{
    padding-left: 0!important;
    font-size: 11px!important;
  }
  .col-xs-6.titreChoixAffichage.left{
    padding-right: 8px!important;
  }
}
.paginationliActive {
    cursor: default;
}

/* ============= PAGE DETAIL OFFRE ====================== */
/*.container.infoAnnonce .breadcrumb, .commentaireBien, .streetview {
  margin-left: -15px!important;
  margin-right: -15px!important;
}*/
.resultats{
    margin-top: 15px;
}
/* ---Slider---*/
.sliderdetailLoc{
    height: 300px;
}
.fond_gris_clair {
    background-color: #f3f3f3;
}

.item-image {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.item-image img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%!important;
}

.breadcrumb{
  text-align: left;
}
@media(max-width: 992px){
  .breadcrumb{display: none;}
}
.commentaireBien {
    font-size: 16px;
    padding: 25px 0 25px 0;
    text-align: justify;
}

/*--Hover Effect Zoom--*/
.zoom {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.zoom:hover {

  -webkit-transform:scale(1.3);
transform:scale(1.3);
opacity: .9;

}
/*---------BLOCK DETAIL small grey blocks --*/

.smallBlocsDetailLoc{
  padding: 10px 0px 10px 0px;
  text-align: center;
  background-color: #e8e8e8;
  margin:8px;
}
.smallBlocsDetailLoc p {
    margin: 0px;

}
.txtSmallBlocsDetailLoc span{
    font-weight: 600;
}


/* Les blocs infos gris*/
.col-sm-4.smallBlocsDetailLoc{
  width: 30%;
}
.infoBlocs{
    padding-left: 5px;
}
.smallBlocsDetailLoc{
  min-width: 110px;
}

@media (min-width: 365px) and (max-width: 550px){

.col-sm-4.smallBlocsDetailLoc{
  width: 45%!important;
    }
}
@media(max-width: 364px){
.col-sm-4.smallBlocsDetailLoc{
  width: 60%!important;
  float: none!important;
  margin: 0 auto!important;
  margin-bottom: 8px!important;
  }
}

/* BLOCK DPE H2i et contactform */

.txtDpe{
  margin-left: 15px;
}
#good #dpe .class_curseur {
  position: relative;
  color: white;
  font-weight: bold;
  text-align: center;
  width: 41px;
  height: 40px;
  padding: 11px 2px 10px 12px;
  left: 154px;
}

#good #dpe .class_conteneur {
  position: relative;
  width: 197px;
  height: 180px;
  background-color: white;
  background-image: url('../images/dpe/conteneur_ligne.png');
  background-repeat: no-repeat;
  margin: 0 auto;

}

#good #dpe .col-md-4 {
  padding-bottom: 20px;
}
div.class_curseur{
    position: absolute;
}

div.class_curseur {
   background-image: url('../images/dpe/curseur_energie.png');
    min-height: 44px;
    text-align: center;
    width: 41px;
    color: white;
    font-weight: bold;
    font-size: 10px;
    padding-left: 6px;
     margin-left: 156px;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 16px;
    z-index : 101;
}


div.trait_dpe{
  height:1px;
  background-color:#BBB;
  z-index : 99;
  position: relative;
  width: 80%;
  left:10px;
}

.dpe_graph{
  position: relative;
  z-index : 100;
}
.infoDPE{
    margin-top: 15px;
    max-width: 316px;
    font-size: 12px;
    text-align: justify;
}



@media(max-width: 767px){
    .class_conteneur{
        margin: auto;
    }
    .infoDPE{
        margin: auto;
    }
}
.nomRegie{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}



/* ---- bloc DPE | AGENCE---- */
.textLogoA.blocDpe{
  text-shadow: 0px 0px 1px #333;

}
.agenceLogo img{
  text-align: center;
}

.agenceText span{
  float: left!important;
}
.btnAgence{
  padding: 2px 15px;
  width: 100%;
  margin-top: 25px;
  font-size: 13px;
}
.blocAgence{
    float: right!important;
    margin-right: 15px!important;
    background-color:#e8e8e8;
    padding:20px;
}
.nomRegie{
  white-space: nowrap;
}
.nomRegieLeft{
  font-size: 24px!important;
  color: black;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (max-width: 400px){

#logoImgAgence{
  display: block!important;
  margin: auto;
  }
  .nomRegieLeft{
  font-size: 22px;
  text-align: center;
}
}
@media(min-width:700px){
  .nomRegieLeft{
    display: none!important;
  }

}

@media (max-width: 992px){
  .btn.btnAgence{
    font-size: 12px!important;
  }
  .social-links-wrapper {
    width: 80%!important;

  }

}

@media (max-width: 768px){

    .parentAlign{
        padding-right: 0!important;
        display: block;
    }

    .agenceText span {
      float: none!important;}
}

@media(max-width: 768px){
 .blocAgence{
  margin-right: 0px!important;
  text-align: center;
 }
}
@media (max-width: 569px){
 .social-links-wrapper {
    width: 100%!important;
  }
 .social-links-wrapper a{
    font-size: 12px;
  }
   .verticalAlign{
        display: block;
        padding-right: 0!important;
    }
}
@media(max-width: 360px){
  .textLarge{display: none;}
}

@media(max-width: 451px){
  .txtLargeSm{
    display: none!important;
  }
}
@media (max-width: 370px){
  .blocDocsUtiles{
    text-align: center;
  }
  .blocDocsUtiles button{
    margin-bottom: 6px!important;
  }
  .btn.btnImprimer.pull-right{
    float: none!important;

  }
  .btn.btnDocsUtiles.pull-right{
    float: none!important;

  }
  .btn.btnPanier.pull-right, .btn.btnImprimer.pull-right, .btn.btnDocsUtiles.pull-right, .btn.btnAlerteEmailSimilaire.pull-right{
    float: none!important;

  }
  .btn.btnAlerteEmailSimilaire.pull-right{
    float: none!important;

  }
}
.item-content-top {
  padding: 15px 10px 15px 10px;
  background: #2b2b2b;
}
.item-content-bottom {
  padding: 20px 10px 20px 10px;
  background: #3c3c3c;
}
.item-text {
  position: relative;
  overflow: hidden;
}
.txtItemLeft-top{
  color: #a8a8a8;
  font-size: 10px;
  font-weight:bold;
  text-align: left;
}
.txtItemRight-top{
  color: #cecece;
  font-size: 10px;
  font-weight:bold;
  text-align: right;
}
.txtItemLeft-bottom{
  color: #f5f5f5;
  font-size: 10px;
  font-weight:bold;
  text-align: left;
  text-transform: uppercase;
}
.txtItemRight-bottom{
  color: #cecece;
  font-size: 10px;
  font-weight:bold;
  text-align: right;
}


.agenceLogo img{
  text-align: center;
}

.nomRegie{
    font-size: 24px!important;
    color: black;
 }
.btnAgence{
  padding: 2px 15px;
  width: 100%;
  margin-top: 25px;
  text-transform: uppercase;
  color: #fff!important;
  transition:0.1s;

}
.btnAgence:hover{
  background-color:#ddd;
  color: #fff;
}

/* --- FIN style Bloc Agence sous streetview --- */

/* ----- Formulaire de contact --- */

/* ----- Contact form ----- */
div.wpcf7 br {
    display: none;
}
div.wpcf7 p {
    display: inline;
}

input#form-contact-bien-votre-sujet {
    display: none;
}

div.wpcf7 .wpcf7-form-control { max-width: 100%; }

.contactform{
  margin: 50px 0 50px 0;
}
.titreFormulaireContactBien{
display: -webkit-inline-box;
}
.titreFormulaireContactBien p{
  color:black;
  font-weight: 600;
  font-size: 18px;
  padding-top: 25px;
  text-transform: uppercase;
  line-height: 18px;
}
.col-md-4.btnDoc{
  padding-right: 0px!important;
}
.btnDocsUtilesModal{
  font-size: 14px!important;
}
.sousTitre{
  font-size: 10px;
  color:#58585a;

}
#mailImg{
  margin-top: 20px;
  margin-right: 10px;
}

body.page-annonce .wpcf7-form-control-wrap.votre-email input{
  width: 48%!important;
}
body.page-annonce .wpcf7-form-control-wrap.votre-nom input{
  width: 48%!important;
}
body.page-annonce #form-contact-bien-votre-message{
  width: 97%!important;
}
body.page-annonce .btnEnvoyerFormModal {
    float: right;
    margin-top: 5px;
    margin-right: 18px;
    border-radius: 3px;
    border: 0;
}



@media(min-width: 992px){
.btnDocsUtilesModal{
  margin-top: 24px;
 }

}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    float: right;
    border: 0;
    position: fixed;
    right: 10px;
    top: 20px;
}

/*--- Annonces Similaires  ---*/
/* 100% LARGEURE pour que les photos en portrait remplissent toute la largeur */
.blocAnnoncesSim{
  margin-bottom: 30px;
}
.item-image.photoCdc figure img{
  width: 100%!important;
}

.item-image img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;

}

.item-image.photoCdc {
    position: relative;
    overflow: hidden;
    padding-bottom: 70%;
}
.item-image.photoCdc {
    position: relative;
    overflow: hidden;
    padding-bottom: 70%;
}
/* ----- Contact form ----- */
.blockDpeAndContact{
    margin: 30px 0 30px 0;
}
body.page-annonce div.wpcf7 br {
    display: none;
}
body.page-annonce div.wpcf7 p {
    display: inline;
}


.contactform{
  margin: 50px 0 50px 0;
}

.sousTitre{
  font-size: 10px;
  color:#58585a;

}
#mailImg{
  margin-right: 10px;
}

/* -- INFOS BLOCS ANNONCES SIM --*/
.item-content-top {
    padding: 15px 10px 15px 10px;
    background: #2b2b2b;
}

.titreAnnoncesSim{
  font-size: 16px;
  padding: 20px 0px 10px;

}
.blockAnnonceSim{
  padding-bottom: 40px;
}

/*-- UTILITAIRES --*/


.m-l-r-0{
  margin-left: 0!important;
  margin-right: 0!important;
}
.p-l-r-0{
  padding-left: 0!important;
  padding-right: 0!important;
}
.p-l-r-10{
   padding-left: 10px!important;
  padding-right: 10px!important;
}

/*-------- Photo------- */
body.page-annonce .modal-header {
    display: none;
}

.modal-body {
    padding: 0px !important;
}

.ekko-lightbox-nav-overlay {
    text-align: center;
    position: absolute;
    width: 100%;
    margin-top: -30px;
    display: none;
}
.ekko-lightbox-nav-overlay a{
        font-size: 20px;
    text-decoration: none !important;
    outline: none !important;
}

div.ekko-lightbox.modal {
    padding-top: 8%;
}

/*-------- ANNONCES SIM------- */
.blockAnnonceSim{
    background-color: #cecece;
}
.titreAnnoncesSim{
  font-weight: 600;
  font-size: 21px;
  padding-top: 25px;
  text-transform: uppercase;
  line-height: 18px;
}
.imgAnnonceSim img{
    max-width: 100%; /* do not stretch the bootstrap column */

}

.imageAnnonceSim{
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.imgAnnonceSim {
    display: block;
    padding: 4px;
    margin-bottom: 20px;

}
.imgAnnonceSim a>img, .thumbnail>img {
    margin-right: auto;
    margin-left: auto;
}
.img-wrapper{
    width: 100%;
    padding-bottom:250px; /* your aspect ratio here! */
    position: relative;
    overflow: hidden;
}

.img-wrapper img{
    height: 300px!important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 100%;

}
.infoAnnoncesSim{
    text-align: center;
    font-weight: bold;
}


/*-------- PARTIE INDEXATION ET FIL D'ariane ------- */
ul.breadcrumb li {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

span.h2i_ann_man_indexation_natures a , span.h2i_ann_man_indexation_secteurs a {
    display: inline-block;
    padding: 4px 14px;
    margin-bottom: 20px;
    margin-right:20px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #bbbbbb;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

/*--- Modal Contact Form ---*/
.contactModal{
  position: fixed;
  top: 25%;
  right: -80px;
  z-index: 100;

  -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.modal-header.contactBien{
    display: block!important;
    color: #ebab00;
}
.modal-body.contactBien{
    display: -webkit-box!important;
}
.modal-footer.contactBien{
    display: block!important;
}
.titreFormulaireContactBien{
  display: -webkit-inline-box;
  margin-left: 15px;
}
body.page-annonce .wpcf7-form-control-wrap.votre-nom input{
  padding-left: 10px;
}
body.page-annonce .wpcf7-form-control-wrap.votre-email input{
  padding-left: 10px;
}

.contactBien input[type="submit"] {
    background-color: blue;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 15px;
}


/*--- Partage sur réseaux sociaux ---*/
.social-links-wrapper {
    display: block;
    margin: 0 auto;
    border: 1px solid #DDD;
    padding: 10px;
    width: 40%;
    text-align: center;
}

span#social-links-wrapper-title {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
}

.social-links-wrapper a {
    background: transparent;
    color: #000;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
   padding: 5px 12px;
    margin: 0 10px 0 0;
    outline: none !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
}

.social-links-wrapper a:hover {
  color:#FFF;
  text-decoration: none;
}

.social-links-wrapper a:hover.twitter {
    background: #05ACE0;
}

.social-links-wrapper a:hover.facebook {
    background: #3B5998;
}

.social-links-wrapper a:hover.googleplus {
    background: #ED4322;
}

/*--- Formulaire alerte email ---*/
div#h2i_ann_man_cnil_alerte_email {
    font-size: 10px;
    color: grey;
}

/*--- S'il n'y à pas de résultats ---*/

div#h2i_ann_man_no_results {
    width: 75%;
    margin: 0 auto;
    margin-top: 3%;
    margin-bottom: 3%;
    line-height: 20px;
    border: 1px solid #DDD;
    padding: 20px;
}

div#h2i_ann_man_no_results h1 {
    margin-top: 0px;
    font-size: 21px;
}



div#h2i_ann_man_no_results span.title {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 6px;
    border-bottom: 1px solid #DDD;
    padding-right: 20px;
    text-transform: uppercase;
    font-weight: bold;
}

div#h2i_ann_man_no_results span.title:first-child { margin-top: 0px; }

div#h2i_ann_man_no_results a.btn {
    display: inline-block;
    padding: 4px 14px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #bbbbbb;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

div#h2i_ann_man_no_results i.glyphicon {
    display: -webkit-inline-box;
    vertical-align: middle;
    font-size: 20px;
    margin-right: 5px;
    text-shadow: 0px 2px 1px #CCC;
}

div#h2i_ann_man_no_results p.coordonnees {
   line-height: 40px;
}


/*--- Lien vers une landing page de secteur ---*/
a#h2i_ann_man_link_to_landing_page_secteur {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    background-color: black;
    color: white;
    padding: 9px 20px;
    box-shadow: 0px 2px 3px #AAA;
    font-size: 10px;
    font-weight: bold;
}


/*--- Annonces précédentes & suivantes ---*/
a#h2i_ann_man_button_next_annonce span{
   margin-right: 10px;
}
a#h2i_ann_man_button_previous_annonce span{
   margin-left: 10px;
}

a.h2i_ann_man_prev_next_link {
    border: none;
    background-color: black;
    color: white;
    box-shadow: 0px 2px 2px #CCC;
    font-size: 11px;
}

a.h2i_ann_man_prev_next_link:focus {
    background-color: grey;
}


@media(max-width: 991px){

     .libelleDPE{
      margin-bottom: 25px;
     }

}

div#h2i_ann_man_back_top {
    visibility: hidden;
    position: relative;
    float: right;
    margin: 20px;
    margin-top:16px;
}

div#h2i_ann_man_back_top i {
    color: white;
    font-size: 32px;
    vertical-align: middle;
}

@media (max-width: 451px){
    body.page-annonce h3{
        margin-top: 20px !important;
    }
}

#form-visite,
#form-visite .contactBien p {
    text-align: center !important ;
    font-size: 18px;
    margin-bottom: 10px;
}

#form-visite {
    padding: 20px;
}

#form-visite .contactBien p .sousTitre {
    font-size:14px;
}



/* ========================= Partie "AutoResponse" ========================= */
#H2I_ANN_MAN_auto_response_ajax_message {
    display: none;
    padding: 10px 0;
    width: 100%;
    text-align: center;

}
#H2I_ANN_MAN_auto_response_ajax_message.error{
    border-bottom: 2px solid red;
}
#H2I_ANN_MAN_auto_response_ajax_message.succes{
    border-bottom: 2px solid green;
}

form#form-autoresponse input , form#form-autoresponse button{
    width:100%;
}


/* ========================= Amélioration du formulaire ========================= */

.ms-parent.form-control.liste.choixtype {
    z-index: 1900;
}
.ms-parent.form-control.liste {
    padding: 0px!important;
    border: 0px!important;
}

#container_search_form_home .ms-choice {
    border-radius: 0px!important;
    border: 1px solid #fff!important;
}

li label span {
    padding-left: 8px!important;
}

.ms-drop input[type="checkbox"] {
    vertical-align: top!important;
}

.ms-drop {
    min-width: 100%!important;
    border-radius: 0px!important;
    z-index: 90;
}

button.ms-choice {
    line-height: 33px;
}

button.ms-choice:focus {
    outline: none;
}

/* ========================= Page panier ========================= */
div#panier-form-contact input[type="text"], div#panier-form-contact input[type="tel"], div#panier-form-contact input[type="email"], div#panier-form-contact textarea {
    width: 100%;
    margin-bottom: 10px;
    padding: 3px 15px;
    line-height: 2;
}

div#panier-form-contact input[type="submit"]{
    display: block;
    width: fit-content;
    border: none;
    line-height: 2;
    padding: 3px 15px;
    float: right;
    text-transform: uppercase;
    font-weight: bold;
}


/* ========================= Modal de partage d'annonce par email ========================= */
div#h2i_ann_man_modal_window_partage_annonce_par_email #get_form_partage_par_email{
    padding: 16px 25px;
}

div#h2i_ann_man_modal_window_partage_annonce_par_email input, div#h2i_ann_man_modal_window_partage_annonce_par_email textarea {
    width: 100%;
    margin: 8px 0px;
    padding:7px;
}

div#h2i_ann_man_modal_window_partage_annonce_par_email textarea {
    height: 50px;
}


div#h2i_ann_man_modal_window_partage_annonce_par_email input[type="button"] {
    width: initial !important;
    float: right;
    background-color: var(--secondary-color);
    color: #FFF;
    border: none;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);
    text-transform: uppercase;
    font-weight: bold;
    padding:7px 20px;
}

span#get_form_partage_par_email_result {
    display: block !important;
    text-align: center;
    padding: 10px;
    font-weight: 600;
    color: #FFF;
}

#get_form_partage_par_email_result.success{
    background-color: green;
}

#get_form_partage_par_email_result.error{
    background-color: red;
}