/* ======================================================================================= */
/*                                         Général                                         */
/* ======================================================================================= */

.livraisonsite { display: none;}

a:hover {
    text-decoration: none;
}

p {
  font-weight: 400;
}
body {
  padding-top: 0!important;
}

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/* Couleurs */
.bleu { color: #143159;}
.bg-bleu { background: #143159;}
.beige { color: #c3ab7b;}
.bg-beige { background: #c3ab7b;}

a {
   color: #143159;
}
a:hover {
   color: #c3ab7b;
}

/* Boutons */
.btn-primary, .btn-secondary, .btn-info, .btn-success {
    border: 1px solid #c3ab7b;
    background-color: #c3ab7b;
    color: #fff;
}
.btn-primary:hover, .btn-secondary:hover, .btn-info:hover, .btn-success:hover {
    border: 1px solid #143159;
    background-color: #143159;
    color: #fff;
}
.btn-primary2 {
    border: 1px solid #143159;
    background-color: #143159;
    color: #fff;
}
.btn-primary2:hover {
    border: 1px solid #143159;
    background-color: #c3ab7b;
    color: #fff;
}

.btn {
    border-radius: 0;
    text-transform: uppercase!important;
    font-size: 14px;
}
.btn.intention_appel {
    border-radius: 0;
    text-transform: initial !important;
    padding: 0 !important;
    width: 100%!important;
    font-size: 1rem;
}
.btn-4 {
    border: 1px solid #000;
    cursor: pointer;
    padding: 13px 80px;
    display: inline-block;
    margin: 15px 0;
    text-transform: inherit;
    letter-spacing: 1px;
    font-weight: 400;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 0;
    color: #000;
    overflow: hidden;
    background: #fff;
  }
  .btn-4a:before {
    left: 130%;
    top: 14px;
  }
  
  .btn-4:before {
    position: absolute;
    height: 100%;
    font-size: 125%;
    line-height: 3.5;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .icon-arrow-right:before {
    content: "\f30f";
  }
  .ion-ios-arrow-thin-down:before {
    content: "\f123";
  }
  .btn-4:before {
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .btn-4a:hover:before {
    left: 80%;
  }
  .btn-4:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .btn-4:hover {
    background: #c3ab7b;
    color: #fff;
    border: 1px solid #c3ab7b;
  }
  
  .btn-5:before,
  .btn-6:before {
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .btn-5:before  {
    content: "\f4b8";
  }
  .btn-6:before {
    content: url(/assets/images/os.svg);
    width: 65%!important;
    left: 18%!important;
  }
  
  .btn-5:hover:before,
  .btn-6:hover:before {
    top: 0px;
  }
  
  .btn-5,
  .btn-6 {
    color: #000;
    padding: 1rem 0;
    font-size: 14px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    margin: auto;
    width: 100%;
    text-transform: uppercase;
    text-shadow: none;
    font-weight: 500;
  }
  .btn-5:before,
  .btn-6:before {
    left: 0;
    top: 100%;
    position: absolute;
    height: 100%;
    width: 100%;
    line-height: 2.5;
    font-size: 1.9rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .btn-5 span{
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s;
    -webkit-backface-visibility: hidden;
    -moz-transition: all 0.5s;
    -moz-backface-visibility: hidden;
    transition: all 0.5s;
    backface-visibility: hidden;
    padding: 2rem 1rem 0 1rem;
  }
  .btn-6 span {
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s;
    -webkit-backface-visibility: hidden;
    -moz-transition: all 0.5s;
    -moz-backface-visibility: hidden;
    transition: all 0.5s;
    backface-visibility: hidden;
    padding: 2.2rem 1rem 0 1rem;
  }
  .btn-6 span strong{
    font-weight: 600;
    font-size: 1rem;
  }
  .btn-5:after,
  .btn-6:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .btn-5:hover span,
  .btn-6:hover span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  .btn-8 {
    border: none;
    cursor: pointer;
    padding: 13px 80px;
    display: inline-block;
    margin: 15px 0;
    text-transform: inherit;
    letter-spacing: 1px;
    font-weight: 400;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 0;
    color: #fff;
    overflow: hidden;
    background: transparent;
  }
  .btn-8a:before {
    left: 130%;
    top: 16px;
  }
  
  .btn-8:before {
    position: absolute;
    height: 100%;
    font-size: 105%;
    line-height: 3.5;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }

  .btn-8:before {
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .btn-8a:hover:before {
    left: 90%;
  }
  .btn-8:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .btn-8:hover {
    background: #c3ab7b;
    color: #fff;
  }

  
.btn-btn {
  border: 1px solid #143159;
  font-family: inherit;
  font-size: 13px;
  color: inherit;
  background: none;
  cursor: pointer;
  padding: 25px 80px;
  display: inline-block;
  margin: 15px 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  outline: none;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-btn:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-btn:before, .icon-heart:after, .icon-star:after, .icon-plus:after, .icon-file:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.btn-3d {
  padding: 25px 50px 25px 100px;
  border-radius: 10px;
}

.btn-3 {
  background: #143159;
  color: #fff;
}
.btn-3:hover {
  background: #c3ab7b;
  color: #fff;
}


.btn-3d:before {
  background: #fff;
  color: #143159;
  z-index: 2;
  border-radius: 10px 0 0 10px;
}

.btn-3:before {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  line-height: 3;
  font-size: 190%;
  width: 60px;
}
.icon-cog:before {
  content: "\f12e";
}
.btn-btn:hover {
  color: #fff!important;
}
.btn-3d:after {
  width: 20px;
  height: 20px;
  background: #fff;
  z-index: 1;
  left: 55px;
  top: 50%;
  margin: -10px 0 0 -10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* NAV CAROUSEL */
.carousel-control-next-icon,
.carousel-control-prev-icon {
    height: auto;
    width: auto;
    background: transparent;
    border: 2px solid;
    border-color:#c3ab7b;
    color:  #c3ab7b;
    cursor: pointer;
    font-size: 0;
    height: 48px;
    line-height: 0;
    position: relative;
    transform: none;
    transition: background-color .3s;
    width: 48px;
    z-index: 10;
}
.carousel-control-next:hover,
.carousel-control-prev:hover {
    background: rgba(0, 0, 0, 0);
    width: 48px;
}
.carousel-control-next,
.carousel-control-prev {
    background: transparent;
    height: 48px;
    width: 48px;
    top: 45%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 30;
    opacity: 1;
}
.carousel-control-prev {
    left: 15px;
}
.carousel-control-next {
    right: 15px;
}

.carousel-control-next:before {
    content: "";
    font-family: "Ionicons";
    font-size: 35px;
}

.carousel-control-prev-icon:before {
    transform: translate(calc(-50% + 2px), -50%) rotate(45deg) skew(4deg, 4deg);
    border-bottom: 2px solid;
    border-left: 2px solid;
    content: "";
    display: block;
    height: 11px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 11px;
}
.carousel-control-next-icon:before{
    transform: translate(calc(-50% - 2px), -50%) rotate(-135deg) skew(4deg, 4deg);
    border-bottom: 2px solid;
    border-left: 2px solid;
    content: "";
    display: block;
    height: 11px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 11px;
}

.carousel-control-next-icon:hover,
.carousel-control-prev-icon:hover {
    height: auto;
    width: auto;
    background-color: #c3ab7b;
    border: 2px solid;
    border-color: #c3ab7b;
    color: #fff;
    cursor: pointer;
    font-size: 0;
    height: 48px;
    line-height: 0;
    position: relative;
    transform: none;
    transition: background-color .3s;
    width: 48px;
    z-index: 10;
}


/* Titres */
.titre-small {
    color: #c3ab7b;
    font-style: normal;
}
.titre-small2 {
  color: #c3ab7b;
  font-size: 20px;
}
.titre-small2::after {
  content: "";
  display: block;
  position: relative;
  background: #143159;
  height: 2px;
  width: 50px;
  margin: 15px 0;
}
.home_heading, .deco, .page-heading, .page_heading {
  color: #143159;
  font-size: 2.2rem;
  margin-bottom: 0.5rem;
  font-family: "Playfair Display", serif;
  font-weight: 600;
}
.home_heading::after, .deco::after, .page-heading::after, .page_heading::after {
  content: "";
  display: block;
  position: relative;
  background: #c3ab7b;
  height: 1px;
  width: 150px;
  margin: 24px auto 24px auto;
}



/* EFFET*/
.inline-element.is-visible {
    opacity: 1;
}
.inline-element {
    opacity: 0;
    transition: transform 4s .25s cubic-bezier(0,1,.3,1), opacity .4s .25s ease-out;
    width: 100%;
    will-change: transform, opacity;
}
.inline-element.is-visible {
  opacity: 1;
}
.inline-element {
  opacity: 0;
  transition: transform 6s .25s cubic-bezier(0,1,.3,1), opacity .4s .25s ease-out;
  width: 100%;
  will-change: transform, opacity;
}


.inline-photo1.is-visible,
.inline-photo2.is-visible,
.inline-photo3.is-visible,
.inline-photo4.is-visible,
.inline-photo5.is-visible {
  opacity: 1;
  transform: rotateZ(0deg);
}

.inline-photo1 {
  margin: 2em auto;
  opacity: 0;
  transform: translateX(-100%) translateY(4em) rotateZ(0deg);
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out;
  will-change: transform, opacity;
}

.inline-photo3, 
.inline-photo2 {
  margin: 2em auto;
  opacity: 0;
  transform: translateX(100%) translateY(4em) rotateZ(0deg);
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out;
  will-change: transform, opacity;
}

.inline-photo4 {
  margin: 0 auto;
  opacity: 0;
  transform: translateX(0%) translateY(8em) rotateZ(0deg);
  transition: transform 8s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out;
  will-change: transform, opacity;
}

.inline-photo5 {
  margin: 0 auto;
  opacity: 0;
  transform: translateX(0%) translateY(14em) rotateZ(0deg);
  transition: transform 10s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out;
  will-change: transform, opacity;
}

/* ======================================================================================= */
/*                                       Header & Menu                                     */
/* ======================================================================================= */

.bgAccueil {
  background: url(/assets/images/bgimg2.jpg) no-repeat center center;
}
.header, .header .sticking, .header .not-sticking {
    background: #143159;
}
.b-menu, .index .not-sticking .b-menu {
    background: rgba(255, 255, 255, 0);
    border: #c3ab7b solid 2px;
}
.b-container.open .b-bun--top, .b-bun, .b-container.open .b-bun--bottom {
    background: #c3ab7b;
}
.b-nav.open {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)), url(/assets/images/bgimg-nav.jpg) no-repeat center center;
}
/* .header .sticking, .header .not-sticking {
    background: #143159;
} */

 .b-container {
  top: 33px;
  transition: top ease 0.5s;
}
.index .not-sticking .b-container {
  top: 20px;
  transition: top ease 0.5s;
}
.lang {
    position: absolute;
    right: 90px;
    top: 10px;
}
.lang .ion-android-person{
    font-size: 27px;
}
.reseaux-sociaux img.logo-googleavis {
    width: 25px;
    top: -7px;
}
.logo-pictos {
    display: flex;
    position: absolute;
    left: 10px;
    z-index: 9;
    top: 33px;
    transition: top ease 0.5s;
}
.logo-pictos {
    display: flex;
    position: absolute;
    left: 10px;
    z-index: 9;
    top: 33px;
    transition: top ease 0.5s;
}
.index .not-sticking .logo-pictos {
    top: 20px;
    transition: top ease 0.5s;
}
.logo-pictos .list-inline-item {
    padding-right: 10px;
}
.logo-header {
    background: transparent;
    margin-left: 0px;
    display: block;
}

.titre-baseline {
    text-align: center;
    /* background: #143159; */
    border-radius: 25px;
    padding: 25px 25px 45px 25px;
}

/* Moteur */
.container-fluid.container-fluid-max {
    max-width: 1600px;
}
.index .moteur {
    padding: 0;
    position: absolute;
    bottom: 45px;
    left: 0;
    z-index: 20;
    background-color: transparent;
    min-height: 0;
}
.index .moteur .container-fluid{
    /* background-color: rgb(20 49 89 / 70%); */
    background-color: rgb(255 255 255 / 80%);
    padding: 20px;
}

.index .container_search {
    margin: 16px 0 0 0;
}
.search__form-item:nth-child(1),
.search__form-item:nth-child(n+2) {
    margin-right: 10px;
    margin-bottom: 5px;
    vertical-align: top;
    width: calc(100% / 7 - 8px);
    height: 38px;
    font-weight: 500;
}
.search__form-item.c_valid {
    margin-right: 0;
}
.plusdecritere.search__form-item{
    margin-right: 0;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option, .input-group-addon{
    font-size: 16px!important;
    font-weight: 500;
    text-transform: initial;
}
.search__form-item.c_valid .btn-primary {
    font-size: 14px!important;
    padding: 0.65rem 0;
    color: #fff;
    font-weight: 600;
}
.search__form-item.c_valid .btn-primary:hover {
    color: #fff;
}
.form-style, .form-group .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-inline .bootstrap-select.btn-group, .bootstrap-select {
    font-size: 16px!important;
    background: transparent!important;
    border-radius: 0px!important;
    font-weight: 500;
    border-bottom: 3px solid #c3ab7b!important;
    border-top: 0!important;
    border-left: 0!important;
    border-right: 0!important;
}
.w-100 { width: 100%;}

.plusdecritere .text-filtre2 {
    width: 100%;
    text-align: center;
}
.plusdecritere {
    text-align: center;
    margin-top: 0;
}
.plusdecritere .btn-default {
    font-size: 11px;
    border-bottom: 0px solid #969696;
}
.index .plusdecritere .plusc, .index .plusdecritere .plusm {
    color: #143159;
    font-size: 12px;
    font-weight: 500;
}
.plusdecritere .btn-default:hover {
    border-bottom: 0px solid rgb(85, 85, 85);
}
.index .plusdecritere .btn-default:hover .plusc, .index .plusdecritere .btn-default:hover .plusm {
    color: #000;
}
.plusdecritere .plusc::after {
    display: none;
}
.index .dropdown-menu.open.show {
    transform: translate3d(0px, -210px, 0px)!important;
}
.index .c_insee .dropdown-menu.open.show {
    transform: translate3d(0px, -256px, 0px)!important;
}
.index .c_rayon .dropdown-menu.open.show {
    transform: translate3d(0px, -150px, 0px) !important;
}
.index .btn.dropdown-toggle {
    color: #000 !important;
}
.index .input-group-addon {
    color: #000;
}
.moteur input:-moz-placeholder,
.block_tri_list input:-moz-placeholder,
.container_search input:-moz-placeholder {
    font-size: 16px;
    text-transform: initial;
    color: #000;
}
.index .container_search .bootstrap-select>.dropdown-toggle.bs-placeholder,
.index .container_search .bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.index .container_search .bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.index .container_search .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    font-size: 16px;
    text-transform: initial !important;
    color: #000;
}
.moteur input::-webkit-input-placeholder,
.block_tri_list input::-webkit-input-placeholder,
.container_search input::-webkit-input-placeholder {
    font-size: 16px;
    color: #000;
}

/* ======================================================================================= */
/*                                           Index                                         */
/* ======================================================================================= */

/* Présentation / chiffres */

.titre-presentation {
  text-align: left;
  text-transform: uppercase;
  color: #c3ab7b;
  font-size: 2.2rem;
  margin-bottom: 0.5rem;
  font-family: "Playfair Display", serif;
}
.titre-presentation::after {
  content: "";
  display: block;
  position: relative;
  background: #c3ab7b;
  height: 1px;
  width: 368px;
  margin: 0 0 30px 0;
}
.section-presentation h1 {

}
.section-presentation .btn-4 {
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
}
.section-presentation .btn-4:hover {
  border: 1px solid #c3ab7b;
  background: #c3ab7b;
  color: #fff;
}
.titre-small {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  font-style: italic;
  color: #c3ab7b;
  text-align: left;
  margin: 1rem 0;
}

.section-presentation {
  position: relative;
  margin: 0;
  overflow: hidden;
  position: relative;
  background: #143159;
  background-image: url(/assets/images/footer-2.png);
  background-position-y: top;
  background-position-x: right;
  background-repeat: no-repeat;
  padding: 50px 0;
  color: #fff;
 }   
 @media (max-width:991px) {
  .section-presentation {
      margin-bottom: 40px;
  }
 }   
 .section-presentation > .page-space-left {
  padding-left: 315px;
 }   
 @media (max-width:1580px) {
  .section-presentation > .page-space-left {
      padding-left: 70px;
  }
 }   
 .section-presentation .text-content p span{
  font-family: 'Perpetua';
 }
 /* .section-presentation .text-content p{
  font-family: initial;
 } */
 .section-presentation .text-content,
 .section-presentation .text-content p span{
  font-size: 31px;
  font-weight: 400;
 }
 
 @media (min-width:992px) {
  .section-presentation .text-content {
      z-index: 1;
      position: absolute;
        width: 55%;
        max-width: 720px;
  }
 }
 
 @media (min-width:992px) and (max-width:1480px) {
  .section-presentation .text-content,
  .section-presentation .text-content2 {
      max-width: 630px;
      font-size: 35px;
  }
 }
 
 @media (max-width:991px) {
  .section-presentation .text-content,
  .section-presentation .text-content2 {
      font-size: 30px;
  }
 }
 
 @media (max-width:575px) {
  .section-presentation .text-content,
  .section-presentation .text-content2 {
      font-size: 20px;
  }
 }
 
 .section-presentation .text-content .text-list {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
 }
 .section-presentation .text-content2 .text-list {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
 }
 
 @media (max-width:575px) {
  .section-presentation .text-content .text-list,
  .section-presentation .text-content2 .text-list {
      display: block;
  }
 }
 
 .section-presentation .text-content .text-list > div,
 .section-presentation .text-content2 .text-list > div {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  padding-left: 0;
  -webkit-align-items: center;
 }

 
 @media (min-width:576px) {
  .section-presentation .text-content .text-list > div, 
  .section-presentation .text-content2 .text-list > div {
      padding-right: 30px;
  }
 }
 @media (min-width:1281px) {
  .section-presentation .text-content .text-list > div, 
  .section-presentation .text-content2 .text-list > div {
      padding-right: 80px;
  }
 }
 
 @media (max-width:575px) {
  .section-presentation .text-content .text-list > div, 
  .section-presentation .text-content2 .text-list > div {
      justify-content: center;
      padding: 0;
  }
 }
 
 .section-presentation .text-content .detail {
  margin: 50px 0 0px;
 }
 
 @media (max-width:1480px) {
  .section-presentation .text-content .detail {
      margin-bottom: 20px;
  }
 }
 
 @media (max-width:991px) {
  .section-presentation .text-content .detail {
      margin: 20px 0;
  }
 }
 
 .section-presentation .text-content .detail p {
  line-height: 1.5;
 }
 
 @media (min-width:768px) {
  .section-presentation .image-content > div {
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      padding-left: 50%;
      -ms-flex-wrap: wrap;
  }
 
  .section-presentation .image-content .image-item {
      display: inline-block;
      width: 70%;
      padding: 0 15px;
  }
 
  .section-presentation .image-content .image-item > div {
      padding-top: 55%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
  }
 
  .section-presentation .image-content .image-item:nth-child(1) {
      position: absolute;
      bottom: -5%;
      left: 0;
      width: 50%;
      padding-left: 0;
  }
 
  .section-presentation .image-content .image-item:nth-child(2) {
      width: 30%;
  }
 
  .section-presentation .image-content .image-item:nth-child(2) > div {
      padding-top: 100%;
  }
 
  .section-presentation .image-content .image-item:nth-child(3) {
      padding-right: 0;
  }
 
  .section-presentation .image-content .image-item:nth-child(3) > div {
      padding-top: 115%;
  }
 
  .section-presentation .image-content .image-item:nth-child(4) {
      width: 84%;
  }
 }
 
 @media (min-width:1281px) {
  .section-presentation .image-content .image-item:nth-child(3) > div {
      /* padding-top: 90%; */
      padding-top: 60%;
      margin-top: 40%;
      }
  }
 
 @media (max-width:767px) {
  .section-presentation .image-content {
      margin-top: 30px;
  }
 
  .section-presentation .image-content > div {
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      margin: 0 -15px;
      -ms-flex-wrap: wrap;
  }
 }
 
 @media (max-width:767px) and (max-width:575px) {
  .section-presentation .image-content > div {
      margin: 0 -5px;
  }
 }
 
 @media (max-width:767px) {
  .section-presentation .image-content .image-item {
      flex: 0 0 50%;
      padding: 15px;
      max-width: 50%;
      transform: translateX(0%) !important;
      -ms-flex: 0 0 50%;
  }
 }
 
 @media (max-width:767px) and (max-width:575px) {
  .section-presentation .image-content .image-item {
      padding: 5px;
  }
 }
 
 @media (max-width:767px) {
  .section-presentation .image-content .image-item > div {
      padding-top: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
  }
 }

 .block-text-list .text-item .largetext {    
  font-size: 65px;
  font-weight: 300;
  color: #c3ab7b;
}
 .block-text-list .text-item .largetext sup {
  font-size: 36px;
  right: 0px;
  top: -13px;
}

@media (min-width:1281px) {  
 .block-text-list .text-item .largetext {    
  font-size: 70px;
  font-weight: 400;
  color: #c3ab7b;
  }
}

.block-text-list .text-item .smalltext {
  font-size: 14px;
  letter-spacing: 2.67px;
  text-transform: uppercase;
  padding-left: 18px;
}
.block-text-list .text-item .smalltext strong {
  font-size: 16px;
}

.inline-photo1.is-visible,
.inline-photo2.is-visible,
.inline-photo3.is-visible,
.inline-photo4.is-visible {
  opacity: 1;
  transform: rotateZ(0deg);
}

.inline-photo1 {
  margin: 2em auto;
  opacity: 0;
  transform: translateX(-100%) translateY(4em) rotateZ(0deg);
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out;
  will-change: transform, opacity;
}

.inline-photo3, 
.inline-photo2 {
  margin: 2em auto;
  opacity: 0;
  transform: translateX(100%) translateY(4em) rotateZ(0deg);
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out;
  will-change: transform, opacity;
}

.inline-photo4 {
  margin: 0 auto;
  opacity: 0;
  transform: translateX(0%) translateY(8em) rotateZ(0deg);
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out;
  will-change: transform, opacity;
}



/* Conseillers */

.home_cont_conseillers {
    padding-top: 50px;
    padding-bottom: 50px;
}
.home_cont_conseillers .container-fluid {
  /* max-width: 1600px; */
}
.hauteur-ecran { height: 100vh;}

.cluster-marker{
  background-color: #143159;
  color: white;
}
.cluster-marker div {
  background-color: #143159;

}

.home_cont_conseillers .moteur-conseiller {
  height: 600px;
  overflow-y: scroll;
}
#style-1::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar{
	width: 12px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #c3ab7b;
}

.home_cont_conseillers form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 6px 0 5px;
  padding: 10px 20px;
  border: 1px solid #ccc;
  background: #c3ab7b;
  border-radius: 10px;
}
.home_cont_conseillers form ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.home_cont_conseillers form .form-group {
  padding: 0 10px;
}
.home_cont_conseillers form .form-group.c__agent,
.home_cont_conseillers form .form-group.c__rayon {
  width: 45%;
  font-size: 16px !important;
  background: rgb(255 255 255 / 20%) !important;
  border-radius: 0px !important;
  font-weight: 500;
  border-bottom: 3px solid #fff !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  margin: auto 20px auto auto;
  height: 42px;
  display: flex;
  justify-content: start;
}
.home_cont_conseillers form p.titre-recherche {
  text-align: center;
  margin: auto auto 20px auto;
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 400;
}
.home_cont_conseillers form .form-group.c__rayon .input-group-addon {
  top: 3px;
}
.home_cont_conseillers form .form-group.c__around_me {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: start;
}
.home_cont_conseillers form .form-group.c__around_me p{
  margin: auto 20px auto 0;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
}
.home_cont_conseillers form .form-group.c__search_cp{
  margin: auto;
  width: 10%;
}
.btn-search {
  background-color: #c3ab7b;
  color: #fff;
  border: 2px solid #fff;
  height: 42px;
  display: flex;
  padding: 0;
    justify-content: center;
}
.btn-search:hover {
  background-color: #143159;
  color: #fff;
  border: 2px solid #143159;
  height: 42px;
  display: flex;
}
.btn-search i{
  top: 0;
  margin: auto;
}
.home_cont_conseillers form .form-group.c__around_me {
  border-top: 1px solid #ddd;
  margin: 0 auto auto auto;
  padding: 10px 0 5px 0;
  width: 100%;
}
.home_cont_conseillers form .form-group label {
  display: block;
}
.home_cont_conseillers form .form-group input[type=text] {
  border: none;
  background: transparent;
  margin: auto 0;
  width: 100%;

}
.img-nego-accueil{
  padding-left: 0;
  padding-right: 0;
}
.img-nego-accueil img {
  max-height: 155px;
  width: 155px;
  margin: 5px;
  min-height: 155px;
  object-fit: cover;
  object-position: center center;
}

.bloc-info-nego {
  padding-left: 0px;
  padding-right: 0px;
}
.ul-nego {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
}
.item-nego {
  border-radius: 5px;
  background-color: #fff;
  width: calc(100% / 3 - 25px);
  margin: calc(0.5em* 2) 0.15em;
  box-shadow: #81818147 2px 2px 1px;
  background-color: #f5f5f5;
  border-radius: 5px;
  cursor: pointer;
}
.nego-name {
  color: #143159;
  font-weight: 600;
  margin: 0;
  text-align: center;
}
.bloc-info-nego a {
  font-size: 13px;
  text-align: left;
}
.bloc-info-nego i {
  font-size: 20px;
  top: 4px;
}
.bloc-info-nego .picto-nego {
  filter: invert(100%) sepia(23%) saturate(5277%) hue-rotate(311deg) brightness(85%) contrast(74%);
}
.bloc-info-nego i.ion-images {
  font-size: 20px;
  top: 3px;
}




/* SI PRESENTATION EN SLIDER */
.home_cont_conseillers .swiper {
  width: 100%;
  height: 100%;
  min-height: 455px;
  padding: 10px;
}

.home_cont_conseillers .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #f9f9f9;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ccc;
  max-width: 300px;
}

/* .home_cont_conseillers .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
} */
.home_cont_conseillers .moteur-conseiller {
  height: auto;
  overflow-y: auto;
}

.home_cont_conseillers .swiper-button-next,.home_cont_conseillers  .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 30%);
  left: auto;
}
.home_cont_conseillers .swiper-button-prev,.home_cont_conseillers .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 30%);
  right: auto;
}
.home_cont_conseillers .swiper-button-next,.home_cont_conseillers  .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset,80%);
  width: calc(var(--swiper-navigation-size) / 44* 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #143159;
}
.home_cont_conseillers .swiper-button-next:after,.home_cont_conseillers  .swiper-rtl .swiper-button-prev:after {
  content: 'next';
}

.home_cont_conseillers .swiper-button-next:after,.home_cont_conseillers  .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.home_cont_conseillers .swiper-button-prev:after,.home_cont_conseillers  .swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.home_cont_conseillers .swiper-button-next:after, .home_cont_conseillers .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 24px;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  font-weight: 900;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.home_cont_conseillers .swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.home_cont_conseillers .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  background: #143159;
  opacity: 0.2;
}
.home_cont_conseillers .swiper-pagination-bullet-active {
  opacity: 1;
  background: #143159;
}










