/* ----------------------------------------------------------------------------------------------- */
/* -------------------------------------- PREMIUM LEXA ------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


/*Import Fonts*/

@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700');
@font-face {
    font-family: 'Stencil Std';
    src: url('../font/StencilStd.woff2') format('woff2'),
        url('../font/StencilStd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/* ----------------------------------------------------------------------------------------------- */
/*                                             GENERAL                                             */
/* ----------------------------------------------------------------------------------------------- */
.dw-pnl__cntnt {
  overflow: visible;
  padding: 0;
  width: 100%;
}

select#duree.bootstrap-select {
  height: 55px;
  border: 1px solid #ccc !important;
  color: #000;
  display: block;
  font-size: 1rem;
  padding: 6px 12px;
}
body, html {
    font-family: 'Work Sans', sans-serif;
height: 100%;
  min-height: 100%;

}
spartoo-msg-widget{
border: 1px solid red
}
#launcher {
	margin-bottom: var(--mobile-margin-bottom);
	margin-right: var(--mobile-margin-right);
	display: flex;
	flex-direction: column;
	position: relative;
	cursor: pointer;
	top: -200px;
	position: absolute;
	right: -100%;
}
  :host {
    height: 100px;
    width: fit-content;
  }
@media (min-width: 576px) {
  :host {
    height: 0px;
    width: fit-content;
  }
}

.dev{border: 1px solid red}

.font-secondary{
    font-family: 'Stencil Std', sans-serif;
}
.font-rotate{
    transform: rotateZ(-2deg);
}
.font-rotate--plus{
    transform: rotateZ(-6deg);
}
.font-size__heading{
    font-size: 3rem;
}
.font-size__subheading{
    font-size: 2.4rem;
}


/* TOP MENU */
.header {
    height: 28px;
    background: #e22532;
}
.sticky_menu {
    height: 28px;
}
.top_menu {
    background: #e22532;
    height: 28px;
}
.top_menu .index-logo-not-sticking{
    width: 170px;
    position: absolute;
    top: 40px;
    right: 0;
    /* transform: translate(-50%); */
}
.top_menu nav ul li {
    padding: 17px 10px 13px 10px;
    padding-top: 0 !important;
    top: -8px;
}
.top_menu nav ul li:hover {
    background: transparent;
}


.view .full-bg-img, .view .mask {
    top: 28px;
}
.hm-black-light .full-bg-img, .hm-black-light .mask {
    background-color: rgba(0,0,0,0);
}
.home_cont_presentation p {
  text-align: center;
  padding: 0 20px 0 0;
}

/* BADGE GOOGLE */
.badge-google-content {
    background: #e9ecef;
    color: #111!important;
    border-radius: 6px;
    width: 50%;
    margin: 0 auto;
    padding: 0.8rem;
    position: relative;
    top: 0;
    text-align: center;
    left: 50%;
    transform: translate(-50%);
 }
 img.badge-google {
   width: 50%;
 }
 .google-stars, .google-stars span {
         background-size: 25px 22px;
         height: 22px;
         top: 1px;
         width: 123px;
     }
  .google-stars {
         background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAYAAAA1vze2AAAAxUlEQVR42rXUUQuEIAwH8GAQCIcQCIFPcUchCH3/b+f18D+MUdzmUhg9KPttag7K8fm3oJTCQwX4I3Z8uyERSOyJJCCpF+IA/ML1QAJDQg9kY8j2NEJIzIM0iD8iswSmQD5fkVrt+wkAeYh3wg84G6oP0jMZtV1h/dhy8EEIBMvtIiFCFmQSIpMFWYTIYkGyEMmtiL9ItmJr1os534JElmRm8zObjy1IqtXfPuvu1FXSIu5UHQkeT3St+Bmxv69BMbDe3SFf/+tYufyUsgoAAAAASUVORK5CYII=);
         background-repeat: repeat-x;
         display: inline-block;
         overflow: hidden;
         position: relative;
     }
 .google-stars span {
         background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAYAAAA1vze2AAAAqUlEQVR4AWLwySwkGv/YzgworgwwAIphGHqJXWgX6nl6q55o/GHxCX4bUx9hMK9JYwucFSmAubW2ZifED8Q7IXEgcmRqVNDsgBhBrAMSBJEiqwAGAaBRhiDvBk1A3mkRyb2CXSYLlmWFnbArffoMIrjS6qy3Sm/Z/068CPEbyKpKhfCDyA0yNE95MKtRGe9LiSz9O3hKclv6Y76ictQzqbmjyhIkyVi+8wCta5MKDP5AeAAAAABJRU5ErkJggg==);
         background-repeat: repeat-x;
         display: block;
     }


