/* ========================================================================= */
/*                                  GENERAL                                  */
/* ========================================================================= */

/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* font-family: 'Work Sans', sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url(https://db.onlinewebfonts.com/c/48b9219685fb81db1b8d6ec313e67ca4?family=Cascadia+Code+Regular);

@font-face {
  font-family: "Cascadia Code Regular";
  src: url("https://db.onlinewebfonts.com/t/48b9219685fb81db1b8d6ec313e67ca4.eot");
  src: url("https://db.onlinewebfonts.com/t/48b9219685fb81db1b8d6ec313e67ca4.eot?#iefix")format("embedded-opentype"),
  url("https://db.onlinewebfonts.com/t/48b9219685fb81db1b8d6ec313e67ca4.woff2")format("woff2"),
  url("https://db.onlinewebfonts.com/t/48b9219685fb81db1b8d6ec313e67ca4.woff")format("woff"),
  url("https://db.onlinewebfonts.com/t/48b9219685fb81db1b8d6ec313e67ca4.ttf")format("truetype"),
  url("https://db.onlinewebfonts.com/t/48b9219685fb81db1b8d6ec313e67ca4.svg#Cascadia Code Regular")format("svg");
}

@font-face {
  font-family: 'Cascadia-Code';
  font-style: normal;
  font-weight: normal;
  src: local('Cascadia-Code'), url('/assets/fonts/Cascadia-Code.ttf.woff') format('woff');
}
@font-face {
  font-family: 'Cascadia';
  font-style: normal;
  font-weight: normal;
  src: local('Cascadia'), url('/assets/fonts/Cascadia.ttf') format('ttf');
}


.modal-title {
  margin-bottom: 0;
  color: #000;
}
.alert-success {
  color: #fff;
}
body {
  font-family: 'Montserrat', sans-serif;
  /* font-family: "Cascadia Code Regular"; */
  padding-top: 0!important;
  background: #000;
  color:#fff;
}

.sidebar {
 display: none;
}

p {
 font-size: 17px;
 line-height: 1.5;
 font-weight: 300;
 text-align: justify;
}
.header {
 height: 70px;
}
.home_cont_agence h2 {
  text-transform: uppercase;
  font-family: "Cascadia Code Regular";
}
.vert-fonce {
  color: #286165;
}
.vert {
  color: #5da0a5;
}
a {
  color: #fff;
}
.mt-10 {
  margin-top: 50px;
}
.vert-clair- {
  color: #5da0a5;
  font-weight: 600;
}
h2, .police {
  font-family: "Cascadia Code Regular";
}
/* ========================================================================= */
/*                                  INDEX                                    */
/* ========================================================================= */

.baseline {
  z-index: 20;
  position: absolute;
  top: 9%;
  -webkit-transform: translateY(-9%);
  -moz-transform: translateY(-9%);
  -ms-transform: translateY(-9%);
  -o-transform: translateY(-9%);
  transform: translateY(-9%);
  left: 50.5%;
  -webkit-transform: translateX(-50.5%);
  -moz-transform: translateX(-50.5%);
  -ms-transform: translateX(-50.5%);
  -o-transform: translateX(-50.5%);
  transform: translateX(-50.5%);
  text-align: center;
}
.baseline img {
 width:auto;
}
nav.menu ul li {
  text-align: left;
}
.not-sticking .menu ul > li > a,
.not-sticking .menu ul > li > .lien-menu {
  color: #fff;
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: 500;
}
.menu ul > li > a,
.menu ul > li > .lien-menu {
  padding: 12px 13px;
  line-height: 1.2;
  color: #fff;
  letter-spacing: 2px;
  font-weight: 500;
  text-transform: capitalize;
}
.menu ul > li > .lien-menu {
  padding: 12px 13px 5px 13px;
}
.padding-menu {
  padding-left: 40px ! important;
}
.no-border {
  border-bottom: 0px solid #5f5f5f!important;
}
.not-sticking .menu a:hover,
.sticking .menu a:hover,
.menu a:hover,
.not-sticking .menu li:hover a,
.sticking .menu li:hover a,
.menu li:hover a {
  color: #5da0a5;
  text-decoration: none;
}
.header .sticking {
background: #000;
}
.index .not-sticking .site-pusher, [class*="listing"] .not-sticking .site-pusher, [class*="listing-"] .not-sticking .site-pusher {
padding: 0;
background: #000;
}
[class*="listing"] .not-sticking .container_search,
[class*="listing-"] .not-sticking .container_search {
display: none;
}
.not-sticking .site-pusher {
padding: 0;
background: #000;
}
.index .not-sticking .site-pusher {
background:transparent;
}
nav.menu ul li .dropdown-menu:hover {
  overflow: visible;

}
nav.menu ul li .dropdown-menu {
  position: inherit !important;
  background-color: #000 !important;
  width: 100%;
  display: block!important;
}
.menu ul > li > a {
  text-align: left;
}



/* CATEGORIES */
.home_cont_categories {
  background: transparent;
  padding: 80px 0;
}
.home_cont_categories .photobox_type16 .photobox__label {
  font-size: 3rem;
  color: #fff;
  font-family: "Cascadia Code Regular";
  top: 50%;
  font-weight: 300;
}
.home_cont_categories .photobox_type16 .photobox__previewbox:before {
 background-color: var(--photoboxOverlay, rgba(0,0,0,0.75));
}
.logo-categorie {
  width: 110px;
  margin-bottom: 50px;
}



/* ========================================================================= */
/*                                  PAGES                                    */
/* ========================================================================= */

.listing-vente .listing-header h1,
.actualites .listing-header h1,
 .listing-header h1 {
 display: block;
 color: #fff;
 font-size: 35px;
 letter-spacing: 2px;
}

.listing-vente .ancre-bottom,
.alerte-email .ancre-bottom,
.agence .ancre-bottom,
.contact .ancre-bottom,
.actualites .ancre-bottom,
.estimation .ancre-bottom {
 bottom: 0px;
 right: 51%;
}
.listing-vente .listing-header h1,
.listing-vendu .listing-header h1,
.contact .listing-header h1{
 color: #fff;
}
.listing-vente .scroll-downs i,
.listing-vendu .scroll-downs i,
.contact .scroll-downs i {
 font-size: 30px;
 color: #fff;
}

/* ALERTE EMAIL */
.alerte-email .form-group {
 margin: 0.5rem 1rem;
 padding: 10px;
 border-left: 0;
 background: transparent;
}
.alerte-email label {
 font-weight: 400;
 font-size: 18px;
 line-height: 1.8;
 text-transform: initial;
 margin-top: 0;
 margin-bottom: 0;
 color: #fff;
}

/* ESTIMATION */
.centre {
  text-align: center;
}
.or {
  color: #5da0a5;
}
.estimation h4 {
  font-size: 20px;
}
.estimation h3 {
  font-size: 28px;
  font-weight: 400;
}

/* AGENCE */
.agence p {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 300;
  text-align: justify;
  color:#fff;
 }
 .agence .container {
  padding-right: 15px;
  padding-left: 15px;
}
.agence p.vert {
  color: #5da0a5;
}
.vert-clair {
  color: #b9d7d8;
}
/* .agence strong {
  color: #333;
  font-weight: 600;
} */
.marginauto {
  margin: auto;
}
.bg-gris {
  background: #efefef;
  padding: 14px 0;
  margin: -31px 0 40px 0;
  z-index: -1;
}
hr {
  border-top: 1px solid rgba(255,255,255,.2);
}
.agence h2,
.agir h2,
.accompagner h2,
.ecouter h2,
.construire h2 {
  font-size: 25px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  margin: 30px 0;
}
.agence h4,
.agence h4 {
  font-size: 1.2rem;
  color: #5da0a5;
}
.auteur::before,
.auteur::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 1px;
  background: #5da0a5;
  vertical-align: middle;
  margin: 0 10px;
}
.auteur {
  color: #333!important;
  font-style: italic;
}
p.f16 {
  font-size: 16px;
  font-weight: 500;
}
p span.f22 {
  font-size: 22px!important;
}
.ombre {
  box-shadow: 6px 5px 6px #656565;
}
.centre p { text-align: center!important;}
.logo-entete {
  width: 250px;
  display: none;
}