/* SERVICES */
.home_cont_services {
  position: relative;
  margin: 0;
  overflow: hidden;
  position: relative;
  background: #c3ab7b;
  background-image: url(/assets/images/bg-logo1.png);
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  padding: 80px 0;
  color: #fff;
 }  
.home_cont_services .container-fluid {
  max-width: 1600px;
}
.home_cont_services .home_heading::after {
  content: "";
  display: block;
  position: relative;
  background: #fff;
  height: 1px;
  width: 150px;
  margin: 24px auto 24px auto;
}
.services-title {
  color: #143159;
  font-weight: 500;
  text-transform: initial;
  font-size: 24px;
  line-height: 1.2;
  font-family: "Playfair Display", serif;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
.services-title span {
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 800;
}
.home_cont_services .inline-photo3,
.home_cont_services .inline-photo1,
.home_cont_services .inline-photo4,
.home_cont_services  .inline-photo2 {
  margin: 0em auto;
}

/* CATEGORIES */
.home_cont_categories {
  padding-top: 80px;
  padding-bottom: 80px;
}
.home_cont_categories .container-fluid {
  max-width: 1600px;
}
.categorie-style-de-vie-col1,
.categorie-style-de-vie-col2,
.categorie-style-de-vie-col3,
.categorie-style-de-vie-col4 {
  padding-left: 15px;
  padding-right: 15px;
}
.categorie-style-de-vie a {
  display: inline-block;
  width: 100%;
  background-size: auto 100%;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.categorie-style-de-vie a:hover {
  background-size: auto 105%;
}


.rectangle-v-long {
  height: 0;
  padding-bottom: 160%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.categorie-style-de-vie-bg {
  background: rgba(40, 40, 40, 0.13);
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.categorie-style-de-vie a:hover .categorie-style-de-vie-bg {
  background: rgba(40, 40, 40, 0.55);
}
.categorie-style-de-vie-title {
  color: #FFF;
  font-weight: 500;
  text-transform: initial;
  position: absolute;
  bottom: 0;
  padding: 30px 20px 40px 30px;
  font-size: 24px;
  text-shadow: #0000009e 2px 2px 2px;
  line-height: 1;
  font-family: "Playfair Display", serif;
  background: linear-gradient(0deg, #143159e3, rgb(20 49 89 / 62%), rgb(20 49 89 / 0%));
  width: 100%;
}
.categorie-style-de-vie-title span {
  font-size: 30px;
  text-shadow: #0000009e 2px 2px 2px;
  text-transform: uppercase;
  color: #c3ab7b;
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@keyframes fadeInDown {
  0% {
     opacity: 0;
     transform: translateY(-20px);
  }
  100% {
     opacity: 1;
     transform: translateY(0);
  }
} 

.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.categorie-style-de-vie-col2, .categorie-style-de-vie-col4 {
  margin-top: 80px;
}
.categorie-style-de-vie1 {
  background-image: url(/assets/images/cat_biens.jpg);
  animation-delay: .2s;
      background-position: center;
}
.categorie-style-de-vie2 {
  background-image: url(/assets/images/cat_estimation2.jpg);
  animation-delay: .6s;
  background-position: center;
}
.categorie-style-de-vie3 {
  background-image: url(/assets/images/cat_division.jpg);
  animation-delay: 1.0s;
      background-position: center;
}
.categorie-style-de-vie4 {
  background-image: url(/assets/images/cat_confier.jpg);
  animation-delay: 1.2s;
}


/* ======================================================================================= */
/*                                         Listing                                         */
/* ======================================================================================= */
body.listing {
  padding-top: 0!important;
  top: 0!important;
}
[class*="listing"] .sticking .container_search, [class*="listing-"] .sticking .container_search {
  display: block;
}
.block_vue_list ul li,
.prod_listing.carte .card_list li {
  color: #143159;
}

[class*="listing"] .container_search,
[class*="listing-"] .container_search {
  padding: 20px 0 15px 0;
}
[class*="listing"]  .form-horizontal .bootstrap-select.btn-group,
[class*="listing"]  .bootstrap-select,
[class*="listing-"]  .form-horizontal .bootstrap-select.btn-group,
[class*="listing-"]  .bootstrap-select {
  height: 38px;
}
.block_etiquette {
  background-color: #c3ab7b;
}
.tool_boox_map {
  background: #143159 none repeat scroll 0 0;
}
.prod_listing.carte .info_prix {
  color: #143159;
  margin: 20px 0 10px;
}
[class*="listing"] .carte .header-item,
[class*="listing-"] .carte .header-item {
  padding: 5px 0 0 0;
}
[class*="listing"] .carousel-control-next-icon,
[class*="listing"] .carousel-control-prev-icon,
[class*="listing-"] .carousel-control-next-icon,
[class*="listing-"] .carousel-control-prev-icon {
  background: #fdfdfdc7;
}
[class*="listing"] .carousel-control-next-icon:hover,
[class*="listing"] .carousel-control-prev-icon:hover,
[class*="listing-"] .carousel-control-next-icon:hover,
[class*="listing-"] .carousel-control-prev-icon:hover {
  background: #c3ab7b;
}

[class*="listing"] .search__form-item:nth-child(1),
[class*="listing"] .search__form-item:nth-child(n+2) {
    margin-bottom: 5px;
    vertical-align: top;
    width: calc(100% / 8 - 8px);
    height: 38px;
    font-weight: 500;
}
[class*="listing"] .form-style {
  height: 38px;
}
/* [class*="listing"] .sticking .b-container,
[class*="listing"] .sticking .logo-pictos,
[class*="listing"] .sticking .logo-header,
[class*="listing-"] .sticking .logo-header {
  display: none;
} */

[class*="listing-"] .alert-info, [class*="listing"] .alert-info {
  border: 1px solid #ddd;
  color: #fff;
  padding: 20px;
  margin: 5% auto;
  text-align: center;
  background: #c3ab7b;
  width: 50%;
  min-width: 350px;
}

/* ======================================================================================= */
/*                                         Détails                                         */
/* ======================================================================================= */

.detail {
  overflow-x: hidden;
}
.detail #sliderdetail .carousel-item {
  /* height: 85vh; */
}
.detail #sliderdetail .carousel-item a{
  /* height: 85vh; */
  display: flex;
  width: 100%;
}
.detail #sliderdetail .carousel-item img {
  width: 100%;
  object-fit: cover;
  object-position: bottom center;
}

.detail .detail-header-titre {
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 5px;
  color: #fff;
  font-weight: 500;
  margin: 0;
}
.prix-header-titre {
  font-size: 14px;
  text-align: left;
  display: block;
  justify-content: center;
  letter-spacing: 2px;
  color: #143159;
  font-weight: 500;
  text-transform: inherit;
}
.detail .detail-header-titre::after {
  content: "";
  display: block;
  position: relative;
  background: #143159;
  height: 1px;
  width: 50%;
  margin: 20px auto;
}
.detail .slider-detail ul.d-grid {
  display: grid;
  justify-content: center;
}
.detail .descriptif {
  text-align: justify;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.8;
  color: #343434;
  -webkit-font-smoothing: antialiased;
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.detail .fixed {
      background: #c3ab7b;
      position: -webkit-sticky;
      position: -moz-sticky;
      position: -ms-sticky;
      position: -o-sticky;
      position: sticky;
      right: 0;
      height: 96vh;
      top: 0;
      z-index: 1;
}
.detail .h3 {
  text-align: center;
  text-transform: uppercase;
  color: #252525;
  font-size: 24px;
  letter-spacing: 5px;
  margin: 0 0 1.2em 0;
  line-height: 1.5;
  font-family: 'Montserrat', sans-serif;
}
.detail  p.h4 {
  text-align: center;
  text-transform: uppercase;
  color: #fff!important;
  font-size: 18px;
  letter-spacing: 5px;
  margin: 10% 0 .6em 0;
  line-height: 1.5;
  font-family: 'Montserrat', sans-serif;
}
/* .detail  p.h4::before {
  content: "";
  display: block;
  position: relative;
  background: #143159;
  height: 1px;
  width: 30%;
  margin: 3% auto 20px auto ;
} */
.detail .fixed .bloc-info-nego li a, .detail .fixed .bloc-info-nego i  {
  color: #143159!important;
}
.detail .fixed .bloc-info-nego li a:hover, .detail .fixed .bloc-info-nego a:hover i  {
  color: #fff!important;
}
.detail .bloc-info-nego p.prix-header-titre {
  font-size: 14px;
  text-align: left;
  display: block;
}
.detail .bloc-info-nego ul {
  margin: 0 auto;
}
.detail_carousel {
  margin-top: 50px;
}
.detail .carousel-control-next,.detail .carousel-control-prev {
  opacity: 1;
  background: transparent;
  border-radius: 0;
}
.detail .img-detail {
  padding: 3px;
}
.detail .img-detail img {
  object-fit: cover;
  width: 100%;
  height: 250px;
}
.detail .liste2 .article_logo {
  width: 30px;
  margin-bottom: 10px;
}
.detail .liste2 {
  padding: 20px 0;
  font-size: 15px;
  justify-content: space-between;
}
.detail .groupe-btn .dropdown-item > i {
  font-size: 30px;
}
.detail .groupe-btn {
  text-align: center;
  padding-bottom: 0;
  margin: 0 0 0 0;
}
.detail .groupe-btn .grp-btn{
  margin: 0;
}
.detail .groupe-btn .list-inline-item {
  font-size: 13px;
  text-align: center;
  letter-spacing: 1px;
  margin: 10px 0px;
  color: #202020;
  display: inline-block;
}
.detail .list-inline-item a:hover{
  text-decoration: underline;
  background-color: transparent;
}
.detail .list-inline-item a.dropdown-item {
  padding: .25rem .75rem;
  width: 35px;
  height: 36px;
  background: transparent;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  margin: 0 5px;
  border: 1px solid #4d4c4c;
}
.detail .list-inline-item a.dropdown-item:hover {
  border: 1px solid #c3ab7b;
  background-color: #eeeded;
}
.detail .list-inline-item a:hover i{
  color: #c3ab7b;
}
.detail .groupe-btn .grp-btn .btn {
  padding: 10px 12px;
  width: 150px;
}
.detail .groupe-btn .grp-btn li{
  display: inline-block;
  padding: 10px 20px;
}
.detail .groupe-btn .dropdown-item > i {
  padding-right: 0;
  font-size: 19px;
  color: #000;
}
.ion-social-facebook:hover ,
.ion-social-linkedin:hover ,
.ion-social-twitter:hover {
  top: 0;
}
.detail .page_heading {
  text-align: center;
  text-transform: uppercase;
  color: #252525;
  font-size: 24px;
  letter-spacing: 5px;
  margin: 0 0 1.2em 0;
  line-height: 1.5;
  font-family: 'Montserrat', sans-serif;  
  border-left: 0px solid transparent;
}

.detail .page_heading2 {
  text-align: center;
  text-transform: uppercase;
  color: #252525;
  font-size: 40px;
  letter-spacing: 5px;
  margin: 0 0 1.2em 0;
  line-height: 1.5;
  font-family: 'Montserrat', sans-serif;
}
.detail .plusdinformation i {
  font-size: 25px;
  top: 4px;
  margin-left: 5px;
}
.detail .liste3 {
  display: flex;
  justify-content: flex-start;
  text-align: left;
  margin-bottom: 0;
  flex-wrap: wrap;
}
.detail .liste3 li{
  position: relative;
  width: calc(100% / 3 - 16px);
  margin: 0 16px 0 0;
  font-size: 15px;
}
.intitule-detail {
  color: #9a9494;
}
.detail .liste3 li:nth-of-type(1), .detail .liste3 li:nth-of-type(2), .detail .liste3 li:nth-of-type(3)  {
  border-top: 1px solid #1a1818;
}

.detail .liste3 li {
  border-bottom: 1px solid #1a1818;
  padding: 8px 0;
  grid-column: span 4;
}
.detail .attribut_label0 {
  position: relative;
  z-index: 2;
  background-color: #fff;
  padding: 0 7px 0 0;
  font-size: 15px;
  line-height: 1.5;
}
.detail .attribut_label0, .detail .bloc-champ {
  background: #fff;
}
.detail #detailinfosdetail ul li {
  font-size: 15px;
  line-height: 1.5;
}
.retour_pret span, .retour_pret {
  color: #c3ab7b;
}
.table-warning, .table-warning>td, .table-warning>th {
  background-color: #c3ab7b !important;
}

/* FAQ  */
.faq-card {
  box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
  padding: 15px;
}
.faq-card img {
  border-radius: 5px;
}
.faq-card .h3 {
  margin: 15px 0;
}
.faq-card .h3::after {
  content: "";
  display: block;
  position: relative;
  background: #c3ab7b ;
  height: 1px;
  width: 50%;
  margin: 15px 0;
}


/* SOUS PAGES */
.faq-theme input[type=checkbox],
.faq-theme input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  display: none;
}
.faq-theme .bien_immo_neuf input[type=checkbox],
.faq-theme .bien_immo_neuf input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  display: inline;
}
/* Accordion styles */  
.faq-theme .tab {
  width: 100%;
  color: white;
  overflow:hidden;
}
.faq-theme .tab-label {
  display: flex;
  justify-content: space-between;
  padding: 0 1em;
  background: transparent;
  font-weight: 400;
  cursor: pointer;
  color: #000;
  min-height: 55px;
  align-items: center;
  border: 1px solid #fff;
  border-bottom: 1px solid #c3ab7b;
  font-size: 15px;
  position: relative;
  width: 100%;
  top: 0;
  right: 0;
  height: auto;
}
.faq-theme .tab-label:hover {
  background: #fff;
  color: #000;
  border: 1px solid #c3ab7b ;
}
.faq-theme .tab-label::after {
  content: "❯";
  width: 1em;
  height: 1.5em;
  text-align: center;
  transition: all 0.35s;
}
.faq-theme .tab-content {
  max-height: 0;
  padding: 1em;
  color: #143159;
  background: transparent;
  transition: all 1s;
  box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
}
.faq-theme .tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #000;
  cursor: pointer;
}
.faq-theme .tab-close:hover {
  background: #000;
}

