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

/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700');
/* font-family: "Libre Baskerville", serif; */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.validation {display: none;}

body {
  font-family: "Montserrat", sans-serif;
  padding-top: 0!important;
}
.sidebar {
 display: none;
}
p {
 font-size: 20px;
 line-height: 1.5;
}
.header {
 height: 0px;
}
/* VIDEO */
.home-visuel-wrapper {
  height: 100vh;
}

.ancre-bottom {
  display: none;
}
.index .ancre-bottom {
  display: block;
}

/* ========================================================================= */
/*                                  INDEX                                    */
/* ========================================================================= */
.sticking .logo-not-sticking {
  display: block;
}

/*SLIDER ACCUEIL*/
.bgAccueil {
  background: none !important;
  overflow: hidden;
}
.carousel-indicators {
  display: none;
}
.carousel-fullscreen .carousel-inner .carousel-item {
  height: 100vh;
  min-height: 600px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#carouselExampleIndicatorsHome .carousel-item {
  background-size: cover;
  background-position: bottom center;
}
#carouselExampleIndicatorsHome .carousel-item:nth-child(1) {
  background-image: url('/assets/images/slider_home/1.jpg');
}
#carouselExampleIndicatorsHome .carousel-item:nth-child(2) {
  background-image: url('/assets/images/slider_home/2.jpg');
}
#carouselExampleIndicatorsHome .carousel-item:nth-child(3) {
  background-image: url('/assets/images/slider_home/3.jpg');
}
#carouselExampleIndicatorsHome .carousel-item:nth-child(4) {
  background-image: url('/assets/images/slider_home/4.jpg');
}

#carouselExampleIndicatorsHome .carousel-item:nth-child(5) {
  background-image: url('/assets/images/slider_home/5.jpg');
}

/* HEADER & MENU*/

.baseline {
  z-index: 20;
  position: absolute;
  top: 28%;
  -webkit-transform: translateY(-28%);
  -moz-transform: translateY(-28%);
  -ms-transform: translateY(-28%);
  -o-transform: translateY(-28%);
  transform: translateY(-28%);
  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:90%;
}
.not-sticking .menu ul > li > a, .menu ul > li > a {
  font-size: 19px;
  letter-spacing: 1px;
  padding: 12px 12px;
  line-height: 1.2;
  color: #333335;
  letter-spacing: 0;
  font-weight: 500;
  text-transform: initial;
}
.not-sticking .menu a:hover,
.not-sticking .menu ul > li:hover > a,
.sticking .menu a:hover,
.menu a:hover,
.not-sticking .menu li:hover a,
.sticking .menu li:hover a,
.menu li:hover a,
.not-sticking .menu li:hover a.dropdown-item,
.sticking .menu li:hover a.dropdown-item,
.menu li:hover a.dropdown-item {
  color: #58595b;
  text-decoration: underline;
  background-color: transparent;
}
.header .sticking {
background: #fff;
}
.index .not-sticking .site-pusher, [class*="listing"] .not-sticking .site-pusher, [class*="listing-"] .not-sticking .site-pusher {
padding: 0;
background: #fff;
}
[class*="listing"] .not-sticking .container_search,
[class*="listing-"] .not-sticking .container_search {
display: none;
}
.not-sticking .site-pusher {
padding: 0;
background: #fff;
}
.index .not-sticking .site-pusher {
  /* background: linear-gradient(to bottom, #000, rgb(0 0 0 / 90%), rgb(0 0 0 / 60%), #0000); */
  background: rgba(255,255,255,0.8);
}



/* CATEGORIES */
.index .photobox_type16 .photobox__label {
 font-size: 35px;
 color: #fff; 
 top: 50%;
}
.index .photobox_type16 .photobox__previewbox:before {
 background-color: var(--photoboxOverlay, rgba(0,0,0,0.65));
}
.logo-categorie {
  width: 110px;
  margin-bottom: 50px;
}



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

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

.listing .ancre-bottom,
.listing-vente .ancre-bottom,
.alerte-email .ancre-bottom,
.agence .ancre-bottom,
.contact .ancre-bottom,
.actualites .ancre-bottom,
.estimation .ancre-bottom {
 bottom: 0px;
 right: 51%;
}

.bootstrap-select>.dropdown-toggle {
  background: #fff;
  border: 1px solid #ccc;
}

