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

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

body {
  background: #1a1a1a;
 color: #fff;
}


/* COULEURS */
.bleu {
  color: #08A5DB;
}
.home_cont_selection .info_prix {
  background: #08A5DB;
}

.selection-lien {
 color: #fff;
}
.selection-header-title {
  font-family: 'Merriweather', serif;
  font-weight: 300;
}

.header .sticking,
.header .not-sticking {
 background: #08A5DB;
}
.index .header .not-sticking {
 background: transparent;
}

a:hover {
 color: #fff;
}
.formcms4 a {
    color: #000;
}
.btn-primary, .btn-info, .btn-success, .btn-secondary {
  color: #fff;
  background-color: #08A5DB;
  border-color: #08A5DB;
}

.ancre-bottom {
  position: absolute;
  z-index: 1;
  margin: auto;
  right: 51%;
  bottom: 8%;
}
.scroll-down {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.scroll-down span:nth-child(2) {
  animation-delay: -0.2s;
}
.scroll-down span:nth-child(3) {
  animation-delay: -0.4s;
}
.scroll-down span {
  display: block;
  width: 25px;
  height: 25px;
  border-bottom: 4px solid #303030;
  border-right: 4px solid #303030;
  transform: rotate(45deg);
  margin: -10px;
  animation: animate 2s infinite;
}
@keyframes animate {
  0% {
    opacity: 0;
    transform: rotate(45deg) translate(-20px, -20px);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(45deg) translate(20px, 20px);
  }
}

.alert-success {
  color: #08a5db;
}

/* ============================================================================= */
/*                                      MOTEUR                                   */
/* ============================================================================= */
.radio_trans input[type=radio].css-checkbox:checked + label.css-label {
  background-color: #08A5DB;
  border-color: #08A5DB;
}
.radio_trans input[type=radio].css-checkbox:checked + label.css-label:after {
  content: '';
  display: block;
  position: relative;
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #08A5DB;
  margin: 9px auto;
  background: transparent;
}

/* ============================================================================= */
/*                                      MENU                                     */
/* ============================================================================= */
.menu .dropdown-menu {
  min-width: 230px;
  font-size: 1rem;
  color: #fff;
  background-color: rgba(0,0,0,0.7);
  border: 0;
  right: 0;
  left: -7px;
  padding: 5px;
  top: 27px;
}
.menu .dropdown-menu::before {
  content: '';
  display: block;
  position: relative;
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(0,0,0,0.7);
  margin: -15px auto 0 15px;
  background: transparent;
}

.badge-danger {
  color: #fff;
  background-color: #dc3545!important;
}
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 13px;
  line-height: 1;
  color: #fff;
  text-align: center;
  vertical-align: baseline;
  border-radius: 50%;
  right: 16px;
  top: 3px;
}

.a-recherche {
  display: none!important;
}
.index .a-recherche {
  display: inline-block!important;
}

/* ============================================================================= */
/*                                      INDEX                                    */
/* ============================================================================= */

.lien-modal li i:hover, .lien-modal li a:hover, .lien-modal li:hover .li-lien-modal .fas.fa-info:before, .lien-modal li:hover .li-lien-modal, .lien-item li:hover .li-lien-item, .lien-item li:hover .li-lien-item .fas.fa-info:before, .fas.fa-info:hover:before, .fas.fa-plus:hover:before, .fas.fa-plus:hover:before {
  color: #08A5DB!important;
}
.li-lien-item .tooltip-item {
  background: #08A5DB;
}
.li-lien-modal .tooltip-item:after, .li-lien-item .tooltip-item:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #08A5DB 10px;
  bottom: -9px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}
.selection-ccoeur article .block_img:before {
 color: #fff;
 text-shadow: 2px 5px 3px rgb(58 58 58);
}
.selection-ccoeur{
 margin: 7vw 0 5vw 0;
 background: #ba8c55;
 padding: 20px 0 80px 0;
}
.selection-ccoeur .selection-lien {
 color: #fff;
}
.header-item .fa-heart {
  font-size: 16px;
  color: #fff;
  padding-top: 3px;
}
.header-item .fa-heart:hover {
  color: #08A5DB;
}
.index .header-item .fa-heart:hover {
  font-size: 16px;
  color: #08A5DB;
}