.faq-theme input:checked + .tab-label {
  background: #c3ab7b;
  color: #000;
  border: 1px solid #c3ab7b;
}
.faq-theme input:checked + .tab-label::after {
  transform: rotate(90deg);
}
.faq-theme .tab-content {
  display: none;
}
.faq-theme input:checked ~ .tab-content {
  max-height: 100%;
  padding: 2em;
  display: block;
  color: #143159;
  width: 99%;
  margin: 0px auto 10px auto;
  background: #fff;
  border-radius: 20px;
}
.detail .lafficheur { display: none;}

.detail_calculette-notaire td {
  text-align: center;
  font-size: 11px;
  padding: 0.75rem 0.25rem;
}
.detail_calculette-notaire .table thead th {
  font-weight: 600;
  font-size: 11px;
}
.table-hover .table-warning:hover, .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th {
  background-color: #c3ab7b ; }

.table-warning>td, .table-warning>th {
  background-color: #c3ab7b ;
}
.detail_calculette-notaire form {
  background: rgb(231, 231, 231) none repeat scroll 0 0;
  border: 0px solid #f1f1f1;
}
.groupe_champs .notaire_changement {
  width: initial;
  border: 1px solid #dbdfe9;
  display: block;
  height: 32px;
  font-size: 14px;
  border-radius: 10px;
}
.dpe-txt {
  padding-bottom: 10px;
  font-weight: 700;
  font-size: 14px;
  border-bottom: 0px solid #c3ab7b ;
  margin-bottom: 24px;
}
.retour_pret {
  font-size: 21px;
  font-weight: 700;
}

.chp-requis {
  color: #000;
}

/* Votre interlocuteur */
.detail .nego-name {
  text-align: left;
}

/* ======================================================================================= */
/*                                       NOUS REJOINDRE                                    */
/* ======================================================================================= */

.section-video {
  position: relative;
  margin: 0;
  overflow: hidden;
  position: relative;
  background: #c3ab7b;
  background-image: url(/assets/images/bg-logo1.png);
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  padding: 80px 0;
  color: #fff;
  background-size: cover;
}
.section-video .home_heading::after {
  content: "";
  display: block;
  position: relative;
  background: #fff;
  height: 1px;
  width: 150px;
  margin: 24px auto 24px auto;
}
.video-recrutement video {
  width: 100%;
  max-width: 900px;
}


.recrutement .form-style{
  background: whitesmoke !important;
}

.recrutement .form-group.c_nom label,
.recrutement .form-group.c_prenom label,
.recrutement .form-group.c_tel label,
.recrutement .form-group.c_mail label{
  display: none;
}

.ul-puce {
  display: flex;
  margin-bottom: 0;
}
.ul-puce li {
  padding: 2px 0!important;
  line-height: 1.2;
  color: #143159;
  font-size: 15px;
}
.ul-puce li i {
  font-size: 22px;
  top: -4px;
  margin: 0 6px;
}
.ul-puce li::before {
  display: none;
}

.timeline-container {
  display: flex;
  justify-content: center;
  /* padding-bottom: 300px; */
}
.timeline-container .vertical-scrollable-timeline {
  width: 600px;
  list-style-type: none;
  margin-top: 50px;
}
.timeline-container .vertical-scrollable-timeline li {
  position: relative;
  /* padding: 35px 0px 125px 158px; */
  padding: 5px 0px 70px 158px;
}
.timeline-container .vertical-scrollable-timeline li:last-child {
  margin-bottom: 0;
}
.timeline-container .vertical-scrollable-timeline li .h4 {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #c3ab7b;
}
.timeline-container .vertical-scrollable-timeline li p {
  line-height: 1.2;
  color: #143159;
  font-size: 15px;
  font-weight: 400!important;
}
.timeline-container .vertical-scrollable-timeline li p i {
  font-size: 22px;
  top: 2px;
  margin: 0 6px;
}
.timeline-container .vertical-scrollable-timeline li p:last-child {
  margin-bottom: 0;
}
.timeline-container .vertical-scrollable-timeline li .icon-holder {
  position: absolute;
  left: 0;
  top: 0;
  width: 104px;
  height: 104px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #c3ab7b;
  z-index: 1;
  transition: 0.4s all;
  box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
}
.timeline-container .vertical-scrollable-timeline li .icon-holder::before {
  content: "";
  width: 104px;
  height: 104px;
  position: absolute;
  background-color: #fff;
  z-index: -1;
  transition: 0.4s all;
  top: -10px;
  right: -10px;
  box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
}
.timeline-container .vertical-scrollable-timeline li .icon-holder img {
  width: 70px;
  top: -9px;
  right: -9px;
}
.timeline-container .vertical-scrollable-timeline li .icon-holder img.faire-gerer-picto{
  width: 70px;
}
.timeline-container .vertical-scrollable-timeline li .icon-holder img.faire-gerer-picto2{
  width: 50px;
}
.timeline-container .vertical-scrollable-timeline li::after {
  content: "";
  position: absolute;
  height: 0;
  width: 8px;
  background-color: #e803fc;
  left: 48px;
  top: 34px;
  z-index: 0;
  transition: 0.4s all;
}
.timeline-container .vertical-scrollable-timeline li::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 8px;
  background-color: #c3ab7b;
  left: 48px;
  z-index: 0;
}
.timeline-container .vertical-scrollable-timeline li:last-child::before {
  content: unset;
}
.timeline-container .vertical-scrollable-timeline li.active .icon-holder {
  background-color: #e803fc;
}
.timeline-container .vertical-scrollable-timeline li.active .icon-holder::before {
  background-color: #e803fc;
}
.timeline-container .vertical-scrollable-timeline li.active::after {
  height: 100%;
}
.timeline-container .vertical-scrollable-timeline li.active:last-child::after {
  content: unset;
}