.agence iframe,
.video-prez iframe {
  width: 100%;
  max-width: 1140px;
  min-height: 585px;
  margin-bottom: 50px;
  height: 100%;
}

.bloc-num1 {
  border: 2px solid #b9d7d8;
  height: 40px;
  text-align: center;
  width: 40px;
  justify-content: center;
  display: flex;
  border-radius: 50%;
  background: #b9d7d8;
  color: #5da0a5;
  font-weight: 700;
  min-width: 40px;
}
.titre-bloc-contenu {
  color: #b9d7d8;
  font-size: 20px;
  text-transform: uppercase;
  margin-left: 15px;
}

.btn-primary2 {
  color: #000;
  background: #b9d7d8;
  border-color: #b9d7d8;
}
.btn-primary2:hover {
  color: #fff;
  background: transparent;
  border-color: #b9d7d8;
}

/* CONTACT */
.contact h3 {
  font-size: 2rem;
}
.contact h4 {
  font-size: 19px;
}
.logo-contact {
  width: 250px;
}


/* MENTIONS LEGALES */
.mentions-legales p, .list_mentions,.mentions-legales .content_page {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
}
.mentions-legales h2 {
  margin-top: 40px;
  line-height: 1;
  font-weight: 300;
  padding-left: 0;
  border-left: 0px solid #5da0a5;
  font-size: 21px;
  color: #5da0a5;
}

/* FOOTER */
footer, footer a {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    margin: auto;
}
footer .margin-container {
  margin: 0;
}
.logo-footer { 
  width: 50px ;
  margin-right: 5px;
}
.liens_center {
  text-align: center;
  margin: auto;
}
.liens_center p {
  color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
}
.reseaux-sociaux img {
  width:35px;
}
.reseaux-sociaux a i {
  font-size:32px;
}
.reseaux-sociaux a:hover i {
  color: #5da0a5;
}
.liens_center ul {
  margin-bottom: 0;
}
.liens_center ul li{
  padding: 0 10px;
}


