/*PREMIUMBASE*/

.h1, h1{
    font-size: 30px;
}

.fancybox-navigation{
    top: 50%;
}

.invalid-feedback{
    display: block;
}

.listing-neuf .dropdown-menu.inner{
    max-height: 250px !important;
}

.detail_pieces ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1200px){
    .detail_pieces ul li{
        width: 31%;
    }
}

@media (max-width: 991px){
    .detail_pieces ul li{
        width: 47%;
    }
}

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

.line{
    height: 10px;
}

.home_heading{
    font-size: 28px;
    text-align: center;
}

.deco{
    padding: 10px 0;
}

.bootstrap-select>.dropdown-toggle{
    background: #fff;
}

.btn-link:hover{
    color: #749713;
}

.dropdown-menu{
    padding: 0;
    padding: 5px;
}

.bootstrap-select.btn-group .dropdown-menu li a:before{
    padding-right: 5px;
    font-family: "Ionicons";
    font-size: 13px;
}

.bootstrap-select.btn-group .dropdown-menu li.selected a:before{
    font-family: "Ionicons";
}

.top_link{
    z-index: 99;
    bottom: 65px;
    background: #1d1d1d;
    border-radius: 0;
    border: 1px solid #f1f1f1;
}

.top_link:hover{
    height: 100px;
    text-align: center;
}

.header{
    background: transparent;
    position: relative;
}

.header .sticky_menu.stick-me.sticking{
    -webkit-animation: slide-down .4s;
    animation: slide-down .4s;
}

@-webkit-keyframes slide-down{
    0%{
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100%{
        opacity: .9;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down{
    0%{
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100%{
        opacity: .9;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.lang .dropdown-toggle::after{
    content: "\f123";
    font-family: "Ionicons";
    position: absolute;
    border: 0;
    font-size: 12px;
    padding-top: 5px;
    opacity: 1;
    right: 3px;
    top: 11px;
}

.modal{
    z-index: 10000;
}

.bloc.bloc4{
    display: none;
}

@media (max-width: 768px){
    .listing .bloc.bloc4, body[class*="listing-"] .bloc.bloc4 {
        display: block;
        position: absolute;
        right: -3px;
        top: 50px;
        font-size: 20px;
        background: #ddd;
        padding: 3px 12px;
        border-radius: 5px;
    }
    .plusdecritere{
        margin-top: 0;
    }
    .modal-content{
        padding: 15px 0;
    }
}

.bgAccueil{
    height: 100%;
    height: 100%;
    position: relative;
    background: url("/assets/images/bgimg.jpg") no-repeat center center fixed;
    background-size: cover;
}

.comparateur .top_page{
    background-image: url("../images/top_page/comparateur_top.jpg");
}

.recherche-detaillee .top_page{
    background-image: url("../images/top_page/recherche-detaillee_top.jpg");
}

aside.aside_contact{
    background-color: #1f1f1f;
}

aside .contact_coordinates, aside .aside_map{
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
}

aside .contact_img img{
    width: 100%;
}

aside .social_network i{
    font-size: 2em;
    padding: 0 5px;
}

.top_page{
    background-color: #173e65;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.top_page .top_heading{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.content_page{
    width: 66.6667%;
}

.sidebar{
    margin-top: -100px;
}

html [type=button]{
    text-align: center;
}

.map .gm-style-mtc div, #map .gm-style-mtc div, #map-proximite .gm-style-mtc div, #mapliste .gm-style-mtc div{
    height: 35px !important;
    font-size: 13px !important;
}

.map .gmnoprint.gm-bundled-control{
    top: 45px !important;
}

.sidebar .group_btn a{
    font-size: 13px;
    padding: 8px;
}

.sidebar_blocinfos{
    padding: 20px;
    margin-bottom: 20px;
}

.sidebar_blocinfos.sticky{
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
}

#bloc_fixed{
    bottom: 50%;
}

#bloc_fixed .bloc{
    background: rgba(0,0,0,.6);
    color: #fff;
}

#bloc_fixed .bloc a{
    color: #fff;
}

#bloc_fixed .bloc:hover{
    background: rgba(0,0,0,.75);
    right: 150px;
}

#bloc_fixed .bloc1 ul li:nth-child(1), #bloc_fixed .bloc2 ul li:nth-child(1), #bloc_fixed .bloc3 ul li:nth-child(1), #bloc_fixed .bloc4 ul li:nth-child(1){
    margin-right: 6px;
}

#bloc_fixed_bottom{
    background: rgba(0,0,0,.75);
}

#bloc_fixed .surcharge_favoris{
    left: -46px;
    top: 0;
}