.listing-vendu .block_info_mobile {
  display: block!important;
  padding: 20px 0;
}
.listing-vendu .block_info.photobox__label {
  display: none;
}
.listing-vendu .photobox_type16:hover .photobox__previewbox:before {
  opacity: 0;
}
.listing-vendu article {
  background: #f1f1f1;
}
.listing-vendu .ul_header {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}
.listing-vendu .prod_listing.damier .info_ville,
.listing-vendu  .prod_listing.damier .info_prix,
.listing-vendu .prod_listing.damier .spin2{
  width: 100%;
  font-size: 20px;
  padding-top: 0;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
}
.listing-vendu .header-item ul li {
  font-weight: 600;
}
.listing-vendu .header-item ul.infos-details {
  margin-top: 20px;
}



/* 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: #000;
}

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

/* AGENCE */
.agence p,
.contact p {
    text-align: left;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    color: #000;
}
p {
  font-size: 15px;
}
body.agence embed,
body.contact embed {
  width: 100%;
  height: 60vh;
}
.marginauto {
  margin: auto;
}
.bg-gris {
  background: #efefef;
  padding: 14px 0;
  margin: -31px 0 40px 0;
  z-index: -1;
}
.agence h2 {
  font-size: 3rem;
}
.agence h4,
.contact h4 {
  font-size: 1.2rem;
  color: #c49c48;
}
.auteur::before,
.auteur::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 1px;
  background: #c49c48;
  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: 150px;
}
.photo-signature {
  width: 150px;
}


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


/* MENTIONS LEGALES */
.mentions-legales p, .list_mentions, .content_page {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
}
.mentions-legales h2 {
  margin-top: 40px;
  line-height: 1;
  font-weight: 300;
  padding-left: 20px;
  border-left: 2px solid  #000;
}

/* FOOTER */
footer {
  background:#e5e5e5;
  padding: 0 10px;
}
footer, footer a {
    color: #000;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    margin: auto;
}
footer .margin-container {
  margin: 0;
}
.logo-footer { 
  width: 200px;
  margin-right: 5px;
  padding: 10px 0;
}
.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:45px;
  margin-top: 10px;
}
.reseaux-sociaux a i {
  font-size:32px;
}
.reseaux-sociaux ul {
  justify-content: space-around!important;
  display: flex;
}
.reseaux-sociaux a:hover i {
  color: #C49C48;
}
footer address ul {
  display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-around;
}
footer address a {
  text-transform: initial;
}
footer address i {
  font-size: 22px;
    top: 3px;
}
footer address ul p{
  text-transform: initial;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
  text-align: center!important;
}
aside .nom_agence,
footer address ul p.nom_agence{
  color: #144c9b;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 7px;
}
.liens_center ul {
  margin-bottom: 0;
}
.liens_center ul li{
  padding: 0 10px;
}
aside.aside_contact {
  background-color: #e5e5e5;
  color: #000;
}
aside .contact_img img {
  width: 250px;
  margin-bottom: 20px;
}
.logo-google {
  width: 175px!important;
  border-radius: 10px!important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #000;
  background-color: #dddddd63;
  border-color: #ddd #ddd #fff;
}

/* Boite à outils */
#bloc_fixed {
  bottom: 38%;
}
#bloc_fixed ul li > i {
  font-size: 2rem;
  top: 2px;
  left: 2px;
}
#bloc_fixed ul li > .ion-ios-heart-outline {
  left: 1px;
}
#bloc_fixed ul li > .ion-social-youtube-outline {
  font-size: 1.8rem;
  top: 4px;
  left: 1px;
}
#bloc_fixed .bloc {
  width: 50px;
  min-height: 50px;
  margin: 15px 0;
  position: relative;
  right: 7px;
  cursor: pointer;
  padding-left: 10px;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  background: #191919;
}
#bloc_fixed .bloc:hover {
  right: 12px;
  border:1px solid #fff;
}
#bloc_fixed .surcharge_favoris {
  left: 16px;
  top: 19px;
}
.badge-pill {
  padding-right: 0.4em;
  padding-left: .4em;
  border-radius: 10rem;
}
.badge {
  font-size: 66%;
}


