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

@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700');

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




body {
    font-family: 'Work Sans', sans-serif;
    background-color: #78aff5;
    color: #262626!important;
}
.marginauto {
    margin: auto;
}
.centre {
    text-align: center;
}
.alert-danger {
    color: #282768;
    background-color: #fff;
    border-color: #282768;
}
/* BOUTONS */
.btn {
    border-radius: 0;
}

.page-heading, .deco {
    color: #262626;
}
.page-heading::after,
.deco::after {
    content: "";
    display: block;
    position: relative;
    background: #d7e0e9;
    height: 4px;
    width: 60px;
    margin: 10px 0;
}
.home_heading2 {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 5px;
    margin: 10px 0 30px 0;
    text-align: center;
    text-transform: uppercase;
    color: #282768;
}

.bg-gris {
    background: rgb(215 224 233);
    padding: 14px 0;
    margin: -58px 0 54px 0;
    z-index: -1;
}

/* BOUTON */
.btn-primary, .btn-info, .btn-secondary {
    color: #282768;
    background-color: transparent;
    border-color: #282768;
}
.btn-primary:hover, .btn-info:hover, .btn-secondary:hover {
    color: #fff;
    background-color: #282768;
    border-color: #282768;
}

/* COULEURS */
.bleu {
    color: #282768;
}
.gris {
    color: #d7e0e9;
}
.bg-bleu {
    background: #78aff5;
}
.flex {
    display: flex;
}
/* TOP PAGE */
.top_page {
    height: 250px;
}

/* HEADER */
.site-pusher {
    background-color: #fff;
}

/* MENU */
nav ul > li > a {
    font-family: 'Nunito', sans-serif;
}
nav .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    color: #282768;
    text-align: inherit;
    background: 0 0;
    border: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
}
nav .dropdown-menu {
    min-width: 20px;
    background-color: #fff;
    border: 1px solid #d7e0e9;
    border-radius: 0;
    margin:0;
}
nav .dropdown-item:hover {
    color: #282768;
    text-decoration: none;
    background-color: #d7e0e9;
}




/* =============================================================== */
/*                               INDEX                             */
/* =============================================================== */
.bgAccueil {
    height: 0;
}

/* PRESENTATION */
.home_cont_presentation {
    position: relative;
    background-size: cover;
    margin: 0 auto;
    padding: 95px 0 0 0;
    background: #78aff5;
    display: block;
}
.home_cont_presentation p {
    text-align: center;
    color: #262626;
    font-size: 16px;
}
.home_cont_presentation .image-presentation {
    padding: 0;
}
.home_cont_presentation .contenu-presentation {
    padding-right: 50px;
    padding-left: 50px;
    text-align: center;
}
.home_cont_presentation p {
    margin-bottom: 3px;
}
.home_cont_presentation i {
    color: #fff;
    font-size: 26px;
    top: 5px;
    margin-left: 20px;
    margin-right: 5px;
}
.home_heading1 {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 3px;
    margin: 10px 0;
    text-align: center;
    text-transform: uppercase;
    color: #262626;
}
.home_heading1 span{
    font-size: 22px;
    font-weight: 600;
}