/* MENU (gauche) */
#sidebar-wrapper {
    background: #1a1e2a;
}
/* ----------------------------------------------------------------------------------------------- */
/*                                    BOUTONS & TITRES                                             */
/* ----------------------------------------------------------------------------------------------- */
.btn {
    border-radius: 0;
}
.home_heading::after {
    content: "";
    display: block;
    position: relative;
    background: #e22532;
    height: 2px;
    width: 150px;
    margin: 24px auto 24px auto;
    
}
.home_heading{
	line-height: 1.3
}

.header__logo img{
    width: 32%;
}


/* FIX COLOR  */
/* li active  */
body.index li.item.active,
body.agence li.item.active,
body.listing-vente li.item.active,
body.listing-location li.item.active,
body.alerte-email li.item.active,
body.estimation li.item.active,
body.temoignages li.item.active,
body.comparateur li.item.active,
body.contact li.item.active{
    background-color: #e22532!important;
    font-weight: 800!important;
}
body.index li.item:hover a,
body.agence li.item:hover a,
body.listing-vente li.item:hover a,
body.listing-location li.item:hover a,
body.alerte-email li.item:hover a,
body.estimation li.item:hover a,
body.temoignages li.item:hover a,
body.comparateur li.item:hover a,
body.contact li.item:hover a{
    color: #fff!important;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom{
    background-color: #fff;
}
.item:hover {
    background-color: #e22532;
}
.dropdown-toggle::after{
    color: #e22532;
}
.sidebar-nav .dropdown-menu a {
    background: #e22532;
}
.sidebar-nav .dropdown-menu a:hover {
    background: #063d85;
}
.dropdown-toggle::after {
    bottom: 28px;
}
/* DIVIDER */
.home_cont_selection h2::after{
    background: #e22532;
}
.cont_coordonnees h2::after{
    background: #e22532;
}
/* SVG CIRCLE */
.jssorb051 .i .b{
    fill: #e22532;
}
.jssorb051 .i .b:hover{
    fill: #063d85;
}
.page_heading::after {
    background: #e22532;
}
.detail .info_titre::after {
    background: #e22532;
}
.detail .lafficheur li {
    color: #fff;
    background-color: #e22532!important;
    border-color: #e22532!important;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.3), 0 2px 10px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.3), 0 2px 10px 0 rgba(0,0,0,.3);
}
.alert-danger {
    color: #fff;
    background-color: #e22532!important;
    border-color: #1a1e2a;
}
.bouton_search {
    background: #e22532!important;
    color: #fff;
}
.bouton_search a {
    margin: auto 10px auto 10px;
    background: #e22532!important;
    color: #fff;
}
.form-group .dropdown-toggle::after {
    color: #e22532!important;
}
.sidebar .intention_appel {
    color: #fff!important;
}
.sidebar_blocinfos.sticky {
    background-color: #fff;
}
.btn-primary,
.btn-success {
    color: #fff;
    background-color: #e22532;
    border-color: #e22532;
}
.btn-primary:hover,
.btn-success:hover {
    border: 1px solid #63151a!important;
}
.btn-info,
.btn-secondary {
    color: #fff;
    background-color: #1a1e2a!important;
    border-color: #1a1e2a!important;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.3), 0 2px 10px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.3), 0 2px 10px 0 rgba(0,0,0,.3);
}
.btn-info:hover,
.btn-secondary:hover {
    color: #fff;
    background-color: #1a1e2a;
    border-color: #1a1e2a;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.3), 0 4px 15px 0 rgba(0,0,0,.3);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.3), 0 4px 15px 0 rgba(0,0,0,.3);
}
.btn-success {
    color: #fff;
    background-color: #e22532;
    border-color: #e22532;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.3), 0 2px 10px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.3), 0 2px 10px 0 rgba(0,0,0,.3);
}
.cont_coordonnees .btn {
    color: #fff;
    background: #e22532;
}
.recherche-detaillee .input-group-addon {
    background: rgba(20,30,42,.05) none repeat scroll 0 0;
    color: #e22532;
    border-bottom: 1px solid rgba(0,0,0,.3) !important;
}
.recherche-detaillee .sidebar div.sidebar_blocinfos.sticky:last-child{
    display: none;
}
figure.effect-ming figcaption::before {
    border: none;
    border-radius: 160px;
    width: 200px;
    height: 200px;
    top: 64%;
    left: 50%;
    box-shadow: none;
    transform: scale3d(1.4,1.4,1) translate(-36%, -50%)!important;
}
footer {
    background-color: #e22532;
}