.soustitre {
  text-align: center;
  padding: 20px 0;
  font-size: 25px;
  color: #143159;
  font-weight: 500;
  display: block;
}
.section-comparateur .soustitre {
  text-align: center;
  padding: 20px 0;
  font-size: 25px;
  color: #143159;
  font-weight: 600;
  display: block;
  font-family: "Playfair Display", serif;
}

.section-comparateur2 {
  position: relative;
  margin: 0;
  overflow: hidden;
  position: relative;
  background: #143159;
  background-image: url(/assets/images/footer-2.png);
  background-position-y: top;
  background-position-x: right;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0;
  color: #fff;
  min-height: 350px;
  display: flex;
}
.section-comparateur .col-12 {
  padding-left: 15px;
  padding-right: 15px;
}
.section-comparateur2 .home_heading {
  color: #fff;
  line-height: 1.2;
  text-align: left;
}
.section-comparateur2 .home_heading::after {
  content: "";
  display: block;
  position: relative;
  background: #c3ab7b;
  height: 1px;
  width: 150px;
  margin: 24px 0;
}

.encadre-comparateur {
  background: #ffffff85;
  border-radius: 15px;
  color: #143159;
  text-align: center;
  padding: 0;
  font-weight: 500;
  border: 2px solid #143159;
}

.encadre-comparateur2 {
  background: #c3ab7b;
  border-radius: 15px;
  color: #143159;
  text-align: center;
  padding: 20px;
  font-weight: 600;
  margin-top: -290px;
}
.section-comparateur .eliosForYou {
  text-align: right;
  margin: auto 10px 0 auto;
  font-size: 3rem;
  color: #fff;
  font-weight: 600; 
}
.white {
  color: #fff;
}
.section-comparateur strong {
  font-weight: 600;
}
.section-comparateur sup {
  font-size: 28px;
  right: 0;
  top: 0;
  font-weight: 600;
  color: #fff;
}
.section-comparateur .bold {
  font-weight: 700;
}
.section-comparateur .form-control {
  width: 60%;
  margin: 10px auto;
}
.section-comparateur hr {
  box-sizing: content-box;
  height: 0;
  margin-top: 0;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, .4);
  width: 70%;
}
.section-comparateur hr.hr3 {
  box-sizing: content-box;
  height: 0;
  margin-top: 0;
  border: 0;
  border-top: 1px solid rgba(0,0,0, .2);
  width: 70%;
}
.section-comparateur .btn-4 {
  border: 1px solid #143159;
  color: #fff;
  background: #143159;
  padding: 13px 55px;
}
.row-initial {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: initial;
  margin-right: -15px;
  margin-left: -15px;
}
.section-comparateur input {
  width: 60%;
  margin-top: 10px;
}
.mt-150 { margin-top: 150px;}

.section-comparateur input[type=range] {
  -webkit-appearance: none !important;
  width: 70%;
  height: 4px;
  background-color: #c3ab7b;
  border-radius: 50px;
  margin: 30px auto auto auto;
  transition: all 0.3s ease;
}
input#pourcentage_redevance, input#abonnement_mensuel{
  width: 80px;
  text-align: right;
  margin-top: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .25rem;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input#pourcentage_redevance{
  width: 80px;
}
.p-height {
  padding: .5rem .75rem;
}
/* THUMB */
/* for WebKit/Blink */
.section-comparateur input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-shadow: 1px 1px 1px #00000038, 0px 0px 1px #0d0d0d;
  border: 0;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background: #c3ab7b; 
  background-size: contain;
  cursor: pointer;
  margin-top: 0px; /* specify margin in Chrome */
  border: 2px solid #143159;
}
/* for Firefox */
.section-comparateur input[type=range]::-moz-range-thumb{
  box-shadow: 1px 1px 1px #00000038, 0px 0px 1px #0d0d0d;
  border: 6px solid #c3ab7b;
  height: 19px;
  width: 19px;
  border-radius: 50px;
  cursor: pointer;

}
/* for IE */
.section-comparateur input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #00000038, 0px 0px 1px #0d0d0d;
  border: 6px solid #c3ab7b;
  height: 35px;
  width: 35px;
  border-radius: 50px;
  background: #c3ab7b;
  cursor: pointer;
}
/* SLIDER INPUT COLOR BEFORE THUMB */
.home_cont_calcul.curseur2 #calculette input[type='range']::-webkit-slider-runnable-track {
  height: 10px;
  -webkit-appearance: none;
}
/** FF*/
.home_cont_calcul.curseur2 #calculette input[type="range"]::-moz-range-progress {
  background-color: #c3ab7b; 
}