.appel_horaires{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page_heading{
    font-size: 26px;
}

.cont_coordonnees{
    padding-bottom: 40px;
    background-color: #333;
    color: #fff;
}

.cont_coordonnees .btn{
    width: 200px;
}

footer{
    background-color: #000;
    padding: 50px 10px;
}

footer, footer a{
    color: #fff;
}

footer .liens_right{
    text-align: right;
}

footer .liens_right{
    margin-top: 20px;
}

.moteur{
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20;
    background-color: rgba(0,0,0,.6);
}

.plusdecritere{
    text-align: right;
    margin-top: 10px;
}

.plusdecritere .text-filtre1{
    width: 50%;
    display: inline-block;
}

.plusdecritere .text-filtre2{
    width: 49.5%;
    display: inline-block;
}

.input-group-addon{
    background: transparent none repeat scroll 0 0;
    border-left: 0 none;
    color: #111;
    font-size: 15px;
    position: relative;
    position: absolute;
    font-weight: 500;
    border: none;
    top: 0;
}

.radio_trans{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.radio_trans input[type=radio].css-checkbox + label.css-label{
    color: #fff;
}

.index .radio_trans input.css-checkbox[type="radio"]:checked + label.css-label{
    border-bottom: 4px solid #fff;
    color: #fff;
    font-size: 17px;
}

.bootstrap-select{
    position: relative;
    border: 1px solid #ccc !important;
}

.dropdown-toggle::after{
    font-family: "Ionicons";
    position: absolute;
    right: 30px;
    border: 0;
}

.groupe_champs > .c_message{
    width: 100%;
}

.form-search-d{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

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

.c_rgpd{
    width: 100% !important;
    font-size: 13px;
}

.form-style{
    font-size: 1rem;
    border: 1px;
    border: 1px solid #ccc;
    background: #fff;
}

.contact .contact_adresse, .estimation .contact_adresse{
    padding: 0;
    padding: 0 20px;
}

.estimation .form-navigation div{
    display: inline-block;
}

.estimation .progress{
    height: 17px;
    margin: 5px 0;
}

.groupe_champs{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.groupe_champs{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.critere_prix_hb{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.bg_collapse{
    min-height: 480px;
    background-color: #fff;
}

.map{
    height: 250px;
}

.bg_collapse .btn-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-link{
    color: #000;
}

.page-item.active .page-link{
    z-index: 2;
    color: #000;
    background-color: transparent;
    border-color: transparent;
}

.breadcrumb-cms{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

article.item-listing:hover{
    cursor: hand;
    cursor: pointer;
}

.header_product{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.prod_listing > .listing_article article{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #e0e0e0;
}
.container_search {
    margin: 10px 0;
}
.container_search a:hover {
    color: #222222;
}
.container.prod_listing{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.prod_listing .block_info{
    position: relative;
}

.prod_listing.damier .article_content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.prod_listing.damier > .listing_article article{
    width: 32.3333%;
}

.damier .card_list{
    margin-bottom: 25px;
    margin-top: 20px;
}

.damier .card_list li{
    font-size: 17px;
}

.prod_listing.damier .block_info{
    min-height: 300px;
}

.btn-info i{
    font-size: 26px;
    vertical-align: middle;
    margin-right: 0;
}

.prod_listing.carte .over_desc, .prod_listing.carte .info_titre, .prod_listing.carte .info_prix-hai{
    display: none;
}

.prod_listing.carte .info_prix{
    font-size: 20px;
    margin: 20px 0 15px;
}

.prod_listing.carte .card_list{
    margin-bottom: 15px;
    margin-top: 10px;
    font-size: 15px;
}

.prod_listing.carte .info_ville{
    font-size: 15px;
    padding-left: 15px;
}

.prod_listing.carte .spin1.info_type{
    padding-left: 15px;
}

.listing .header-item, body[class*="listing-"] .header-item{
    padding: 5px 0 0 20px;
}

.damier .header-item{
    padding: 20px 0 0 20px;
}

.module_recherche_carte{
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 150px;
}

.carte .card-fav-absolute{
    top: 0px;
}

.damier .card-fav-absolute{
    top: 10px;
}

.tool_boox_map{
    background: #333 none repeat scroll 0 0;
}

.bandeaux{
    color: #fff;
}

.block_etiquette{
    padding: 8px;
}

.b_ccoeur{
    background-color: #e34848;
}
.b_offre_en_cours{
    background-color: #ff1e1e;
}

.b_exclu{
    background-color: #74bab1;
}

.b_prestige{
    background-color: #e7c74d;
}

.b_international {
    background-color: #3cc8af;
}

.b_investisseur{
    background-color: #8dac63;
}

.b_souscompromis{
    background-color: #3d2c62;
}

.b_vendu{
    background-color: #ff5800;
}

.b_loue{
    background-color: #e37c93;
}

.b_loc{
    background-color: #e34848;
}
.primo_accedant {
    background-color: #33578d;
}
.block_etiquette.primo_accedant,
.block_etiquette.b_souscompromis {
    font-size: 13px;
}

.info_ville{
    font-size: 18px;
    padding-top: 6px;
}

.info_titre{
    font-size: 17px;
}

.info_prix{
    margin: 22px 0 15px 0;
    line-height: 20px;
    padding: 0 20px;
}

.info_prix sup{
    top: -12px;
}

.card_list li > span{
    font-weight: bold;
}

.card_list li > span:after{
    background: #000;
    bottom: -7px;
    content: "";
    height: 1px;
    left: 1px;
    line-height: 0;
    position: absolute;
    width: 10px;
}

.prod_listing .card_foot{
    padding: 0 1.5rem 1.5rem 1.25rem;
}

.prod_listing .card_foot > ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}

.detail_carousel_expand{
    bottom: 80px;
    right: 20px;
    color: #fff;
}

.comparateur .container.resettop{
    top: -49px;
}

.comparateur .nav-tabs .nav-link{
    color: #464a4c;
    background-color: #f6f6f6;
}

.detail .container_page{
    margin-top: 20px;
}

.formcontactcms4 > .groupe_champs, .formcms4 .groupe_champs, .form_clicktocall .groupe_champs{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.detail_icone_share, .detail_tabs, .detail_form_contact, .detail_biens_sim{
    padding: 1.5rem 0;
}

.detail_taber{
    border-bottom: 1px solid #000;
}

.detail_taber .nav-link{
    padding: 10px 15px;
}
/* source ?
.detail_taber .nav-link.active,
.detail_taber .nav-link:hover {
    background: #007bff !important;
    color: #fff;
    padding: 10px 15px;
}
*/
.detail_slide_thumbs > li{
    transition: opacity .35s ease 0s,-webkit-transform .35s ease 0s;
    transition: opacity .35s ease 0s,transform .35s ease 0s;
    transition: opacity .35s ease 0s,transform .35s ease 0s,-webkit-transform .35s ease 0s;
}

.detail_slide_thumbs > li > img{
    transition: opacity .35s ease 0s,-webkit-transform .35s ease 0s;
    transition: opacity .35s ease 0s,transform .35s ease 0s;
    transition: opacity .35s ease 0s,transform .35s ease 0s,-webkit-transform .35s ease 0s;
}

.detail_icone > ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
}

.tab-content .card_list{
    justify-content: space-between;
}

.lignemoteur, .groupe_champs > .form-group{
    width: 50%;
    padding: 0 10px;
}

.groupe_champs > .c_message{
    width: 100%;
}

.detail_annexe{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.detail_annexe_nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
}

.detail_annexe_nav > li a::after{
    font-weight: normal;
}

.detail_slide_thumbs{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#detail_qrcode{
    text-align: right;
}

@media (max-width: 1024px){
    .detail .attribut_label0{
        padding: 0;
    }
}

@media (max-width:991px){
    .calendrier-loc-sais, #calendrier-loca-saisons{
        max-width: 95%;
        margin: 0 15px;
        padding: 10px;
        text-align: center;
    }
}

@media (max-width:420px){
    .calendrier-loc-sais, #calendrier-loca-saisons{
        max-width: 90%;
    }
    #calendrier-loca-saisons table{
        margin: auto;
        margin-bottom: 20px;
    }
}

.detail_header_sticky{
    background: #f4f4f4;
}

.detail_header .titre, .detail_header_sticky h1, .carousel_header .titre{
    position: relative;
    position: relative;
}

.detail_header_sticky > .container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.detail_header_nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.detail_header .crit{
    padding-top: 7px;
}

.detail_header .crit span:nth-child(1){
    font-weight: 600;
}

.detail_header .titre:after{
    bottom: -1px;
    bottom: 0;
}

label.custom-file-control{
    overflow: hidden;
}

.home_cont_selection, .home_cont_categories{
    padding-top: 50px;
    padding-bottom: 50px;
}

.prod_accueil{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.prod_accueil article{
    border: 1px solid #ddd;
    width: calc(33.3% - 20px);
    margin: 10px;
}

.prod_accueil .block_img img{
    height: auto;
    width: 100%;
}

.prod_accueil .block_info{
    z-index: 0;
    padding: 20px;
    min-height: auto;
}

.prod_accueil .card-fav-absolute{
    top: 34%;
    right: 25px;
}

.prod_accueil .effect-cms .over_desc{
    display: none;
}

.prod_accueil .card_list{
    justify-content: space-between;
}

.prod_accueil .info_prix{
    margin: 0 0 15px 0;
    padding: 0;
}

.prod_accueil .box{
    height: 40px;
}

.prod_accueil .info_prix-hai{
    line-height: 1em;
    margin-top: 10px;
    text-transform: initial;
}

.home_cont_presentation{
    position: relative;
    background: url("/modele/images/home-background-presentation.jpg") no-repeat center top;
    background-size: cover;
    color: #fff;
    margin: 0 auto;
    padding: 128px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home_cont_presentation h3{
    text-transform: uppercase;
}

.home_cont_presentation p{
    text-align: justify;
}

.cat{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    cursor: pointer;
    margin-bottom: 20px;
}

.home_cont_categories .cat-infos-overlay{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    background: rgba(0,0,0,.75);
    color: #fff;
    width: 180px;
    height: 100%;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cat:hover .cat-infos-overlay{
    background: rgba(0,0,0,.75);
    width: 100%;
    height: 100%;
}

.home_cont_categories .cat-text{
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .1em;
}

.home_cont_categories .cat-text::after{
    content: "";
    display: block;
    position: relative;
    background: #fff;
    height: 1px;
    width: 80px;
    margin: 20px auto 0 auto;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.cat:hover .cat-text::after{
    width: 150px;
}

.home_cont_categories .cat-text-small{
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    text-align: center;
    display: block;
}

.home_cont_categories .cat-text{
    margin-top: 0;
}

.cat{
    margin-bottom: 0;
}

.index .fiche_produit{
    margin-bottom: 0px;
}

.listing .fiche_produit{
    margin-bottom: 35px;
}

.home_cont_alertes .btn{
    margin-left: 20px;
}

.home_cont_alertes{
    padding: 40px 10px;
    background: rgba(0,0,0,1);
    text-align: center;
}

.home_cont_alertes p{
    color: #fff;
}

.home_cont_alertes p, .home_cont_alertes a{
    display: inline-block;
}

.home_cont_alertes p i{
    font-size: 30px;
    margin-right: 10px;
    display: inline;
}

.action_bar{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block_vue_list ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.effect-cms img{
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: .8;
}

.effect-cms p{
    letter-spacing: 1px;
}

.effect-cms p.icon-links a{
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s,-webkit-transform .35s;
}

.effect-cms .over_desc{
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s,-webkit-transform .35s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.over_desc .col2 ul li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.card-fav-absolute{
    position: absolute;
    top: 0px;
    font-size: 25px;
    cursor: pointer;
}

.ion-ios-heart-outline.active:before{
    color: red;
}

.ion-ios-heart-outline:hover:before, .ion-ios-heart:hover:before{
    color: red;
}

.prod_listing.damier .info_titre{
    width: 80%;
}

.detail_icone > ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
}

#biens_comparatif .article_comparatif .spin1,
#biens_comparatif .article_comparatif .spin2,
#biens_comparatif .article_comparatif .spin3,
#biens_comparatif .article_comparatif .spin4,
#biens_comparatif .article_comparatif .spin5,
#biens_similaires_comparateur .article_comparatif .spin1,
#biens_similaires_comparateur .article_comparatif .spin2,
#biens_similaires_comparateur .article_comparatif .spin3,
#biens_similaires_comparateur .article_comparatif .spin4,
#biens_similaires_comparateur .article_comparatif .spin5{
    font-size: 15px;
}

#biens_comparatif .article_comparatif .bottom .btn-primary,
#biens_similaires_comparateur .article_comparatif .bottom .btn-primary{
    width: 80%;
}

#biens_comparatif .article_comparatif .bottom .item-favori-delete,
#biens_similaires_comparateur .article_comparatif .bottom .item-favori-delete{
    width: 18%;
}

@media (max-width:991px){
    #biens_comparatif .article_comparatif .bottom .btn-primary,
    #biens_similaires_comparateur .article_comparatif .bottom .btn-primary{
        width: 100%;
        margin-bottom: 10px;
        font-size: 15px;
    }
}

.recherche-detaillee .btn-primary.active, .recherche-detaillee .btn-primary:active, .recherche-detaillee .show > .btn-primary.dropdown-toggle{
    border-color: #ddd;
    background: #666;
}

.card_list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 20px;
}

.alert-info{
    background: #eee;
    margin-top: 25px;
}

#voir-telephone-0.telephone-vu{
    color: #fff;
}

body.contact .map, #map_contact{
    height: 250px !important;
    -webkit-transition-property: height;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: height;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
}

body.contact .map[toggled="toggled"], #map_contact[toggled="toggled"]{
    height: 500px !important;
}

body.contact div.map div#map div#map_contact{
    width: 100%;
    height: 700px;
    margin: 0px auto;
}

.page_ref .prod_listing.damier{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width:768px){
    .page_ref .prod_listing article{
        margin: 10px;
        width: calc(50% - 20px);
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
        box-shadow: 0 1px 2px rgba(0,0,0,.3);
    }
    .carousel-fullscreen .carousel-inner .carousel-item{
        height: 40 vh;
        min-height: 600px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .prod_accueil .card-fav-absolute {
        top: 5%;
    }
}

@media (max-width:468px){
    .page_ref .prod_listing article{
        margin-bottom: 20px;
        padding: 10px;
        width: 100%;
    }
}

@media (min-width: 992px){
    nav.menu ul li{
        display: inline-block;
    }
    .listing .sticking .site-container{
        display: none;
    }
    .detail .not-sticking .detail_header_sticky{
        display: none;
    }
    .detail .sticking .site-container{
        display: none;
    }
}

@media (max-width: 991px){
    .header{
        position: fixed;
        height: auto;
        width: 100%;
        z-index: 8000;
        background: #fff;
        top: 0;
    }
    nav.menu ul li .dropdown-menu{
        display: block !important;
        position: inherit !important;
        background-color: #0d0e0e !important;
        width: 100%;
    }
    nav.menu ul li .dropdown-menu .dropdown-item{
        padding: .25rem 0 0 5px !important;
        color: #fff !important;
    }
    .with--sidebar .header{
        height: 100%;
    }
    .site-pusher, .site-container{
        height: 100%;
    }
    .site-container{
        overflow: hidden;
    }
    .site-pusher{
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    .site-content{
        position: absolute;
        top: 66px;
        right: 0;
        left: 0;
        bottom: 0;
        padding-top: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .header__icon{
        position: relative;
        display: block;
        float: left;
        width: 50px;
        height: 66px;
        cursor: pointer;
        z-index: 99999999999;
    }
    .burger{
        position: fixed;
        top: 10px;
        left: 10px;
        z-index: 200;
        z-index: 99999999999;
        opacity: 0;
        height: 40px;
        width: 40px;
    }
    .burger-item{
        color: #000;
        font-size: 40px;
        position: fixed;
        top: 25px;
        left: 15px;
        z-index: 100;
        background: #000;
        height: 3px;
        width: 24px;
    }
    .burger-item::before{
        content: "";
        position: absolute;
        background: #000;
        color: #000;
        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;
        background: #000;
        color: #000;
        display: block;
        height: 3px;
        width: 24px;
        margin-top: 8px;
        -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);
    }
    .with--sidebar .burger-item:after{
        margin-top: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .with--sidebar .burger-item{
        background: transparent;
        color: transparent;
    }
    .menu{
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.95);
        width: 250px;
        -webkit-transform: translateX(-250px);
        transform: translateX(-250px);
    }
    .menu ul li > a{
        display: block;
        text-align: left;
        color: #fff;
    }
    .menu ul li >a:hover{
        color: #ccc;
    }
    .menu ul{
        margin: 70px 20px 0 20px !important;
    }
    .menu .nav-link{
        padding: 0;
    }
    .menu ul li{
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #5f5f5f;
    }
    .with--sidebar .site-pusher{
        -webkit-transform: translateX(250px);
        transform: translateX(250px);
    }
    .with--sidebar .site-cache{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.6);
    }
    .lang .dropdown-menu{
        width: 100%;
    }
    .dropdown-item:focus, .dropdown-item:hover{
        background-color: transparent;
    }
    .lang .dropdown-toggle::after{
        right: 20px;
        top: 0;
    }
    .lang .dropdown-item{
        padding: 22px 0 0 0;
        color: #fff;
    }
    .lang .dropdown-menu{
        background-color: transparent;
    }
    .listing form{
        display: none;
    }
    .listing_article .img-fluid{
        width: 100%;
        height: 100%;
    }
    .prod_listing.damier > .listing_article article{
        width: 100%;
        margin-top: 20px;
    }
    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
        width: 100% !important;
    }
    .block_vue_list{
        display: none;
    }
    .listing_article .img-fluid{
        width: 100%;
        height: 100%;
    }
    .prod_listing > article{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .prod_listing .block_img, .prod_listing .block_info, .sidebar{
        width: 100%;
    }
    .content_page, .sidebar{
        width: 100%;
    }
    .sidebar{
        margin: 50px 0 0 0;
        padding: 0;
    }
    .contact .sidebar{
        margin: 50px 0 0 20px;
    }
    .detail .not-sticking .sticky_moteur{
        display: none;
    }
    .detail .sticking .sticky_moteur{
        display: block;
    }
    .detail .container_page{
        margin-top: 100px;
    }
    .detail_header{
        margin-bottom: 30px;
    }
    .detail_calculette-notaire form > div{
        padding: 10px 0;
    }
    .detail_calculette-notaire form > div > input{
        width: 100%;
    }
    .comparateur .container.resettop .nav-link span{
        display: none;
    }
    .form-search-d{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .form-search-d > li{
        width: 100%;
        margin: 15px;
        padding: 0;
    }
    .detail .detail_taber .nav-item{
        font-family: "Ionicons";
    }
    .detail_taber .nav-item a{
        font-size: 19px;
        line-height: 35px;
        padding: 10px 25px;
    }
    .detail .vvirtuelle:before{
        display: block;
    }
    .detail_taber .descriptif-icon a:before{
        content: "\f127";
    }
    .detail_taber .detail-icon a:before{
        content: "\f130";
    }
    .detail_taber .pieces-icon a:before{
        content: "\f41d";
    }
    .detail_taber .lots-icon a:before{
        content: "\f41d";
    }
    .detail_taber .dpe-icon a:before{
        content: "\f36b";
    }
    .detail_taber .localisation-icon a:before{
        content: "\f456";
    }
    .detail_taber .calculette-icon a:before{
        content: "\f26d";
    }
    .detail_taber .notaire-icon a:before{
        content: "\f12e";
    }
    .detail_taber .visite-icon a:before{
        content: "\f256";
    }
    .detail_icone > ul >li:nth-of-type(2){
        display: none;
    }
    #listing{
        display: none !important;
    }
    .lafficheur li{
        font-size: 12px !important;
        padding: 5px !important;
    }
    .detail_calculette .d-flex > div{
        width: 100%;
    }
    .detail_calculette .mr-2{
        margin: 0 !important;
    }
    .detail_header_sticky h1{
        text-align: center;
        font-size: 12px;
        display: block;
        width: 100%;
    }
    .prod_listing .block_info-vendu{
        width: 100%;
    }
    .prod_listing .info_titre{
        width: 90%;
    }
    .index .prod_accueil, .detail .prod_accueil{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .prod_accueil{
        margin: 0 -10px;
    }
    .prod_accueil article{
        border: 1px solid #ddd;
        width: calc(100% - 20px);
        margin: 10px;
    }
    .appel_horaires{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .appel_horaires > li{
        width: 50%;
    }
    .lafficheur li{
        width: 19%;
    }
    .with--sidebar .sticky_menu{
        height: 100%;
    }
    .index .search-form{
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    aside.aside_contact{
        height: 420px !important;
        width: 100%;
        overflow: auto;
        top: calc(100% - 478px) !important;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    .bg_collapse{
        width: 100%;
        padding: 40px 0 0;
        min-height: 600px;
    }
    .contact .contact_formulaire, .estimation .contact_formulaire{
        width: 100%;
    }
    .search__form-item:nth-child(n+2){
        margin-right: 0;
        margin-bottom: 5px;
        vertical-align: top;
        width: calc(100% / 1 - 4px);
    }
    #bloc_fixed{
        display: none !important;
    }
    #bloc_fixed_bottom{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .card_list{
        margin-bottom: 20px;
        font-size: 20px;
    }
    .info_type{
        margin-top: 20px;
    }
    .tab-content .card_list li{
        font-size: 11px;
    }
    .map{
        top: 50px;
    }
    aside #map{
        width: 47%;
        margin: auto;
    }
}

@media (max-width: 768px){
    .sidebar{
        display: none;
    }
    .listing .fiche_produit{
        margin-top: 115px;
        margin-bottom: 0px;
    }
    .contact .contact_formulaire, .estimation .contact_formulaire{
        width: 100%;
    }
    .action_bar{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .action_bar > div:nth-child(1){
        width: 100%;
        margin-bottom: 20px;
    }
    .action_bar > div:nth-child(2){
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .prod_listing > .listing_article article{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .effect-cms .over_desc{
        display: none;
    }
    .actualites-group{
        margin-right: 0px;
    }
    .detail_carousel_expand{
        bottom: 75px;
        font-size: 40px;
    }
}

@media (max-width: 576px){
    .breadcrumb-cms{
        display: none;
    }
    .detail .container_page{
        margin-top: 75px;
    }
    .detail_header, .detail_annexe{
        display: none;
    }
    .listing .fiche_produit{
        margin-top: 93px;
        margin-bottom: 15px;
    }
    .listing_article.clearfix{
        margin-top: 0px;
    }
    .action_bar > div:nth-child(2){
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .block_tri_list{
        width: 100%;
    }
    .detail_annexe_nav_contact{
        display: none;
    }
    .detail_form_contact .groupe_champs > .form-group{
        width: 100%;
        margin-bottom: 5px;
    }
    #detailinfosdetail > ul li{
        display: inline-block;
        float: none;
        width: 100%;
    }
    .detail_calculette .d-sm-flex > div, .detail_calculette-notaire .d-sm-flex > div{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #detail_qrcode{
        text-align: center;
        margin: auto;
    }
    #detail_qrcode canvas{
        width: 50%;
    }
    footer .liens_left, footer .liens_right{
        text-align: center;
    }
    .lignemoteur, .groupe_champs > .form-group{
        width: 100%;
        padding: 0 10px;
    }
    .detail_taber .nav-item a{
        padding: .5em .7em;
    }
    .lafficheur li{
        width: 31%;
    }
}

@media (min-width: 420px){
    .bloc4{
        display: none;
    }
}

@media (max-width: 420px){
    aside #map{
        width: 100%;
        height: auto;
    }
    aside #map img:not(.leaflet-marker-icon){
        width: 100%;
    }
    .with--sidebar .burger-item{
        background: transparent;
        color: transparent;
        top: 55px;
    }
    .header .img-fluid{
        margin-left: -15px;
    }
    .moteur{
        top: 60px;
    }
    .modal-content form{
        display: block !important;
    }
    #formrecherchelocation, #formrecherchevente{
        display: none;
    }
    #content{
        margin-top: 25%;
    }
    .detail_carousel_expand{
        bottom: 50px;
        font-size: 30px;
    }
    #biens_comparatif .article_comparatif, #biens_similaires_comparateur article, #biens_historique article{
        min-width: 95%;
    }
    .detail .sticking .sticky_moteur {
        display: none;
    }
}

@media (max-width: 320px){
    .card_list, .card_list li{
        display: block;
    }
    .card_list, .damier .card_list{
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 20px;
    }
    .card_list li{
        padding-bottom: 10px;
    }
    aside address .group_btn a{
        width: 100%;
        margin-bottom: 10px;
    }
}