.home_cont_alertes {
 background: rgb(55 55 55);
}
.home_cont_alertes .btn-primary {
 background-color: #08A5DB;
 border-color: #fff;
}
.menu-right i.ion-ios-search-strong {
  color: #fff;
}
.categorie-item {
  color: #08A5DB;
}
/* ============================================================================= */
/*                                      PAGES                                    */
/* ============================================================================= */
.alerte-email .content_page .container, .estimation .content_page .container {
  background: rgba(255,255,255,.75);
}
.alerte-email .page-heading, .form-group.c_rgpd a, .estimation .page-heading {
  color: #08A5DB;
}
.alerte-email p,
.estimation p,
.alerte-email label,
.estimation label {
  color: #000;
  font-size: 13px;
  font-weight: 500;
}
.form-group .form-style,
.formcms4 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
.estimation .bootstrap-select>.dropdown-toggle,
[class*="listing"] .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn), [class*="listing-"] .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn), [class*="listing-"] .search__form-item:nth-child(2), [class*="listing"] .search__form-item:nth-child(2), [class*="listing-"] .search__form-item:nth-child(3), [class*="listing"] .search__form-item:nth-child(3) {
  background: #fff!important;
  color: #000 !important;
}
input::placeholder {
  color: #000;
}
.formcms4 .btn.dropdown-toggle,
.formcms4 .input-group-addon,
[class*="listing-"] .input-group-addon,
[class*="listing"] .input-group-addon,
[class*="listing-"] .bootstrap-select>.dropdown-toggle.bs-placeholder,
[class*="listing"] .bootstrap-select>.dropdown-toggle.bs-placeholder {
  color: #000 !important;
}
[class*="listing"] .search__form-item.c_valid .btn,
[class*="listing-"] .search__form-item.c_valid .btn {
  background-color: #303030;
  border-color: #303030;
}
.btn.dropdown-toggle {
  color: #000 !important;
  background: #f1f1f1;
}
footer .reseaux-sociaux p, 
.agence .header_contenu ul li,
.agence .header_contenu p {
  color: #fff;
}
.home_cont_chiffres p {
  text-shadow: transparent 0.05em 0.05em 0em;
}
.agence .detail .h3, .page-heading, .deco {
  color: #a3a1a1;
}
.estimation .formcms4 .dropdown-menu.open.show {
  transform: translate3d(0px, 33px, 0px)!important;
}

.detail .h3, .page-heading, .deco {
  color: #979797;
}
.detail .attribut_label0, .detail .bloc-champ {
  background: #1a1a1a;
}
.lafficheur li {
  background-color: #08A5DB;
}
.retour_pret p, .detail .groupe-btn li i {
  color: #fff;
}
.detail .form-group.c_rgpd a {
  color: #fff;
}
.detail_calculette .form-style, select#duree.bootstrap-select, .detail_calculette-notaire form, .detail .form-group .form-style, .contact .form-group .form-style {
  background: #e9e9e9!important;
  color: #000!important;
}
tr.table-warning {color:#000;}
#myModal .btn.dropdown-toggle, .detail_calculette .input-group-addon {
  color: #000 !important;
}
.recherche-detaillee .page-heading {
  display: block;
}
.estimation .content_page {
  height: 90vh;
  padding-bottom: 50px;
  background: linear-gradient( rgba(0,0,0, 0.5), rgba(0,0,0, 0.5) ),url(/assets/images/bgimg-estimation.jpg) no-repeat center top;
  background-size: cover;
  width: 100%;
  display: flex;
}

/* LISTING */
body[class*="listing-"] .info_prix, body[class*="listing"] .info_prix {
  background: #08A5DB;
}
.ville-item {
  text-transform: capitalize;
}