.timeline-recrutement ul.timeline {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(3, 220px);
	justify-content: center;
}
.timeline-recrutement .h4 {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #143159;
}
.timeline-recrutement p {
  line-height: 1.2;
  color: #143159;
  font-size: 15px;
  font-weight: 400 !important;
  text-align: left;
}
.timeline-recrutement ul > li.timeline-li {
  grid-column: span 2;
  text-align: center;
  border-radius: 45px;
  color: #143159;
  font-size: 25px;
  line-height: 1.5em;
  position: relative;
  padding: 0;
  border: 4px solid #0000;
  background: linear-gradient(#fff 0 0) content-box, linear-gradient(var(--c, transparent) 0 0) padding-box, linear-gradient(var(--d, 90deg), #0000 75%, #c3ab7b 0) border-box;
}
.timeline-recrutement ul > li.timeline-li:nth-child(even) {
	grid-column-end: -1;
	--d: -90deg;
	/* --c: #143159; */
}
.timeline-recrutement ul > li.timeline-li:not(:last-child) {
	margin-bottom: -4px;
}
.padding-timeline {
  padding: 20px 50px;
}
.timeline-recrutement ul > li.timeline-li:nth-child(even) .padding-timeline {
  padding: 20px 50px;
}

.timeline-recrutement ul > li.timeline-li:before,
.timeline-recrutement ul > li.timeline-li:after {
	content: "";
	display: block;
	height: 0.6em;
}

.timeline-recrutement time {
	position: absolute;
	font-size: 0.65em;
	left: calc(100% + 50px);
	top: 50%;
	transform: translateY(-50%);
	white-space: nowrap;
  height: 80px;
  width: 80px;
  display: flex;
}
.timeline-recrutement li.timeline-li:nth-child(even) time {
  left: auto;
  color: #000;
  right: calc(100% + 60px);
  height: 80px;
  width: 80px;
}
.timeline-recrutement .faire-gerer-picto1,
.timeline-recrutement .faire-gerer-picto3,
.timeline-recrutement .faire-gerer-picto4,
.timeline-recrutement .faire-gerer-picto5,
.timeline-recrutement .faire-gerer-picto6 {
  margin: auto 10px;
  width: 50px;
}
.timeline-recrutement .faire-gerer-picto2 {
  margin: auto 10px;
  width: 40px;
}
.timeline-recrutement time:before {
	content: "";
	position: absolute;
	height: 10px;
	top: calc(50% - 5px);
	right: calc(100% + 16px);
	width: 65px;
	background: repeating-linear-gradient(-90deg, #c3ab7b 0 5px, #0000 0 10px) 50%/100%
		2px no-repeat;
}
.timeline-recrutement li.timeline-li:nth-child(even) time:before {
	right: auto;
	left: calc(100% + 22px);
	background: repeating-linear-gradient(90deg, #c3ab7b 0 5px, #0000 0 10px) 50%/100%
		2px no-repeat;
}
.timeline-recrutement .ul-puce li {
  padding: 2px 0 !important;
  line-height: 1.2;
  color: #143159;
  font-size: 15px;
  text-align: left;

}




/* ======================================================================================= */
/*                                          Agence                                         */
/* ======================================================================================= */
.agence #map { height: 760px!important;}
.agence .home_cont_conseillers {
  padding-top: 0;
  padding-bottom: 0;
}
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 22px;
  height: 22px;
  font: 22px / 19px Tahoma, Verdana, sans-serif;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  background: 0 0;
}
 .home_cont_conseillers .custom-popup .leaflet-popup-content-wrapper {
  background-color: #c3ab7b;
    color: #143159;
    font-size: 14px;
    padding: 0;
    /* width: 300px; */
    width: 420px;
    height: 170px;
    text-align: center;
    display: flex;
}
.home_cont_conseillers .custom-popup .leaflet-popup-content {
  margin: auto;
  width: 100% !important;
}
.photo-nego-popup img {
  max-width: 110px;
  width: 100%;
  max-height: 110px;
  object-fit: cover;
  object-position: center center;
}
.i-nego {
  font-size: 19px;
  top: 3px;
}
.leaflet-popup-content ul.infos-nego-d {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.leaflet-popup-content ul li{
  width: auto;
}
.leaflet-popup-content ul li.photo-nego-popup{
  width: calc(100% / 2 - 55px);
  padding: 0 5px;
  margin: auto 0;
  min-width: 100px;
}
.leaflet-popup-content ul li ul li{
  width: 100%;
  color: #143159!important;
}
.leaflet-popup-content ul li p {
  margin: 0!important;
  max-width: 190px;
}
.leaflet-popup-content ul li a {
  color: #fff;
}
.leaflet-popup-content ul li ul li a {
  color: #143159;
}
.leaflet-popup-content ul li a:hover {
  color: #143159;
}
.leaflet-popup-tip {
  background: #c3ab7b;
}

/* ======================================================================================= */
/*                                  Footer & Coordonnées                                   */
/* ======================================================================================= */

.cont_coordonnees ul {
    text-align: left;
}
.cont_coordonnees .titre-small {
  text-align: left;
  font-family: "Playfair Display", serif;
  font-style: normal;
  font-size: 22px;
  margin: 1rem 0 5px 0;
}
.adresse-siege img {
  width: 265px;
}
.cont_coordonnees ul li {
    margin: 0;
}
.cont_coordonnees ul li i{
    font-size: 25px;
    top: 2px;
    margin-right: 7px;
}
.cont_coordonnees .reseaux-sociaux ul li {
  margin: 0 10px;
}
.reseaux-sociaux a i:hover {
    top:0!important;
}
footer a.lien-before::before {
    content: "|";
    display: inline-block;
    color: #c3ab7b;
    margin: 0 10px;
}
.cont_coordonnees {
    padding-bottom: 0;
    padding-top: 50px;
    background-color: #143159;
    color: #fff;
}
footer {
    background-color: #143159;
    padding: 20px 10px;
    color: #fff;
}
.cont_coordonnees a,
footer a{
    color: #fff;
}
.cont_coordonnees a:hover,
footer a:hover{
    color: #c3ab7b;
}
.border-bottom {
    border-bottom: 1px solid rgba(255,255,255, 0.1);
    padding-bottom: 30px;
}

.ion-social-twitter,
.ion-social-linkedin,
.ion-social-facebook,
.ion-social-instagram,
.ion-social-youtube {
  top: 6px;
  transition: top ease 0.5s;
  color: #fff;
}
.ion-social-twitter:hover,
.ion-social-linkedin:hover,
.ion-social-facebook:hover,
.ion-social-instagram:hover,
.ion-social-youtube:hover {
  top:6px!important;
}
.detail .ion-social-twitter,
.detail .ion-social-linkedin,
.detail .ion-social-facebook,
.detail .ion-social-instagram,
.detail .ion-social-youtube {
  top: 0px;
  transition: top ease 0.5s;
  color: #fff;
}
.detail .ion-social-twitter:hover,
.detail .ion-social-linkedin:hover,
.detail .ion-social-facebook:hover,
.detail .ion-social-instagram:hover,
.detail .ion-social-youtube:hover {
  top:0px!important;
}

.reseaux-sociaux img.logo-googleavis {
  width: 25px;
  top: -1px;
  transition: top ease 0.5s;
}
.detail .reseaux-sociaux img.logo-googleavis {
  top: -7px;
}
.cont_coordonnees     .reseaux-sociaux img.logo-googleavis {
  width: 21px;
  top: -3px;
}
.top_link {
    background: #143159;
}
/* Label */
.bloc-label {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box !important;
    display: block;
    direction: ltr !important;
    right: 0;
    z-index: 1000;
}
.bloc-label .label {
    font-size: 16px;
    position: relative;
    border: none;
    outline: none;
    padding: 15px 45px 0 0;
    cursor: pointer;
    white-space: nowrap;
    background-color: #143159 !important;
    background-color: var(--hjFeedbackAccentColor, #143159) !important;
    transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
    opacity: 1;
    width: 45px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 17px 0 0 17px;
    transform: translateX(4px);
}
.bloc-label .label2 {
    font-size: 16px;
    position: relative;
    border: none;
    outline: none;
    padding: 15px 45px 0 0;
    cursor: pointer;
    white-space: nowrap;
    background-color: #143159 !important;
    background-color: var(--hjFeedbackAccentColor, #143159) !important;
    transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
    opacity: 1;
    width: 45px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 17px 0 0 17px;
    transform: translateX(4px);
    margin: 10px 0 0 0;
}
.bloc-label .label:hover,
.bloc-label .label2:hover {
    transform: translateX(0);
    box-shadow: 0 0 35px 2px rgb(0 0 0 / 35%);
    opacity: 1;
}
.bloc-label .label p,
.bloc-label .label2 p {
    overflow-wrap: normal !important;
    word-break: normal !important;
    word-wrap: normal !important;
    white-space: nowrap !important;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    cursor: pointer;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    color: #fff !important;
    color: var(--hjFeedbackAccentTextColor, #fff) !important;
    font-weight: 400;
    margin-left: 12px;
    font-size: 14px;
}




/* ======================================================================================= */
/*                                       Recherche détaillée                               */
/* ======================================================================================= */
.recherche-detaillee .form-group .bootstrap-select.btn-group,
.recherche-detaillee .form-style {
  background: whitesmoke !important;
}

.recherche-detaillee label {
  color: #c3ab7b;
  font-weight: 500;
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.recherche-detaillee .form-style,
.recherche-detaillee .form-group .bootstrap-select.btn-group,
.recherche-detaillee .form-search-d label.btn,
.recherche-detaillee .form-search-d label.btn.small {
  border: 1px solid #ccc!important;
  background-color: transparent!important;
  color: #000!important;
  border-radius: 5px!important;
}
.recherche-detaillee .input_group_content {
  margin: 10px 0;
}
.recherche-detaillee .input_group_content hr {
  border-top: 0px solid rgba(0, 0, 0, .1);
  margin-top: 0;
  margin-bottom: 0;
}
.recherche-detaillee .form-search-d > li {
  width: calc(100% / 3 - 8px);
  margin: 0 8px 0 0;
}
.recherche-detaillee .txt {
  font-size: 14px;
}
.recherche-detaillee .form-search-d .check,
.recherche-detaillee  .form-search-d .txt {
  padding: 5px;
  text-transform: initial;
}
.recherche-detaillee .form-search-d label.btn.small,
.recherche-detaillee .form-search-d label.btn {
  height: 45px;
}
.recherche-detaillee .input_group_content:nth-child(2) {
  margin-top: 18px;
}
.recherche-detaillee .input_group_content:nth-child(5) .dflex-input,
.recherche-detaillee .input_group_content:nth-child(8) .dflex-input{
  display: flex;
  width: 100%;
}
.recherche-detaillee .input_group_content:nth-child(5) label{
  width: 100%;
}
.recherche-detaillee .input-group.form-group.c_prixmin,
.recherche-detaillee .input-group.form-group.c_prixmax {
  width: calc(100% / 2 - 5px);
  margin-right: 10px;
}
/* nombre de pieces */
.recherche-detaillee .input_group_content:nth-child(6) .form-search-d > li {
  width: auto;
  padding: 8px;
}
.recherche-detaillee .input_group_content:nth-child(6) .form-group label.active .check::before {
  display: none;
}
.recherche-detaillee .input_group_content:nth-child(6) .form-search-d label.btn {
  height: 45px;
  width: 45px;
  border-radius: 50%;
}
/* nombre de chambres */
.recherche-detaillee .input_group_content:nth-child(7) .form-search-d > li {
  width: auto;
  padding: 8px;
}
.recherche-detaillee .input_group_content:nth-child(7) .form-group label.active .check::before {
  display: none;
}
.recherche-detaillee .input_group_content:nth-child(7) .form-search-d label.btn {
  height: 45px;
  width: 45px;
  border-radius: 50%;
}
/* surfaces */
.recherche-detaillee .input-group.form-group.c_surfacemin,
.recherche-detaillee .input-group.form-group.c_surfacemax,
.recherche-detaillee .input-group.form-group.c_terrain  {
  width: calc(100% / 3 - 5px);
  margin-right: 10px;
}
.recherche-detaillee .form-group label.active .check::before {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  display: block;
  height: 15px;
  margin: 0 auto;
  width: 9px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: width .3s ease, height .3s ease;
  transition: width .3s ease, height .3s ease;
}
.recherche-detaillee .dropdown-menu.open.show {
  transform: translate3d(0px, 0px, 0px) !important;
}
.recherche-detaillee .input-group-addon{
  font-size: 14px !important;
  border-left: 1px solid #ccc;
  line-height: 38px;
}
.recherche-detaillee .bootstrap-select.btn-group .dropdown-toggle .filter-option,
.recherche-detaillee .form-style{
  font-size: 14px !important;
}
.recherche-detaillee .form-style#numero{
  width: 215px !important;
  background: #f5f5f5 !important;
}
.recherche-detaillee .form-style#prixmin,
.recherche-detaillee .form-style#prixmax,
.recherche-detaillee .form-style#surfacemin,
.recherche-detaillee .form-style#surfacemax,
.recherche-detaillee .form-style#terrain{
  background: #f5f5f5 !important;
}
.recherche-detaillee .form-search-d label.btn.active {
  background: #c3ab7b !important;
  color: #fff!important;
}
.recherche-detaillee .form-search-d label.btn:hover {
  color: #143159;
}


/* ======================================================================================= */
/*                                       Estimation                                        */
/* ======================================================================================= */
.estimation .form-group .bootstrap-select.btn-group,
.estimation .form-style {
  background: whitesmoke !important;
}
.estimation .form-section  .col-md-6,
.estimation .form-section  .form-group{
  padding-right: 15px;
  padding-left: 15px;
}

.section-estimer {
  position: relative;
  margin: 0;
  overflow: hidden;
  position: relative;
  background: #c3ab7b;
  background-image: url(/assets/images/bg-logo1.png);
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  padding: 80px 0;
  color: #fff;
  background-size: cover;
}
.section-estimer .titre-small2 {
  color: #fff;
}
.estimation .tabs {
  display: flex;
  flex-wrap: wrap;
}
.estimation .faq-theme .tab {
  width: calc(100% / 2 - 15px);
  color: white;
  overflow: hidden;
  margin-right: 10px;
}
.estimation .faq-theme .tab-label {
    display: flex;
    justify-content: space-between;
    padding: 0 1em;
    background: #143159;
    font-weight: 400;
    cursor: pointer;
    color: #fff;
    min-height: 75px;
    align-items: center;
    border: 1px solid #fff;
    font-size: 16px;
    position: relative;
    width: 100%;
    top: 0;
    right: 0;
    height: auto;
    border-radius: 15px;
}
.estimation .faq-theme input:checked + .tab-label {
  background: #fff;
  color: #000;
  border: 1px solid #143159;
}

/* ======================================================================================= */
/*                                  ESPACE PROFESSIONNEL                                   */
/* ======================================================================================= */
/* .espace-professionnel .header {
  position: fixed!important;
}
.espace-professionnel .header .sticky_menu.stick-me.sticking {
  -webkit-animation: slide-down 0s;
  animation: slide-down 0s;
} */

@font-face{font-weight:normal;font-style:normal;font-family:'feathericons';src:url('../fonts/feathericons/feathericons.eot?-8is7zf');src:url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'),url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'),url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'),url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg')}
*, *:after, *:before {box-sizing: border-box;}
.grid{position:relative;margin:0 auto;padding:1.5em 0;max-width:1000px;list-style:none;text-align:center;display: flex;justify-content: center;}
.grid figure{position:relative;float:left;overflow:hidden;margin:10px 1%;min-width:250px;max-width:480px;max-height:400px;width:48%;background:#143159;text-align:center;cursor:pointer}
.grid figure img{position:relative;display:block;min-height:250px;max-width:100%;opacity:.5;    object-fit: cover;}
.grid figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none}
.grid figure figcaption,.grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}
.grid figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.grid figure .titre-cat{word-spacing:-0.15em;font-weight:300}
.grid figure .titre-cat span{font-weight:800}
.grid figure .titre-cat,.grid figure p{margin:0}
.grid figure p{letter-spacing:1px;font-size:68.5%}
@media screen and (max-width:50em){
    .grid figure{display:inline-block;float:none;margin:10px auto;width:100%}
}
figure.effect-marley figcaption{text-align:right}
figure.effect-marley .titre-cat,figure.effect-marley p{position:absolute;right:10px;left:10px;padding:10px 0}
figure.effect-marley p{bottom:30px;line-height:1.5;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
figure.effect-marley .titre-cat{font-size:20px;top:30px;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
figure.effect-marley:hover .titre-cat{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
figure.effect-marley .titre-cat::after{position:absolute;top:100%;left:0;width:100%;height:2px;background:#fff;content:'';-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}
figure.effect-marley .titre-cat::after,figure.effect-marley p{font-size: 16px;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}
figure.effect-marley:hover .titre-cat::after,figure.effect-marley:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

/* CATEGORIE SI 2 CATS PAR LIGNE */
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  max-height: 400px;
  width: 100%;
  background: #000;
  text-align: center;
  cursor: pointer;
  min-height: 250px;
  min-width: 250px;
  max-width: 450px;
}

.grid figure img.picto-espace-pro {
  position: relative;
  display: inline;
  min-height: 100%;
  max-width: 100%;
  opacity: 1;
  width: 70px;
}
.grid figure img.picto-espace-pro2 {
  position: relative;
  display: inline;
  min-height: 100%;
  max-width: 100%;
  opacity: 1;
  width: 100px;
}


.dashboard 
::placeholder {
    color: #ccc !important;
    font-weight: 300;
}

.dashboard  :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ccc !important;
    font-weight: 300;
}

.dashboard  ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #ccc !important;
    font-weight: 300;
}

.dashboard  input {
    border-color: #d8e0e5;
    border-radius: 2px !important;
    box-shadow: none !important;
    font-weight: 300 !important;
}

.dashboard  .form-control:disabled,
.dashboard  .form-control[readonly] {
    background-color: #f6f7fb;
}

.dashboard  button.btn {
    border-radius: 2px !important;
    box-shadow: none !important;
}

.dashboard  button.btn.btn-primary {
    background-color: #c3ab7b !important;
}

.dashboard  button.btn.btn-primary:hover {
    background-color: #0879c8 !important;
}

.dashboard  #left-menu {
    position: fixed;
    top: 70px;
    left: 0;
    width: 280px;
    background-color: #143159;
    overflow-y: auto;
    height: 100vh;
    border-top: 1px solid #e6ecf5;
    border-right: 1px solid #e6ecf5;
    margin-top: 60px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow-x: hidden;
    z-index: 2;
}

.dashboard  #left-menu.small-left-menu,
.dashboard  #logo.small-left-menu {
    width: 55px;
}

.dashboard  #left-menu ul {
    padding: 0;
    margin: 0;
}

.dashboard  #left-menu ul li {
    padding: 0 10px;
    display: block;
    position: relative;
}

.dashboard  #left-menu > ul > li {
    margin: 15px 0;
}

.dashboard  #left-menu ul li a {
    color: #fff;
    width: 100%;
    display: inline-block;
    width: 260px;
    height: 37px;
    position: relative;
}
.dashboard  #left-menu ul.open li a:hover {
  text-decoration: underline;
}

.dashboard  #left-menu ul li a i,
.dashboard  #left-menu i.ion-ios-close-outline {
    font-size: 22px;
    text-align: center;
    width: 35px;
    height: 35px;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff;
}
.dashboard #left-menu ul li a i.ion-ios-chatboxes-outline,
.dashboard #left-menu ul li a i.ion-ios-email-outline {
  font-size: 27px;
  top: 4px;
}
.dashboard #left-menu ul li:hover a span{
    color: #c3ab7b;
}
.dashboard #left-menu ul li:hover a span{
    color: #c3ab7b;
}

.dashboard #left-menu ul li a span {
    width: 100%;
    height: 35px;
    padding-left: 10px;
    color: #99abb4;
    font-weight: 300;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.dashboard #left-menu ul li.active a {
    border-bottom: 2px solid #c3ab7b;
}

.dashboard #left-menu ul li.active a span {
    color: #fff;
    text-transform: uppercase;
    padding-left: 7px;
}

.dashboard #left-menu ul li.active a i {
    background-color: #c3ab7b;
    color: #fff;
}


.dashboard #left-menu li.has-sub ul {
    background-color: #c3ab7b;
    margin: 0 -10px;
    padding-left: 45px;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff;
}

.dashboard #left-menu li ul.open {
   height: 140px;
   top: 0;
}

.dashboard #left-menu li.has-sub ul > li {
    padding-top: 10px;
}

.dashboard a:hover {
    text-decoration: none;
}

.dashboard #logo {
    position: fixed;
    top: 0;
    z-index: 2;
    left: 0;
    background-color: #464e62;
    border-color: #464e62;
    height: 60px;
    width: 280px;
    font-size: 30px;
    line-height: 2em;
    border-right: 1px solid #e6ecf5;
    z-index: 4;
    color: #fff;
    padding-left: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    margin-top: 75px;
}


.dashboard #header {
  background-color: #0b1c33;
  height: 60px;
  border-bottom: 1px solid #e6ecf5;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 3;
  margin-top: 0;
  text-align: center;
}

/* .dashboard #header .header-left {
  left: 280px;
}
.dashboard #header .header-left.small-left-menu {
  left: 55px;
} */