/* ===== HOME CONT PRESENTATION ===== */
.home_cont_presentation {
    background-color: transparent;
    padding: 6% 0 0 0;
    bottom: 26px;
}
/* .home-background-section{
    background-image: url(../images/home-background-section.jpg);
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: calc(100% - 55px);
    margin-left: 55px;
    height: 66vh;
    top: 0;
} */
.home_cont_presentation .h2-responsive {
    top: 0;
    margin: 0 0 0 12rem;
}
.home_cont_presentation .logo_presentation {
    width: 70%;
}
div#agence{
    background-color: #fff;
    padding: 2rem;
}
/* ===== END HOME CONT PRESENTATION ===== */


/* INDEX CATEGORIES */
figure.effect-ming,
.grid figure{
    background: none;
}


/* HOME CONT CALCULATRICE */
.home_cont_calculatrice {
    text-align: center;
    position: relative;
    background: #fff;
    color: #000!important;
    margin: 0 auto;
    padding: 1rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.home_cont_calculatrice .card{
    border-radius: 1rem;
    background-color: transparent;
    border: none;
}
.home_cont_calculatrice .card-body{
    /* box-shadow: 4px 4px 8px rgba(0,0,0,0.1);
    border: 1px rgba(0,0,0,0.4) solid; */
    padding: 2rem 4rem;
    border-radius: 1rem;
}
.home_cont_calculatrice .home_heading::after {
    content: "";
    display: block;
    position: relative;
    background: #e22532;
    height: 5px;
    width: 150px;
    margin: 24px auto 24px auto;
}
#content{
    padding-bottom:10%;
}
/* SLIDER INPUT */
input[type=range] {
    -webkit-appearance: none !important;
    width: 100%;
    height: 4px;
    background-color: #ccc;
    /* border: 1px solid #f9bf53; */
    border-radius: 50px;
    margin: auto;
    transition: all 0.3s ease;
}
input[type=range]:focus {
    outline: none;
}
/* THUMB */
/* for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    box-shadow: 1px 1px 1px #00000038, 0px 0px 1px #0d0d0d;
    border: 6px solid #fff;
    height: 42px;
    width: 42px;
    border-radius: 50px;
    background: #e22532;
    cursor: pointer;
    margin-top: -14px; /* specify margin in Chrome */
}
/* for Firefox */
input[type=range]::-moz-range-thumb{
    box-shadow: 1px 1px 1px #00000038, 0px 0px 1px #0d0d0d;
    border: 6px solid #fff;
    height: 24px;
    width: 24px;
    border-radius: 50px;
    background: #e22532;
    cursor: pointer;
}
/* for IE */
input[type=range]::-ms-thumb {
    box-shadow: 1px 1px 1px #00000038, 0px 0px 1px #0d0d0d;
    border: 6px solid #fff;
    height: 42px;
    width: 42px;
    border-radius: 50px;
    background: #e22532;
    cursor: pointer;
}
/* SLIDER INPUT COLOR BEFORE THUMB */
input[type='range']::-webkit-slider-runnable-track {
    height: 10px;
    -webkit-appearance: none;
}
/** FF*/
input[type="range"]::-moz-range-progress {
    background-color: #e22532;
}
.col-saved{
    background-color: #e22532;
    color: #fff;
    border-radius: 10px;
    padding: 16px 32px;
}
.home_cont_calculatrice a.btn.btn-secondary{
    background-color: #e22532;
    font-weight: bold;
    text-transform: uppercase;
}
.home_cont_calculatrice a.btn.btn-secondary:hover{
    background-color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}