/* DETAILS */
.detail .carousel-control-next, .detail .carousel-control-next:hover, .detail .carousel-control-prev, .detail .carousel-control-prev:hover {
  background: #08A5DB;
}
.lafficheur li {
  border: 1px solid #08A5DB;
}
.lafficheur li:hover, .lafficheur li.active {
  background-color: #000 !important;
}
.table-warning, .table-warning>td, .table-warning>th {
  background-color: #08A5DB !important;
}
.detail .groupe-btn li:hover i {
  color: #08A5DB;
}
.retour_pret, .retour_pret span {
  color: #08A5DB;
}

.alert-danger {
  background-color: #08A5DB;
}
/* AGENCE */
.agence .item-equipe .item-infos .infos-contact a:hover {
  color: #08A5DB;
}
.agence .header_contenu ul li span {
  background: #08A5DB;
}
.agence .swiper-horizontal>.swiper-pagination-bullets,
.agence .swiper-pagination-bullets.swiper-pagination-horizontal,
.agence .swiper-pagination-custom,
.agence .swiper-pagination-fraction {
  bottom: -50px;
  z-index: 0;
}
.agence .home_cont_chiffres .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
 .agence .home_cont_chiffres .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,6px);
  background: #08A5DB;
  border: 0px solid #08A5DB;
}
.agence .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,18px));
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,18px));
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .7);
  background: var(--swiper-pagination-bullet-inactive-color,#fff);
}
.agence .swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
}
.agence h3.nom_agence,
.gestion h3.nom_agence {
  font-size: 21px;
    color: #08a5db;
}
.agence .home_cont_chiffres .swiper-slide {
  height: 330px!important;
  margin: auto;
  text-align: center;
}
.agence .swiper-slide img {
  height: 300px;
  width: auto;
}
.agence .swiper-slide .item-equipe img {
  height: 300px;
  width: 100%;
}
.agence .header_nom_agence,
.votre-bien-en-location .header_nom_agence,
.gestion .header_nom_agence {
  font-size: 2.6vw;
  color: #fcfcfc;
  font-weight: 300;
  text-shadow: #000000c7 0.1em 0.1em 0.2em;
  text-transform: inherit;
  line-height: 1;
  font-family: 'Merriweather', serif;
}
.agence .contenu-equipe .swiper {
  height: 350px;
}
/* Votre bien en location */
.votre-bien-en-location .header_top_page {
  background-image: url(/assets/images/top_page/bien-loc_top.jpg);
  height: 80vh;
  background-position-y: top;
}
.votre-bien-en-location .header_nom_agence {
  font-size: 2.6vw;
  color: #fcfcfc;
  font-weight: 300;
  text-shadow: #000000c7 0.1em 0.1em 0.2em;
  text-transform: initial;
  line-height: 1;
}
.votre-bien-en-location .header_contenu {
  margin: auto 5%;
}
.votre-bien-en-location .header_agence {
  background: linear-gradient(to right, #141414, rgba(0,0,0,0));
  height: 100%;
  position: absolute;
  width: 50%;
  display: flex;
}

.header_top_page {
  height: 70vh;
}
/* GESTION */
.gestion .header_top_page {
  background-image: url(/assets/images/top_page/gestion_top.jpg);
  height: 70vh;
  background-position-y: top;
}
.gestion .header_nom_agence {
  font-size: 2.6vw;
  color: #fcfcfc;
  font-weight: 700;
  text-shadow: #000000c7 0.1em 0.1em 0.2em;
  text-transform: uppercase;
  line-height: 1;
}
.gestion .header_contenu {
  margin: auto 5%;
}
.gestion .header_agence {
  background: linear-gradient(to right, #141414, rgba(0,0,0,0));
  height: 100%;
  position: absolute;
  width: 50%;
  display: flex;
}
.gestion .ion-ios-arrow-thin-right {
  font-size: 24px;
  top:  -4px;
}
.deco {
  display: block;
  color: #fff;
  font-family: 'Merriweather', serif;
  font-weight: 300;
  line-height: 1.3;
}
.white, a, .breadcrumb-cms a {
  color: #fff;
}
.container_search a {
  color: #000!important;
}

/* RECHERCHE DETAILLEE */
.recherche-detaillee .sidebar {
  width: 33.33333%;
  background: #1a1a1a;
  padding: 10px;
  margin-left: 10px;
  margin-top: 0;
  text-align: center;
}
.recherche-detaillee .txt {
  color: #000;
  font-weight: 500;
}
.form-search-d label.btn.active, .form-search-d label.btn:hover {
  background: #08a5db;
}
.form-search-d label.btn.active .txt, .form-search-d label.btn:hover .txt {
  color: #fff;
}

/* FAVORIS */
.produitssimilaires .lien-item li {
  margin: 10px 20px 0 0;
}
.ion-ios-trash:hover:before {
  color: #08A5DB!important;
}
/* ============================================================================= */
/*                                     FOOTER                                    */
/* ============================================================================= */
.ul-adresse {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ul-adresse li.li-adresse{
  width: calc(100% / 3 - 5px);
  margin: auto 0px auto 0;
}
footer a:hover, footer .plan-de-site a:hover {
  color: #08A5DB;
}
.logo-footer {
  width: auto;
}
.btncookie {
  background: #08A5DB;
}

/* ========================================================================= */
/*                                AVIS GOOGLE                                */
/* ========================================================================= */


/* SOUS PAGES */
.faq-theme input[type=checkbox],
.faq-theme input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    display: none;
}
  /* Accordion styles */  
.faq-theme .tab {
    width: 100%;
    color: white;
    overflow:hidden;
  }
.faq-theme .tab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: transparent;
  font-weight: 400;
  cursor: pointer;
  color: #fff;
  min-height: 80px;
  align-items: center;
  border-bottom: 1px solid#fff;
  margin-top: 0;
  margin-bottom: 0;
}
.faq-theme .tab-label:hover {
    background: #08a5db;
    color: #fff;
  }
.faq-theme .tab-label::after {
    content: "❯";
    width: 1em;
    height: 1em;
    text-align: center;
    transition: all 0.35s;
  }
 .faq-theme .tab-content {
    max-height: 0;
    padding: 1em;
    color: #fff;
    background: transparent;
    transition: all 1s;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
  }
 .faq-theme .tab-content p{
    color: #fff;
  }
.faq-theme .tab-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: 0.75em;
    background: #08a5db;
    cursor: pointer;
  }