.cc-animate.cc-revoke{
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease,-webkit-transform 1s ease;
}

.cc-revoke, .cc-window{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}

.cc-compliance{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}

#notifications{
    visibility: hidden;
    min-width: 320px;
    margin-left: -125px;
    background: none;
    position: fixed;
    z-index: 10000;
    left: 48%;
    top: 25%;
}

.alert.fade.show{
    visibility: visible;
    z-index: 10000;
}

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation:landscape){
    .index-logo-not-sticking, .index-logo-sticking, .logo-sticking, .logo-not-sticking, .header .img-fluid{
        width: 20%;
    }
    .moteur{
        top: 35px !important;
    }
    .search__form-item:nth-child(n+2){
        width: calc(100% / 4 - 3px) !important;
    }
    .search__form-item:last-child{
        width: 100% !important;
    }
    .cat{
        margin-bottom: 20px !important;
    }
    .card_list li{
        font-size: 12px !important;
    }
    .card_list, .card_list li{
        display: block !important;
    }
    .spin4.info_prix{
        font-size: 17px !important;
        text-align: left !important;
    }
    .info_type{
        margin-top: 0 !important;
    }
    .cont_coordonnees .address, .cont_coordonnees .address p, .cont_coordonnees .tel{
        text-align: center !important;
    }
    .listing #content, .listing-vente #content{
        margin-top: 0 !important;
    }
    .listing .card_list, body[class*="listing-"] .card_list, .listing .card_list{
        padding-left: 20px !important;
    }
    .listing #content, body[class*="listing-"] #content{
        margin-top: 75px !important;
    }
    .menu ul{
        margin: 15px !important;
    }
    .menu ul > li > a{
        padding: 0 !important;
    }
    .aside_contact .contact_contain .pres_agency, .aside_contact .contact_contain .contact_coordinates .address li{
        display: none;
    }
    .aside_contact .address{
        margin-top: 90px !important;
    }
}

@media (max-width: 991px){
    .listing #formrecherche, body[class*="listing-"] #formrecherchevente, body[class*="listing-"] #formrecherchelocation, body[class*="listing-"] #formrecherchelocationsaison, body[class*="listing-"] #formrechercheneuf, body[class*="listing-"] #formrecherchevendu{
        display: none;
    }
    .modal-dialog form, .modal-dialog form, .modal-dialog form, .modal-dialog form, .modal-dialog form{
        display: block !important;
    }
    footer{
        padding-bottom: 75px !important;
    }
    .modal-dialog{
        margin: 160px auto;
    }
}

@media (max-width: 420px){
    .header__logo img {
        margin-left: -20px;
        margin-top: 10px;
        max-width: 70%;
    }
    .prod_accueil .card-fav-absolute {
        top: 0;
        right: 0;
    }
}

@media only screen
    and (min-device-width: 768px)
    and (max-device-width: 1024px)
    and (orientation: landscape)
    and (-webkit-min-device-pixel-ratio: 1.5)
    and (min--moz-device-pixel-ratio: 1.5)
    and (-o-min-device-pixel-ratio: 2/1)
    and (min-device-pixel-ratio: 1.5){
        .bgAccueil{
            background-size: 1024px 768px !important;
            background: url("/assets/images/bgimg.jpg") no-repeat center center !important;
        }
}

@media only screen
    and (min-device-width: 768px)
    and (max-device-width: 1024px)
    and (orientation: portrait)
    and (-webkit-min-device-pixel-ratio: 1.5)
    and (min--moz-device-pixel-ratio: 1.5)
    and (-o-min-device-pixel-ratio: 2/1)
    and (min-device-pixel-ratio: 1.5){
        .bgAccueil{
            background-size: 1024px 768px !important;
            background: url("/assets/images/bgimg.jpg") no-repeat center bottom !important;
        }
}

@media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : landscape)
    and (-webkit-min-device-pixel-ratio: 2){
        .bgAccueil{
            background-size: 1024px 768px !important;
            background: url("/assets/images/bgimg.jpg") no-repeat center center !important;
        }
}

@media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : portrait)
    and (-webkit-min-device-pixel-ratio: 2){
        .bgAccueil{
            background-size: 1024px 768px !important;
            background: url("/assets/images/bgimg.jpg") no-repeat center bottom !important;
        }
}

@media only screen
    and (min-device-width : 375px)
    and (max-device-width : 667px)
    and (orientation : landscape){
        .bgAccueil{
            background-size: 1024px 768px !important;
            background: url("/assets/images/bgimg.jpg") no-repeat center center !important;
        }
}

@media only screen
    and (min-device-width : 375px)
    and (max-device-width : 667px)
    and (orientation : portrait){
        .bgAccueil{
            background-size: 1024px 768px !important;
            background: url("/assets/images/bgimg.jpg") no-repeat center top !important;
        }
}

.dpe-txt{
    padding-bottom: 10px;
}

/* REFERENCEMENT */
    /* COMMUN */
    .referencement h1, .referencement h2 {
        font-weight: inherit;
        font-size: 35px;
        font-family: serif;
        letter-spacing: 2px;
        padding: 0 0 10px 15px;
        color: #000;
    }
    .referencement .listref a {
        font-style: italic;
        font-weight: bold;
    }
    .referencement .listref a::before {
        content: "";
        display: inline-block;
        position: relative;
        background: #000;
        width: 20px;
        height: 1px;
        margin: 0 10px 0 0;
        top: -5px;
        -webkit-transition: all .3s ease-in;
        transition: all .3s ease-in;
    }
    .referencement .itemlolo {
        padding: 0 15px;
    }
    .referencement .ensavoirplus i {
        color: #000;
    }
    .listeliens ul{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .listeliens ul li{
        width: calc(100% / 3);
    }
    .referencement:not(.index){
        padding:50px 0 30px 0;
    }
        /* ACCUEIL */
    .index .referencement .listref {
        padding-right: 15px;
        padding-left: 50px;
    }
        /* VENTE + LOCATION */
    .referencement .refpdmg{
        margin-left:0;
        margin-right:0;
        padding-top:40px;
    }
        /* PAGE DE REF */
    [class*="vente-"] .page_ref .prod_listing.damier,
    [class*="location-"] .page_ref .prod_listing.damier {
        margin-bottom: 30px;
    }
    .page_ref .prod_listing article {
        background: #f9f9f9;
    }
    .page_ref .prod_listing .block_img,
    .page_ref .prod_listing .block_info {
        width: 100%;
    }
    .page_ref .prod_listing .block_info {
        padding: 0 0 0 0;
        position: relative;
        z-index: 1;
        min-height: 100px;
    }
    .page_ref .prod_listing .card-fav-absolute {
        top: 75%;
        right: 8px;
    }
    .page_ref .prod_listing article .effect-cms {
        padding: 30px 0;
        -webkit-transition: all .3s ease-in;
        transition: all .3s ease-in;
    }
    .page_ref .prod_listing .info_ville,
    .page_ref .prod_listing .info_type,
    .page_ref .prod_listing .info_prix {
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .page_ref .prod_listing .info_prix-hai {
        line-height: 1em;
        color: #000;
        margin: 15px auto 0 auto;
        text-align: center;
        display: none;
    }
    .page_ref .description {
        padding: 15px 20px 10px 20px;
        font-size: 11px;
    }
        /* RESPONSIVE REF */
    @media (max-width: 768px){
        .referencement .listref {
            padding-left: 20px;
        }
    }
    @media (max-width: 420px){
        .referencement .listref {
            padding: 0 15px;
        }
        .listeliens ul li {
            width: 100%;
        }
    }


/* PRODUIT HABITATION SLIDER */
.produitshabitationslider.multiple .prod_accueil .card_list {
    display: none;
}
.produitshabitationslider.multiple .effect-cms .over_desc,
.produitshabitationslider .effect-cms .over_desc,
.produitshabitationslider.multiple .info_numero,
.produitshabitationslider.multiple .info_prix-hai,
.produitshabitationslider.multiple .card_list,
.produitshabitationslider.multiple .info_prix sup,
.produitshabitationslider.multiple .info_titre {
  display: none;
}
.prod_accueil .box {
    height: 20px;
}
.prod_accueil .card-fav-absolute {
    display: none;
}
.produitshabitationslider.multiple .carousel-item.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /*padding: 0 75px;*/
  text-align: center;
}
.produitshabitationslider .carousel-item article {
  width: calc(100% - 1px);
  background: #fff;
  border: 1px solid #ddd;
  margin: 0;
  text-align: center;
}
.produitshabitationslider.multiple .carousel-item article {
  width: calc(27.3% - 1px);
  background: #fff;
  border: 1px solid #ddd;
  margin: 0;
  text-align: center;
}
.produitshabitationslider.multiple .block_info {
  z-index: 0;
  padding: 20px;
  min-height: auto;
}


/* COOKIES */
.sous-titre {
    border-left: 3px solid #111;
    padding-left: 10px;
    margin-top: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
}
.a-color {
    color: #FF6F61;
}
.contenu-legal p {
    text-align: justify;
}
.contenu-legal span {
    font-weight: 500;
}
/*POP-UP EDGE*/
.modal-body, .modal-header{
    color: #000;
    text-align: center;
}
.modal-title {
    margin: auto;
}
.modal-body a {
    color : #8C142E!important;
}


@media (max-width: 824px) and (min-width: 450px) and (orientation: landscape) {
    .no-way-content {
        display: none;
    }
    .btn {
        padding: 0.25rem .75rem;
        font-size: 0.7rem;
    }
    .index-logo-not-sticking, .index-logo-sticking, .logo-sticking, .logo-not-sticking, .header .img-fluid {
        width: 42%;
    }
    .moteur {
        top: 24%!important;
    }
    .search__form-item:nth-child(n+2) {
        width: calc(100% / 2 - 0px) !important;
    }
    .search__form-item.c_valid {
        width: 100%!important;
    }
    body[class*="listing-"] .not-sticking .container_search {
        display: none;
    }
    .modal-dialog {
        margin: 5% auto;
    }
    .detail_header_sticky .titre {
        font-size:12px!important;
    }
    .detail_header_btn {
        display: none;
    }
    .card_list li {
        display: inline!important;
    }
    .menu ul li {
        margin-bottom: 5px;
        padding-bottom: 5px;
    }
}



/* Le 4/01/2021 dropdown moteur de recherche */
.dropdown-menu.open.show {
    transform: translate3d(0px, 37px, 0px)!important;
}




/* ============================================================================ */
/*                                      EQUIPE                                  */
/* ============================================================================ */
.equipe .content_page {
    width: 100%;
  }
  .equipe .sidebar {
    display: none;
  }
  .agence .equipe ul {
    display: flex;
    flex-wrap: wrap;
    margin: -0.5em;
  }
  .agence .equipe ul li {
    position: relative;
    width: calc(25% - 1em);
    margin: calc(0.5em * 2) 0.5em;
    overflow: hidden;
  }
  .agence .equipe .p-15 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .agence .equipe .border-equipe {
    padding: 5px;
    margin: 15px;
    background: #ff6f61; /* Old browsers */
    background: -moz-linear-gradient(left, #ff6f61 0%, #019ca0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff6f61 0%,#019ca0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff6f61 0%,#019ca0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6f61', endColorstr='#019ca0',GradientType=1 ); /* IE6-9 */
  }
  .agence .equipe .infos {
    text-align: center;
  }
  .agence  .equipe .infos-contact {
    text-align: center;
    margin-top: 15px;
    font-weight: 300;
    font-size: 1rem;
  }
  .agence .equipe .title-post {
    font-size: 1.1rem;
    font-weight: 500;
  }
  .agence .equipe .fonction-post {
    font-size: 0.9rem;
    font-weight: 400;
  }
  .agence .equipe ul.rs-conseiller {
    display: flex;
    flex-wrap: wrap;
    margin: -0.5em;
    justify-content: center;
  }
  .agence .equipe .rs-conseiller i {
    font-size: 25px;
    color: #ff6f61;
  }
  .agence .equipe ul.rs-conseiller li {
    margin: calc(0.7em * 2) 0.2em;
  }
  .agence .equipe ul.rs-conseiller li:hover i {
    color: #019ca0;
  }
  .equipe .tel-post,
  .equipe .mail-post {
    margin: 8px 0;
  }

  @media (max-width: 991px) {

  }
  @media (max-width: 768px) {
    .agence .equipe ul li {
      position: relative;
      width: calc(49% - 2em);
      margin: calc(0.5em * 2) 0.5em;
      overflow: hidden;
    }
    .agence .equipe ul.rs-conseiller li {
      width: calc(33% - 1em);
    }
  }
  @media (max-width: 500px) {
    .agence .equipe ul li {
      position: relative;
      width: calc(100% - 1em);
      margin: calc(0.5em * 2) 0.5em;
      overflow: hidden;
    }
    .agence .equipe ul.rs-conseiller li {
      width: calc(33% - 2.5em);
    }
    .agence .equipe .border-equipe {
      margin: 15px auto;
      width: 250px;
    }
    .agence .equipe .rs-conseiller i {
      font-size: 30px;
    }
  }



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

/* FONTS */
@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&display=swap');

.breadcrumb-cms a{
    color: #8c142e;
}
/* VALIDATION */
.validation {
    display: none;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Montserrat', sans-serif;
    background-color: #141414;
    color: #fff;
    overflow-x: hidden;
}
.uppercase {
    text-transform: uppercase;
}
a:hover {
    color: #fff;
}

/* COULEURS */

.bordeaux, .rouge {
    color: #8C142E;
}
.gris {
    color:#141414;
}


/* BOUTONS */
.btn {
    border-radius: 5px;
}
.btn-primary, .btn-info, .btn-success, .btn-secondary {
    color: #fff;
    background-color: #8C142E;
    border-color: #8C142E;
}

.btn-primary:hover, .btn-info:hover, .btn-success:hover, .btn-secondary:hover {
    color: #fff;
    background-color: #141414;
    border-color: #fff;
}
.btn-video-header {
    color: #fff!important;
    background-color: #8C142E;
    border-color: #8C142E;
    margin: 0 10px 0 0 ;
    padding: 1rem;
    width: 220px;
}
.btn-video-header i,
.btn-info-header i {
    font-size: 20px;
    top:-2px;
}
.btn-info-header {
    color: #141414!important;
    background-color: #fff;
    border-color: #fff;
    margin: 0 10px 0 0;
    padding: 1rem;
    width: 220px;
    text-shadow: 0 0 black;
}
.btn-video-header:hover {
    color: #fff!important;
    background-color: #141414;
    border-color: #141414;
    margin: 0 10px 0 0 ;
}
.btn-info-header:hover {
    color: #141414!important;
    background-color: rgba(255,255,255,0.65);
    border-color: rgba(255,255,255,0.65);
    margin: 0 10px 0 0 ;
}


/* TITRES */

.home_heading::after {
    content: "";
    display: block;
    position: relative;
    background: #000;
    height: 2px;
    width: 150px;
    margin: 24px auto 24px auto;
}
.home_heading {
    font-size: 28px;
    text-align: left;
}
.home_heading::after {
    height: 0;
}



/* ============================================================================= */
/*                                       MENU                                    */
/* ============================================================================= */
.site-pusher {
    display: flex;
}
.header .sticking {
    background: #141414;
}
.menu {
    margin: auto 0;
}
.menu-right {
    margin: auto 60px auto auto;
}
.menu ul,
.menu-right ul {
    margin-bottom: 0;
}
.menu-right i {
    font-size: 25px;
    padding-right: 5px;
}
.menu-right i.ion-ios-search-strong {
    font-size: 30px;
    top: 2px;
}
.menu-right ul li .dropdown-item i {
    font-size: 18px;
    margin-right: 5px;
}
.menu .dropdown-menu {
    min-width: 50px;
    font-size: 1rem;
    color: #fff;
    background-color: rgba(0,0,0,0.7);
    border: 0;
    right: 0;
    left: -7px;
    padding: 5px;
    top: 27px;
}
.menu-right .dropdown-menu {
    min-width: 20px;
    font-size: 1rem;
    color: #fff;
    background-color: rgba(0,0,0,0.7);
    border: 0;
    right: 0;
    left: auto;
    padding: 0;
    top: 37px;
}
.menu .dropdown-item,
.menu-right .dropdown-item {
    padding: .75rem .5rem;
    color: #fff;
    font-size: 14px;
}
.menu .dropdown-item:hover,
.menu-right .dropdown-item:hover {
    text-decoration: underline;
    background-color: transparent;
}
.menu .lang .dropdown-toggle::after,
.menu-right .lang .dropdown-toggle::after {
    opacity: 0;
}
.menu-right .lang .dropdown-item{
    font-size: 16px;
}
.menu-right .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: -10px 14px 0 auto;
    background: transparent;
}
.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 auto;
    background: transparent;
}