/* NOTRE SELECTION */
.home_cont_selection {
    padding:  0;
}
.prod_accueil {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.index .info_ville,
.agence .info_ville {
    font-size: 15px;
    text-transform: uppercase;
}
.index .prod_accueil .card-fav-absolute,
.agence .prod_accueil .card-fav-absolute{
    right: 20px;
    top: 20px;
    font-size: 22px;
    z-index: 150;
    color: #FFFFFF;
}
.index .info_type,
.agence .info_type{
    font-weight: 600;
    font-size: 15px;
    margin: 20px 0;
    text-transform: uppercase;
}
.index .prod_accueil .block_info,
.agence .prod_accueil .block_info {
    min-height: auto;
    padding: 10px;
    height: 70px;
    background: #fff;
    color: #262626;
    text-align: center;
}
.index .prod_accueil article {
    border: 1px solid #cfcfcf;
    border-bottom: 2px solid #282768;
    box-shadow: 6px 3px 5px rgb(0 0 0 / 50%);
    width: calc(22.3% - 2px);
    margin: 7px;
}
.agence .prod_accueil article,
.index .prod_accueil article,
 .prod_listing > .listing_article article {
    border: 1px solid #cfcfcf;
    border-bottom: 2px solid #282768;
    box-shadow: 6px 3px 5px rgb(0 0 0 / 50%);
    margin: 7px;
}
.agence .prod_accueil .info_prix,
.prod_accueil .info_prix {
    color: #262626;
    margin: 0 0 15px 0;
    padding: 0;
    position: absolute;
    top: 14px;
    right: 14px;
    background: #d7e0e9;
    padding: 7px 10px;
    font-weight: 500;
}
.prixplus, .detail_biens_sim {
    display: none;
}




/* =============================================================== */
/*                       LISTING & DETAILS                         */
/* =============================================================== */
.damier .card-fav-absolute {
	top: -1px;

}
/* LISTING */
.prod_listing > .listing_article article {
    border: 1px solid #cfcfcf;
    border-bottom: 2px solid #282768;
    box-shadow: 6px 3px 5px rgb(0 0 0 / 50%);
    margin: 7px;
    background: #fff;
}
.prod_listing .info_titre,
.prod_listing.damier .info_titre {
    display: block;
}
.prod_listing.damier {
    text-align: center;
}
.card_list {
    color: #282768;
}
.card_list li > span {
    font-weight: 500;
}
.card_list li > span:after {
    height: 0;
}
.prod_listing .info_prix {
    margin: 22px 0 15px 0;
    line-height: 20px;
    padding: 0 20px;
    font-weight: 600;
    color: #282768;
    font-size: 18px;
}

.damier .info_type {
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 20px;
}

.prod_listing .info_type {
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
}
.prod_listing .info_ville {
    font-size: 16px;
}
.prod_listing.carte .spin1.info_type {
    padding-left: 0;
}
.prod_listing.carte .info_ville {
    padding-left: 0;
}
.tool_boox_map {
    background: #282768 none repeat scroll 0 0;
}
.prod_listing.damier .block_info {
    min-height: auto;
}

/* MOTEUR */
.search__form-item:nth-child(n+2) {
    width: calc(100% / 3 - 5px);
    background: #fff;
}
.container_search .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    width: 92%;
}


.listing-location .search__form-item:nth-child(n+2) {
    width: calc(100% / 4 - 5px);
    background: #fff;
}
/* TRI */
.bootstrap-select {
    background: #fff;
}

/* DETAILS */

.detail_taber .nav-link {
    padding: 10px;
}
.detail_taber .nav-link.active,
.detail_taber .nav-link:hover {
    background: #282768 !important;
    color: #fff;
    padding: 10px;
}
.detail_taber {
    border-bottom: 1px solid #282768;
}

.detail_header .titre:after {
    background: #282768;
}
.detail_header .crit span:nth-child(1) {
    font-weight: 600;
}
.retour_pret {
    font-size: 25px;
    font-weight: 700;
    color: #282768;
}
.retour_pret span {
    color: #282768;
}
.detail .page_heading {
    font-size: 22px;
    font-weight: 500;
    border-left: 2px solid #282768;
    padding-left: 10px;
}
.detail .info_titre {
    text-transform: inherit;
}
.detail .info_prix {
    padding: 0;
}
.detail .header-item {
    padding: 0;
}
.lafficheur li:hover, .lafficheur li.active {
    background-color: #282768 !important;
}
.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #282768 !important;
}
.detail #descdetail{
    text-align: justify;
}
/*MISE EN FORME TABLEAU DETAILS*/
.detail .attribut_label0 {
    position: relative;
    background: #f0f5f9;
}
.detail .bloc-champ{
    background: #f0f5f9;
}


/* =============================================================== */
/*                     FOOTER & BOITE A OUTILS                     */
/* =============================================================== */


/* COORDONNEES */
.cont_coordonnees {
    padding-bottom: 0;
    background-color: #78aff5;
    color: #262626;
    padding-top: 20px;
}
.cont_coordonnees ul {
    margin: 0;
    display: flex;
    justify-content: space-between;
}
.cont_coordonnees ul li {
    margin: auto 15px;
}
address a {
    color: #000!important;
}
footer, footer a {
    color: #262626;
}
footer {
    background-color: #78aff5;
    padding: 1px 10px 10px 10px;
}
a {
    color: #262626;
}
footer ul.ul-footer {
    margin: 0;
    display: flex;
    justify-content: flex-start;
}


/* =============================================================== */
/*                              AUTRES                             */
/* =============================================================== */
.sidebar {
     display: none;
}
.content_page, .contact .contact_formulaire, .recrutement .contact_formulaire, .estimation .contact_formulaire {
    width: 100%;
}
.bg_collapse {
    background-color: #78aff5;
}