.faq-theme .tab-close:hover {
    background: #08a5db;
  }
  
.faq-theme input:checked + .tab-label {
    background: #08a5db;
    color: #fff;
  }
.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: 0.5em;
    display: block;
    color: #26282b;
    width: 97%;
    margin: -5px auto 10px auto;
}


.avis-google hr {
  box-sizing: content-box;
  height: 0;
  margin-top: 1rem;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.2);
}

.avis-google .header_top_page {
  background-image: url(/assets/images/top_page/avis_top.jpg);
  height: 70vh;
  background-position-y: top;
}
.avis-google .header_nom_agence {
  font-size: 2.6vw;
  color: #fcfcfc;
  font-weight: 700;
  text-shadow: #000000c7 0.1em 0.1em 0.2em;
  text-transform: uppercase;
  line-height: 1;
  font-family: 'Merriweather', serif;
}
.avis-google .header_contenu {
  margin: auto 5%;
}
.avis-google .header_agence {
  background: linear-gradient(to right, #141414, rgba(0,0,0,0));
  height: 100%;
  position: absolute;
  width: 50%;
  display: flex;
}
#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:#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: #08A5DB; 
  border-radius: 10px;
}
.bulle ::-webkit-scrollbar-thumb:hover {
  background: #08A5DB; 
}
.avis-reponse {
  border-left: 0;
  padding: 5px 0 0 0px;
  font-size: 14px;
}
#avisGoogleListe li .card {
  background-color: transparent;
  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;
  color: #fff;
}
.logo-google {
  width: 200px;
}