@media (min-width: 992px) {
    nav.menu ul li,
    nav.menu-right ul li {
        display: inline-block;
    }
    .menu ul > li > a,
    .menu-right ul > li > a {
        padding: 12px 10px;
        line-height: 1.2;
        color: #fff;
        font-size: 14px;
    }
    .index .not-sticking .menu ul > li > a,
    .index .not-sticking .menu-right ul > li > a {
        color: #fff;
    }
    .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: rgb(190, 190, 190);
        -webkit-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .menu ul > li.active > a:before,
    .menu-right ul > li.active > a:before,
    .index .not-sticking .menu ul > li.active > a:before,
    .index .not-sticking .menu-right ul > li.active > a:before {
        transform: scale3d(1,1,1);
    }
    
    .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 {
        content: '';
        position: absolute;
        z-index: -1;
        bottom: 10px;
        left: 0;
        width: 100%;
        height: 10px;
        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: #a21f36;
    }
    .header__logo {
        display: block;
        height: 80px;
        padding: 10px;
    }
    .index .not-sticking .header__logo {
        display: block;
        height: 100px;
        padding: 10px;
    }
    .header__logo img {
        width: 190px;
        margin-right: 20px;
    }
    .index .not-sticking .header__logo img {
        width: 200px;
        margin-right: 10px;
    }
}


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


/* HEADER */
.bgAccueil {
    background: none !important;
    overflow: hidden;
}
.bgAccueil .carousel-indicators {
    display: none;
}
.bgAccueil .carousel-control-next,.bgAccueil  .carousel-control-prev {
    background: transparent;
    opacity: .8;
    top: 51%;

}
.bgAccueil  .carousel-fullscreen .carousel-inner .carousel-item {
    height: 100vh;
    min-height: 600px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bgAccueil  #carouselExampleIndicatorsHome .carousel-item {
    background-size: cover;
    background-position: bottom center;
}
.bgAccueil  #carouselExampleIndicatorsHome .carousel-item .contenu-header {
    position: absolute;
    font-size: 16px;
    bottom: 25%;
    left: 110px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 0px 3px #000;
    transition: .3s;
    padding: 10px 25px;
}
.bgAccueil .carousel-control-next:before,
.bgAccueil .carousel-control-prev-icon:before {
    font-size: 70px;
}
.bgAccueil .carousel-control-next,.bgAccueil  .carousel-control-prev {
    opacity: 0.5;
}
.bgAccueil .carousel-control-next:hover,.bgAccueil  .carousel-control-prev:hover {
    opacity: 1;
}
.prix-header {
    font-size: 3rem;
    line-height: 1.2;
    margin-bottom: 30px;
    text-shadow: #000000c7 0.1em 0.1em 0.15em;
}
.type-header {
    font-size: 2rem;
    line-height: 1.2;
    text-shadow: #000 0.1em 0.1em 0.15em;
}
.ville-header {
    font-size: 2rem;
    line-height: 1.2;
    text-shadow: #000 0.1em 0.1em 0.15em;
    font-weight: 800;
}
#videoModal .modal-content {
    background-color: #141414;
}
#videoModal .close {
    font-size: 3rem;
    color: #fff;
    opacity: 1;
    font-weight: 200;
    position: absolute;
    z-index: 99999;
    background: #000;
    border-radius: 50%;
    width: 50px;
    right: 10px;
    top: 10px;
}
#videoModal .modal-header {
    justify-content: flex-end;
}
#videoModal .modal-body {
    padding: 0;
}
/* MODAL HEADER*/
.btn-info-header i {
    font-size: 20px;
    top: -4px;
}
.description-modal {
    line-height: 1.2;
    font-size: 16px;
    text-align: left;
    color: #fff;
}
.titre-modal {
    line-height: 1.2;
    font-size: 16px;
    text-align: left;
    color: #fff;
    font-weight: 600;
    margin: 1em 0;
}
.prix-modal,.type-modal,.ville-modal {
    font-size: 14px;
    text-align: left;
    line-height: 1.2;
    color: #fff;
    margin: 0 0 1.2em 0;
}
.prix-modal span,.type-modal span,.ville-modal span,.description-modal span {
    color: rgb(136, 136, 136);
}
.liste-modal, .lien-modal {
    display: flex;
    justify-content: flex-start;
    color: #fff;
    margin-bottom: 1.3em;
}
.liste-modal {
    font-size: 16px;
    text-align: center;
    line-height: 1.2;
    color: #fff;
    margin: 0 10px 0 0;
}
.liste-modal li ul {
    display: flex;
    border-right: 1px solid rgba(255,255,255,0.2);
    padding: 5px;
}
.liste-modal li ul li {
    padding: 0 5px;
    margin: 0 5px 0 0;
}
.liste-modal li ul li i {
    font-size: 20px;
}
.lien-modal li .li-lien-modal {
    margin: 0 1em;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
}
.li-lien-item {
    margin: 0 1em;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
}
.lien-modal li i,
.lien-modal li a {
    margin: auto;
    font-size: 30px;
    color: #fff;
}
.lien-item li i,
.lien-item li a {
    margin: auto;
    font-size: 20px;
    color: #fff;
}
.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: #8C142E!important;
}
.tooltip  {
    z-index: 9999999;
    font-size: 16px!important;
    position: absolute;
}
#videoModal .modal-details {
    padding: 0 10px;
}
#videoModal .close {
    font-size: 2.5rem;
    color: #fff;
    opacity: 1;
    font-weight: 200;
    position: absolute;
    z-index: 99999;
    background: #000;
    border-radius: 50%;
    width: 40px;
    right: 10px;
    top: 10px;
}
#videoModal .modal-header {
    justify-content: flex-end;
}
#videoModal .modal-body {
    padding: 0;
}
@media (min-width: 576px) {
 #videoModal .modal-dialog {
     max-width: 500px;
     margin: 30px auto;
 }
}
@media (min-width: 768px) {
 #videoModal .modal-dialog {
     max-width: 750px;
     margin: 30px auto;
 }
 #videoModal .modal-dialog iframe{
     width: 100%;
     height: 100%;
     min-height: 600px;
     border-top-left-radius: 0.3rem;
     border-top-right-radius: 0.3rem;
 }
 #videoModal .modal-video{
     width: 100%;
     min-height: 400px;
     height: 100%;
 }
}
@media (min-width: 992px) {
}
@media (min-width: 1281px) {
    #videoModal .modal-video{
        width: 100%;
        min-height: 600px;
        height: 100%;
    }
    #videoModal .modal-dialog iframe {
        max-height: 600px;
        min-height: 600px;
    }
}




/* MOTEUR */
.moteur {
    display: none;
}
#form-recherche-modal-content .search__form-item:nth-child(n+2) {
    margin-right: 5px;
    margin-bottom: 5px;
    vertical-align: top;
    width: calc(100% / 1 - 5px);
    height: 38px;
    border-radius: 3px;
    background: transparent;
}
.index .bootstrap-select {
    border: 0!important;
    height: 39px!important;
    background: #383838!important;
}
.form-group .bootstrap-select.btn-group {
    border-radius: 3px !important;
}
.form-group .form-style {
    font-size: 1rem;
    border: 0;
    background: #383838!important;
    border-radius: 3px;
}
.bootstrap-select>.dropdown-toggle {
    background: transparent;
}
.search__form-item.c_valid {
    display: block !important;
    margin: 5px auto auto 0;
}
.plusdecritere .text-filtre1 {
    display: none;
}
#myModal .modal-content .close {
    float: right;
    font-size: 3.5rem;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #b7b7b7;
    opacity: 1;
    font-weight: 400;
}
#myModal .modal-content {
    background-color: rgba(0,0,0,0.8);
}
#myModal .modal-body a {
    color: #000!important;
}
@media (min-width: 576px) {
    #myModal .modal-dialog {
        max-width:450px;
        margin: 10% auto;
    }
}
#myModal .btn.dropdown-toggle {
    color: #fff !important;
}
#myModal .input-group-addon {
    color: #fff;
}
#myModal .search__form-item.c_valid {
    margin: 25px auto auto 0;
}
.form-control:focus {
    color: #fff;
}

.radio_trans {
        margin-bottom: 20px;
        justify-content: center;
}
.radio_trans input[type=radio].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
.radio_trans input[type=radio].css-checkbox + label.css-label {
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    padding: 7px 25px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    min-width: 130px;
    margin: 0;
    background-color: #fff;
    color: #000;
    border: 1px solid #fff;
    border-radius: 3px;
    margin: 0 3px;
}
.radio_trans input[type=radio].css-checkbox:checked + label.css-label {
    background-color: #8C142E;
    border-color: #8C142E;
    color: #fff;
    border: 0 !important;
    height: 42px;
}
.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 #8C142E;
    margin: 9px auto;
    background: transparent;
}

   


/* SELECTIONS (Lignes) */
.home_cont_selection {
    padding: 0 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#carouselBienControlsproduits25 .carousel-control-next,#carouselBienControlsproduits25 .carousel-control-prev {
    display: none;
}
#carouselBienControlsproduits25:hover .carousel-control-next,#carouselBienControlsproduits25:hover .carousel-control-prev {
    display: block;
}
.home_cont_selection .carousel-control-next:before,
.home_cont_selection .carousel-control-prev-icon:before {
    color: #fff;
    font-size: 70px;
}
.carousel-control-next, .carousel-control-prev {
    background: transparent;
    border-radius: 2px;
    opacity: 1;
    top: 45%;
}
.carousel-control-next:hover, .carousel-control-prev:hover {
    background: transparent;
    color: #fff;
    opacity: 1;
}

/* TITRE SELECTION + LIEN "Tout explorer" */
.selection-lien {
    font-size: 1.4vw;
    color: #e5e5e5;
    font-weight: 700;
    margin: 0 4% .5em 0;
    text-decoration: none;
    display: inline-block;
    min-width: 6em;
}
.selection-header-title {
    display: table-cell;
    vertical-align: bottom;
    line-height: 1.25vw;
    font-size: 1.4vw;
    padding-left: 0;
}
.icone-row-header {
    display: table-cell;
    vertical-align: bottom;
}
.selection_card .selection-lien .icone-row-header .selection-link {
    display: inline-block;
    font-size: .8vw;
    margin-right: 4px;
    max-width: 0;
    line-height: 1vw;
    -webkit-transition: max-width 1s,opacity 1s,-webkit-transform 750ms;
    transition: max-width 1s,opacity 1s,-webkit-transform 750ms;
    -o-transition: max-width 1s,opacity 1s,-o-transform 750ms;
    -moz-transition: max-width 1s,opacity 1s,transform 750ms,-moz-transform 750ms;
    transition: max-width 1s,opacity 1s,transform 750ms;
    transition: max-width 1s,opacity 1s,transform 750ms,-webkit-transform 750ms,-moz-transform 750ms,-o-transform 750ms;
    white-space: nowrap;
    vertical-align: bottom;
    cursor: pointer;
    opacity: 0;
    font-weight: 500;
}
.selection-lien:hover .icone-row-header .selection-link {
    opacity: 1;
}
.selection_card:hover a.selection-lien:hover .icone-row-header .selection-link {
    max-width: 200px;
    -webkit-transform: translate(1vw,0);
    -moz-transform: translate(1vw,0);
    -ms-transform: translate(1vw,0);
    -o-transform: translate(1vw,0);
    transform: translate(1vw,0);
    opacity: 1;
}
.selection_card .aro-row-icone {
    font-size: 12px;
    speak: none;
    font-style: normal;
    font-weight: 900;
    font-variant: normal;
    text-transform: none;
    line-height: 1.2;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}
.selection_card .selection-lien .aro-row-icone {
    display: none;
    -webkit-transition: -webkit-transform 750ms;
    transition: -webkit-transform 750ms;
    -o-transition: -o-transform 750ms;
    -moz-transition: transform 750ms,-moz-transform 750ms;
    transition: transform 750ms;
    transition: transform 750ms,-webkit-transform 750ms,-moz-transform 750ms,-o-transform 750ms;
    font-size: .9vw;
    vertical-align: bottom;
}
.selection_card:hover a.selection-lien .aro-row-icone {
    display: inline-block;
    font-size: .9vw;
    vertical-align: bottom;
}
.selection_card:hover a.selection-lien:hover .icone-row-header .aro-row-icone {
    -webkit-transform: translate(1vw,0);
    -moz-transform: translate(1vw,0);
    -ms-transform: translate(1vw,0);
    -o-transform: translate(1vw,0);
    transform: translate(1vw,0);
    font-size: .65vw;
    line-height: .8vw;
}