/* ACTUALITES */
.actualites .content_page {
  width: 100%;
  color: #fff;
}
.actualites-group ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5em;
}
.actualites-group ul li {
  position: relative;
  width: calc(100% / 3 - 16px);
  margin: calc(0.5em * 2) 0.5rem;
  overflow: hidden;
  background: #fff;
}
.actualites-group ul li a,.actualites-group ul li:hover a{
  color: #5da0a5;
}
.actualites-group ul li .btn{
  margin-right: 10px;
}
.actualites-group ul li .title-post {
  font-size: 20px;
  font-weight: 500;
  margin: 15px 10px 0px 10px;
  font-weight: 600;
}
.actualites-group ul li .date-post {
  font-size: 15px;
  margin: 5px 10px 10px 10px;
  color: #000;
}
.actualites-group ul li .description-post {
  font-size: 15px;
  margin: 5px 10px 10px 10px;
  color: #000;
}
.actualites-group ul li .btn-actus {
  font-size: 15px;
  margin: 5px 10px;
  color: #5da0a5;
}
.adminperso .title-post {
  text-align: center;
  margin: 20px 0;
  font-size: 25px;
}
.adminperso .date-post{
  margin-top: 15px;

}
.adminpersos .actualites-group img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}




/* ========================================================================= */
/*                                TOP PAGE                                   */
/* ========================================================================= */
.bgAccueil-page {
 height: 80vh;
 top: -70px;
 margin: 0 10%;

}
.detail .bgAccueil-page {
 height: 80vh;
 background-position: center;
}
.bgAccueil-page .ancre-bottom,
.listing-header { 
  display: none;
}
.agence .bgAccueil-page {
 background: none;
 z-index: -100;
  height: 80vh;
}

.agir .bgAccueil-page {
  background: none;
 z-index: -100;
  height: 80vh;
}

.ecouter .bgAccueil-page {
 /* background: url(/assets/images/bgimg-ecouter.jpg) center center!important;
  background-size: contain!important;
 background-repeat: no-repeat!important; */
 background: none;
 z-index: -100;
  height: 80vh;
}

.construire .bgAccueil-page {
 /* background: url(/assets/images/bgimg-construire.jpg) center center!important;
  background-size: contain!important;
 background-repeat: no-repeat!important; */
 z-index: -100;
  height: 80vh;
  background: none;
}

.accompagner .bgAccueil-page {
 /* background: url(/assets/images/bgimg-accompagner.jpg) center center!important;
  background-size: contain!important;
 background-repeat: no-repeat!important; */
 z-index: -100;
  height: 80vh;
  background: none;
}

.contact .bgAccueil-page {
 /* background: url(/assets/images/bgimg-contact.jpg) center center!important;
  background-size: contain!important;
 background-repeat: no-repeat!important; */
 z-index: -100;
  height: 80vh;
  background: none;
}

.actualites .bgAccueil-page {
 /* background: url(/assets/images/bgimg-blog.jpg) center center!important;
  background-size: contain!important;
 background-repeat: no-repeat!important; */
 z-index: -100;
  height: 80vh;
  background: none;
}

.mentions-legales .bgAccueil-page {
 /* background: url(/assets/images/bgimg-mentions-legales.jpg) center center!important;
  background-size: contain!important;
 background-repeat: no-repeat!important; */
 z-index: -100;
  height: 80vh;
  background: none;
}



/* ========================================================================= */
/*                              LISTING & DETAIL                             */
/* ========================================================================= */
.listing-header-detail {
  position: relative;
  padding: 0 0 50px 0;
  width: 100%;
  color: #000!important;
}
.detail .detail-header-titre {
  text-align: center;
  text-transform: uppercase;
  color: #252525;
  font-size: 28px;
  letter-spacing: 5px;
  line-height: 1.5;
}
.detail .detail-header-titre::after {
  content: "";
  display: block;
  position: relative;
  background: #5da0a5;
  height: 1px;
  width: 30%;
  margin: 10px auto 0 auto;
}
.prix-header-titre {
  color: #fff;
  font-family: 'Work Sans', sans-serif;
}
.detail .h3 {
  text-align: center;
  text-transform: uppercase;
  color: #252525;
  font-size: 28px;
  letter-spacing: 5px;
  margin: 0 0 1.2em 0;
  line-height: 1.5;
  font-family: 'Work Sans', sans-serif;
}
#vvirtuelle embed {
  max-width: 600px!important;
  max-height: 320px!important;
}
.detail .interlocuteur {
  border: 0;
  padding: 10px;
  border-radius: 0;
  background: #fff;
  color: #fff;
  text-align: center;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.8;
}
.detail .interlocuteur div:nth-child(1) {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
}
.detail .interlocuteur img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 200px;
  height: 200px;
  border-radius: 50%;
}

.detail_pieces ul li {
  display: inline-block;
  border: 1px solid #00000029;
  padding: 15px;
  margin: 10px 10px 10px 0;
  text-align: center;
  width: 23.4%;
}
.detailpiece-nompiece {
  font-weight: 600;
  text-transform: capitalize;
}