/* ACTUALITES */
.actualites .content_page {
  width: 100%;
}
.actualites-group ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5em;
}
/* .actualites-group ul li {
  position: relative;
  width: calc(33.33% - 1em);
  margin: calc(0.5em * 2) 0.5em;
  overflow: hidden;
} */
.actualites-group ul li {
  position: relative;
  width: calc(100% / 3 - 16px);
  margin: calc(0.5em * 2) 0.5rem;
  overflow: hidden;
}
.actualites-group ul li:hover a{
  color: #444;
}
.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;
}
.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;
}
.bloc-infos {
  position: absolute;
}

@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:#fff;text-align:center;cursor:pointer}
.grid figure img{position:relative;display:block;min-height:250px;max-width:100%;opacity:0.7;    object-fit: cover;}
.grid figure:hover img{opacity:0.3;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}
.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:center}
figure.effect-marley .titre-cat,figure.effect-marley p{position:absolute;right:10px;left:10px;padding:10px 0}
figure.effect-marley p{bottom:100px;line-height:1.5;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0); text-transform: initial;color: #000;}
figure.effect-marley .titre-cat{font-size:20px;top:110px;-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);opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}
/* 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:hover {
  background: #fff;
}
.actualites-group ul li .title-post {
  font-size: 20px;
  font-weight: 400;
  margin: 5px 5px 10px 5px;
}


/* AUTRES */

.deco {
  text-transform: uppercase;
  font-size: 25px;
  color: #144c9b;
  text-align: center;
}
.deco::after {
  content: "";
  display: block;
  position: relative;
  background: rgba(0, 0, 0, 0.3);
  height: 1px;
  width: 100%;
  margin: 15px auto 25px 0;
}
.mentions {
  display: flex;
  margin-bottom: 0;
}
.mentions li {
  padding: 0 10px;
  margin: auto 0;
}
.mentions li img{
  width: 150px;
}
/* ========================================================================= */
/*                                TOP PAGE                                   */
/* ========================================================================= */
.bgAccueil-page {
  height: 70vh!important;
  top: 0!important;
  margin-bottom: 70px;
  margin-top: 150px;
}
.detail .bgAccueil-page {
 height: 100%!important;
 background-position: center;
}

.listing .bgAccueil-page,
.listing-vente .bgAccueil-page {
 background: url(/assets/images/bgimg-vente.jpg) center center!important;
  background-size: cover!important;
 background-repeat: no-repeat!important;
 z-index: -100;
  height: 80vh;
}

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

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

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

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

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

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

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

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


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


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

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

.contact .contact_formulaire, .recrutement .contact_formulaire, .estimation .contact_formulaire {
  width: 100%;
}


/* ========================================================================= */
/*                              LISTING & DETAIL                             */
/* ========================================================================= */
.prod_listing.damier .infos-details .info_prix {
  padding-top: 10px;
  text-transform: initial;
  width: auto;
}
.header-item ul.infos-details  {
  display: flex!important;
}