/* ITEM SELECTION */
.home_cont_selection .header-item {
    padding:5px;
}
.swiper-button-next:after, .swiper-button-prev:after {
    color: #fff;
}
.swiper-slide.swiper-slide-active:hover {
    transform: scale(1.3) translateX(30px);
}
.index .home_cont_selection .block_info {
    opacity: 0;
    padding: 0;
}
.index .home_cont_selection .swiper-slide:hover .block_info {
    opacity: 1;
    transition: all 300ms ease-in-out;
    transition-delay: 300ms;
    z-index: 1;
    width: 100%;
    box-shadow: 2px 6px 10px 3px rgb(0 0 0 / 90%);
}
.home_cont_selection .info_prix {
    color: #fff;
    margin: 0 0 15px 0;
    padding: 0;
    position: absolute;
    top: 14px;
    left: 14px;
    background: #8C142E;
    padding: 7px 10px;
    z-index: 1;
}
.home_cont_selection .carousel-inner {
    width: 100%;
    margin: auto;
    text-align: center;
    overflow: visible;
}
.home_cont_selection .card-fav-absolute {
    position: absolute;
    top: 10px;
    font-size: 25px;
    cursor: pointer;
}
.home_cont_selection .ion-ios-heart-outline:before {
    color: #fff;
}
.home_cont_selection .ion-ios-heart-outline:hover:before.home_cont_selection , .ion-ios-heart-outline:hover:before {
    color: #8C142E;
}
.home_cont_selection  .carousel-item{
    background-size: cover;
}
.home_cont_selection  .carousel-item:hover {
    z-index: 1;
    box-shadow: 2px 6px 10px 3px rgb(0 0 0 / 90%);
}
.home_cont_selection article.item-listing:hover {
    opacity: 1;
    box-shadow: 2px 6px 10px 3px rgb(0 0 0 / 90%);
}
.swiper-container {
    overflow: visible;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition: all 200ms ease-in-out;
    border-radius: 5px;
    flex-shrink: 0;
}
.swiper-slide img {
    border-radius: 5px;
    cursor: grab;
}
.swiper-slide img:active {
    cursor: grabbing;
}
.swiper-slide:hover {
    transform: scale(1.3);
    transition: all 200ms ease-in-out;
    transition-delay: 200ms;
    z-index: 2;
}
.swiper-slide:hover img {
    transition-delay: 200ms;
    /* box-shadow: 0 0 5px 1px rgba(0,0,0,0.5); */
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}
@media screen and (max-width: 599px) {
    .swiper-slide img {
        max-width: 14rem;
    }
    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }
}

@media screen and (max-width: 400px) {
    .swiper-slide img {
        max-width: 10.5rem;
        border-radius: 2px;
    }
}
.home_cont_selection .block_info {
    min-height: 70px;
    position: relative;
    bottom: 0;
    height: auto;
    background-color: #141414;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
    text-align: left;
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 50%);
    padding-top: 5px;
}
.home_cont_selection .block_info .info_ville {
    font-size: 14px;
    padding-top: 10px;
    color: #fff;
    font-weight: 600;
}
.home_cont_selection .block_info .info_ville i {
    color: #8C142E;
}
.home_cont_selection .header-item a:hover {
    color: #fff;
}
.home_cont_selection .header-item .description {
    color: #fff;
    font-size: 13px;
}
.home_cont_selection .header-item .liste2 li span{
    font-size: 9px;
}
.header-item .fa-info-circle,.header-item .fa-heart{
    font-size: 25px;
    color: #fff;
    padding-top: 5px;
}
.header-item .fa-info-circle:hover ,
.header-item .fa-heart:hover {
    font-size: 25px;
    color: #8d8d8d;
}
.produitshabitationslider.multiple.multi4 .carousel-inner .active {
    color: #8C142E;
}
.produitshabitationswiper article .info_numero, .produitshabitationswiper article .info_prix-hai, .produitshabitationswiper article .info_prix sup, .produitshabitationswiper article .info_titre {
    display: none;
}


.home_cont_selection .header-item .liste2 {
    display: flex;
    justify-content: flex-start;
    margin:2px 5px;
}
.home_cont_selection .header-item .liste2 li.bd ul{
    text-align: center;
    display: flex;
    border-right: 1px solid rgba(255,255,255,0.2);
    margin: 0;
}
.home_cont_selection .header-item .liste2 li.bd ul li{
    line-height: 1!important;
    padding: 0 5px;
}
.home_cont_selection .header-item .liste2 li.bd{
    display: block;
    margin: 0 5px 0 0;
}

.home_cont_selection .header-item .liste2 li span{
    font-size: 11px;
}
.home_cont_selection .infos-item {
    display: flex;
    justify-content: flex-start;
    margin: 2px 0;
}
.home_cont_selection .infos-item li{
    font-size: 11px;
    padding: 0 5px;
}
.home_cont_selection .infos-item .fas.fa-circle{
    font-size: 5px;
    color: #353535;
    top: -2px;
}
.swiper-slide:hover img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.swiper-slide {
    height: 280px!important;
}
.produitshabitationswiper:hover {
    z-index: 2;
}
.categorie-item {
    color: #d89d1d;
    font-size: 12px;
    font-weight: 700;
    padding-left: 5px;
}
@media (min-width: 992px) {   
    .home_cont_selection .header-item .liste2 li.bd ul li {
        padding: 0px 3px;
    }
    .home_cont_selection .header-item .liste2 li span {
        font-size: 10px;
    }
    .home_cont_selection .header-item .liste2 li.bd i{
        font-size: 12px;
    }
    .home_cont_selection {
        margin: 2vw 0 0 0;
    }
    .home_cont_selection .selection_card {
        height: 290px;
    }
}
@media (min-width: 1281px) {
    .selection-ccoeur article:before {
        font-size: 18rem;
        bottom: -1.8rem;
        left: -1rem;
    }    
    .home_cont_selection .header-item .liste2 li.bd ul li {
        line-height: 1!important;
        padding: 0px 10px 0 0;
    }
    .home_cont_selection .header-item .liste2 li.bd i{
        font-size: 12px;
    }
    .home_cont_selection .selection_card {
        height: 280px;
    }
    .home_cont_selection.selection-ccoeur .selection_card {
        height: 380px!important;
    }
    .home_cont_selection {
        margin: 5vw 0;
    }
}
.li-lien-item {
    margin: 0 1em;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
}
.lien-item li i,
.lien-item li a {
    margin: auto;
    font-size: 17px;
    color: #fff;
}
.lien-item li:hover .li-lien-item,
.lien-item li:hover .li-lien-item .fas.fa-info:before,
.fas.fa-info:hover:before {
    color: #8C142E!important;
}
.lien-item {
    display: flex;
    justify-content: flex-start;
    color: #fff;
    margin: 0 0 5px 0;
}
.index .block_info {
    display: none;
}
.index article:hover .block_info {
    display:block;
    transition: all 200ms ease-in-out;
    transition-delay: 200ms;
}

.li-lien-modal .tooltip-item {
    background: #8C142E;
    bottom: 100%;
    color: #fff;
    display: block;
    left: -55px;
    margin-bottom: 12px;
    opacity: 0;
    padding: 5px 2px;
    pointer-events: none;
    position: absolute;
    width: 160px;
    -webkit-transform: translateY(10px);
      -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
        transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
      -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        font-size: 14px!important;
        text-align: center!important;
    }
.li-lien-item .tooltip-item {
    background: #8C142E;
    bottom: 100%;
    color: #fff;
    display: block;
    left: -51px;
    margin-bottom: 12px;
    opacity: 0;
    padding: 5px 2px;
    pointer-events: none;
    position: absolute;
    width: 130px;
    -webkit-transform: translateY(10px);
      -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
        transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
      -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        font-size: 12px!important;
        text-align: center!important;
    }
    
    /* This bridges the gap so you can mouse into the tooltip without it disappearing */
    .li-lien-modal  .tooltip-item:before,
    .li-lien-item  .tooltip-item:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
    }
    
    /* CSS Triangles - see Trevor's post */
    .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 #8C142E 10px;
    bottom: -9px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
    }
    
    .li-lien-modal:hover .tooltip-item,
    .li-lien-item:hover .tooltip-item {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
       -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    
    /* IE can just show/hide with no transition */
   .li-lien-modal .tooltip-item,
   .li-lien-item .tooltip-item {
    display: none;
    }
    
    .li-lien-modal:hover .tooltip-item ,
    .li-lien-item:hover .tooltip-item {
    display: block;
    }


/* SELECTION INDEX BIENS COUPS DE COEUR */

.selection-ccoeur .produitshabitation {
    margin: 0 3rem;
}
.selection-ccoeur .carrousel-inner {
    counter-reset: titles;
    display: flex;
    flex-direction: row;
    transform-style: preserve-3d;
    perspective: 100px;
}
.selection-ccoeur .prod_accueil{
    counter-reset: titles;
}
.selection-ccoeur article .block_img:before {
    counter-increment: titles;
    content: counter(titles);
    font-size: 16rem;
    font-weight: bold;
    position: absolute;
    bottom: -6rem;
    left: -1rem;
    transform: translateX(-60%);
    color: #080808;
    -webkit-text-stroke: 3px white;
    text-shadow: 0 0 0.25rem rgb(58 58 58);
    z-index: 0;
    opacity: 0.3;
    font-family: 'Poppins', sans-serif;
}
.selection-ccoeur .info_numero, .selection-ccoeur .info_prix-hai, .selection-ccoeur .info_prix sup, .selection-ccoeur .info_titre {
    display: none;
}
.selection-ccoeur .prod_accueil article {
    border: 0;
    width: calc(24.3% - 20px);
    margin: 0 0 0 3rem;
}
@media (min-width: 1281px) {
    .selection-ccoeur .prod_accueil article {
        width: calc(24.3% - 20px);
        margin: 0 0 0 5rem;
    }
    .selection-ccoeur article .block_img:before {
        font-size: 18rem;
        bottom: -7rem;
        left: -1rem;
    }
}






.produitshabitation article video,
.produitshabitation article .iframe-player,
.produitshabitation article embed {
    display: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
[class*="listing"] article .carousel,
[class*="listing-"] article .carousel {
    z-index: 1;
}
body[class*="listing"] .li-lien-item .tooltip-item,
body[class*="listing-"] .li-lien-item .tooltip-item {
    left: -7px;
}
[class*="listing-"] .li-lien-item .tooltip-item:after,
[class*="listing-"] .li-lien-item .tooltip-item:after {
    left: 27px;
}
[class*="listing"] .search__form-item.c_valid,
[class*="listing-"] .search__form-item.c_valid {
    margin: 0 auto auto 0;
}
[class*="listing"] .search__form-item.c_valid .btn,
[class*="listing-"] .search__form-item.c_valid .btn {
    padding: 0.57rem 0.75rem;
}
[class*="listing"] .search__form-item.c_valid .btn:hover,
[class*="listing-"] .search__form-item.c_valid .btn:hover {
    border: 1px solid #fff;
}
.search__form-item:nth-child(3), [class*="listing-"] .search__form-item:nth-child(2) {
    background:transparent ;
}
[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: #383838;
    color: #fff;
    border: 0!important;
    border-radius: 3px;
}
[class*="listing-"] .search__form-item:nth-child(2),
[class*="listing"] .search__form-item:nth-child(3) {
    background: #383838;
    border-radius: 3px;
    height: 39px;
}
[class*="listing-"] .input-group-addon ,
[class*="listing"] .input-group-addon {
    color: #fff;
}
[class*="listing-"] .bootstrap-select>.dropdown-toggle.bs-placeholder,
[class*="listing"] .bootstrap-select>.dropdown-toggle.bs-placeholder {
    color: #fff!important;
}
.btn.dropdown-toggle {
    color: #fff !important;
}
.plusdecritere a {
    color: #fff;
}
#formrecherchevente-bar a:hover,
#formrecherche-bar a:hover,
#formrecherchelocation-bar a:hover,
.plusdecritere a:hover {
    color: #8C142E;
}

.page-item.disabled .page-link {
    background-color: #8c142e;
}
.page-item.active .page-link {
    color: #fff;
}
.page-link {
    color: #fff;
    background-color: #8c142e;
}
.prod_listing.damier > .listing_article article {
    width: calc(100% / 4 - 20px);
}
.page-item.disabled .page-link,
.page-item .page-laulau,
.page-item.disabled .page-laulau {
  background-color: #8C142E;
}

.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: 1px solid #1a1a1a;
}


/* ============================================================================= */
/*                                     LISTING                                   */
/* ============================================================================= */
/* ITEM */
body[class*="listing-"] .header-item .liste2 ,
body[class*="listing"] .header-item .liste2 {
    display: flex;
    justify-content: flex-start;
    margin:5px;
}
body[class*="listing-"] .header-item .liste2 li.bd ul,
body[class*="listing"] .header-item .liste2 li.bd ul{
    text-align: center;
    display: flex;
    border-right: 1px solid rgba(255,255,255,0.2);
    margin: 0;
}
body[class*="listing-"] .header-item .liste2 li.bd ul li,
body[class*="listing"] .header-item .liste2 li.bd ul li{
    line-height: 1!important;
    padding: 0 5px;
}
body[class*="listing-"] .header-item .liste2 li.bd,
body[class*="listing"] .header-item .liste2 li.bd{
    display: block;
    margin: 0 5px 0 0;
}

body[class*="listing-"] .header-item .liste2 li span,
body[class*="listing"] .header-item .liste2 li span{
    font-size: 11px;
}
body[class*="listing-"] .infos-item ,
body[class*="listing"] .infos-item {
    display: flex;
    justify-content: flex-start;
    margin: 2px 0;
}
body[class*="listing-"] .infos-item li,
body[class*="listing"] .infos-item li{
    font-size: 14px;
    padding: 0 5px;
}
body[class*="listing-"] .infos-item .fas.fa-circle,
body[class*="listing"] .infos-item .fas.fa-circle{
    font-size: 5px;
    color: #353535;
    top: -2px;
}
body[class*="listing-"] .header-item ,
body[class*="listing"] .header-item {
    padding:0 5px 5px 5px;
}

body[class*="listing-"] .block_info ,
body[class*="listing"] .block_info {
    opacity: 1;
    padding: 0;
    display: block;
}
body[class*="listing-"] .swiper-slide:hover .block_info ,
body[class*="listing"] .swiper-slide:hover .block_info {
    opacity: 1;
    transition: all 300ms ease-in-out;
    transition-delay: 300ms;
    z-index: 1;
    width: 100%;
    box-shadow: 2px 6px 10px 3px rgb(0 0 0 / 90%);
}
body[class*="listing-"] .info_prix ,
body[class*="listing"] .info_prix {
    color: #fff;
    margin: 0 0 15px 0;
    padding: 0;
    position: absolute;
    top: 14px;
    left: 14px;
    background: #8C142E;
    padding: 7px 10px;
    z-index: 21;
}
body[class*="listing-"] .carousel-inner ,
body[class*="listing"] .carousel-inner {
    width: 100%;
    margin: auto;
    text-align: center;
    overflow: visible;
}
body[class*="listing-"] .card-fav-absolute ,
body[class*="listing"] .card-fav-absolute {
    position: absolute;
    top: 10px;
    font-size: 25px;
    cursor: pointer;
}
body[class*="listing-"] .ion-ios-heart-outline:before ,
body[class*="listing"] .ion-ios-heart-outline:before {
    color: #fff;
}
body[class*="listing"] .ion-ios-heart-outline:hover:before,
body[class*="listing"] .ion-ios-heart-outline:hover:before {
    color: #8C142E;
}
body[class*="listing-"]  .carousel-item,
body[class*="listing"]  .carousel-item{
    background-size: cover;
}
body[class*="listing-"]  .carousel-item:hover ,
body[class*="listing"]  .carousel-item:hover {
    z-index: 1;
    box-shadow: 2px 6px 10px 3px rgb(0 0 0 / 0%);
}
body[class*="listing-"] article.item-listing:hover ,
body[class*="listing"] article.item-listing:hover {
    opacity: 1;
    box-shadow: 2px 6px 10px 3px rgb(0 0 0 / 90%);
    z-index: 10;
}
body[class*="listing-"] .block_info ,
body[class*="listing"] .block_info {
    min-height: 70px;
    position: relative;
    bottom: 0;
    height: auto;
    background-color: #222222;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
    text-align: left;
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 50%);
    padding-top: 5px;
}
body[class*="listing-"] article.swiper-slide:hover .block_info,
body[class*="listing"] article.swiper-slide:hover .block_info {
    opacity: 1;
    transition: all 300ms ease-in-out;
    transition-delay: 300ms;
    z-index: 1;
    width: 100%;
    box-shadow: 2px 6px 10px 3px rgb(0 0 0 / 90%);
}
body[class*="listing-"] .prod_listing.listing article.swiper-slide ,
body[class*="listing"] .prod_listing.listing article.swiper-slide {
    background-color: #222222;
}
body[class*="listing-"] .prod_listing.listing article.swiper-slide .block_img,
body[class*="listing"] .prod_listing.listing article.swiper-slide .block_img {
    width: 100%;
}
body[class*="listing-"] .prod_listing.listing article.swiper-slide  .block_info,
body[class*="listing"] .prod_listing.listing article.swiper-slide .block_info {
    background: transparent;
    box-shadow: 2px 6px 10px 3px rgb(0 0 0 / 0%);
}
body[class*="listing-"] .prod_listing.listing article.swiper-slide:hover  .block_info,
body[class*="listing"] .prod_listing.listing article.swiper-slide:hover  .block_info {

    box-shadow: 2px 6px 10px 3px rgb(0 0 0 / 0%);
}