.dropdown-menu.open.show {
  transform: translate3d(0px, 36px, 0px)!important;
}
/* ========================================================================= */
/*                              RESPONSIVE                                   */
/* ========================================================================= */



@media (min-width: 1281px) {
  .listing-header {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-01%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 150px 0;
}
}
@media (max-width: 1280px) {
  .menu ul > li > a,
  .menu ul > li > .lien-menu,
  a:not([href]):not([tabindex]),
  a:not([href]):not([tabindex]):focus,
  a:not([href]):not([tabindex]):hover {
      padding: 12px 10px;
      color: #fff;
  }
  .sticking .menu ul > li > a,
  .sticking .menu ul > li > .lien-menu,
  .not-sticking .menu ul > li > a,
  .not-sticking .menu ul > li > .lien-menu,
  a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    font-size: 15px;
    text-transform: capitalize;
  }
  .index .not-sticking .header__logo img, .not-sticking .header__logo img {
    width: 250px;
  }
  .index .photobox_type16 .photobox__label {
    font-size: 25px;
  }

  .listing-header {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50.5%;
    -webkit-transform: translateX(-50.5%);
    -moz-transform: translateX(-50.5%);
    -ms-transform: translateX(-50.5%);
    -o-transform: translateX(-50.5%);
    transform: translateX(-50.5%);
    padding: 150px 0;
  }
  .listing-vente .listing-header h1, .listing-header h1 {
    font-size: 25px;
  }
}


@media (max-width: 991px) { 

 .header .sticking, .header .not-sticking {
  background: #000;
 }
 .index .header .not-sticking {
  background: transparent!important;
}
  .index .photobox_type16 .photobox__label {
   font-size: 23px;
   color: #fff;
 }
 .index .photobox_type16 .photobox__previewbox:before {
  background-color: var(--photoboxOverlay, rgba(0,0,0,0));
 }
  .index .not-sticking .header__logo img, .not-sticking .header__logo img, .header__logo img {
    width: 50px;
    padding: 10px 0;
    margin-right: 70px;
  }
  .baseline {
    z-index: 20;
    position: absolute;
    top: 10%;
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
    transform: translateY(-10%);
    left: 50.5%;
    -webkit-transform: translateX(-50.5%);
    -moz-transform: translateX(-50.5%);
    -ms-transform: translateX(-50.5%);
    -o-transform: translateX(-50.5%);
    transform: translateX(-50.5%);
    text-align: center;
  }
  .ancre-bottom {
    display: none;
  }
  .logo-categorie {
    width: 57px;
    margin-bottom: 16px;
  }
  .reseaux-sociaux img {
    width: 27px;
  }
  .logo-footer {
    width: 28px;
    margin-right: 5px;
  }
  footer a {
    font-size: 10px;
    }
    .not-sticking .burger-item, .not-sticking .burger-item::before, .not-sticking .burger-item::after, .sticking .burger-item, .sticking .burger-item::before, .sticking .burger-item::after {
      color: #fff;
      background: #fff;
  }
  .listing-vente .ancre-bottom, .alerte-email .ancre-bottom, .agence .ancre-bottom, .contact .ancre-bottom, .actualites .ancre-bottom, .estimation .ancre-bottom {
    right: 53%;
  }
  [class*="listing"] .photobox_type16 .photobox__label, [class*="listing"] .photobox_type16 .photobox__label {
      top: 75%;
  }
  .agence h2 {
    font-size: 2rem;
  }
  .bg-gris {
    margin: -21px 0 40px 0;
  }
  .order1 {
    order: 1;
  }
  .order2 {
    order: 2;
  }
  .order3 {
    order: 3;
  }
  .agence .row img { margin-bottom: 20px;}
  .bgAccueil-page {
    margin-top: 90px;
    height: auto !important;
    top: 0;
    margin-left:37px;
    margin-right:37px;
}
.actualites-group {
  margin-top: 50px;
}
.actualites.adminperso .bgAccueil-page {
  display: none;
}
.actualites.adminperso .content_page {
  margin-top: 80px;
}
  .listing-header {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 50px 0;
  }
  .alerte-email .groupe_champs > .form-group {
    width: 100%;
  }
  .listing-vente .listing-header h1, .listing-header h1 {
    font-size: 20px;
  }
  .detail footer .list-inline-item {
    padding: 0;
  }
  .alerte-email .content_page {
    margin-top: 30px;
  }
  .block_info.photobox__label {
    display: none;
  }
  .prod_listing > .listing_article article {
    border: 0;
}
  .block_info_mobile {
    width: 98%;
    text-align: center;
    min-height: 85px;
    padding: 10px;
  }
  .block_info_mobile .prod_listing .info_titre {
    text-transform: uppercase;
    line-height: 1.3;
    font-weight: 600;
  }
  .index .photobox_type16 .photobox__previewbox:before, [class*="listing"] .photobox_type16 .photobox__previewbox:before, [class*="listing-"] .photobox_type16 .photobox__previewbox:before {
    background-color: var(--photoboxOverlay, rgba(255,255,255,0));
    transition: opacity var(--photoboxAnimationDuration, .4s) cubic-bezier(0.71, 0.05, 0.29, 0);
  }
  .block_info_mobile .info_ville {
    padding-top: 0;
  }
  .burger-item {
    top: 30px;
  }
  .index .not-sticking .header__logo img, .not-sticking .header__logo img, .header__logo img {
    margin-right: 20px;
    float: right;
  }
  [class*="listing-"] article,
  [class*="listing"] article,
  .detail_biens_sim article, .prod_accueil article {
    background: #f1f1f1;
  }
  article .block_info{
    display: none;
  }
  .block_info_mobile {
    display: block;
  }
  .detail_pieces ul li {
    width: 31.4%;
}
.listing .not-sticking .bloc.bloc4, [class*="listing-"] .not-sticking .bloc.bloc4 {
  display: none;
}
.listing .bloc.bloc4, [class*="listing-"] .bloc.bloc4 {
  display: block;
}
.listing .header .sticking ,
 [class*="listing-"] .header .sticking {
  height: 0;
}
.listing .bloc.bloc4, [class*="listing-"] .bloc.bloc4 {
  top: 0;
  background: #000;
  border-radius: 0;
  color: #5da0a5;
  font-size: 23px;
}
  .prod_listing.damier .info_titre, .prod_listing.damier .info_ville, .prod_listing.damier .info_prix, .detail_biens_sim .info_titre, .prod_accueil .info_titre {
      white-space: initial;
      font-size: 11px;
      width: 100%;
    text-transform: uppercase;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 5px;
    text-rendering: optimizelegibility;
  }
  .header-item ul {
    letter-spacing: 4px;
}
  .agence iframe,
  .video-prez iframe {
    width: 100%;
    max-width: 700px;
    min-height: 400px;
    height: 100%;
    margin-bottom: 50px;
  }
  .home_cont_categories .categorie-ligne1, .categorie-ligne1, .home_cont_categories .categorie-ligne2 {
    margin: 1% 3%;
}
.bloc-compteurs2 {
  margin: auto;
}
}