.detail .descriptif {
  font-weight: 500;
  font-size: 15px;
}
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
  height: 31px !important;
  border-radius: 0 !important;
}
[class*="listing-"] .form-style,
[class*="listing"] .form-style {
  border: 0;
  background: #fff;
  height: 36px;
}
.search__form-item:nth-child(n+2) {
  height: 42px;
}
.search__form-item:nth-child(n+2) {
  background: #fff;
  border: 1px solid #ccc;
    margin-right: 5px;
    margin-bottom: 5px;
    vertical-align: top;
    width: calc(100% / 6 - 5px);
    height: 38px;
}
.bootstrap-select>.dropdown-toggle {
  border: 0px solid #ccc;
  height: 31px;
}
.prod_listing .info_titre {
  white-space: break-spaces;
}
.bootstrap-select {
  border: 1px solid #fff !important;
}
.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: #000;
  height: 1px;
  width: 30%;
  margin: 10px auto 0 auto;
}
.prix-header-titre {
  color: #000;
  
}
.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: 'EB Garamond', serif;
}
#vvirtuelle embed {
  max-width: 600px!important;
  max-height: 320px!important;
}
.detail .interlocuteur {
  border: 0;
  padding: 10px;
  border-radius: 0;
  background: #fff;
  color: #000;
  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 #000;
  padding: 15px;
  margin: 10px 10px 10px 0;
  text-align: center;
  width: 23.4%;
}
.detailpiece-nompiece {
  font-weight: 600;
  text-transform: capitalize;
}
.lafficheur li {
  cursor: pointer;
  list-style: none;
  background-color: #000;
  color: #FFF;
  padding: 5px 10px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.lafficheur li:hover, .lafficheur li.active {
  background-color: #999;
}
.dropdown-menu.open.show {
  transform: translate3d(0px, 36px, 0px)!important;
}

.plusdecritere a{
  color: #fff;
}
[class*="listing"] .btn-primary,
[class*="listing-"] .btn-primary {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}
.listing-vendu .info_prix {
  display: none;
}
.detail .infos-photos ul {
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  margin: -0.5em;
}
.detail .infos-photos ul li  {
  width: calc(100% / 3 - 5px);
  position: relative;
    margin: calc(0.5em * 2) 0.5rem;
    overflow: hidden;
}
.detail .infos-photos ul li img {
  max-height: 250px;
  object-fit: cover;
  width: 100%;
}
.detail .carousel-item img {
  height: 80vh;
  object-fit: cover;
  width: 100%;
  object-position: center;
}
.detail_slide_thumbs {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.detail_slide_thumbs > li {
  height: auto;
  margin: 5px;
  width: calc(100% / 15 - 10px);
}
.detail_slide_thumbs > li > img {
  position: relative;
  width: 100%;
  margin: calc(0.15em * 2) 0.1em;
  overflow: hidden;
}
.detail .padding150 {
  padding: 150px 70px 0 70px;
}
.detail .detail_slide_thumbs li:nth-child(1),
.detail .detail_slide_thumbs li:nth-child(2),
.detail .detail_slide_thumbs li:nth-child(3),
.detail .detail_slide_thumbs li:nth-child(4),
.detail .detail_slide_thumbs li:nth-child(5),
.detail .detail_slide_thumbs li:nth-child(6),
.detail .detail_slide_thumbs li:nth-child(7),
.detail .detail_slide_thumbs li:nth-child(8),
.detail .detail_slide_thumbs li:nth-child(9),
.detail .detail_slide_thumbs li:nth-child(10),
.detail .detail_slide_thumbs li:nth-child(11),
.detail .detail_slide_thumbs li:nth-child(12),
.detail .detail_slide_thumbs li:nth-child(13),
.detail .detail_slide_thumbs li:nth-child(14),
.detail .detail_slide_thumbs li.voirphotos {
  display: block;
}
.detail .detail_slide_thumbs li.voirphotos {
  display: flex;
  justify-content: center;
}
.detail .detail_slide_thumbs li.voirphotos a{
  margin: auto;
}

.detail .detail_slide_thumbs li {
  display: none;
}
.detail .site-pusher .container,
.agence .site-pusher .container,
.contact .site-pusher .container {
  padding-right: 15px;
  padding-left: 15px;
}


/* ========================================================================= */
/*                              RESPONSIVE                                   */
/* ========================================================================= */



@media (min-width: 992px) {
   .not-sticking .header__logo img,
    .sticking .header__logo img,
     [class*="listing"] .header__logo img,
      [class*="listing-"] .header__logo img {
    width: 180px;
    padding: 6px 0;
}
  .index .not-sticking .header__logo img{
    width: 250px;
    padding: 0;
}
.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;
}

}
@media (min-width: 1281px) {
  .listing-header {
    position: absolute;
    top: 45%;
    -webkit-transform: translateY(-45%);
    -moz-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    -o-transform: translateY(-45%);
    transform: translateY(-45%);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 150px 0;
  }

  .container-detail{
    margin: 10% 105px 0 105px;
  }
}
@media (max-width: 1280px) {
  .container-detail{
    margin: 10% 95px 0 95px;
  }
  .menu ul > li > a {
      padding: 12px 10px 0 10px;
      color: #fff;
  }
  .sticking .menu ul > li > a,
  .not-sticking .menu ul > li > a {
    font-size: 12px;
    text-transform: uppercase;
  }
  .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) {
  aside.aside_contact {
    height: 50vh !important;
}
  aside .contact_img img {
    width: 50%;
}
    .sticking .menu ul > li > a, .not-sticking .menu ul > li > a {
      font-size: 16px;
  }
    .menu ul li {
      margin-bottom: 10px;
      padding-bottom: 10px;
      border-bottom: 0;
  }
    .with--sidebar .site-cache {
        left: auto;
    }  
    .menu {
      left: -250px;
      width: 100%;
      -webkit-transform: translateX(-250px);
      transform: translateX(-250px);
      right: 0;
    }
    .with--sidebar .menu {
      left: 0px;
    }
    .burger-item {
      right: 15px;
      left: auto;
    }
    .with--sidebar .burger-item:before,
    .with--sidebar .burger-item:after {
      right: 250px;
    }
  .home-visuel-wrapper {
    height: auto;
}
 .index .header .not-sticking {
  background: transparent!important;
}
  .index .photobox_type16 .photobox__label {
   font-size: 20px;
   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: 90px;
    padding: 10px 0;
  }
  .baseline {
    z-index: 20;
    position: absolute;
    top: 37%;
    -webkit-transform: translateY(-37%);
    -moz-transform: translateY(-37%);
    -ms-transform: translateY(-37%);
    -o-transform: translateY(-37%);
    transform: translateY(-37%);
    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 {
    right: 52%;
  }
  .logo-categorie {
    width: 57px;
    margin-bottom: 16px;
  }
  .reseaux-sociaux img {
    width: 27px;
  }
  .logo-footer {
    width: 70px;
    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: #144c9b;
      background: #144c9b;
  }
  .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;
  }
  .agence .row img { margin-bottom: 20px;}
  .bgAccueil-page {
    top: -20px;
      height: 40vh !important;
      margin-top: 66px;
  }
  .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: rgb(0 0 0 / 36%);
    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-left: 20px;
    float: left;
  }
  [class*="listing-"] article,
  [class*="listing"] 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: #fff;
    font-size: 23px;
  }
  .detail .carousel-item img {
    height: 100%;
  }
  .detail_slide_thumbs > li {
    width: calc(100% / 7 - 10px);
  }
  .voirphotos .btn i {
    margin-right: 0;
  }
  .detail .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .not-sticking .menu ul > li > a, .menu ul > li > a {
    color: #fff;
  }
  .index .not-sticking .burger-item, .index .not-sticking .burger-item::before, .index .not-sticking .burger-item::after {
    color: #144c9b;
    background: #144c9b;
  }
  aside .nom_agence, footer address ul p.nom_agence {
    font-size: 14px;
  }
  footer address ul p {
    font-size: 13px;
  }
  .mentions li img {
    width: 80px;
  }
  .detail .bgAccueil-page {
    height: auto !important;
  }
  .agence .deco {
    font-size: 21px;
  }
  .actualites-group ul li {
    width: calc(100% / 2 - 16px);
}
.detail .groupe-btn .list-inline-item {
  margin: 10px 5px;
}
}