.dashboard #header .header-left {
    padding-left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dashboard #header .header-right {
    padding-right: 40px;
}

.dashboard #header .header-right i,
.dashboard #header .header-left i {
    font-size: 30px;
    line-height: 2em;
    padding: 0 5px;
    cursor: pointer;
    color: #fff;
}

 .dashboard #main-content {
    min-height: calc(100vh - 60px);
    clear: both;
}

 .dashboard #page-container {
    padding-left: 300px;
    padding-top: 0;
    padding-right: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

 .dashboard #page-container.small-left-menu {
    padding-left: 80px;
}
 .dashboard #header .header-left.small-left-menu {
    padding-left: 0;
}

 .dashboard .card {
    border: 1px solid #e6ecf5;
    margin-bottom: 1em;
    font-weight: 300;
}

 .dashboard .card .title {
    padding: 15px 20px;
    border-bottom: 1px solid #e6ecf5;
    margin-bottom: 10px;
    color: #000;
    font-size: 18px;
}

 .dashboard #show-lable {
    opacity: 0;
    visibility: hidden;
    left: 80px;
    font-weight: 300;
    padding: 6px 15px;
    background-color: #c3ab7b;
    position: fixed;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

 .dashboard #left-menu.small-left-menu li.has-sub::after{
    content: '';
}
 .dashboard #left-menu.small-left-menu li.has-sub ul{
    position: fixed;
    width: 280px;
    z-index: 123;
    height: 0;
    left: 69px;
    padding-left: 15px;
}

@media only screen and (max-width: 992px) {
    .dashboard #left-menu,
    .dashboard #logo {
        width: 60px;
    }
    
    .dashboard #page-container,
    .dashboard #header .header-left {
        padding-left: 80px;
        padding-right: 70px;
    }
    
    .dashboard #toggle-left-menu,.big-logo{
        display: none;
    }
    .dashboard #header { display: none;}
    .dashboard #left-menu {
      top: 0;
      margin-top: 0;
  }
  .dashboard #page-container {
    padding-top: 0;
  }
  figure.effect-marley .titre-cat {
    font-size: 16px;
  }
  .grid figure img.picto-espace-pro {
    width: 45px;
  }
  .grid figure img.picto-espace-pro2 {
    width: 55px;
  }
  .dashboard #left-menu ul li a i.ion-ios-chatboxes-outline, .dashboard #left-menu ul li a i.ion-ios-email-outline {
    top: 0;
  }
}


@media only screen and (min-width: 992px) {
    .dashboard  #left-menu li.has-sub::after {
        font-family: "Ionicons";
        content: "\f3d3";
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        transform: rotate(0deg);
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .dashboard  #left-menu li.has-sub.rotate:after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .dashboard  .small-logo{
        display: none;
    }
    .dashboard {
      background-color: #ddd;
      height: 100vh;
      padding-top: 130px;
    }
    
}    

.dashboard {
  background-color: #ddd;
}

.membre .bloc-diffusion,
.espace-professionnel .bloc-diffusion {
  background-color: #fff;
  margin: 0;
}
.dashboard .titre-dashboard {
  text-align: left;
  text-transform: uppercase;
  color: #143159;
  font-size: 20px;
  margin-bottom: 0.5rem;
  font-family: "Playfair Display", serif;
  padding: 0 0 0 15px;
  font-weight: 400;
  border-left: 3px solid #c3ab7b;
  margin: 15px 0 0 30px;
}
.connexion  input[type=number],
.connexion  input[type=password] {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  border-color: transparent;
  font-size: 16px !important;
  background: whitesmoke !important;
  border-radius: 0px !important;
  font-weight: 500;
  border-bottom: 3px solid #c3ab7b !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  width: 60%;
}
.connexion label {
  width: 60%;
  margin-top: 20px;
    margin-bottom: 0;
}
.dashboard #left-menu #btn-deco {
  color: #fff!important;
  display: block;
  height: 37px;
  position: relative;
  border-color: transparent;
  background: transparent;
  text-transform: uppercase;
  border-top: 2px solid #c3ab7b;
}
.dashboard #left-menu ul li a#btn-deco span {
  color: #fff;
}
.dashboard #left-menu #btn-deco i{
  background-color: #c3ab7b;
  color: #fff;
}
.border-top-beige {
  border-top: 2px solid #c3ab7b;
}
.border-bottom-beige {
  border-bottom: 2px solid #c3ab7b;
}
#main-content .btn-4:hover  {
  border: 1px solid #143159;
  color: #fff;
  background: #143159;
}
#main-content .btn-4{
  border: 1px solid #c3ab7b;
  color: #fff;
  background: #c3ab7b;
  margin: 0;
}
.dashboard .windowcompte {
  padding: 0 30px;
}
.dashboard .home_heading {
  text-align: left;
  text-transform: inherit;
  font-weight: 400;
  font-size: 27px;
  margin-bottom: 0;
}
.dashboard .home_heading::after {
  content: "";
  display: none;
  position: relative;
  background: #c3ab7b;
  height: 1px;
  width: 100%;
  margin: 24px 0;
}
.formations .dashboard .home_heading::after {
  content: "";
  display: block;
  position: relative;
  background: #c3ab7b;
  height: 1px;
  width: 150px;
  margin: 24px 0;
}
.membre .header,
.formations .header {
  position: fixed;
}
.membre .header .sticky_menu.stick-me.sticking,
.formations .header .sticky_menu.stick-me.sticking {
  -webkit-animation: slide-down 0s;
  animation: slide-down 0s;
  box-shadow: rgb(0 0 0 / 0%) 0px 1px 2px !important;
}

.membre .faq-theme .tab-label {
  display: flex;
  justify-content: space-between;
  padding: 0 1em 0 10px;
  background: #f3f3f3;
  font-weight: 400;
  cursor: pointer;
  color: #000;
  min-height: 35px;
  align-items: center;
  border: 0;
  border-bottom: 0;
  font-size: 15px;
  position: relative;
  top: 0;
  right: 0;
  height: auto;
  min-width: 150px;
  max-width: 200px;
  width: 100%;
}
.membre .faq-theme input:checked ~ .tab-content {
  max-height: 100%;
  padding: 10px;
  display: block;
  color: #143159;
  width: 99%;
  margin: -5px auto 10px auto;
}
.membre .tabs i {
  font-size: 20px;
  margin-right: 5px;
  top: 0px;
}
.membre .tabs i.ion-ios-telephone,
.membre .tabs i.ion-email {
  top: 4px;
}
.membre .tab img {
  max-width: 150px;
}


/* FORMATIONS */
.formations .actualites-group ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5em;
}
.formations .actualites-group ul li {
  position: relative;
  width: calc(100% / 4 - 16px);
  margin: calc(0.5em* 2) 0.5rem;
  overflow: hidden;
  text-align: center;
  background: #fff;
  border-radius: 10px;
  min-height: 150px;
}
.formations .actualites-group ul li:hover a{
  color: #444;
}
.formations .actualites-group ul li .btn{
  margin-right: 10px;
}
.actualites-group ul li .title-post {
  font-size: 25px;
  font-weight: 500;
  margin: 15px 5px 10px 5px;
}
.formations .actualites-group ul li .date-post {
  font-size: 20px;
  margin: 0 5px;
  color: #c3ab7b;
}
.formations .actualites-group ul li .btn-actus {
  font-size: 20px;
  margin: 5px 5px;
  color: #000;
}
.formations.adminperso .title-post {
  text-align: center;
  margin: 20px 0;
  font-size: 25px;
}
.formations.adminperso .date-post{
  margin-top: 15px;
}
.formations .btn-4 {
  border: 1px solid #c3ab7b;
  color: #fff;
  background: #c3ab7b;
}
.formations .content_page {
  width: 100%;
  padding: 0 50px;
}
.formations.adminperso li {
  list-style: auto;
}
.actualite-video  {
  text-align: center;
  margin: 50px 0;
}
.actualite-video iframe {
  width: 750px;
  height: 398px;
}
.formations .dashboard #page-container {
  padding-top: 20px;
}


/* ========================================================================= */
/*                          PAGE SINGLE CONSEILLER                           */
/* ========================================================================= */

.conseiller .home_cont_services {
  padding: 30px 0;
  margin: 50px 0;
  background-position-y: bottom;
}
.conseiller .line {
  height: 10px;
  border-bottom: 1px solid #fff;
  width: 50%;
  margin-bottom: 10px;
}
.conseiller .infos-conseiller span {
  color: #fff;
  padding-right: 0;
  font-weight: 600;
}
.conseiller .infos-conseiller span i {
  font-size: 20px;
  margin-right: 5px;
  top: 2px;
}
.conseiller .infos-conseiller a:hover {
  font-weight: 600;
  color: #143159;
}
.conseiller .nego-name {
  color: #143159;
  font-weight: 600;
  margin: 10px 0 0 0;
  text-align: left;
  font-size: 23px;
}
.conseiller .infos-conseiller .li-minwidth {
  width: 130px;
  padding-bottom: 5px;
}
.conseiller .infos-conseiller p {
  line-height: 2.2;
  margin-bottom: 0;
}
.conseiller .infos-conseiller a {
  line-height: 2.4;
  margin-bottom: 0;
  font-size: 1rem;
}
.conseiller .container_search {
  display: none;
}

/* ITEM */
.conseiller .prod_listing .block_img,
.conseiller .prod_listing .block_info {
  width: 100%;
}
.conseiller .prod_listing.damier .article_content {
  justify-content: center;
}



/* ========================================================================= */
/*                                AVIS GOOGLE                                */
/* ========================================================================= */
.avis-google .top_page {
  background: url(/assets/images/top_page/avis_top.jpg) center center!important;
  background-size: cover!important;
  background-repeat: no-repeat!important;
}
#avisGoogleListe ul {
  display: flex;
  flex-wrap: wrap;
}
#avisGoogleListe li {
  position: relative;
   width: calc(100% / 3 - 16px);
   margin: calc(0.5em * 2) 0.5rem;
   overflow: hidden;
   min-height: 150px;
   color: #000;
}
.avisGoogleReview {     margin: 20px 0px;}
.bulle {
  background:#0b1c33;
  color:#fff;
  padding: 20px;
  border-radius:30px;
  min-height: 250px;
}
.bulle2{
  height: 10px;
}
.bulle2::after{
  content: '';
  display: block;
  position: relative;
  width: 0px;
  height: 250px;
  border-left: 0px solid transparent;
  border-right: 35px solid transparent;
  border-top: 19px solid #0b1c33;
  margin: 0px auto 0 60px;
  background: transparent;
}
.commentaire-poseur {
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 18px;
  max-width: 100%;
  margin-top: 10px;
  max-height: 165px;
  overflow-y: scroll;
  overflow: auto;
  padding: 0 10px 0 0;
}
.avis-stars, .avis-stars span {
  background-size: 18px 16px;
  height: 18px;
  top: 1px;
  width: 90px;
}
.bulle ::-webkit-scrollbar {
  width: 7px;
}
.bulle ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey; 
  border-radius: 10px;
} 
.bulle ::-webkit-scrollbar-thumb {
  background: #c3ab7b; 
  border-radius: 10px;
}
.bulle ::-webkit-scrollbar-thumb:hover {
  background: #c3ab7b; 
}
.avis-reponse {
  border-left: 0;
  padding: 5px 0 0 0px;
  font-size: 14px;
}
#avisGoogleListe li .card {
  background-color: #fff;
  border: 0;
  border-radius: 0;
}
#avisGoogleListe li .card-header:first-child {
  border-radius: 0;
  border: 0;
  padding: 0;
  background-color: transparent;
}
#avisGoogleListe li .btn-link {
    color: #999;
    background-color: transparent;
    font-weight: 200;
}
#avisGoogleListe li .btn-link p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400;
}
#avisGoogleListe li .btn-link p span{
  font-style: italic;
}
#avisGoogleListe li .btn-link p::after {
  content: "\f123";
  font-family: "Ionicons";
  position: absolute;
  border: 0;
  font-size: 12px;
  padding-top: 5px;
  opacity: 1;
  right: -15px;
  top: -3px;
}
#avisGoogleListe .card-header {
  text-align: right;
}
#avisGoogleListe .card-body {
  padding: 0;
  text-align: justify;
}
.logo-google {
  width: 200px;
}

span.nbr-avis {
  font-size: 17px!important;
    margin-right: 0;
    color: #70757a!important;
    white-space: nowrap!important;
}
#avisGoogle .note-avis {
  width: 80px;
  height: 80px;
  background: #c3ab7b;
  border-radius: 50%;
  text-align: center;
  margin: auto auto 20px auto;
  display: flex;
}
#avisGoogle .note-avis span{
  font-size: 40px;
  color: #fff;
  white-space: nowrap;
  font-weight: 600;
  margin: auto;
}
@media (max-width: 991px) {
  #avisGoogleListe li {
    width: calc(100% / 2 - 16px);
  }
  .bulle2::after {
    margin: -2px auto 0 60px;
  }
}
@media (max-width: 610px) {
  #avisGoogleListe li {
    width: calc(100% / 1 - 16px);
  }
  .bulle2::after {
    margin: -2px auto 0 60px;
  }
  #avisGoogle .note-avis {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
  }
  #avisGoogle .note-avis span {
    font-size: 33px;
  }
}
.avis-google {
  overflow-x: hidden;
}
#avisGoogle {
  border-bottom: 0;
  padding: 0 0 20px 0;
}



/* ======================================================================================= */
/*                                       FICHE AGENCE                                      */
/* ======================================================================================= */
.ficheagence .top_page {
  background-image: url(/assets/images/top_page/fiche_personnalisee.jpg);
}
.ficheagence .home_cont_services {
  padding: 30px 0;
  margin: 50px 0 100px 0;
  background-position-y: bottom;
}
.ficheagence .line {
  height: 10px;
  border-bottom: 1px solid #fff;
  width: 50%;
  margin-bottom: 10px;
}
.ficheagence .infos-conseiller span {
  color: #fff;
  padding-right: 0;
  font-weight: 600;
  line-height: 1.2;
}
.ficheagence .infos-conseiller span i {
  font-size: 25px;
  margin-right: 5px;
  top: 2px;
}
.ficheagence .infos-conseiller span .ion-social-youtube {
  font-size: 20px;
}
.ficheagence .infos-conseiller span .ion-social-youtube:hover {
  top: 2px !important;
}
.ion-social-youtube:hover {
  color: #fff;
  top: 20px;
}
.ficheagence .infos-conseiller a:hover {
  font-weight: 600;
  color: #143159;
}
.ficheagence .nego-name {
  color: #143159;
  font-weight: 600;
  margin: 10px 0 0 0;
  text-align: left;
  font-size: 23px;
}
.ficheagence .infos-conseiller .li-minwidth {
  width: 130px;
  padding-bottom: 5px;
}
.ficheagence .infos-conseiller p {
  line-height: 2.2;
  margin-bottom: 0;
}
.ficheagence .infos-conseiller a {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 2.5;
}
.ficheagence .container_search {
  display: none;
}