@media (min-width: 992px) {
  .index .not-sticking .header__logo img, .not-sticking .header__logo img, .sticking .header__logo img, [class*="listing"] .header__logo img, [class*="listing-"] .header__logo img {
      width: 60px;
      padding: 5px 10px;
  }
  .border-right {
    border-right: 1px solid rgba(0,0,0, 0.15);
  }
  .site-pusher {
    display: flex;
    justify-content: center;
}
  nav.menu {
      width: auto;
      margin: auto 3%;
  }
  .menu ul > li.drapeau > a {
    padding: 0 10px;
  }
  .block_info_mobile {
    display: none;
  }
  .prod_listing .info_titre, .prod_listing.damier .info_titre, .detail_biens_sim .info_titre, .prod_accueil .info_titre {
    white-space: initial;
  }
}

@media (max-width: 560px) {
  .detail_pieces ul li {
    width: 46.4%;
}
.detailpiece-nompiece {
  font-weight: 600;
  text-transform: capitalize;
  font-size: 14px;
}
 .index .carousel {
   display: none;
 }
 .bgAccueil {
    background: linear-gradient( rgba(0,0,0, 0.35), rgba(0,0,0, 0.35) ),url(/assets/images/bgimg-mobile.jpg) no-repeat center center!important;
    background-size: contain !important;
 }
  .index .not-sticking .header__logo img, .not-sticking .header__logo img, .header__logo img {
    width: 37px;
    padding: 5px 0;
    margin-right: 20px;
    float: right;
  }
  .baseline {
    width: 100%;
  }
  #carouselExampleIndicatorsHome .carousel-item:nth-child(1) {
      background-position: center center;
  }
  #carouselExampleIndicatorsHome .carousel-item:nth-child(2) {
      background-position: center center;
  }
  .liens_center {
    margin: 20px auto;
  }
  .listing-vente .ancre-bottom, .alerte-email .ancre-bottom, .agence .ancre-bottom, .contact .ancre-bottom, .actualites .ancre-bottom, .estimation .ancre-bottom {
    display: none;
  }
  .bgAccueil-page {
    background-size: contain !important;
    height: auto !important;
    min-height: 10vh;
    max-height: 30vh;
    top: 0;
    margin-top: 80px;
}
  .listing-header {
    padding: 0;
  }
  .logo-entete {
    margin-top: 50px;
    width: 70px;
  }
  .agence .text-right {
    text-align: left!important;
  }
  .agence iframe,
  .video-prez iframe {
    width: 100%;
    max-width: 300px;
    min-height: 200px;
    height: 100%;
    margin-bottom: 50px;
  }
  #vvirtuelle embed {
    max-width: 100%!important;
    max-height: 200px!important;
    min-height: 180px;
  }
}
@media (max-width: 300px) {
  .detail_pieces ul li {
    width: 100%;
  }
}