span.nbr-avis {
  font-size: 17px!important;
    margin-right: 0;
    color: #70757a!important;
    white-space: nowrap!important;
}
#avisGoogle .note-avis,
#avisGoogle2eAgence .note-avis,
#avisGoogle3eAgence .note-avis,
#avisGoogle4eAgence .note-avis,
#avisGoogle5eAgence .note-avis {
  width: 80px;
  height: 80px;
  background: #08A5DB;
  border-radius: 50%;
  text-align: center;
  margin: auto auto 20px auto;
  display: flex;
}
#avisGoogle .note-avis span,
#avisGoogle2eAgence .note-avis span,
#avisGoogle3eAgence .note-avis span,
#avisGoogle4eAgence .note-avis span,
#avisGoogle5eAgence .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,
  #avisGoogle2eAgence .note-avis,
  #avisGoogle3eAgence .note-avis,
  #avisGoogle4eAgence .note-avis,
  #avisGoogle5eAgence .note-avis {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
  }
  #avisGoogle .note-avis span ,
  #avisGoogle2eAgence .note-avis span ,
  #avisGoogle3eAgence .note-avis span ,
  #avisGoogle4eAgence .note-avis span ,
  #avisGoogle5eAgence .note-avis span {
    font-size: 33px;
  }
}
.avis-google {
  overflow-x: hidden;
}
#avisGoogle ,
#avisGoogle2eAgence,
#avisGoogle3eAgence,
#avisGoogle4eAgence,
#avisGoogle5eAgence {
  border-bottom: 0;
  padding: 0 0 20px 0;
}
.nom-poseur {
  color: #fff;
  font-weight: 500;
}


/* ============================================================================= */
/*                                 REF LOLO SEO                                  */
/*
/*                                |\__/,|   (`\
                                  |_ _  |.--.) )
                                  ( T   )     /
                                (((^_(((/(((_/
/*                                
/* ============================================================================= */

@media (max-width: 560px) {
  .listeliens ul li {
      width: 100%!important;
  }
  }