@media (min-width: 992px) {


  .block_info_mobile {
    display: none;
  }

  .prod_listing .info_titre, .prod_listing.damier .info_titre {
    white-space: initial;
  }
  footer .liens_right {
    margin-top: 0px;
    padding-right: 95px;
}
}


@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;
 } */
  .index .not-sticking .header__logo img, .not-sticking .header__logo img, .header__logo img {
    width: 80px;
    padding:0;
    margin-left: 10px;
    float: left;
  }
  .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: 100% !important;
    min-height: 25vh;
    max-height: 30vh;
    top: 0;
    margin-top:50px;
  }
  .detail .bgAccueil-page {
    background-size: contain!important;
    height: auto !important;
    min-height: 20vh;
    max-height: 100%;
    top: 0;
    margin-top: 90px;
  }
  .container-detail {
    margin: 10% 15px 0 15px;
  }
  .detail .ancre-bottom {
    display: none;
  }
  .listing-header {
    padding: 0;
  }
  .logo-entete {
    margin-top: 50px;
    width: 70px;
  }
  .agence .text-right {
    text-align: left!important;
  }
  .header .sticking {
    background: #fff;
  }
  .site-container {
    background: #fff;
  }
  .index .not-sticking .site-container {
    background: transparent;
  }
  .row {
    margin-left: 0;
    margin-right: 0;
  }
  .header__icon {
    float: right;
  }
  .actualites-group ul li {
    width: calc(100% / 1 - 16px);
}
}
@media (max-width: 300px) {
  .detail_pieces ul li {
    width: 100%;
  }
}


@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);
  }

}


@media only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: portrait) {
  .bgAccueil {
      background-size: cover!important;
  }  
}