/* @media only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: portrait) {
 .bgAccueil {
     background: linear-gradient( rgba(0,0,0, 0.35), rgba(0,0,0, 0.35) ),url(/assets/images/slider_home/2.jpg) no-repeat center center!important;
     background-size: cover;
     height: 100vh;
     min-height: 600px;
     background-position: center center;
 } 
} */

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation:landscape){
  .bgAccueil-page {
    top: 0;
    height: 75vh !important;
    margin-top: 37px;
  }
  .info_ville {
    font-size: 10px;
  }
  .spin4.info_prix {
    font-size: 12px !important;
    text-align: center !important;
  }
  .prod_listing .info_titre {
    font-size: 13px;
  }
  .index-logo-not-sticking, .index-logo-sticking, .logo-sticking, .logo-not-sticking, .header .img-fluid {
    width: 7%;
  }
  .index .not-sticking .header__logo img, .not-sticking .header__logo img, .header__logo img {
    margin-right: 50px;
}
  .detail .groupe-btn .list-inline-item {
    margin: 10px 0;
  }
  .logo-entete {
    margin-top: 50px;
    width: 100px;
  }
  .agence .text-right {
    text-align: center!important;
  }
  .agence .container {
    padding-right: 30px;
    padding-left: 30px;
  }
  .detail_pieces ul li {  
    width: 30%;
  }
  .search__form-item:nth-child(n+2) {
      width: calc(100% / 2 - 3px) !important;
  }
  .modal-dialog {
    margin: 40px auto;
}
  .search__form-item.c_valid {
    width: 100%!important;
  }
}

.top_link {
  bottom: 1%;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  .block_info_mobile {
    display: block;
  }
  .block_info {
    display: none;
  }
  [class*="listing-"] article, [class*="listing"] article {
    background: #f1f1f1;
}
  .index .photobox_type16 .photobox__label, [class*="listing"] .photobox_type16 .photobox__label, [class*="listing"] .photobox_type16 .photobox__label {
    width: 98%;
    text-align: center;
    font-size: 28px;
    opacity: 1;
    transition: opacity calc(var(--photoboxAnimationDuration, .2s) / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9);
    will-change: opacity;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    text-transform: uppercase;
}
    .index .photobox_type16 .photobox__previewbox:before, [class*="listing"] .photobox_type16 .photobox__previewbox:before, [class*="listing-"] .photobox_type16 .photobox__previewbox:before {
        background-color: var(--photoboxOverlay, rgba(255,255,255,0));
        transition: opacity var(--photoboxAnimationDuration, .4s) cubic-bezier(0.71, 0.05, 0.29, 0);
    }
    .index .photobox_type16 .photobox__label {
      font-size: 23px;
      color: #fff;
  }
  .photobox_type16:hover .photobox__label {
      opacity: 1!important;
      transition-duration: var(--photoboxAnimationDuration, .2s);
      transition-delay: calc(var(--photoboxAnimationDuration, .2s) / 2);
  }

}



/* MODIFS */
.b_prestige {
  display: none;
}



/* --------------BADGE FLOTTANT-------------- */
.flottant {
  margin-right: -320px;
  position: fixed;
  min-width: 355px;
  max-width: 355px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  right: 2%;
  top: 25%;
  z-index: 1111;
  bottom: 0;
}
.custom-menu {
  margin-left: -50px;
  margin-left: -130px;
}

@media (min-width: 992px) {
.custom-menu {
  top: 180px;
  top: 22%;
  bottom: auto;
  }  
}

@media (min-width: 768px) {
  .custom-menu {
      top: 100px;
      top: auto;
      bottom: 10px;
  }    
}
.custom-menu .btn {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #111;
  font-size: 15px;
  line-height: 1.5;
  border-radius: 50%;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-menu button {
  border-radius: 50%;
  border: 0;
  background: #e58346;
  text-transform: uppercase;
  font-size: 14px;
  width: 130px;
  height: 130px;
  padding: 10px;
  transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
          color: #fff;
}
.custom-menu {
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 0;
  margin-left: -105px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.custom-menu .btn-primary:hover {
  color: #fff;
  background: #1f3d6f;
  border-color: #111;
}

@-webkit-keyframes float {
  0% {
      box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.4);
      transform: translatey(0px);
  }
  50% {
      box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
      transform: translatey(-20px);
  }
  100% {
      box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.4);
      transform: translatey(0px);
  }
}

@keyframes float {
  0% {
      box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.4);
      transform: translatey(0px);
  }
  50% {
      box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
      transform: translatey(-20px);
  }
  100% {
      box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.4);
      transform: translatey(0px);
  }
}
/* Le bouton n'est pas visible sur la page listing */
[class*="listing"] .flottant,
[class*="listing-"] .flottant {
  display: none;
}


/* HOME CONT AGENCE */
.bloc-compteurs {
  border: 2px solid #5da0a5;
  padding: 20px;
  height: 140px;
  text-align: center;
  width: 140px;
  justify-content: center;
  margin: auto;
  display: flex;
  border-radius: 50%;
}
.bloc-compteurs2 {
  border: 2px solid #b9d7d8;
  padding: 20px;
  height: 140px;
  text-align: center;
  width: 140px;
  justify-content: center;
  display: flex;
  border-radius: 50%;
  margin: 60px auto auto auto;;
  background: #b9d7d8;
  color: #5da0a5;
}
.bloc-compteurs p,
.bloc-compteurs2 p {
  font-size: 14px;
  line-height: 1;
  text-align: center;
}
.bloc-compteurs .nbre {
  font-size: 34px;
    font-weight: 700;
    color: #b9d7d8;
    font-family: "Cascadia Code Regular";
}
.bloc-compteurs2 .nbre {
  font-size: 34px;
    font-weight: 700;
    color: #5da0a5;
    font-family: "Cascadia Code Regular";
}