body[class*="listing-"] .block_info .info_ville ,
body[class*="listing"] .block_info .info_ville {
    font-size: 14px;
    padding-top: 10px;
    color: #fff;
    font-weight: 600;
}
body[class*="listing-"] .block_info .info_ville i ,
body[class*="listing"] .block_info .info_ville i {
    color: #8C142E;
}
body[class*="listing-"] .header-item a:hover ,
body[class*="listing"] .header-item a:hover {
    color: #fff;
}
body[class*="listing"] .header-item .description ,
body[class*="listing"] .header-item .description {
    color: #fff;
    font-size: 13px;
}
body[class*="listing"] .header-item .liste2 li span,
body[class*="listing"] .header-item .liste2 li span{
    font-size: 13px;
}
body[class*="listing"] .swiper-slide,
body[class*="listing-"] .swiper-slide {
    height: 460px!important;
}
body[class*="listing"] .li-lien-item,
body[class*="listing-"] .li-lien-item {
    width: 35px;
    height: 35px;
}
body[class*="listing"] .lien-item li i,
body[class*="listing-"] .lien-item li i {
    font-size: 23px;
}
body[class*="listing"] .lien-item li i.fa-plus.active:before,
body[class*="listing-"] .lien-item li i.fa-plus.active:before {
    color: #8c142e;
}
body[class*="listing"] .prixplus,
body[class*="listing-"] .prixplus,
body[class*="listing"] .info_prix-hai,
body[class*="listing-"] .info_prix-hai {
    display: none;
}
body[class*="listing"] article,
body[class*="listing-"] article {
    border: 1px solid #343434!important;
}
body[class*="listing"] article .description,
body[class*="listing-"] article  .description{
    display: none;
}
body[class*="listing"] .prod_listing.listing article.swiper-slide .description,
body[class*="listing-"] .prod_listing.listing article.swiper-slide .description{
    display: block;
    padding: 10px 5px;
    font-size: 14px;
}
body[class*="listing"] .prod_listing.listing article.swiper-slide:hover,
body[class*="listing-"] .prod_listing.listing article.swiper-slide:hover {
    transform: scale(1.1);
}
body[class*="listing"] .menu-right li.a-recherche,
body[class*="listing-"] .menu-right li.a-recherche {
    display: none;
}
.container_search {
    display: none;
}
body[class*="listing"] .menu-right li.a-recherche,
body[class*="listing-"] .menu-right li.a-recherche {
    display: none;
}
body[class*="listing"] .container_search,
body[class*="listing-"] .container_search {
    display: block;
}
body[class*="listing"] .swiper-slide:nth-child(1):hover,
body[class*="listing-"] .swiper-slide:nth-child(1):hover {
    transform: scale(1.3) translateX(50px);
}




body[class*="listing"] .swiper-slide:nth-child(4):hover,
body[class*="listing-"] .swiper-slide:nth-child(4):hover {
    transform: scale(1.3) translateX(50px);
}
.prod_listing.damier .article_content {
    margin-top: 40px;
}


/* ============================================================================= */
/*                                 PAGE DETAILS                                  */
/* ============================================================================= */
.detail_taber .nav-link {
    padding: 10px;
}
.detail_taber .nav-link.active,
.detail_taber .nav-link:hover {
    background: #8C142E !important;
    color: #fff;
    padding: 10px;
}
.detail_taber {
    border-bottom: 1px solid #8C142E;
}
.detail_header .titre:after {
    background: #8C142E;
}
.detail_header .crit span:nth-child(1) {
    font-weight: 600;
}
.retour_pret {
    font-size: 25px;
    font-weight: 700;
    color: #8C142E;
}
.retour_pret span {
    color: #8C142E;
}
.detail .page_heading {
    font-size: 22px;
    font-weight: 500;
    border-left: 2px solid #8C142E;
    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: #8C142E !important;
}
.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #8C142E !important;
}
.detail #descdetail{
    text-align: justify;
}
.detail .detail_header {
    text-align: left;
    color: #fff;
    margin-bottom: 20px;
}
.detail_annexe_contact {
    display: flex;
    margin: auto 0 0 auto;
    color: #fff;
}
.detail_annexe_contact a{
    color: #fff;
}
.detail_annexe_contact> li a::after {
    content: "|";
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 300;
}
.detail_annexe_contact > li:last-child a::after {
    content: "";
}
.detail_annexe_contact > li:hover a {
    text-decoration: underline;
}
.displayflex {
    display: flex;
}
.titre_detail_header {
    font-size: 30px;
}
.detail .liste2 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 20px 0;
}
.detail .liste2 li {
    font-size: 14px;
}
.detail .liste2 i {
    font-size: 20px;
    margin-right: 5px;
}
.detail_slide_thumbs {
    display: flex;
    flex-wrap: wrap;
    margin: -0.5em;
}
.detail_slide_thumbs > li {
    height: auto;
    margin: 3px 1px;
    width: calc(100% / 1 - 10px);
}
.detail_slide_thumbs > li > img {
    position: relative;
    width: 100%;
    margin: calc(0.15em * 2) 0em;
    overflow: hidden;
}
.detail_header_sticky {
    background: #141414;
    border-bottom: 1px solid #ffffff5e;
}
.detail .container_page {
    padding: 20px 5%;
}
.detail .infos-photos ul li {
    display: none;
}
.detail .infos-photos ul li:nth-child(1),
.detail .infos-photos ul li:nth-child(2) {
    display: block;
}
.detail .infos-photos ul li:nth-child(2) {
    margin-top: 10px;
}
.detail #sliderdetail img {
    height: 680px;
    object-fit: cover;
}
.detail #sliderdetail .infos-photos ul li img {
    height: 335px;
    object-fit: cover;    
    width: 100%;
}
.detail .infos-photos {
    text-align: center;
}
.detail .infos-photos .btn-primary {
    position: absolute;
    bottom: 20px;
    margin: auto;
    right: 10px;
    padding: 1rem 1.2rem;
}
.detail .grp-btn .btn-primary {
    padding: 1rem 1.2rem;
    margin: 10px 0;
    width: 250px;
}
.detail .grp-btn .btn-primary:hover {
    border: 1px solid #fff;
}
.detail .carousel-control-next,
.detail .carousel-control-next:hover,
.detail .carousel-control-prev,
.detail .carousel-control-prev:hover {
    background: #8c142e;
    top: 45%;
    border-radius: 50%;
    height: 50px;
    width: 50px;
}

.detail .h3,.page-heading, .deco{
    display: table-cell;
    vertical-align: bottom;
    line-height: 1.25vw;
    font-size: 1.9vw;
    padding-left: 0;
    margin-bottom: 20px;
    color: #e5e5e5;
    font-weight: 700;
}
.detail hr {
    border-top: 1px solid rgba(255,255,255,.1);
}
.detail .info_prix {
    margin: 20px 0;
    line-height: 1.5;
    padding: 0 20px;
    font-size: 23px;
}

.detail .groupe-btn li i {
    color: #fff;
    font-size: 30px;
} 
.detail .groupe-btn li:hover i {
    color: #8C142E;
} 
.detail .groupe-btn .dropdown-item:hover {
    background-color: transparent;
}
.detail .form-group.c_rgpd a {
    color: #fff;
}
.detail #vvirtuelle video {
    width: 100%!important;
    min-height: 340px!important;
    height:100%!important;
}
.detail_annexe {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-bottom: 20px;
}
.detail_annexe_nav {
    padding: 0;
}
.detail_annexe_nav > li {
    list-style: none;
    padding: 0 12px;
}
.detail_annexe_nav > li a {
    color: #fff!important;
}
.detail_annexe_nav > li a:hover {
    color: #8C142E!important;
}
.detail_annexe_nav i {
    font-size: 30px;
}
.detail_annexe_nav > li a::after {
    display: none;
}
/* .detail .lafficheur {
    display: none;
} */
.lafficheur li {
    background-color: transparent;
    color: #FFF;
    margin-right: 11px;
    border: 1px solid #8c142e;
    font-size: 14px;
}
.alert-danger {
    color: #fff;
    background-color: #8c142e;
    border-color: #fff;
}
#rs tr > td:nth-child(2) {
    font-size: 0.6em;
    color: #000;
}
.detail .nav-link {
    padding: 0;
}
.detail #map-proximite {
    height: 365px!important;
}
/*MISE EN FORME TABLEAU DETAILS*/
.detail .attribut_label0 {
    position: relative;
    background: #141414;
}
.detail .bloc-champ{
    background: #141414;
}
@media (min-width: 576px) {
    .detail .modal-dialog {
        max-width: 700px;
        margin: 30px auto;
    }    
}
.detail .card {
    background-color: transparent;
}
.detail_calculette .form-style {
    font-size: 1rem;
    border: 0;
    background: #383838!important;
    border-radius: 3px;
    color: #fff!important;
}
select#duree.bootstrap-select {
    height: 38px;
    border: 0 !important;
    color: #fff;
    display: block;
    font-size: 1rem;
    padding: 6px 12px;
    background: #383838;
}
.detail_calculette .input-group-addon {
    color: #fff;
}
.retour_pret p {
    color: #fff;
}
.detail_calculette-notaire .table td {
    border-top: 1px solid #353535;
}
.detail_calculette-notaire .bg-success {
    background-color: rgb(56 56 56) !important;
}
.detail_calculette-notaire form {
    background: rgb(56 56 56) none repeat scroll 0 0;
    padding: 15px;
    border: 1px solid #353535;
}
#sliderdetail .col-12.col-md-9.col-lg-12 .carousel-control-prev ,
#sliderdetail .col-12.col-md-9.col-lg-12 .carousel-control-next {
    display: none;
}


/* ============================================================================ */
/*                                 COMPARATEUR                                  */
/* ============================================================================ */
#biens_comparatif .article_comparatif .spin1,
#biens_comparatif .article_comparatif .spin2,
#biens_comparatif .article_comparatif .spin3,
#biens_comparatif .article_comparatif .spin4,
#biens_comparatif .article_comparatif .spin5,
#biens_similaires_comparateur .article_comparatif .spin1,
#biens_similaires_comparateur .article_comparatif .spin2,
#biens_similaires_comparateur .article_comparatif .spin3,
#biens_similaires_comparateur .article_comparatif .spin4,
#biens_similaires_comparateur .article_comparatif .spin5,
#biens_historique .article_comparatif .spin1,
#biens_historique .article_comparatif .spin2,
#biens_historique .article_comparatif .spin3,
#biens_historique .article_comparatif .spin4,
#biens_historique .article_comparatif .spin5 {
    padding: 4px 0;
    color: #fff;
    text-transform: capitalize;
    font-weight: 400;
}
#biens_comparatif .infos-item,
#biens_similaires_comparateur .infos-item,
#biens_historique .infos-item {
    display: flex;
    justify-content: flex-start;
    margin: 2px 0;
}
#biens_comparatif .infos-item li ,
#biens_similaires_comparateur .infos-item li,
#biens_historique .infos-item li {
    font-size: 14px;
    padding: 0 5px;
}
#biens_comparatif .infos-item .fas.fa-circle,
#biens_similaires_comparateur .infos-item .fas.fa-circle,
#biens_historique .infos-item .fas.fa-circle {
    font-size: 5px;
    color: #353535;
    top: -2px;
}
#biens_comparatif .header-item .liste2,
#biens_similaires_comparateur .header-item .liste2,
#biens_historique .header-item .liste2 {
    display: flex;
    justify-content: flex-start;
    margin: 5px;
}
#biens_comparatif .header-item .liste2 li.bd,
#biens_similaires_comparateur .header-item .liste2 li.bd,
#biens_historique .header-item .liste2 li.bd {
    display: block;
    margin: 0 5px 0 0;
}
#biens_comparatif .header-item .liste2 li.bd ul,
#biens_similaires_comparateur .header-item .liste2 li.bd ul,
#biens_historique .header-item .liste2 li.bd ul {
    text-align: center;
    display: flex;
    border-right: 1px solid rgba(255,255,255,0.2);
    margin: 0;
}
#biens_comparatif .header-item .liste2 li.bd ul li,
#biens_similaires_comparateur .header-item .liste2 li.bd ul li,
#biens_historique .header-item .liste2 li.bd ul li {
    line-height: 1!important;
    padding: 0 5px;
}
#biens_comparatif .header-item .liste2 li span,
#biens_similaires_comparateur .header-item .liste2 li span,
#biens_historique .header-item .liste2 li span {
    font-size: 13px;
}
#biens_comparatif .description,
#biens_similaires_comparateur .description,
#biens_historique .description {
    font-size: 14px;
    padding: 5px;
    min-height: 140px;
}
#biens_comparatif .li-lien-item,
#biens_similaires_comparateur .li-lien-item,
#biens_historique .li-lien-item {
    width: 35px;
    height: 35px;
}
#biens_comparatif .lien-item li i,
#biens_similaires_comparateur .lien-item li i,
#biens_historique .lien-item li i {
    font-size: 23px;
}
#biens_comparatif .li-lien-item .tooltip-item,
#biens_similaires_comparateur .li-lien-item .tooltip-item,
#biens_historique .li-lien-item .tooltip-item {
    left: -7px;
}
.ion-ios-trash:hover:before {
    color: #8C142E!important;
}