/* ===== BUTTON ===== */
.btn-primary, .btn-secondary, .btn-info, .btn-success {
    color: #f8f8f8;
    background-color: #e22532;
    border-color: #e22532;
    text-transform: uppercase;
    letter-spacing: 2px;
    box-shadow: none!important;
}
.btn-primary:hover, .btn-secondary:hover, .btn-info:hover, .btn-success:hover {
    color: #f8f8f8;
    background-color: #63151a;
    border-color: #63151a;
    box-shadow: none!important;
}
.btn {
    border-radius: 0.45rem;
    padding: 0.8rem 1rem !important;
}
/* ===== END BUTTON ===== */


/* ROUND MOTEUR SEARCH */
.container_search{
    top: 10rem;
}
.dropdown-toggle::after {
    bottom: 38px;
}
/* btn type de transactions */
.index .radio_trans input.css-checkbox[type="radio"]:checked + label.css-label {
    border-bottom: none;
    background: #e22532;
    border-radius: 8px;
    padding: 1rem;
}
.radio_trans input[type=radio].css-checkbox + label.css-label {
    padding: 1rem;
}
/* no margin right + rounded corners + height background */
.search__form-item:nth-child(n+2){
    margin-right: 0;
    height: 54px;
    border-radius: 8px 0 0 8px!important;
}
.search__form-item.c_type .btn-group.bootstrap-select.show-tick,
.bootstrap-select>.dropdown-toggle{
    margin-right: 0;
    height: 56px;
    border-radius: 8px 0 0 8px!important;
    background: none;
}
/* no border radius input ville */
.form-group.search__form-item.c_insee {
    border-radius: 0!important;
}
/* no border input type + ville */
.index .bootstrap-select {
    border: none!important;
}
/* height button + no bg */
.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus{
    height: 54px !important;
    background: none!important;
}
.bootstrap-select>.dropdown-toggle {
    height: 54px;
    border-radius: 100px;
    vertical-align: initial;
}
.form-style {
    height: 56px;
}
/* height input -- index only */
.index .form-style {
    height: 54px;
}
/* border radius input prix max */
input#prixmax {
    border-radius: 0 8px 8px 0;
}
body.alerte-email input#prixmax,
body.contact input#prixmax {
    border-radius: 10px;
}
/* margin btn valid */
.search__form-item.c_valid {
    margin: 0 0 0 1.2rem;
}
/* no bg on moteur */
.moteur {
    background-color: rgba(0,0,0,0);
}

@media (max-width: 414px){
    .video-foreground {
        left: 50%;
        transform: translate(-220%);
    }
}


/* PAGE AGENCE */
.subheading {
    background: #e4e4e4;
    padding: 7px 10px;
    font-weight: 600;
    color: #e22532;
    margin: 40px 0 15px 0;
}
.with-line span {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 5px 32px 5px 0;
    background-color: #fff;
}
.with-line:after {
    content: "";
    position: absolute;
    background-color: #e22532;
    right: 0;
    top: 18px;
    bottom: 0;
    width: 100%;
    height: 2px;
}
.sous-titre {
    border-left: 3px solid #e22532;
    padding-left: 10px;
    margin-top: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
}


/* TEMOIGNAGES */
.temoignages .content_page{
    width: 100%;
}


/* MENTIONS LEGALES */
embed.embed-pdf {
    width: 100%;
    height: 100vh;
}


.listing-vente #content {
    padding-bottom: 2%;
}


/* PAGE PARRAINAGE */
.parrainage .content-parrainage-cta{
    background: #e22532;
    border-radius: 1rem;
}
.parrainage .content-parrainage .content-parrainage__img img{
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE */
}