/* ========================================================================= */
/*                                AVIS GOOGLE                                */
/* ========================================================================= */
.avis-google .bgAccueil-page {
  background: url(/assets/images/bgimg-avis.jpg) center center!important;
  background-size: cover!important;
  background-repeat: no-repeat!important;
  z-index: -100;
  height: 80vh;
}
#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: #fff;
}
.avisGoogleReview {     margin: 20px 0px;}
.bulle {
  background:#333;
  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 #333;
  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: #5da0a5; 
  border-radius: 10px;
}
.bulle ::-webkit-scrollbar-thumb:hover {
  background: #5da0a5; 
}
.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: #5da0a5;
  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) {
  .home-visuel-wrapper {
    height: auto;
}
  #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;
}




/* ================================================================================ */
/*                            MODIFICATIONS DU 14/03/2023                           */
/* ================================================================================ */

/* .validation { display: none;} */

/* HOME SELECTION */
.home_cont_selection .categorie-ligne1{
  margin: 3% 5%;
}
.home_cont_selection h2,
.home_cont_categories h2{
  font-size: 1.9rem;
  text-transform: uppercase;
  color: #5da0a5;
  z-index: 1;
  width: 100%;
}
.home_cont_selection h2::after, .home_cont_selection h2::before ,
.home_cont_agence h2::after, .home_cont_agence h2::before ,
.agence h2::after, .agence h2::before ,
.agir h2::after, .agir h2::before ,
.accompagner h2::after, .accompagner h2::before ,
.construire h2::after, .construire h2::before ,
.ecouter h2::after, .ecouter h2::before ,
.home_cont_categories h2::after,.home_cont_categories h2::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 2px;
  background: #5da0a5;
  vertical-align: middle;
  margin: 0 10px;
}

.prod_accueil .info_titre::after {
  content: "";
  display: block;
  position: relative;
  background: #111;
  height: 1px;
  width: 30%;
  margin: 6px auto 6px auto;
}
.prod_accueil .info_ville,
.prod_accueil .info_prix {
  width: 100%;
  font-size: 12px;
  padding-top: 0;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
}
.prod_accueil .block_info {
  padding: 10px;
}

/* HOME CATEGORIES */

.home_cont_categories .bg-gris {
  z-index: 0;
}
.home_cont_categories .cat-droite {
  text-align: left;
  padding-left: 8px;
}
.home_cont_categories .cat-gauche {
  text-align: right;
  padding-right: 8px;
}
.home_cont_categories .photobox_type16 .photobox__preview,
.home_cont_categories .photobox {
  width: 100%;
}
.home_cont_categories .categorie-ligne1,
 .categorie-ligne1,
.home_cont_categories .categorie-ligne2 {
  margin: 1% 10%;
}

/* LISTING */
[class*="listing"] .main-content {
  margin: 0 2%;
}