.ficheagence .home_heading::after {
  margin: 24px auto 0px auto;
}

/* ITEM */
.ficheagence .prod_listing .block_img,
.ficheagence .prod_listing .block_info {
  width: 100%;
}
.ficheagence .prod_listing.damier .article_content {
  justify-content: flex-start;
}

.ficheagence-listing-conseiller ul{
  display: flex;
  flex-wrap: wrap;
}
.ficheagence-listing-conseiller  .swiper {
  width: 100%;
  height: 100%;
}

.ficheagence-listing-conseiller  .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ficheagence-listing-conseiller  .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 180px;
  margin: auto;
}


.base-template__wrapper {
	max-width: 1560px;
}

.base-template__text {
	margin-bottom: 60px;
}

/**
 * Slider Instance
 */

.ficheagence .swiper {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.emotions-slider {
	--color-gray: #143159;
	--color-gray-dark: #143159;

	padding-inline: 98px;
	position: relative;
}

.emotions-slider__slide {
	display: flex;
	align-items: center;
	min-height: 440px;
}

@media screen and (max-width: 767.9px) {
	.emotions-slider {
		padding: 0;
		margin-inline: 0px;
	}
  .ficheagence-listing-conseiller .swiper {
    width: 95%;
    height: 100%;
  }
}

/**
 * Slider Navigation
 */

.ficheagence .slider-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	translate: 0 -50%;
	z-index: 1;
	pointer-events: none;
}

.ficheagence .slider-nav__item {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1;
	width: 48px;
	pointer-events: auto;
	cursor: pointer;
	transition: all 0.3s ease-out;
}

.ficheagence .slider-nav__item.disabled {
	cursor: default;
	opacity: 0.5;
}

.ficheagence .slider-nav__item path {
	stroke: currentColor;
}

@media (hover: hover) and (pointer: fine) {
	.ficheagence .slider-nav__item:not(.disabled):hover {
		color: var(--color-blue);
	}
}

@media (hover: none) {
	.ficheagence .slider-nav__item:not(.disabled):active {
		color: var(--color-blue);
	}
}

@media screen and (max-width: 767.9px) {
  .ficheagence .slider-nav {
    z-index: 10;
}
}

/**
 * Slider Pagination
 */

.ficheagence .slider-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	padding-top: 40px;
}

.ficheagence .swiper-pagination-lock {
	display: none !important;
}

.ficheagence .slider-pagination__item {
	width: 8px;
	height: 8px;
	border-radius: 99px;
	background: #fff;
	transition: all 0.3s ease-out;
	opacity: 0.2;
}

.ficheagence .slider-pagination__item.active {
	width: 30px;
	opacity: 1;
}

/**
 * Slider Item
 */

.ficheagence .swiper-slide {
	width: auto;
	height: auto;
}

@keyframes btn-arrow-move {
	0% {
		translate: 0;
	}

	100% {
		translate: 100% -100%;
	}
}

.ficheagence .emotions-slider__wrapper.swiper-wrapper {
  /* transform: translate3d(0px, 0, 0)!important; */
}

.emotions-slider-item {
	--border-radius: 10px;
	width: calc(100dvw - 60px);
	max-width: 400px;
	border-radius: var(--border-radius);
	position: relative;
	overflow: hidden;
  background: #f9f9f9;
    border: 1px solid #ccc;
}

.emotions-slider-item__badge {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 4px 10px 4px 5px;
	background: #00000066;
	border-bottom-right-radius: var(--border-radius);
	font-size: 14px;
	line-height: calc(24 / 14);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.emotions-slider-item__badge::before {
	content: "";
	flex-shrink: 0;
	display: block;
	aspect-ratio: 1;
	width: 18px;
	background: url("https://bato-web-agency.github.io/bato-shared/img/slider-1/icon-star.svg")
		center center no-repeat;
	background-size: 100%;
}

.emotions-slider-item__image {
	aspect-ratio: 400 / 270;
	overflow: hidden;
}

.emotions-slider-item__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.emotions-slider-item__content {
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 30px 20px;
}

.emotions-slider-item__header,
.emotions-slider-item__footer {
	max-height: 50px;
	overflow: hidden;
	transition: max-height 0.6s ease-in;
}

.emotions-slider-item__header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
}

.emotions-slider-item__author-image {
	flex-shrink: 0;
	aspect-ratio: 1;
	width: 20px;
	border-radius: 100%;
	overflow: hidden;
}

.emotions-slider-item__author-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.emotions-slider-item__author-name {
	font-size: 14px;
	line-height: calc(20 / 14);
	color: #143159;
}

.emotions-slider-item__title {
  color: #143159;
  font-weight: 600;
  text-align: center;
  font-size: 1rem;
  margin-bottom: 5px;
}

.emotions-slider-item__text {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
  color: #143159;
}
.emotions-slider-item__text i {
  font-size: 20px;
  top: 2px;
}
.emotions-slider-item__btn {
	display: flex;
	align-items: center;
	gap: 4px;
	font-weight: 500;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}

.emotions-slider-item__btn-icon {
	flex-shrink: 0;
	display: block;
	aspect-ratio: 1;
	width: 24px;
	position: relative;
	overflow: hidden;
}

.emotions-slider-item__btn-icon::before,
.emotions-slider-item__btn-icon::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url("https://bato-web-agency.github.io/bato-shared/img/slider-1/icon-btn-arrow.svg")
		center center no-repeat;
	background-size: 100%;
}

.emotions-slider-item__btn-icon::after {
	position: absolute;
	top: 100%;
	right: 100%;
}

.emotions-slider__slide:not(.swiper-slide-active) .emotions-slider-item__header,
.emotions-slider__slide:not(.swiper-slide-active)
	.emotions-slider-item__footer {
	max-height: 0;
}

@media (hover: hover) and (pointer: fine) {
	.emotions-slider-item__btn:hover .emotions-slider-item__btn-icon::before,
	.emotions-slider-item__btn:hover .emotions-slider-item__btn-icon::after {
		animation: btn-arrow-move 0.4s ease forwards;
	}
}

@media (hover: none) {
	.emotions-slider-item__btn:active .emotions-slider-item__btn-icon::before,
	.emotions-slider-item__btn:active .emotions-slider-item__btn-icon::after {
		animation: btn-arrow-move 0.4s ease forwards;
	}
}


/* Slider avis clients google sur fiche agence */
.ficheagence .emotions-slider-avis-google .swiper-slide {
    width: auto;
    height: auto;
    min-width: 370px;
}
.ficheagence .emotions-slider-avis-google .emotions-slider-item {
  --border-radius: 0;
  max-width: 100%;
  border-radius: 0;
  position: relative;
  overflow: hidden;
  background: transparent;
  border: 0;
}
.ficheagence .emotions-slider-avis-google .emotions-slider-item__content {
  gap: 0;
}
.ficheagence .emotions-slider-avis-google .card {
  border: 0;
}
.ficheagence .emotions-slider-avis-google .card-header {
  border-bottom: 0;
  background-color: transparent;
}
.ficheagence .emotions-slider-avis-google .btn-link {
  color: #143159;
  background-color: transparent;
}
.ficheagence .emotions-slider-avis-google .avis-reponse p {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
}
.ficheagence .note-avis {
  width: 50px;
  height: 50px;
  background: #c3ab7b;
  border-radius: 50%;
  text-align: center;
  margin: auto auto 0px auto;
  display: flex;
}
.ficheagence .note-avis span {
  font-size: 30px;
  color: #fff;
  white-space: nowrap;
  font-weight: 600;
  margin: auto;
}







#recherche-estimation {
  margin-bottom: 100px;
}
#recherche-estimation #myDIV {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0;
}
#recherche-estimation #myDIV .btn {
  width: calc(100% / 3 - -1px);
  background-color: #143159;
  text-align: center;
  padding: 20px 0;
  color: #fff;
  font-size: 18px;
  border: 4px solid #143159;
}
#recherche-estimation #myDIV .btn {
  border-right: 4px solid #fff;
}
#recherche-estimation #myDIV .btn:nth-child(3) {
  border-right: 0px solid #fff;
}
#recherche-estimation #myDIV .btn:active,
#recherche-estimation #myDIV .btn:focus,
#recherche-estimation #myDIV .btn:hover,
#recherche-estimation #myDIV .active {
  background-color: #f3f3f3;
  color: #000;
  border: 4px solid #f3f3f3;
}

#formrecherchedetailleeEliosVente,
#formrecherchedetailleeEliosLocation {
  display: flex;
      width: 100%;
      justify-content: space-between;
      flex-wrap: wrap;
      background: #f3f3f3;
      padding: 20px;
}
#formrecherchedetailleeEliosVente .input_group_content,
#formrecherchedetailleeEliosLocation .input_group_content{
  position: relative;
  width: calc(100% / 4 - 10px);
  margin: 0;
  padding: 10px;
}
.input_group_content.input_grouptransaction {
  display: none;
}
.input_groupvalidation {
  margin: 20px 0 auto auto;
}
#recherche-estimation label {
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 700;
  padding-left: 10px;
}
#recherche-estimation input::placeholder,
#recherche-estimation .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  color: #979797;
}
#recherche-estimation label .bloctel{
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  padding-left: 10px;
}
#recherche-estimation hr {
  margin-top: 5px;
  border-top: 1px solid rgba(0, 0, 0, .1);
}
#recherche-estimation .form-style,
#recherche-estimation .form-group .bootstrap-select.btn-group,
#recherche-estimation  .form-horizontal .bootstrap-select.btn-group,
#recherche-estimation  .form-inline .bootstrap-select.btn-group,
#recherche-estimation  .bootstrap-select {
  font-size: 16px !important;
  background: #fff !important;
  border-radius: 0px !important;
  font-weight: 500;
  border-bottom: 3px solid #c3ab7b !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
#recherche-estimation .dropdown-menu.open.show {
  transform: translate3d(0px, 0px, 0px) !important;
}
#partie-estimation .form-section .row{
  margin: 0;
}
#partie-estimation #form-estimation{
  background: #f3f3f3;
  padding: 20px;
}
#partie-estimation #form-estimation .form-group.col-md-12,
#partie-estimation #form-estimation .form-group.col-md-6 {
  padding: 0 15px;
}

@media (max-width: 991px) {
  .bloc-info-nego {
    padding-left: 15px;
    padding-right: 15px;
  }
  .ficheagence .line {
    width: 100%;
  }
  #recherche-estimation #myDIV {
    display: block;
  }
  #recherche-estimation #myDIV .btn {
    width: calc(100% / 1 - 20px);
    background-color: #143159;
    text-align: center;
    padding: 20px 0;
    color: #fff;
    font-size: 18px;
    border: 0;
    margin: 4px 10px;
  }
  #formrecherchedetailleeEliosVente .input_group_content, #formrecherchedetailleeEliosLocation .input_group_content {
    position: relative;
    width: calc(100% / 1 - 10px);
    margin: 0;
    padding: 10px;
  }
  .ficheagence  .prod_listing.damier .block_info2 {
    display: none;
  }
  .ficheagence .damier .over_desc.hidden-sm-down {
    display: block;
  }
  .ficheagence .prod_listing .description {
    font-size: 10px;
    margin-top: 20px;
    font-weight: 400;
    display: flex !important;
    padding: 10px;
    max-width: 85%;
    margin: auto;
    text-align: justify;
  }
}
.ficheagence #ui-id-1{
  background: #fff;
  padding: 0 20px;
  z-index: 99999;
}
.ficheagence #ui-id-1 li{
  padding: 10px 0;
}

/* ======================================================================================= */
/*                                       Responsive                                        */
/* ======================================================================================= */