/* TOP PAGE */
.top_page {
    background-color: transparent;
}
.alerte-email .top_page{
    background-image: url(/assets/images/top_page/alerte-email_top.jpg);
}
.honoraires .top_page{
    background-image: url(/assets/images/top_page/honoraires_top.jpg);
}
.services .top_page{
    background-image: url(/assets/images/top_page/services_top.jpg);
}
.blog .top_page{
    background-image: url(/assets/images/top_page/blog_top.jpg);
}
.estimation .top_page{
    background-image: url(/assets/images/top_page/estimation_top.jpg);
}
.contact .top_page {
    background-image: url(/assets/images/top_page/contact_top.jpg);
}
.avis-google .top_page {
    background-image: url(/assets/images/top_page/temoignages_top.jpg);
}
.parrainage .top_page {
    background-image: url(/assets/images/top_page/parrainage_top.jpg);
}



/* ------------------------------------------------------------------------------------------------------------------------------- */
/*                                                               REF BY LOLO                                                        */
/* ------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 560px) {
    .listeliens ul li {
        width: 100%!important;
    }
    }
  
  .listeliens ul{
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
      }
      
  .listeliens ul li{
          width: calc(100% / 3);
          /* si 3 colonnes */
      }
  
  @media (max-width: 560px) {
    .listeliens ul li{
    width: 100%;
      }
      }
  
  .listeliens a {
        color: #706F6F;
    }
    
  .listeliens a:hover {
    text-decoration: underline;
    }

    .page2ref h3 {
        font-size:20px;
        font-weight: bold;
          }

  .ref p, .page2ref p {
    text-align:justify;
  }
  
  .ref h2, .page2ref h2 {
    font-size:24px;
    color:#E22532;
    padding:10px 0px 15px 0px;
    }


  .ensavoirplus {
    color:black;
  }
  
  .ensavoirplus:hover{
    color:grey;
  }
  
  .page_ref .liste-seo3 li {
    font-size: 13px;
 }


  .page_ref .liste-seo3 ul {
    text-align: center;
    padding: 0px 10px 0px 10px;

    
  }

  .page_ref .card_list {
    color: #fff;
  }

  .page_ref .liste-seo3 {
    line-height: 2px;
    padding: 0px;
    margin: 0px;
  }

  .page_ref .description {
    margin:0;
    color: #fff;
    padding: 0px 10px 20px 10px;
  }

  .page_ref .info_type {
    padding: 10px 0px 0px 10px;
    color: #fff;
  }

  .page_ref .info_ville {
    padding-left: 10px;
    color: #fff;
  }

  .page_ref .info_prix {
    margin: 10px 0 0 0;
text-align: left;
font-size: 19px;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
  }

/* ----------------------------------------------------------------------------------------------- */
/*                                          RESPONSIVE                                             */
/* ----------------------------------------------------------------------------------------------- */
@media (min-width: 992px) {
    nav.menu ul li {
        display: inline-block;
    }
    .menu ul > li > a {
        padding: 12px 10px;
        line-height: 1.2;
        color: #fff;
    }
    .index .not-sticking .menu ul > li > a {
        color: #fff;
    }
    .header__logo {
        display: block;
        height: 100px;
        padding: 20px;
        bottom: 150px;
    }
    #bgvid {
        width: 100%;
        /* height: 100vh; */
    }
}

@media (max-width: 991px) {
    .home_cont_calculatrice .card-body{
        padding: .4rem !important;
    }
}


.view {
    height: 100vh;
}
@media (max-width: 610px) {
    .index .bgAccueil {
        position: relative;
        height: 35vh;
        background: transparent;
    }
    .sticky_menu, .top_menu {
        height: 50px;
    }
    .top_menu .index-logo-not-sticking {
        display: none;
    }
    .top_menu nav ul li {
        top: 0;
    }
    .view .full-bg-img, .view .mask {
        top: 50px;
    }
    .video-wrapper {
        margin-top: 50px;
    }
}



partoo-msg-widget {
    position: fixed;
    bottom: 35px;
    right: 0;
}
.top_link {
    bottom: 5px;
}