/* FOOTER */
.titre-plansite {
  font-size: 19px;
  color: #5da0a5;
  margin-bottom: 0;
  font-weight: 500;
  letter-spacing: 3px;
  font-family: "Cascadia Code Regular";
}
.plansite ul li {
    padding: 2px 0;
}
.plansite ul li a {
    font-size: 14px;
    letter-spacing: 1px;
    margin: auto;
    font-weight: 300;
}
.logo-footer {
  width: 200px;
  margin-right: 0px;
  margin-bottom: 15px;
}
footer a:hover {
  color: #5da0a5;
}
footer .border-top {
  border-top: 1px solid rgba(255,255,255,0.1);
  padding-top: 35px;
}
footer a i {
  font-size: 20px;
  top: 2px;
}
.detail_biens_sim .info_titre, .prod_accueil .info_titre {
  width: 100%;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 1.3;
  font-weight: 500;
}
.prod_accueil  .info_ville, .prod_accueil  .info_prix {
  width: 100%;
  font-size: 13px;
  padding-top: 0;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
}
@media (max-width: 1281px) {
  .detail_biens_sim .info_titre, .prod_accueil .info_titre {
    font-size: 12px;
  }
  .prod_accueil  .info_ville, .prod_accueil  .info_prix {
    width: 100%;
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .menu {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.95);
    width: 250px!important;
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
    margin: 0!important;
    height: 100vh;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
  }
  .site-pusher {
    display: flex;
    justify-content: space-between;
  }
  nav.menu ul li {
    display: block;
    text-transform: uppercase;
    margin: auto 0;
  }
  .header__logo {
    margin: auto 0 auto auto;
  }
  nav.menu ul {
    margin: 70px 20px 0 20px !important;
    display: block;
  }
    .burger-item::before {
      content: "";
      position: absolute;
      display: block;
      height: 3px;
      width: 24px;
      margin-top: -8px;
      -webkit-transition: all .3s ease-out;
      transition: all .3s ease-out;
  }
  .burger-item::after {
    content: "";
    position: absolute;;
    display: block;
    height: 3px;
    width: 24px;
    margin-top: 8px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
  }
  .with--sidebar .site-pusher {
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
  }
  .with--sidebar .burger-item:before {
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 3px!important;
}
.with--sidebar .burger-item:after {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
    .header__icon {
        position: relative;
        display: block;
        float: left;
        width: 66px;
        height: 66px;
        cursor: pointer;
        z-index: 99999999999;
    }
    .index .not-sticking .burger-item, .index .not-sticking .burger-item::before, .index .not-sticking .burger-item::after {
      color: #fff;
      background: #fff;
      width: 40px;
  }
   .burger-item::before {
    top: -3px;
  }
  .burger-item::after {
    top: 3px;
  }
  .with--sidebar .burger-item::before {
    top: 1px!important;
  }
  .with--sidebar .burger-item::after {
    top: 0px;
  }

  .not-sticking .burger-item, .not-sticking .burger-item::before, .not-sticking .burger-item::after, .sticking .burger-item, .sticking .burger-item::before, .sticking .burger-item::after {
    color: #fff;
    background: #fff;
    width: 40px;
  }
  .burger-item {
    top: 30px;
    color: #fff;
    font-size: 40px;
    position: fixed;
    left: 15px;
    z-index: 100;
    background: #000;
    height: 3px;
    width: 40px;
    margin: 2px 0;
  }
  .menu ul li {
    margin-bottom: 10px!important;
    padding-bottom: 10px;
    border-bottom: 1px solid #5f5f5f;
  }
  .with--sidebar .site-cache {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.6);
    height: 100vh;
  }
  /* .detail_biens_sim .info_titre, .prod_accueil .info_titre {
    font-size: 12px;
  } */
}

@media (max-width: 991px) {
  .home_cont_categories .categorie-ligne1, .categorie-ligne1, .home_cont_categories .categorie-ligne2 {
    margin: 1% 3%;
  }
  .h2, h2, .agence h2, .agir h2, .accompagner h2, .ecouter h2, .construire h2 {
    font-size: 20px;
  }
  .agence .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .actualites-group ul li {
    position: relative;
    width: calc(100% / 2 - 16px);
    margin: calc(0.5em * 2) 0.5rem;
    overflow: hidden;
    background: #fff;
  }
  .bloc-compteurs,
  .bloc-compteurs2 {
    margin: 10px auto;
  }
}
@media (min-width: 611px) {
 .video-mobile {
  display: none;
 }
}
@media (max-width: 610px) {
  .video-ordinateur { display: none;}
  .home_cont_selection h2,
  .agence h2,
  .home_cont_categories h2{
    font-size: 1.6rem;
  }
  .home_cont_selection h2::after, .home_cont_selection h2::before ,
  .agence h2::after, .agence h2::before ,
  .home_cont_categories h2::after,.home_cont_categories h2::before {
    display: none;
  }
  .home-visuel-wrapper {
     /* background: linear-gradient( rgba(0,0,0, 0), rgba(0,0,0, 0) ),url(/assets/images/bgimg-mobile.jpg) no-repeat center center!important; */
      background: transparent!important;
      background-size: cover!important;
      height: 100vh;
      min-height: 600px;
      background-position: center center;
  }
  .baseline img {
      width: 240px;
  }
  .home_cont_categories {
    background: transparent;
    padding: 0;
  }
  .home_cont_selection h2::after, .home_cont_selection h2::before, .home_cont_agence h2::after, .home_cont_agence h2::before, .agence h2::after, .agence h2::before, .agir h2::after, .agir h2::before, .accompagner h2::after, .accompagner h2::before, .construire h2::after, .construire h2::before, .ecouter h2::after, .ecouter h2::before, .home_cont_categories h2::after, .home_cont_categories h2::before {
    display: none;
  }
  .plansite {
    text-align: center!important;
  }
  .home_cont_agence h2 {
    margin-top: 30px;
    margin-bottom: 20px !important;
}
  .home_cont_agence h2::after,
  .h2::after, h2::after, .agence h2::after, .agir h2::after, .accompagner h2::after, .ecouter h2::after, .construire h2::after {
    content: "";
    display: block;
    position: relative;
    background: #5da0a5;
    height: 1px;
    width: 100px;
    margin: 15px auto;
}
  .baseline {
    z-index: 20;
    position: absolute;
    top: 20%;
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    transform: translateY(-20%);
    left: 50.5%;
    -webkit-transform: translateX(-50.5%);
    -moz-transform: translateX(-50.5%);
    -ms-transform: translateX(-50.5%);
    -o-transform: translateX(-50.5%);
    transform: translateX(-50.5%);
    text-align: center;
  }
  .bgAccueil {
    background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url(/assets/images/bgimg-mobile.jpg) no-repeat center center !important;
    background-size: contain !important;
    height: 80vh;
  }
  .logo-footer {
    margin-bottom: 30px;
  }
}

.cc-message p {
  color: #000!important;
}