#biens_similaires_comparateur .prod_accueil .block_info,
#biens_historique .prod_accueil .block_info {
    min-height: auto;
    padding: 5px;
}

#biens_similaires_comparateur .article_comparatif .block_info,
#biens_historique .article_comparatif .block_info {
    padding: 0;
}
#biens_similaires_comparateur .swiper-slide:hover,
#biens_historique .swiper-slide:hover {
    transform: scale(1);
    transition: all 200ms ease-in-out;
    transition-delay: 200ms;
    z-index: 2;
}
#biens_similaires_comparateur .prod_accueil .info_prix,
#biens_historique .prod_accueil .info_prix {
    display: none;
}
#biens_similaires_comparateur .swiper-slide,
#biens_historique .swiper-slide {
    height: auto!important;
    border-radius: 0;
}
article .bottom {
    display: none;
}
#biens_comparatif .bottom,
#biens_similaires_comparateur .bottom,
#biens_historique .bottom {
    display: block;
}
 #biens_similaires_comparateur .bottom .btn-primary,
 #biens_historique .bottom .btn-primary {
    width: 80%;
}
#biens_similaires_comparateur .bottom .item-favori-delete,
#biens_historique .bottom .item-favori-delete {
    width: 18%;
}
#biens_similaires_comparateur .bottom .btn-primary,
#biens_historique .bottom .btn-primary {
    height: 50px;
    padding-top: 16px;
    font-size: 13px;
}
#biens_similaires_comparateur .bottom .btn-primary.item-favori-delete,
#biens_historique .bottom .btn-primary.item-favori-delete {
    height: 50px;
    padding-top: 9px;
    font-size: 13px;
}
#biens_similaires_comparateur .header-item,
#biens_historique .header-item ,
#biens_comparatif .header-item {
    min-height: 120px;
}

/* ============================================================================ */
/*                                     DIVERS                                   */
/* ============================================================================ */
.progress-bar {
    background-color: #8c142e;
}
.formcms4 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    background: #383838;
    border: 0!important;
}
.formcms4 .dropdown-menu.open.show {
    transform: translate3d(0px, 0px, 0px)!important;
}
.formcms4 .btn.dropdown-toggle, .formcms4 .input-group-addon {
    color: #fff !important;
    font-size: 13px;
}
::-webkit-input-placeholder { /* Edge */
    color: #fff;
   }
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
   }
::placeholder {
    color: #fff;
   }
.form-group.c_rgpd a {
    color: #fff;
}
.formcms4 .form-style {
    height: 32px;
}
.bg_collapse {
    background-color: transparent;
}
.alerte-email .content_page{
    height: 100vh;
    position: relative;
    background: linear-gradient( rgba(0,0,0, 0.2), rgba(0,0,0, 0.2) ),url(/assets/images/bgimg-alerte-email.jpg) no-repeat center bottom;
    background-size: cover;
    width: 100%;
    display: flex;
}
.alerte-email .content_page .container {
    background: rgba(0,0,0,.9);
    margin: auto;
    padding: 30px;
    max-width: 720px;
}
.alerte-email label {
    margin-top: 0px;
    margin-bottom: 2px;
    font-size: 13px;
}
.alerte-email .page-heading {
    line-height: 1.9vw;
}
.alerte-email p {
    color: #ccc;
    line-height: 1.2;
    font-size: 13px;
}
.has-success .champs {
    border-color: #fff;
    background-color: transparent;
}

.estimation .content_page{
    height: 100vh;
    position: relative;
    background: linear-gradient( rgba(0,0,0, 0.5), rgba(0,0,0, 0.5) ),url(/assets/images/bgimg-estimation.jpg) no-repeat center bottom;
    background-size: cover;
    width: 100%;
    display: flex;
}
.estimation .content_page .container {
    background: rgba(0,0,0,.9);
    margin: auto;
    padding: 30px;
    max-width: 720px;
}
.estimation label {
    margin-top: 0px;
    margin-bottom: 2px;
    font-size: 13px;
}
.estimation .page-heading {
    line-height: 1.9vw;
}
.estimation p {
    color: #ccc;
    line-height: 1.2;
    font-size: 13px;
}
.progress {
    background-color: #7c7c7c;
}
.estimation .bootstrap-select>.dropdown-toggle {
    background: #383838;
}
.estimation .bootstrap-select {
    border: 0!important;
    background: transparent!important;
}



/* ============================================================================ */
/*                                      AGENCE                                  */
/* ============================================================================ */
.agence .header_top_page {
    background-image: url(/assets/images/top_page/agence_top.jpg);
    height: 80vh;
    background-position-y: bottom;
}
.agence .header_agence {
    background: linear-gradient(to right, #141414, rgba(0,0,0,0));
    height: 100%;
    position: absolute;
    width: 50%;
    display: flex;
}
.agence .header_contenu {
    margin: auto 5%;
}
.agence .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;
}
.agence .header_contenu p{
    font-weight: 300;
    font-size: 1.2vw;
    margin-top: 20px;
}
.agence .header_contenu ul {
    display: flex;
    justify-content: flex-start;
    margin: 20px 0;
}
.agence .header_contenu ul li{
    display: block;
    margin: 0 5px 0 0;
    padding: 0 10px;
}
.agence .header_contenu ul li:nth-child(1){
    padding-left: 0 ;
    border-right: 1px solid rgba(255,255,255,0.5);
}
.agence .header_contenu ul li span{
    background: #8c142e;
    padding: 2px 15px;
    font-weight: 600;
    margin-right: 5px;
}


.agence .contenu-equipe {
    padding: 20px 0;
}
.agence .swiper-slide {
    height: 270px!important;
}
.agence .item-equipe {
    padding: 0;
}
.agence .item-equipe .item-infos {
    opacity: 0;
    min-height: 70px;
    position: relative;
    bottom: 0;
    height: auto;
    background-color: #141414;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
    text-align: left;
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 50%);
}
.agence .item-equipe .item-infos .infos{
    padding: 5px 10px;
}
.agence .item-equipe .item-infos .infos-contact{
    padding: 0 10px;
}
.agence .item-equipe .item-infos .infos .title-post{
    font-size: 14px;
    font-weight: 700;
}
.agence .item-equipe .item-infos .infos .fonction-post{
    font-size: 11px;
}
.agence .item-equipe .item-infos .infos-contact a{
    color: #fff;
    font-size: 11px;
}
.agence .item-equipe .item-infos .infos-contact a:hover{
    color: #8C142E;
}
.agence .item-equipe .item-infos .infos-contact ul{
    display: flex;
    flex-wrap: wrap;
    margin: -0.5em;
    justify-content: flex-start;
}
.agence .item-equipe .item-infos .infos-contact ul li {
    margin: calc(0.3em * 2) 0.7em;
}
.agence .item-equipe .item-infos .infos-contact ul li i {
    font-size: 12px;
    margin-right: 5px;
}
.agence .item-equipe .item-infos .infos-contact ul.rs-conseiller li i {
    font-size: 20px;
}
.agence .item-equipe:hover {
    box-shadow: 2px 6px 10px 3px rgb(0 0 0 / 90%);
    transition: all 200ms ease-in-out;
    transition-delay: 200ms;
    z-index: 2;
}
.agence .item-equipe:hover .item-infos {
    opacity: 1;
    transition: all 200ms ease-in-out;
    transition-delay: 200ms;
    z-index: 1;
    width: 100%;
    box-shadow: 2px 6px 10px 3px rgb(0 0 0 / 90%);
}
.agence .swiper {
    overflow: inherit;
}
.agence .swiper-slide img {
    border-radius: 5px;
    cursor: grab;
    height: 220px;
    width: 100%;
    object-fit: cover;
}
.agence .home_cont_chiffres .swiper-slide {
    height: 230px!important;
    margin-top: 20px;
}
.agence .home_cont_chiffres .swiper-slide.swiper-slide-active:hover {
    transform: scale(1) translateX(0px);
}
.agence .home_cont_chiffres .swiper {
    overflow: hidden;
}
.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: #fff;
}
.agence .home_cont_chiffres .swiper {
    z-index: 0;
}




  .agence p {
      text-align: justify;
  }

  .titre-small, .titre, .home_cont_chiffres p {
    text-shadow: #000000 0.05em 0.05em 0.1em;
  }
  .presentation-ligne1,
  .presentation-ligne2 {
    padding: 35px 0;
    min-height: 250px;
  }
  .home_cont_chiffres .carousel-control-next,.home_cont_chiffres  .carousel-control-prev,
  .home_cont_chiffres .carousel-control-next:hover,.home_cont_chiffres  .carousel-control-prev:hover {
    background-color: transparent;
  }
  .home_cont_chiffres .carousel-control-next {
    right: -40px;
  }
  .home_cont_chiffres .carousel-control-prev {
    left: -40px;
  }
  .home_cont_chiffres .carousel-indicators .active {
    background-color: #fff;
    border: 4px solid #8c142e;
  }
  .home_cont_chiffres .carousel-indicators li {
    width: 20px;
    height: 20px;
    background-color: rgba(255,255,255,0.5);
    border-radius: 50%;
  }
  .presentation-ligne1  .border-right,
  .presentation-ligne2 .border-right {
    border-right: 1px solid rgba(255,255,255,0.1);
  }
  .nombre {
    font-size: 3rem;
    color: #fff;
    font-weight: 700;
    background: #8c142e;
    border-radius: 50%;
    height: 120px;
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto auto 10px auto;
    box-shadow: 7px 3px 5px rgb(0 0 0 / 60%);
  }
  .nombre:hover {
    color: #8c142e;
    background: #fff;
    transition: all 0.3s ease-in-out;
    box-shadow: 7px 3px 5px rgb(0 0 0 / 90%);
  }
  .nombre .pourcentage {
    font-size: 22px;
    top: 9px;
    left: 3px;
  }
  .col-presentation {
    padding: 3% 15%;
    min-height: 230px;
  }

.titre-small {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  font-style: italic;
  color: #b1b1b1;
  text-align: center;
}
.col-presentation p {
    text-align: center;
}





/* ============================================================================ */
/*                                     COOKIES                                  */
/* ============================================================================ */

.pictocookie {
    animation: wobble 2s ease 0s infinite normal forwards; }

.cc-window.cc-banner {
    width: 600px !important;
    border-radius: 10px; }
  
  .cc-color-override-1247188962.cc-window {
    padding: 10px; }
  
  .cc-banner.cc-bottom {
    left: auto !important;
    right: 20px;
    bottom: 20px; }
  
  .cc-color-override-1247188962.cc-window {
    background-color: white !important; }
  
  #footer-cookie {
    color: #242935 !important;
    max-height: 100% !important; }
  
  #footer-cookie a {
    color: #a0a0a0;
    font-weight: 200;
    font-size: 12px; }
  
  #footer-cookie h3 {
    font-size: 1rem !important;
    padding-top: 10px; }
  
  #footer-cookie p {
    font-size: 12px !important;
    line-height: 1.5 !important; }
  
  .btncookie {
    color: white !important;
    background: #8C142E;
    margin-top: 12px;
    cursor: pointer;
    font-size: 16px !important;
    font-family: "Poppins", sans-serif;
    border-radius: 9px;
    border: none;
    margin-bottom: 5px;
    font-weight: 400;
    padding: 12px 10%;
    transition: 150ms ease-out; }
  
  .btncookie:hover {
    background: #000;
    color: #ffffff !important;
    border: 0px solid #ffffff !important; }
  
  #boutoncookie {
    display: grid !important; }

  a.cc-link {
    margin: auto !important;
    text-decoration: none; }
  
  #showparams .table {
    border-radius: 10px; }
  
  #showparams .table td, .table th {
    padding: 5px;
    vertical-align: middle;
    border-top: 1px solid #e9ecef;
    display: row;
    justify-content: center;
    font-size: 12px; }
  
  #showparams .table th {
    background: #000;
    color: #ffffff; }
  
  .params {
    width: 100%;
    height: 60px; }



/* ============================================================================= */
/*                                      FOOTER                                   */
/* ============================================================================= */
footer {
    background: #141414;
}
footer .plan-de-site li {
    padding: 5px 0;
    font-size: 15px;
}
footer,
footer a,
footer .plan-de-site a {
    color: #b7b7b7;
}
footer .plan-de-site a:hover {
    text-decoration: underline;
}
footer .reseaux-sociaux p,
footer .adresse p {
    margin-bottom: 0;
    font-size: 15px;
}
footer .adresse p {
    margin-top: 20px;
}
footer .adresse ul {
    display: flex;
    margin-top: 20px;
    color: #b7b7b7;
}
footer .adresse ul li{
    margin: auto 10px auto 0;
    font-size: 15px;
}
footer .adresse ul li .intention_appel:hover{
    text-decoration: underline;
}
footer .adresse ul li i {
    font-size: 20px;
}
footer .reseaux-sociaux ul li i {
    font-size: 35px;
    margin-right: 10px;
}
.logo-footer {
    width: 170px;
}
footer img {
    border: 2px solid transparent;
}


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



@media (min-width: 1281px) {
    .detail .container_page {
        padding: 20px 10%;
    }
    .agence .swiper-slide img {
        height: 240px;
    }
    .detail .h3, .page-heading, .deco {
        font-size: 1.4vw;
    }
}