@media (min-width: 992px) {
    .header__logo {
     padding: 5px 0;
     height: auto;
   }
   .sticking .b-container,
   .sticking .logo-pictos,
   .sticking .header__logo {
    display: none;
    }
    .sticking .logo-header {
      height: 55px!important;
    }
    .header__logo img {
        width: 250px;
        padding: 0;
    } 
    .index .not-sticking .header__logo img {
        width: 250px;
        padding: 8px 0;
        display: none;
    } 
     .baseline {
       z-index: 20;
       position: absolute;
       bottom: 50%;
       right: 30%;
       max-width: 550px;
       width: 100%;
     }
     .baseline {
       max-width: 520px;
     }
     .logo-header {
      display: block;
      margin: auto 0 auto 50px;
      height: 75px;
    }
    .logo-header ul li a {
      color: #fff;
      font-weight: 400;
      font-size: 17px;
    }
    .logo-header ul li:hover a {
      color: #c3ab7b;
    }
    .logo-header ul {
      display: flex;
      margin: auto 0;
      justify-content: center;
    }
    .infos-header ul li {
      padding: 0 15px;
    }
     
   }




   @media (min-width: 1281px) {
     .baseline {
       max-width: 620px;
     }
     .logo-header {
      display: flex;
      margin: auto 0;
      height: 130px;
    }
     .index .not-sticking .logo-header {
      display: flex;
      margin: auto 0 ;
      height: 100px;
    }
     .baseline {
       right: 34%;
     }
     .detail .back-listing {
       top: 9%;
     }
   }




   @media (max-width: 1280px) {
     .logo-header {
       height: 90px;
     }
   }




   @media (max-width: 1200px) {
     .sidebar .group_btn a {
       width: 100%;
       margin: 2px 0;
     }
     .sidebar .group_btn a {
       font-size: 14px;
     }
   }








   @media (max-width: 991px) {
    .infos-header ul {
      display: none;
    }
    .index .header .sticky_menu.stick-me.not-sticking .index-logo-sticking {
      display: flex;
      margin: auto;
  }
  .logo-pictos,
  .index .not-sticking .logo-pictos {
    top: 14px;
    transition: top ease 0.5s;
}
  .b-container,
  .index .not-sticking .b-container {
    top: 10px;
    transition: top ease 0.5s;
}
    .header .not-sticking, .header .sticking, .index .header .not-sticking {
      background: #143159;
  }
  .header__logo img {
    width: 160px;
    padding: 12px 0;
  }
     .logo-header {
       height: 80px;
     }
     .baseline {
      z-index: 20;
      position: absolute;
      bottom: 56%;
      right: 18%;
      max-width: 500px;
      width: 100%;
    }
     .baseline img {
       width: 380px;
     }
    
     .bloc-label .label,
     .bloc-label .label2 {
         transform: translateX(9px);
     }
     .bloc-label .label p, .bloc-label .label2 p {
         font-weight: 200;
         margin-left: 12px;
         font-size: 13px;
     }
     .detail .detail-header-titre::after {
      content: "";
      display: block;
      position: relative;
      background: #000;
      height: 1px;
      width: 30%;
      margin: 5px auto;
    }
    .detail .detail-header-titre {
      font-size: 22px;
    }
    .detail .d-flex.fixed .text-center .btn {
      font-size: 14px;
      margin-top: 6px !important;
      padding: 0.05rem 1.5rem;
    }
    .detail .d-flex.fixed .text-center ul {
      display: flex;
      justify-content: center;
      margin-bottom: 6px;
    }
    .detail .d-flex.fixed .text-center ul li{
      margin: 0 15px;
    }
    .prix-header-titre {
      margin-bottom: 6px;
    }
    .detail #sliderdetail .carousel-item a ,.detail #sliderdetail .carousel-item {
      height: auto;
    }
    .detail_carousel {
      margin-top: 120px;
    }
    .detail .container {
      padding-right: 30px;
      padding-left: 30px;
    }
    .detail_form_contact {
      margin-bottom: 150px;
    }
    .pb-lg-5 {
      padding: 2rem 5rem !important;
    }
    .index .moteur {
      bottom: 150px;
  }
    .search__form-item:nth-child(1), .search__form-item:nth-child(n+2) {
      width: calc(100% / 2 - 15px);
  }
  .plusdecritere.search__form-item {
    width: 100%;
  }
  .search__form-item.c_valid {
    margin: 20px 0;
  }
  .container_search .container-fluid.container-fluid-max {
    max-width: 700px;
  }
  .block-text-list .text-item .largetext {
    font-size: 35px;
  }
  .block-text-list .text-item .smalltext {
    font-size: 12px;
  }
  .section-presentation .text-content .text-list {
    flex-wrap: wrap;
  }
  .section-presentation .text-content .text-list > div, .section-presentation .text-content2 .text-list > div {
    width: calc(100% / 2 - 5px);
  }
  .section-presentation .image-content .image-item:nth-child(1) {
    bottom: -10%;
  }
  .section-presentation .image-content .image-item:nth-child(1) {
      position: absolute;
      bottom: -5%;
      left: 0;
      width: 50%;
      padding-left: 0;
  }
  .image-content {
    margin-top: -20%;
  }
  .home_heading, .deco, .page-heading, .page_heading {
    font-size: 2rem;
  }
  .home_cont_conseillers {
    padding-top: 0;
    padding-bottom: 0;
  }
  .home_cont_conseillers #map {
    height: 350px!important;
  }
  .btn-primary2 {
    width: auto;
  }
  .home_cont_conseillers form {
    margin: 20px auto 20px auto;
    width: 90%;
  }
  .rectangle-v-long {
    padding-bottom: 120%;
  }
  .categorie-style-de-vie1,
  .categorie-style-de-vie2,
  .categorie-style-de-vie3,
  .categorie-style-de-vie4 {
    background-size: cover !important;
  }
  [class*="listing-"] .search__form-item:nth-child(n+2), [class*="listing"] .search__form-item:nth-child(n+2) {
    width: calc(100% / 5 - 0px);
  }
  [class*="listing"] .container-fluid, [class*="listing-"] .container-fluid {
    padding-left: 0;
    padding-right: 0;
    }
    [class*="listing"] .form-style,
    [class*="listing-"] .form-style {
      font-size: 12px !important;
    }
    [class*="listing"] .container_search .container-fluid.container-fluid-max,
    [class*="listing-"] .container_search .container-fluid.container-fluid-max {
      max-width: 100%;
    }
      [class*="listing"] .plusdecritere.search__form-item,
      [class*="listing-"] .plusdecritere.search__form-item {
        margin-top: 20px;
    }
    .encadre-comparateur2 {
      margin-top: 15px;
  }
  .membre .cont_coordonnees,
  .membre  footer,
  .formations .cont_coordonnees,
  .formations  footer,
  .espace-professionnel .cont_coordonnees,
  .espace-professionnel  footer {
    padding-left: 80px;
  }
  .formations .actualites-group ul li {
    width: calc(100% / 2 - 16px);
    min-height: 150px;
  }
  .dashboard #main-content {
    padding-left: 50px;
  }
  .dashboard #main-content .btn-4 {
    padding: 13px 50px;
  }
  .dashboard .windowcompte {
    padding: 0;
  }
  .dashboard .home_heading {
    font-size: 20px;
  }
    .grid figure {
      position: relative;
      float: left;
      overflow: hidden;
      margin: 5px 1%;
      max-height: 200px;
      min-height: 200px;
      min-width: 200px;
      max-width: 400px;
  }
  .grid figure img {
    position: relative;
    display: block;
    min-height: 150px;
    max-width: 100%;
    opacity: .5;
    object-fit: cover;
    height: 100%;
  }
  .dashboard #page-container, .dashboard #header .header-left {
    padding-left: 50px;
    padding-right: 70px;
  }
  .dashboard #left-menu.small-left-menu li.has-sub ul.diffusion {
    top: 70px !important;
  }
  .dashboard #left-menu.small-left-menu li.has-sub ul.prospection {
    top: 120px !important;
  }
  .recherche-detaillee .form-search-d > li {
    width: calc(100% / 3 - 8px);
    margin: 0 8px 8px 0;
  }

}








   @media (max-width: 610px) {
    .recherche-detaillee .form-search-d > li {
      width: calc(100% / 1 - 8px);
      margin: 8px;
  }
  .recherche-detaillee .form-style#numero {
    width: 100% !important;
  }
  .recherche-detaillee .input_group_content:nth-child(5) .dflex-input, .recherche-detaillee .input_group_content:nth-child(8) .dflex-input {
    display: block;
    width: 100%;
  }
  .recherche-detaillee .input-group.form-group.c_prixmin, .recherche-detaillee .input-group.form-group.c_prixmax {
    width: 100%;
    margin-right: 10px;
  }
  .recherche-detaillee .input-group.form-group.c_surfacemin, .recherche-detaillee .input-group.form-group.c_surfacemax, .recherche-detaillee .input-group.form-group.c_terrain {
    width: calc(100% / 1 - 5px);
    margin-right: 10px;
  }
  .top_page {
    margin-top: 0;
    height: 80px;
    margin-bottom: 10px;
  }
    .bloc-label {
        display: none;
    }
    #bloc_fixed_bottom .bloc {
        width: auto;
        padding-left: 0;
        text-align: center;
    }
    #bloc_fixed_bottom a {
        font-size: 16px;
        position: relative;
        border: none;
        outline: none;
        padding: 7px 15px;
        cursor: pointer;
        white-space: nowrap;
        border: 1px solid #202020;
        background-color: #143159 !important;
        background-color: var(--hjFeedbackAccentColor, #143159) !important;
        transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
        opacity: 1;
        width: 45px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 17px 17px 0 0px;
        transform: translateX(0px);
        width: 100%;
        text-align: center;
        transform: translateY(18px);
    }
    #bloc_fixed_bottom .bloc4 {
        display: none;
    }
    .listing #bloc_fixed_bottom .bloc4 {
        display: block;
    }
    #bloc_fixed_bottom .bloc4 a {
        padding: 2px 15px;
    }
    #bloc_fixed_bottom .bloc4 i {
        font-size: 1.5rem;
    }
    #bloc_fixed_bottom a p{
        margin-bottom: 0;
    }
    #bloc_fixed_bottom .bloc1 ul li:nth-child(1), #bloc_fixed_bottom .bloc2 ul li:nth-child(1), #bloc_fixed_bottom .bloc3 ul li:nth-child(1), #bloc_fixed_bottom .bloc4 ul li:nth-child(1) {
        margin-right: 0;
    }
    .nav-menu .header-collections .collection-list .list .col-item {
        height: 60px;
    }
    .b-bun {
        background: #c3ab7b;
    }
    #bloc_fixed_bottom {
        background: transparent;
    }
    .prod_listing.damier > .listing_article article {
      width: calc(100% / 1 - 0px);
      margin: 10px 0;
    }
    .listing .bloc.bloc4, [class*="listing-"] .bloc.bloc4 {
      top: 16px!important;
    }
    .detail .d-flex.fixed {
      display: none!important;
    }
    .detail .h3, .detail .page_heading {
      font-size: 18px;
    }
    .detail .liste2 {
      padding: 20px 0;
      font-size: 13px;
      justify-content: space-between;
      flex-wrap: wrap;
    }
    .detail .liste2 li {
      padding: 10px 0;
      width: calc(100% / 2 - 5px);
      text-align: center;
    }
    .faq-theme input:checked ~ .tab-content {
      padding: 1em;
    }
    .detail .container {
      padding-right: 10px;
      padding-left: 10px;
    }
    .pb-lg-5 {
      padding: 1rem 2rem !important;
    }
    .timeline-container .vertical-scrollable-timeline li .h4 {
      font-size: 18px;
  }
  .timeline-container .vertical-scrollable-timeline li {
      padding: 5px 0px 70px 140px;
  }
  .reseaux-sociaux img.logo-googleavis {
    width: 37px;
  }
  .cont_coordonnees     .reseaux-sociaux img.logo-googleavis {
    width: 21px;
    top: -3px;
}
  .index .moteur {
    bottom: 50px;
    top: auto;
  }
  .search__form-item:nth-child(1), .search__form-item:nth-child(n+2) {
    width: calc(100% / 1 - 15px);
  }
  .baseline img {
    width: 280px;
  }
  .baseline {
    z-index: 20;
    position: absolute;
    bottom: auto;
    right: 5%;
    max-width: 330px;
    width: 100%;
    top: 7%;
    text-align: center;
    margin: auto;
    left: auto;
  }
  .container_search .container-fluid.container-fluid-max {
    max-width: 330px;
  }
  .section-scroller-wrapper {
    display: none;
  }
  .block-text-list .text-item .largetext sup {
    font-size: 20px;
    right: 0px;
    top: -13px;
  }
  .section-presentation > .page-space-left {
    padding-left: 15px;
  }
  .section-presentation .text-content .text-list, .section-presentation .text-content2 .text-list {
    display: flex;
  }
  .section-presentation .text-content .text-list > div, .section-presentation .text-content2 .text-list > div {
    justify-content: flex-start;
    padding: 0 30px;
    width: calc(100% / 1 - 5px);
  }
  .section-presentation .detail {
    padding-left: 10px;
  }
  .titre-presentation {
    font-size: 1.5rem;
  }
  .section-presentation .image-content .image-item:nth-child(1) {
    position: relative;
  }
  .inline-photo3{
    margin: 0em auto;
  }
  .section-presentation .image-content > div {
    margin: 0;
  }
  .home_heading, .deco, .page-heading, .page_heading {
    font-size: 1.5rem;
  }
   .swiper-slide {
      width: 315px !important;
  }
  .home_cont_conseillers form ul {
    display: block;
    justify-content: space-between;
    width: 100%;
  }
  .home_cont_conseillers form .form-group.c__agent, .home_cont_conseillers form .form-group.c__rayon {
    width: 90%;
    font-size: 16px !important;
    background: rgb(255 255 255 / 20%) !important;
    border-radius: 0px !important;
    font-weight: 500;
    border-bottom: 3px solid #fff !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    margin: auto;
    height: 42px;
    display: flex;
    justify-content: start;
  }
  .home_cont_conseillers form .form-group.c__search_cp {
    margin: 10px auto 0 auto;
    width: 25%;
  }
  .home_cont_conseillers form .form-group.c__around_me {
    width: 100%;
    text-align: center;
    display: block;
    justify-content: start;
  }
  .home_cont_services {
    padding: 50px 20px;
  }
  .services-title span {
    font-size: 25px;
  }
  .services-title {
    font-size: 21px;
  }
  .cont_coordonnees {
    padding: 50px 20px 0 20px;
  }
  .formations .actualites-group ul li {
    width: calc(100% / 1 - 16px);
  }
  .dashboard #main-content {
    padding-left: 0;
  }
  .grid figure {
    max-height: 170px;
    min-height: 170px;
  }
  .grid figure img {
    min-height: 170px;
  }
  figure.effect-marley .titre-cat {
    font-size: 16px;
    top: 0;
  }
  .dashboard #page-container, .dashboard #header .header-left {
    padding-left: 75px;
    padding-right: 30px;
  }
  .membre .infos-header,
  .formations .infos-header {
    text-align: left !important;
    margin-left: 20px;
  }
  .windowcompte .text-right {
    text-align: left!important;
  }
  .dashboard #main-content .btn-4 {
    padding: 13px 50px;
    margin: 20px 0 10px 0;
  }
  .formations .logo-pictos {
    display: none;
  }
  .actualites-group ul li .title-post {
    font-size: 20px;
  }
  .logo-pictos .list-inline-item {
    padding-right: 0;
  }
  .logo-pictos .ion-social-instagram {
    margin-right: 8px;
  }
  .lang {
    position: absolute;
    right: 60px;
    top: 10px;
  }
  .dashboard #left-menu.small-left-menu li.has-sub ul.diffusion {
    top: 70px !important;
  }
  .dashboard #left-menu.small-left-menu li.has-sub ul.prospection {
    top: 120px !important;
  }
}

/* ======================================================================================= */
/*                                         SEO                                         */
/* ======================================================================================= */

a.page-laulau {
  z-index: 2;
  color: #000;
  background-color: transparent;
  border:none;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
}

.page2ref p {
  text-align: justify;
}

.page2ref .prod_listing .description {
  display: block;
}
#affichereferencement .container-fluid {
  max-width: 1600px;
}
.ref {
  background: none;
}
.ref .deco {
  color: #143159;
}
.ref .ensavoirplus {
  color: #fff;
}
.ref .ensavoirplus:hover {
  color: #143159;
}
.ref .ensavoirplus i {
  font-size: 20px;
  top: 2px;
  margin-right: 5px;
}
.home_cont_services .ref ul {
  display: flex;
  justify-content: space-between;
}

#suggestions_ville, #suggestions_ville_cp_agent{
  display : block;
  position : absolute;
  width : 100%;
  background-color : white;
  z-index : 9999;
  top : 40px;
}
#suggestions_ville li, #suggestions_ville_cp_agent li{
  cursor: pointer;
  text-align: left;
  padding: 5px;
  font-size: 14px;
  color: #000;
}
#suggestions_ville li:nth-child(1), #suggestions_ville_cp_agent li:nth-child(1) {
  text-align: center;
  display: none;
}

#suggestions_ville li:hover, #suggestions_ville_cp_agent li:hover{
  background: #143159;
  color: white;
}

#suggestions_ville_cp_agent ul{
  display: block;
}

.form_recherche_detaillee_elios{
  width: 100%;
}