/* FORM VENDRE */
.form-group.c_nbpiece,
.form-group.c_nbchb,
.form-group.c_nbsdb,
.form-group.c_photo1,
.form-group.c_photo2,
.form-group.c_photo3 {
    width: 33%;
}
.form-group.c_descriptif,
.form-group.c_adressebien {
    width: 100%;
}

.alerte-email .form-control {
    color: #262626;
    border-radius: 0;
}
.alerte-email .form-group.c_typetransaction ,
.alerte-email .form-group.c_typebien,
.alerte-email .formactivity {
    width: 100%;
}
.alerte-email .dropdown-menu.open.show {
    transform: translate3d(0px, 0px, 0px)!important;
}
.alerte-email .form-group.c_superficiemin, 
.alerte-email .form-group.c_prixmin, 
.alerte-email .form-group.c_prixmax {
    width: 33%;
}
.agence .margin5pc {
    margin: 0 5%;
}


/* ------------------------------------------------------------------------------------------------------------------------------- */
/*                                                               REF BY LOLO                                                       */
/*
/*                                                                (ง '̀-'́)ง  
/*
/* ------------------------------------------------------------------------------------------------------------------------------- */

.listeliens ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.listeliens ul li{
    width: calc(100% / 3);
    /* si 3 colonnes */
}

.listeliens a {
  color:#282768;
  font-size: 14px;
}

.listeliens a:hover {
text-decoration: underline;
}

.page2ref p {
    text-align: justify;
    color: #262626;
    font-size: 16px;
    }

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

        .page2ref h2 {
            font-weight: 500;
            font-size: 20px;
            letter-spacing: 3px;
            text-align: center;
            text-transform: uppercase;
            color: #282768;
            padding: 30px 0px 30px 0px;
            }

.ref p {
text-align:center!important;
color: #262626;
font-size: 16px;
}

.ref h2 {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 3px;
    margin: 30px 0 10px 0;
    text-align: center;
    text-transform: uppercase;
    color: #282768;
}
.page2ref h2.deco::after,
.ref h2.deco::after {
    content: "";
    display: block;
    position: relative;
    background: #282768;
    height: 1px;
    width: 53%;
    margin: 10px auto;
}
.ref h1, .page2ref h1 {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 3px;
    margin: 10px 0 20px 0;
    text-align: center;
    text-transform: uppercase;
    color: #262626;
}

.mapagederef .top_page {
    background-image: url(../images/top_page/image_top.jpg);
}  
#exampleAccordion { 
    text-align: center;
}
.ensavoirplus {
    letter-spacing: 1px;
    margin: 10px 0;
    text-align: center;
    text-transform: uppercase;
    color: #262626;
    font-weight: 500!important;
    font-size: 15px;
}

.ensavoirplus:hover{
    color:grey;
}
#referencement {
    margin-top: 100px;
}



/* =============================================================== */
/*                            RESPONSIVE                           */
/* =============================================================== */
@media (min-width: 1281px) {
    .header__logo img {
        width: 250px;
    }   
    .menu ul > li > a {
        color: #282768;
        text-transform: uppercase;
        letter-spacing: 0.8px;
        font-size: 16px; 
        z-index: 1;    
        font-weight: bold;
        line-height: 1.4;
        padding: 5px 20px;
        transition: color 0.5s;
        transition-timing-function: cubic-bezier(0.2,1,0.3,1);
    } 
    .home_cont_valeurs .valeurs-bloc {
        padding: 76px 0;
        margin: -53% auto auto auto;
        width: 200px;
    }
}
@media (max-width: 1280px) {
    .header__logo img {
        width: 260px;
        margin-left: 10px;
    } 
    .menu ul > li > a {
        font-size: 15px; 
    } 
    .home_cont_valeurs .valeurs-bloc {
        padding: 65px 0;
        margin: -48% auto auto auto;
        width: 170px;
    }
}

@media (min-width: 992px) {

    .site-pusher {
        display: flex;
        justify-content: space-around;
        background-color: #fff;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .site-pusher nav, .menu ul {
        margin: auto 0;
    }
    nav.menu ul li {
        display: inline-block;
    }
    .header__logo {
        display: block;
        height: 95px;
        padding: 10px 0;
    }
    .menu ul > li > a {
        line-height: 1.2;
        color: #282768;
        font-weight: 400;
        }
        .menu ul > li > a {
            color: #282768;
            text-transform: uppercase;
            letter-spacing: 0;
            z-index: 1;
            font-weight: bold;
            line-height: 1.4;
            padding: 5px 12px;
            transition: color 0.5s;
            transition-timing-function: cubic-bezier(0.2,1,0.3,1);
        }

    nav ul li:hover a {
        color: #282768;
    } 
    nav ul > li > a {
        transition: color 0.5s;
        transition-timing-function: cubic-bezier(0.2,1,0.3,1);
    }
    nav ul > li > a::before {
        content: '';
        position: absolute;
        z-index: -1;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        opacity: 1;
        transform: scale3d(0,1,1);
        transform-origin: 0% 50%;
        transition: transform 0.5s;
        transition-timing-function: cubic-bezier(0.2,1,0.3,1);
        background-color: #d7e0e9;
    } 
    nav ul > li:hover > a:before {
        transform: scale3d(1,1,1);
    }

}