@media (min-width: 992px) {

}
@media (max-width: 991px) {
    body {
        max-width: 991px!important;
        overflow-x: hidden!important;
    }
    #detailinfosdetail ul {
        columns: 2;
    }
    .header {
        background: transparent;
    }
    .header__logo img {
        width: 150px;
    }
    .menu-right ul {
        margin-bottom: 0;
        display: flex;
    }
    .menu-right ul > li > a {
        padding: 12px 10px;
        line-height: 1.2;
        color: #fff;
        font-size: 14px;
    }
    .menu-right {
        margin: auto 10px auto auto;
    }
    .menu-right i {
        font-size: 20px;
        padding-right: 8px;
    }
    .menu-right i.ion-ios-search-strong {
        font-size: 30px;
        top: -7px;
        padding-right: 5px;
    }
    .burger-item, .burger-item::before, .burger-item::after {
        color: #fff;
        background: #fff;
    }
    /* SELECTIONS */
    .selection-header-title {
        font-size: 3vw;
    }
    .selection-lien {
        margin: 2em 4% 1em 0;
    }
    .selection_card .selection-lien .icone-row-header .selection-link {
        font-size: 1.5vw;
        margin-left: 5px;
    }
    .home_cont_selection .produitshabitationswiper.swiper-horizontal {
        overflow-x: hidden;
    }
    .swiper-slide.swiper-slide-active:hover {
        transform: scale(1.1) translateX(0px);
    }
    .index .home_cont_selection .swiper-slide:hover .block_info {
        opacity: 0;
        display: none;
    }
    .index .home_cont_selection.selection-ccoeur .prod_accueil {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .selection-ccoeur article .block_img:before {
        counter-increment: titles;
        content: counter(titles);
        font-size: 12rem;
        font-weight: bold;
        position: absolute;
        bottom: -3.5rem;
        left: -0.5rem;
        transform: translateX(-60%);
        color: #080808;
        -webkit-text-stroke: 3px white;
        text-shadow: 0 0 0.25rem rgb(58 58 58);
        z-index: 0;
        opacity: 0.3;
        font-family: 'Poppins', sans-serif;
    }
    .selection-ccoeur .prod_accueil article {
        border: 0;
        width: 359px;
        margin: 1rem auto;
    }
    .selection-ccoeur .prod_accueil article.swiper-slide {
        height: 100%!important;
    }
    .home_cont_selection .info_prix {
        font-size: 12px;
    }
    .index .swiper-slide.swiper-slide-active:hover {
        transform: scale(1) translateX(0px);
    }
    [class*="listing"] .main-content ,
    [class*="listing-"] .main-content {
        margin-top: 85px;
    }
    body[class*="listing"] .menu-right li.a-recherche, body[class*="listing-"] .menu-right li.a-recherche {
        display: block;
    }
    .detail .menu-right li.a-recherche,
    .agence .menu-right li.a-recherche,
    .mentions-legales .menu-right li.a-recherche,
    .alerte-email .menu-right li.a-recherche,
    .estimation .menu-right li.a-recherche {
        display: none;
    }
    body[class*="listing"] .swiper-slide, body[class*="listing-"] .swiper-slide {
        height: 265px!important;
    }
    .prod_listing > .listing_article article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    body[class*="listing"] .lien-item li i,
    body[class*="listing-"] .lien-item li i {
        font-size: 16px;
    }
    body[class*="listing"] .li-lien-item,
    body[class*="listing-"] .li-lien-item {
        width: 30px;
        height: 30px;
    }
    body[class*="listing"] .prod_listing.listing article.swiper-slide .description,
    body[class*="listing-"] .prod_listing.listing article.swiper-slide .description {
        display: block;
        padding: 10px 5px;
        font-size: 12px;
    }
    body[class*="listing"] .prod_listing.listing article.swiper-slide img,
    body[class*="listing-"] .prod_listing.listing article.swiper-slide img {
        border-radius: 0;
        cursor: grab;
    }
    .detail #sliderdetail img {
        height: 380px;
        object-fit: cover;
    }
    .detail #sliderdetail .infos-photos ul li img {
        height: 185px;
        object-fit: cover;
        width: 100%;
    }
    .detail .infos-photos .btn-primary {
        position: absolute;
        bottom: 20px;
        margin: auto;
        right: 0;
        padding: 0.4rem 0.5rem;
        font-size: 12px;
    }
    .detail .liste2 {
        display: flex;
        flex-wrap: wrap;
        margin: -0.5em;
    }
    .detail .liste2 li {
        position: relative;
        width: calc(32% - 1em);
        margin: calc(0.5em * 2) 0.5rem;
        overflow: hidden;
    }
    .detail .grp-btn .btn-primary {
        padding: 0.4rem 0.5rem;
        min-width: 150px;
        width: 100%;
    }
    #detailinfosdetail ul {
        columns: 1;
        font-size: 12px;
    }
    .agence .swiper {
        overflow-x: hidden;
    }
    .agence .header_agence {
        width: 100%;
    }
    .agence .header_top_page {
        background-image: url(/assets/images/top_page/agence_top.jpg);
        height: 80vh;
        background-position-y: center;
        background-size: cover;
        background-position-x: right;
    }
    .agence .swiper-slide {
        height: 310px!important;
    }
    .agence .swiper-slide img {
        height: 225px;
    }
    .agence .swiper-slide:hover {
        transform: scale(1);
    }
    .agence .swiper-slide:hover img {
        height: 120px;
    }
 }

@media (min-width: 768px) {

    /* ================================================================================show 4 items================================================================================ */
    .produitshabitationslider.multiple.multi4 .carousel-inner .active,
    .produitshabitationslider.multiple.multi4 .carousel-inner .active + .carousel-item,
    .produitshabitationslider.multiple.multi4 .carousel-inner .active + .carousel-item + .carousel-item,
    .produitshabitationslider.multiple.multi4 .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }

    .produitshabitationslider.multiple.multi4 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .produitshabitationslider.multiple.multi4 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .produitshabitationslider.multiple.multi4 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .produitshabitationslider.multiple.multi4 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }

    .produitshabitationslider.multiple.multi4 .carousel-inner .carousel-item-next,
    .produitshabitationslider.multiple.multi4 .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    .produitshabitationslider.multiple.multi4 .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    .produitshabitationslider.multiple.multi4 .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .produitshabitationslider.multiple.multi4 .carousel-item-next.carousel-item-left + .carousel-item,
    .produitshabitationslider.multiple.multi4 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .produitshabitationslider.multiple.multi4 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .produitshabitationslider.multiple.multi4 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    .produitshabitationslider.multiple.multi4 .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    .produitshabitationslider.multiple.multi4 .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .produitshabitationslider.multiple.multi4 .carousel-item-prev.carousel-item-right + .carousel-item,
    .produitshabitationslider.multiple.multi4 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .produitshabitationslider.multiple.multi4 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .produitshabitationslider.multiple.multi4 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
    }

    /* ======================================================================================================================================== */
    /* ==============================================================show 6 items============================================================== */
    /* ======================================================================================================================================== */
    .produitshabitationslider.multiple.multi6 .carousel-inner .active,
    .produitshabitationslider.multiple.multi6 .carousel-inner .active + .carousel-item,
    .produitshabitationslider.multiple.multi6 .carousel-inner .active + .carousel-item + .carousel-item,
    .produitshabitationslider.multiple.multi6 .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item,
    .produitshabitationslider.multiple.multi6 .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
    .produitshabitationslider.multiple.multi6 .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item{
        display: block;
    }

    .produitshabitationslider.multiple.multi6 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .produitshabitationslider.multiple.multi6 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .produitshabitationslider.multiple.multi6 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .produitshabitationslider.multiple.multi6 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
    .produitshabitationslider.multiple.multi6 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
    .produitshabitationslider.multiple.multi6 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }

    .produitshabitationslider.multiple.multi6 .carousel-inner .carousel-item-next,
    .produitshabitationslider.multiple.multi6 .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    .produitshabitationslider.multiple.multi6 .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -16.666667%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    .produitshabitationslider.multiple.multi6 .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .produitshabitationslider.multiple.multi6 .carousel-item-next.carousel-item-left + .carousel-item,
    .produitshabitationslider.multiple.multi6 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .produitshabitationslider.multiple.multi6 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .produitshabitationslider.multiple.multi6 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
    .produitshabitationslider.multiple.multi6 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
    .produitshabitationslider.multiple.multi6 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item{
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    .produitshabitationslider.multiple.multi6 .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    .produitshabitationslider.multiple.multi6 .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .produitshabitationslider.multiple.multi6 .carousel-item-prev.carousel-item-right + .carousel-item,
    .produitshabitationslider.multiple.multi6 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .produitshabitationslider.multiple.multi6 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .produitshabitationslider.multiple.multi6 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
    .produitshabitationslider.multiple.multi6 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
    .produitshabitationslider.multiple.multi6 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item{
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
    }

}



/* ================================================= TABLETTE LANDSCAPE ================================================= */
@media only screen and (min-device-width: 768px) and (max-device-width: 1065px) and (orientation: landscape) {
    .home_cont_selection .produitshabitationswiper.swiper-horizontal {
        overflow-x: hidden;
    }
    .index .not-sticking .header__logo img,
    .header__logo img {
        width: 135px;
    }
    .index .not-sticking .header__logo,
     .header__logo {
        height: 60px;
    }
    .menu-right {
        margin: auto 20px auto auto;
    }
    .menu-right i {
        font-size: 20px;
    }
    .selection-ccoeur article .block_img:before {
        counter-increment: titles;
        content: counter(titles);
        font-size: 10rem;
        font-weight: bold;
        position: absolute;
        bottom: -3.5rem;
        left: -1rem;
        transform: translateX(-60%);
        color: #080808;
        -webkit-text-stroke: 3px white;
        text-shadow: 0 0 0.25rem rgb(58 58 58);
        z-index: 0;
        opacity: 0.3;
        font-family: 'Poppins', sans-serif;
    }
}



@media (max-width: 600px) {
    .home_cont_selection .produitshabitationswiper.swiper-horizontal {
        overflow-x: hidden;
    }
    #detailinfosdetail ul {
        columns: 1;
    }
    /* .swiper-wrapper {
        transform: translate3d(129.2px, 0px, 0px)!important;
    } */
    .swiper-slide:hover {
        transform: scale(1) translateX(0px);
    }
    .home_cont_selection .swiper-slide {
        width: 80%!important;
    }
    .swiper-slide img {
        max-width: 95%;
    }
    .bgAccueil .carousel-fullscreen .carousel-inner .carousel-item {
        height: 65vh;
        min-height: 350px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .bgAccueil {
        height: 75vh;
    }
    .prix-header, .type-header {
        font-size: 1.5rem;
    }
    .ville-header {
        font-size: 1.2rem;
    }
    .bgAccueil #carouselExampleIndicatorsHome .carousel-item .contenu-header {
        left: 25px;
    }
    .btn-video-header {
        color: #fff!important;
        background-color: #8C142E;
        border-color: #8C142E;
        margin: 0 10px 0 0;
        padding: 0.5rem 0.8rem;
        width: auto;
        font-size: 11px;
    }
    .home_cont_selection .produitshabitationswiper .swiper-slide {
        height: 220px!important;
    }
    .home_cont_selection.selection-ccoeur .swiper-slide {
        width: 100%!important;
    }
    .selection-ccoeur .prod_accueil article {
        border: 0;
        width: 320px;
        margin: 2rem auto 2rem 2rem;
    }
    .selection-header-title {
        font-size: 5vw;
    }
    .selection-lien {
        margin: 3em 4% 3em 0;
    }

    .prod_listing > .listing_article article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: column;
    }
    body[class*="listing"] .swiper-slide, body[class*="listing-"] .swiper-slide {
        height: 100%!important;
    }
    body[class*="listing"] .swiper-slide img,
    body[class*="listing-"] .swiper-slide img {
        max-width: 100%;
    }
    body[class*="listing"] .header-item .liste2 li span, body[class*="listing"] .header-item .liste2 li span {
        font-size: 11px;
    }
    .detail .liste2 {
        display: flex;
        flex-wrap: wrap;
        margin: -0.5em;
    }
    .detail .liste2 li {
        position: relative;
        width: calc(32% - 1em);
        margin: calc(0.5em * 2) 0.5rem;
        overflow: hidden;
    }
    .detail #sliderdetail img {
        height: 230px;
    }
    .detail #carouselImages {
        padding: 0;
    }
    .detail #sliderdetail .infos-photos ul li img {
        height: 110px;
    }
    .detail .infos-photos ul li:nth-child(1) {
        margin-top: 10px;
        padding-left: 2px;
    }
    .detail .infos-photos ul li:nth-child(2) {
        margin-top: 10px;
    }
    .detail .infos-photos .row {
        margin: 0;
    }
    .detail .infos-photos .btn-primary {
        position: relative;
        bottom: 0;
        margin: auto;
        right: 0;
        padding: 0.4rem 0.5rem;
        font-size: 15px;
    }
    .detail .h3, .page-heading, .deco {
        display: table-cell;
        vertical-align: bottom;
        line-height: 1.25vw;
        font-size: 5.9vw;
        padding-left: 0;
        margin-bottom: 20px;
        color: #e5e5e5;
        font-weight: 700;
    }
    .detail .grp-btn{
        margin-bottom: 30px;
    }
    .detail .bloc-detail.groupe-btn {
        margin: 30px 0;
    }
    .detail .bloc-detail.groupe-btn .dropdown-item {
        padding: 0.25rem 0.5rem;
    }
    .estimation .page-heading, .alerte-email .page-heading {
        line-height: 6.9vw;
    }
    .alerte-email .content_page {
        padding-top: 100px;
        padding-bottom: 100px;
        min-height: 100vh;
        height: auto;
    }
    .contact .contact_formulaire {
        margin-top: 40px;
    }
    .map {
        top: auto;
        margin-top: 65px;
    }
    .agence .header_nom_agence {
        font-size: 5.9vw;
    }
    .agence .header_contenu p {
        font-weight: 400;
        font-size: 4vw;
        margin-top: 20px;
    }
    .agence .header_top_page {
        height: 50vh;
    }
    .agence .header_contenu {
        margin: auto 3% 5% 3%;
    }
    .agence .swiper-slide img {
        height: 220px;
    }
    .agence .swiper-slide {
        height: 200px!important;
    }
    .agence .contenu-equipe .swiper-slide {
        height: 250px!important;
        /* width: 150px!important; */
    }
    .agence .swiper-slide:hover img {
        height: 85px;
        object-position: center;
    }
    .agence .row {
        margin: 0;
    }
}