.listeliens ul{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
	
.listeliens ul li{
        width: calc(100% / 3);
        /* si 3 colonnes */
    }

@media (max-width: 560px) {
  .listeliens ul li{
  width: 100%;
    }
    }

.listeliens a {
  font-family: 'Merriweather', serif;
  text-decoration: underline;
  font-size:12px;
  }
  
.listeliens a:hover {
  color: #08A5DB;
  }

.ref p, .page2ref p {
  text-align:justify;
  color:#fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}

.ref h2, .page2ref h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  padding: 10px 0px 15px 0px;
  font-weight: 300;
  color: #08a5db;
  }

  .page2ref h3 {
font-size: 20px;
padding-top: 10px;
padding-bottom: 10px;
  }

  .page2ref h1 {
    font-family: 'Merriweather', serif;
    font-size:1.4vw;;
    text-align: center;
    padding:10px 0px 15px 0px;
    font-weight: 300;
    color:#fff;
    }

    .ref h1 {
      font-family: 'Merriweather', serif;
      font-size: 25px;
      padding: 10px 0 0 0;
      font-weight: 300;
      color: #fff;
      text-transform: inherit;
      /* text-align: center; */
  }

      .page2ref .info_type,.page2ref .info_ville,.page2ref .info_prix,.page2ref .description {
        color:black;
      }


/* PAGINATION */
.page-item.disabled .page-link,
.page-item .page-laulau,
.page-item.disabled .page-laulau {
  background-color: #08A5DB;
}

.page-item:first-child .page-link {
  margin-left: 0;
}
.page-item.disabled .page-laulau {
  color: #868e96;
  pointer-events: none;
  background-color: #fff;
  border-color: #ddd;
}
.page-item:first-child .page-laulau{
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-laulau{
  margin-left: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-laulau {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #fff;
  background-color: #1a1a1a;
  border: 0px solid #ddd;
}


/* ============================================================================= */
/*                                   RESPONSIVE                                  */
/* ============================================================================= */
@media (min-width: 992px) {
 .menu ul > li > a, .menu-right ul > li > a {
     /* color: #141414; */
     font-weight: 500;
     font-size: 15px;
 }
  .menu ul > li > a:before, .menu-right ul > li > a:before, .index .not-sticking .menu ul > li > a:before, .index .not-sticking .menu-right ul > li > a:before {
    background-color: #383838;
  }
  .header__logo img {
      width: 150px;
  }
  .index .not-sticking .header__logo img {
    width: auto;
  }
  .header__logo {
    height: 150px;
    padding: 0 10px;
}
  .index .not-sticking .header__logo {
    height: 160px;
  }
  .menu ul > li:hover > a, .menu-right ul > li:hover > a, .index .not-sticking .menu ul > li:hover > a, .index .not-sticking .menu-right ul > li:hover > a {
    color: #5c5c5c;
  }
  .menu ul > li > a:before, .menu-right ul > li > a:before, .index .not-sticking .menu ul > li > a:before, .index .not-sticking .menu-right ul > li > a:before {
    background-color: #adadadc9;
  }
  .menu ul > li > a,
  .menu ul > li > .item-nav,
  .menu-right ul > li > a {
    padding: 12px 10px;
    line-height: 1.2;
    color: #fff;
    font-size: 14px;
}
}

@media (max-width: 991px) { 
  body[class*="listing"] .menu-right li.a-recherche, body[class*="listing-"] .menu-right li.a-recherche {
    display: block!important;
}
}
@media (max-width: 768px) {
  .agence .swiper-slide img {
    height: 190px;
  }
  .agence .home_cont_chiffres .swiper-slide {
    height: 230px!important;
  }
  .bgAccueil {
    height: auto;
  }
  .ancre-bottom {
    display: none;
  }
  .header__logo img {
    width: 100px;
  }
  .page2ref h1, .agence .header_nom_agence, .votre-bien-en-location .header_nom_agence, .gestion .header_nom_agence, .avis-google .header_nom_agence {
    font-size: 30px;
  }
  .agence .header_contenu p {
    font-size: 16px;
  }
  .avis-google .header_top_page {
    background-image: url(/assets/images/top_page/avis_top.jpg);
    height: 50vh;
    background-position-y: top;
    background-position-x: center;
  }
  .agence .contenu-equipe .swiper {
    height: 450px;
  }
  .agence .item-equipe .item-infos {
    opacity: 1;
  }
  .agence .swiper-horizontal>.swiper-pagination-bullets, .agence .swiper-pagination-bullets.swiper-pagination-horizontal, .agence .swiper-pagination-custom, .agence .swiper-pagination-fraction {
    bottom: 0;
    z-index: 0;
  }
}











@media (max-width: 600px) {
 .bgAccueil {
      height: auto;
  } 
  .home_cont_selection .swiper-slide {
    width: 75%!important;
  }
  .agence .contenu-equipe .swiper-slide {
    height: 250px!important;
}
.agence .header_top_page {
  height: 100vh;
}
.agence .header_nom_agence,
.page2ref h1,
.avis-google .header_nom_agence,
.votre-bien-en-location .header_nom_agence,
.gestion .header_nom_agence
{
  font-size: 30px;
}
#content {
  margin-top: 35%;
}
.gestion .header_top_page {
  background-image: url(/assets/images/top_page/gestion_top.jpg);
  height: 110px;
  background-position-y: top;
  background-size: cover;
  margin-top: 70px;
}
.avis-google .header_top_page{
  height: 345px;
  background-position-y: top;
  background-position-x: center;
  background-size: cover;
  margin-top: 100px;
}
.top_page {
  height: 110px;
  margin-top: 70px;
}
.logo-footer {
  width: 170px;
}
.comparateur .top_page,
.mentions-legales .top_page {
  height: 150px;
}
.mentions-legales .top_page {
  margin-top: 105px;
}
.mentions-legales h2 {
  margin-top: 50px;
  font-size: 22px;
}
.agence .item-equipe .item-infos .infos .fonction-post, .agence .item-equipe .item-infos .infos-contact a, .agence .item-equipe .item-infos .infos .title-post {
  font-size: 15px;
}
nav.menu ul li .dropdown-menu {
  display: block !important;
  position: initial;
  background-color: #0d0e0e !important;
  width: 100%;
  top: auto;
  margin-bottom: 14px;
}
.estimation .content_page {
  height: auto;
  margin-top: 150px;
}
.estimation .container.clearfix.mb-5 {
  margin-top: 149px;
}
.alerte-email .content_page {
  margin-top: 100px;
}
}