@media (max-width: 991px) {
    .header__logo img {
        width: 200px;
        margin-left: 0;
        padding-top: 4px;
    }
    nav.menu ul li .dropdown-menu {
        border: none;
    }
    .menu ul > li > a {
        text-transform: uppercase;
    }
    nav .dropdown-item {
        font-weight: 400;
    }
    .home_cont_presentation {
        padding: 65px 0 0 0;
    }
    .index .prod_accueil, .detail .prod_accueil {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .index .prod_accueil article, .prod_accueil article {
        width: calc(30.3% - 2px);
    }
    .cont_coordonnees ul li {
        margin: auto 6px;
        font-size: 12px;
    }
    .agence .margin5pc {
        margin: 0;
    }
    [class*="listing-"] .main-content,
    [class*="listing"] .main-content {
        margin-top: 100px;
    }
    .listing .bloc.bloc4, [class*="listing-"] .bloc.bloc4 {
        display: block;
        position: absolute;
        right: -3px;
        top: 19px;
        font-size: 20px;
        background: #282962;
        padding: 3px 12px;
        border-radius: 5px;
        color: #fff;
    }
    .listing .search__form-item:nth-child(n+2), [class*="listing-"] .search__form-item:nth-child(n+2) {
        width: 100%;
    }
    .modal-body a {
        color: #282962!important;
    }
    .bg_collapse .btn-content {
        top: 26px;
    }
    .map {
        margin-top: 66px;
    }

}
@media (max-width: 610px) {
    .home_heading1 span {
        font-size: 15px;
    }
    .home_heading1 {
        font-size: 16px;
    }
    .home_cont_presentation i {
        color: #fff;
        font-size: 20px;
        top: 3px;
        margin-left: 10px;
        margin-right: 2px;
    }
    .home_cont_presentation p {
        font-size: 13px;
    }
    .index .prod_accueil, .detail .prod_accueil {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .index .prod_accueil article, .prod_accueil article {
        width: 94%;
    }
    .agence .margin5pc {
        margin: 100px 0 0 0;
    }
    .cont_coordonnees ul {
        display: block;
    }
    .cont_coordonnees ul li {
        margin: 6px;
        font-size: 15px;
    }
    footer ul.ul-footer {
        display: block;
    }
    .map {
        top: auto;
    }
    .bg_collapse .btn-content {
        top: -17px;
    }
    .alerte-email .form-group.c_superficiemin, .alerte-email .form-group.c_prixmin, .alerte-email .form-group.c_prixmax {
        width: 100%;
    }
}

/* ================================= TABLETTE LADSCAPE ================================== */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .header__logo img {
        width: 200px;
        margin-left: 0;
    }
    .menu ul > li > a {
        font-size: 14px;
    }
    .index .prod_accueil article {
        width: calc(30.3% - 2px);
    }
    .agence .prod_accueil article{
        width: calc(32.3% - 6px);
        margin: 3px;
    }
    .agence .info_type, .agence .info_ville {
        font-size: 12px;
    }
}


/* ================================= MOBILE LADSCAPE ================================== */
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation:landscape){
    .alerte-email .form-group.c_superficiemin, .alerte-email .form-group.c_prixmin, .alerte-email .form-group.c_prixmax {
        width: 100%;
    }
}


/*  PAGE LISTING */

.page-item.active .page-link {
    color: #ffffff;
    background-color: transparent;
    border: 1px solid #ffffff;
}
.page-link {

    color: #ffffff;
    background-color: transparent;
}

.page-item.active .page-laulau {
    color: #ffffff;
    background-color: transparent;
    border: 1px solid #ffffff;
}

.page-laulau {

    color: #ffffff;
    background-color: transparent;
}
.page-item.disabled .page-link {
  color: #868e96;
  pointer-events: none;
  background-color: transparent;
  border-color: transparent;
}

.page-item a {
    display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  }
