/*PREMIUMBASE*/


.flottante {
	z-index:1000; position:fixed; margin-left:90%; margin-top:15%;
}


.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, [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.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, [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_investisseur{
    background-color: #8dac63;
}

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

.b_vendu{
    background-color: #ff5800;
}

.b_loue{
    background-color: #e37c93;
}

.b_loc{
    background-color: #e34848;
}

.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{
    font-size: 15px;
}

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

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

@media (max-width:991px){
    #biens_comparatif .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, [class*="listing-"] .card_list, .listing .card_list{
        padding-left: 20px !important;
    }
    .listing #content, [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, [class*="listing-"] #formrecherchevente, [class*="listing-"] #formrecherchelocation, [class*="listing-"] #formrecherchelocationsaison, [class*="listing-"] #formrechercheneuf, [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 : red!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;
    }
    [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;
    }
}
/* ================================================================================================================= */
/*                                                      GENERAL                                                      */
/* ================================================================================================================= */
/*Import Fonts*/
@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700');


body {
    font-family: 'Work Sans', sans-serif;
    background: #fff;
}
body.index {
    background: #dadada;
}


.btn {
    border-radius: 0;
}
.btn-primary, .btn-info, .btn-secondary {
    color: #fff;
    background-color: #b00a34;
    border-color: #b00a34;
}
aside .btn-primary {
    color: #fff;
    background-color: #b00a34;
    border-color: #b00a34;
}
.btn-primary:hover, .btn-info:hover, .btn-secondary:hover {
    color: #b00a34;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}

.home_heading::after {
    content: "";
    display: block;
    position: relative;
    background: #000;
    height: 2px;
    width: 150px;
    margin: 24px auto 24px auto;
}
.marginTop5 {
    margin-top:0.5%;
}


/* COULEURS */
.rouge-clair {

}
.rouge {
    color:#b00a34;
}
.prune {
    color: #6c0935;
}

/* ================================================================================================================= */
/*                                                    MENU BURGER                                                    */
/* ================================================================================================================= */
.header__burger input[type=checkbox] {
    display: none;
}
.header__burger {
    position: absolute;
    top: 22px;
    left: 32px;
}
.header__burger > span {
    text-transform: none;
    opacity: .5;
    font-weight: 300;
    font-size: 12px;
}
.header__burger input + label {
    height: 20px;
    width: 40px;
    z-index: 5;
    position: fixed;
}
.header__burger input + label span {
    position: absolute;
    width: 100%;
    height: 3px;
    top: 52%;
    margin-top: -1px;
    left: 0;
    display: block;
    background: #b00a34;
    transition: .5s;
}
.header__burger input + label span:first-child {
    top: 0;
}
.header__burger input + label span:last-child {
    top: 20px;
}
.header__burger label:hover {
    cursor: pointer;
}
.header__burger input:checked + label span {
    opacity: 0;
    top: 50%;
}
.header__burger input:checked + label span:first-child {
    opacity: 1;
    transform: rotate(405deg);
}
.header__burger input:checked + label span:last-child {
    opacity: 1;
    transform: rotate(-405deg);
}
.header__burger input ~ nav {
    background-color: white;
    position: fixed;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    z-index: 3;
    transition: .5s;
    transition-delay: .5s;
    overflow: hidden;
    /* display: flex; */
}
.header__burger input ~ nav > ul {
    text-align: center;
    width: 65%;
    margin: auto;
    background: url(/assets/images/bgimg-nav.png) no-repeat center center;
    background-size: contain;
}
.header__burger input ~ nav > ul > li {
    opacity: 0;
    transition: .5s;
    transition-delay: 0s;
}
.header__burger input ~ nav > ul > li > a {
    text-decoration: none;
    text-transform: uppercase;
    color: #b00a34;
    font-weight: 700;
    font-family: sans-serif;
    display: block;
    padding: 15px;
    font-size: 25px;
}
.header__burger .badge {
    padding: 0.29em .43em;
    bottom: 3px;
}
.header__burger input ~ nav > ul > li > a:hover {
    background: #b00a34;
    color: #fff;
}

.header__burger input:checked ~ nav {
    height: 100%;
    width: 100%;
    transition-delay: 0s;
    background-color: #fff;
    display: flex;
    justify-content: flex-end;
}
.header__burger input:checked ~ nav > ul > li {
    opacity: 1;
    transition-delay: .5s;
}
/* RESEAUX SOCIAUX */
.header__burger input ~ nav > .reseaux-sociaux {
    position: absolute;
    bottom: 4%;
    left: 4%;
}
.header__burger input ~ nav > .reseaux-sociaux > ul > li {
    opacity: 0;
    transition: .5s;
    transition-delay: 0s;
}
.header__burger input:checked ~ nav > .reseaux-sociaux > ul > li {
    opacity: 1;
    transition-delay: .5s;
    padding: 0 15px;
}
.header__burger input:checked ~ nav > .reseaux-sociaux > ul > li > a{
    font-size: 23px;
    color: #6b6a6a;
}
.header__burger input:checked ~ nav > .reseaux-sociaux > ul > li > a:hover{
    color: #b00a34;
}
/* LANGUE */
.header__burger input ~ nav > .langue {
    position: absolute;
    bottom: 4%;
    right: 38%;
}
.header__burger input ~ nav > .langue >  ul {
    display: flex;
}
.header__burger input ~ nav > .langue >  ul > li {
    opacity: 0;
    transition: .5s;
    transition-delay: 0s;
}
.header__burger input:checked ~ nav > .langue > ul > li {
    opacity: 1;
    transition-delay: .5s;
    padding: 0 15px;
}
.langue img {
    width: 30px;
}

/* COORDONNES AGENCE */
.coordonnees {
    width: 35vw;
    text-align: center;
    /* margin: auto; */
    border-left: 2px solid #b00a346b;
}
#map_contact {
    height: 50vh !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;
}
.coordonnees .map {
    height: 50vh;
    background: #efe6e6;
    margin: auto;
}
.coordonnees .address {
    height: 50vh;
    background: #efe6e6;
    margin: auto;
    display: grid;
    border-bottom: 2px solid #b00a346b;

}
.coordonnees .address ul{
    margin: auto;
}
.coordonnees .btn-primary:hover {
    color: #b00a34;
    background-color: #e6e6e6;
    border-color: #b00a34;
}
.coordonnees .address-logo {
    margin-bottom: 11%;
}
.address-logo img {
    width: 150px;
}

/* MOTEUR DE RECHERCHE TOP DROITE */
.search .moteur-nav {
    opacity: 0;
    transition: .5s;
    transition-delay: 0s;
}
.search .moteur-nav {
    opacity: 1;
    transition-delay: .5s;
    padding: 0 15px;
}
.search .moteur-nav {
    position: relative;
    width: 50%;
    margin: auto 0;
    height: 100%;
    background: #b00a34;
    display: flex;
}
.search .container_search{
    margin: auto 0;
}
.moteur-nav .search__form-item:nth-child(n+2) {
    margin-right: 10px;
    margin-bottom: 10px;
    vertical-align: top;
    width: calc(100% / 1 - 4px);
    height: auto;
}
.search .moteur-nav input + label {
    height: 45px;
    width: 100%;
    position: initial;
}
.search .moteur-nav .radio_trans input.css-checkbox[type="radio"]:checked + label.css-label {
    border: 2px solid #fff;
    color: #fff;
    font-size: 17px;
}
.searchr .moteur-nav .plusdecritere a{
    color: #fff;
}
.plusdecritere .btn-default:hover{
    color: #fff;
    background-color: #b00a34;
}

.radio_trans input[type=radio].css-checkbox + label.css-label {
    cursor: pointer;
    display: inline-block;
    padding: 7px;
}
.search {
    display: none;
}
.index .search {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    width: 100px;
    height: 100px;
    z-index: 9;
}
.search ul {
    top: 18%;
}
.search ul li a i {
    font-size: 40px;
    margin: auto 0;
    color: #b00a34;
}
aside.aside_contact {
    background-color: #393832;
}
aside .form-search-d label.btn,aside .form-search-d label.btn.small {
    border: 1px solid #ddd;
    font-size: .7em;
    width: 100%;
    background-color: transparent;
    margin: 0;
    height: auto;
    color: #fff;
}
aside .form-search-d label.btn.active,aside .form-search-d label.btn:hover {
    background: #b00a34;
    color: #fff;
}
aside .form-search-d .check {
    padding: 5px;
    display: none;
    z-index: 10;
}
aside .form-search-d .txt {
    padding: 5px;
    display: inline-block;
}
aside .search_form .c_type {
    background: transparent;
    height: auto ! important;
    width: 100%;
}
aside .search_form .label {
    float: initial ! important;
    border-bottom: 1px solid #ffffff45;
    width: 100% ! important;
    font-style: italic;
}
.index .radio_trans input.css-checkbox[type="radio"]:checked + label.css-label {
    border: 1px solid #fff;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}
.search__form-item:nth-child(2), .search__form-item:nth-child(3) {
    background: transparent;
}
aside .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    background: #fff;
}
aside .form-search-d > li {
    width: 50%;
    padding: 4px 6px;
    font-size: 17px;
    text-transform: capitalize;
}
aside .form-group label.active .check::before {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    content: "";
    display: block;
    height: auto;
    margin: 0 auto;
    width: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: width .3s ease,height .3s ease;
    transition: width .3s ease,height .3s ease;
}
aside .search_form .c_surfacemin,
aside .search_form .c_surfacemax,
aside .search_form .c_prixmin,
aside .search_form .c_prixmax {
    width:calc(100% / 2 - 10px)! important;
}
aside .search__form-item {
    padding: 3% 0;
}
aside .form-search-d {
    margin: 0;
}
/* ================================================================================================================= */
/*                                                        LOGO                                                       */
/* ================================================================================================================= */
.logo-header {
    background: rgba(255,255,255,0.5);
    /* position: fixed; */
}
/* ================================================================================================================= */
/*                                                       HEADER                                                      */
/* ================================================================================================================= */
.bloc-index .container-fluid {
    padding-right: 6.1%;
    padding-left: 6.1%;
    padding-top: 0.25%;
    padding-bottom: 0.25%;
}
.bgAccueil {
    height: 10px;
    position: relative;
    background: transparent;

}
.bloc-index {
    margin-top: 95px;
}
.bloc-index .col1,
.bloc-index .col2,
.bloc-index .col3,
.bloc-index .col4,
.bloc-index .col5,
.bloc-index .col6 {
    height: 25rem;
}
.bloc-index a img{
    padding: 20px;
    background: #dadada;
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.img-cover {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 0;
    padding-left: 0;
}
.detail  .col,
.detail  .col-1,
.detail  .col-10,
.detail  .col-11,
.detail  .col-12,
.detail  .col-2,
.detail  .col-3,
.detail  .col-4,
.detail  .col-5,
.detail  .col-6,
.detail  .col-7,
.detail  .col-8,
.detail  .col-9,
.detail  .col-auto,
.detail  .col-lg,
.detail  .col-lg-1,
.detail  .col-lg-10,
.detail  .col-lg-11,
.detail  .col-lg-12,
.detail  .col-lg-2,
.detail  .col-lg-3,
.detail  .col-lg-4,
.detail  .col-lg-5,
.detail  .col-lg-6,
.detail  .col-lg-7,
.detail  .col-lg-8,
.detail  .col-lg-9,
.detail  .col-lg-auto,
.detail  .col-md,
.detail  .col-md-1,
.detail  .col-md-10,
.detail  .col-md-11,
.detail  .col-md-12, .col-md-2,
.detail  .col-md-3,
.detail  .col-md-4,
.detail  .col-md-5,
.detail  .col-md-6,
.detail  .col-md-7,
.detail  .col-md-8,
.detail  .col-md-9,
.detail  .col-md-auto,
.detail  .col-sm,
.detail  .col-sm-1,
.detail  .col-sm-10,
.detail  .col-sm-11,
.detail  .col-sm-12,
.detail  .col-sm-2,
.detail  .col-sm-3,
.detail  .col-sm-4,
.detail  .col-sm-5,
.detail  .col-sm-6,
.detail  .col-sm-7,
.detail  .col-sm-8,
.detail  .col-sm-9,
.detail  .col-sm-auto,
.detail  .col-xl,
.detail  .col-xl-1,
.detail  .col-xl-10,
.detail  .col-xl-11,
.detail  .col-xl-12,
.detail  .col-xl-2,
.detail  .col-xl-3,
.detail  .col-xl-4,
.detail  .col-xl-5,
.detail  .col-xl-6,
.detail  .col-xl-7,
.detail  .col-xl-8,
.detail  .col-xl-9,
.detail .col-xl-auto {
    padding-right: 15px;
    padding-left: 15px;
}
.bloc-index a:hover img {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}




/* ================================================================================================================= */
/*                                                     EFFETS                                                        */
/* ================================================================================================================= */


.snip1573 {
    background-color: #dadada;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    padding: 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}

.snip1573 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.snip1573:before, .snip1573:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    background-color: #ffffff85;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    opacity: 0.9;
    z-index: 1;
}

.snip1573:before {
    -webkit-transform: skew(45deg) translateX(-155%);
    transform: skew(45deg) translateX(-155%);
}

.snip1573:after {
    -webkit-transform: skew(45deg) translateX(155%);
    transform: skew(45deg) translateX(155%);
}

.snip1573 img {
    backface-visibility: hidden;
    max-width: 100%;
    vertical-align: top;
}

.snip1573 figcaption {
    top: 50%;
    left: 50%;
    position: absolute;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 10px #000000;
    box-shadow: 0 0 10px #000000;
}

.snip1573 h2 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    z-index: 1;
    position: absolute;
    top: 46%;
    left: 41.5%;
    text-align: center;
}
.snip1573 h3 {
    background-color: #b00a34;
    border: 2px solid #fff;
    color: #fff;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0;
    padding: 10px 15px;
    text-transform: uppercase;
}

.snip1573 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.snip1573:hover > img,
.snip1573.hover > img {
    opacity: 0.5;
}

.snip1573:hover:before,
.snip1573.hover:before {
    -webkit-transform: skew(45deg) translateX(-55%);
    transform: skew(45deg) translateX(-55%);
}

.snip1573:hover:after,
.snip1573.hover:after {
    -webkit-transform: skew(45deg) translateX(55%);
    transform: skew(45deg) translateX(55%);
}

.snip1573:hover figcaption,
.snip1573.hover figcaption {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}








.snip1477 {
    font-family: 'Raleway', Arial, sans-serif;
    position: relative;
    overflow: hidden;
    width: 100%;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    background-color: transparent;
    padding: 20px;
}
.snip1477 *,
.snip1477 *:before,
.snip1477 *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease;
}
.snip1477 img {
    max-width: 100%;
    backface-visibility: hidden;
    vertical-align: top;
    opacity: 0.9;
}
.snip1477 .title {
    position: absolute;
    top: 58%;
    left: 25px;
    padding: 5px 10px 10px;
}
.snip1477 .title:before,
.snip1477 .title:after {
    height: 2px;
    width: 400px;
    position: absolute;
    content: '';
    background-color: #ffffff;
}
.snip1477 .title:before {
    top: 0;
    left: 58%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.snip1477 .title:after {
    bottom: 0;
    right: 10px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.snip1477 .title div:before, .snip1477 .title div:after {
    width: 2px;
    height: 320px;
    position: absolute;
    content: '';
    background-color: #ffffff;
}
.snip1477 .title div:before {
    top: 10px;
    right: -8px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.snip1477 .title div:after {
    bottom: 1px;
    left: -8px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.snip1477 h2,
.snip1477 h4 {
    margin: 0;
    text-transform: uppercase;
}
.snip1477 h2 {
    font-weight: 400;
}
.snip1477 h4 {
    display: block;
    font-weight: 700;
    background-color: #b00a34;
    padding: 5px 10px;
    color: #fff;
}
.snip1477 figcaption {
    position: absolute;
    bottom: 39%;
    left: 31px;
    text-align: left;
    opacity: 0;
    padding: 5px 60px 5px 10px;
    font-size: 0.8em;
    font-weight: 500;
    letter-spacing: 1.5px;
}
.snip1477 figcaption p {
    margin: 0;
}
.snip1477 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.snip1477:hover img,
.snip1477.hover img {
    zoom: 3;
    filter: alpha(opacity=7);
    -webkit-opacity: 0.7;
    opacity: 0.7;
}
.snip1477:hover .title:before,
.snip1477.hover .title:before,
.snip1477:hover .title:after,
.snip1477.hover .title:after,
.snip1477:hover .title div:before,
.snip1477.hover .title div:before,
.snip1477:hover .title div:after,
.snip1477.hover .title div:after {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.snip1477:hover .title:before,
.snip1477.hover .title:before,
.snip1477:hover .title:after,
.snip1477.hover .title:after {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.snip1477:hover figcaption,
.snip1477.hover figcaption {
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}








.snip0029 {
    font-family: 'Raleway', Arial, sans-serif;
    color: #fff;
    position: relative;
    overflow: hidden;
    padding: 10px;
    width: 100%;
    background: transparent;
}
.snip0029 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.snip0029 img {
    opacity: 1;
    width: 100%;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
.snip0029 figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
}
.snip0029 figcaption h2 {
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    margin: 0;
    padding: 18px 15px;
    position: absolute;
    font-size: 1em;
    bottom: 20%;
    right: 30%;
    left: 30%;
    word-spacing: -0.1em;
    font-weight: 300;
    text-transform: uppercase;
    box-shadow: 0 0 6px rgb(255, 255, 255);
    background-color: #ffffff;
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    color: #000;
}
.snip0029 figcaption h2 span {
    font-weight: 800;
}
.snip0029 figcaption > div {
    border-radius: 0 0 5px 5px;
    background-color: #b00a34;
    position: absolute;
    left: 35%;
    right: 35%;
    bottom: 42px;
    text-align: center;
    padding: 5px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
    -webkit-transform: translate(0, -40px);
    transform: translate(0, -40px);
}
.snip0029 figcaption > div i {
    font-size: 17px;
    padding: 6px;
    color: #ffffff;
    opacity: 0;
    position: relative;
    top: -50px;
    -webkit-transition: top 0.35s, opacity 0.35s;
    transition: top 0.5s, opacity 0.5s;
}
.snip0029 figcaption a {
    opacity: 0.8;
}
.snip0029 figcaption a:hover {
    opacity: 1;
}
.snip0029 figcaption::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    background-image: linear-gradient(to top, #000000 0%, transparent 50%, #000000 100%);
}
.snip0029:hover img {
    opacity: 0.7;
}
.snip0029:hover figcaption h2 {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}
.snip0029:hover figcaption > div {
    -webkit-transform: translate(0, -15px);
    transform: translate(0, -15px);
}
.snip0029:hover figcaption::before{
    opacity: 0.8;
}
.snip0029:hover figcaption i {
    top: 0px;
    opacity: 0.7;
}
.snip0029:hover a:first-child i {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.snip0029:hover a:nth-child(2) i {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
.snip0029:hover a:nth-child(3) i {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.col5 .snip1573 h2 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    z-index: 1;
    position: absolute;
    bottom: 7%;
    left: 6.5%;
    text-align: center;
}
.snip1477 .title:before, .snip1477 .title:after {
    width: 150rem;
}

/* ================================================================================================================= */
/*                                                       LISTING                                                     */
/* ================================================================================================================= */
/* GENERAL AUX 3 VUES */
[class*="listing"] .container_search,
[class*="listing-"] .container_search {
    margin: 0;
    background-color: rgba(255,255,255,0.5);
    padding: 5px;
}
[class*="listing"] .sticking .header__burger,
[class*="listing-"] .sticking .header__burger {
    display: none;
}
[class*="listing"] .sticking .logo-header,
[class*="listing-"] .sticking .logo-header {
    display: none;
}

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

/* VUE DAMIER */
.prod_listing.damier > .listing_article article {
    background: #fff;
    text-align: center;
}
.prod_listing.damier .info_titre {
    display: none;
}

/* VUE CARTE */
.prod_listing > .listing_article article {
    background-color: #fff;
}


/* VUE LISTING */


/* ITEMS */
.ion-ios-heart.active:before {
    color: red;
}



/*PAGE DETAILS*/
.detail_taber .nav-link {
    padding: 10px;
}
.detail_taber .nav-link.active,
.detail_taber .nav-link:hover {
    background: #b00a34 !important;
    color: #fff;
    padding: 10px;
}
.detail_taber {
    border-bottom: 1px solid #b00a34;
}
.detail_header .titre:after {
    background: #b00a34;
}
.detail_header .crit span:nth-child(1) {
    font-weight: 600;
}
.retour_pret {
    font-size: 25px;
    font-weight: 700;
    color: #b00a34;
}
.retour_pret span {
    color: #b00a34;
}
.detail .page_heading {
    font-size: 22px;
    font-weight: 500;
    border-left: 2px solid #b00a34;
    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: #b00a34 !important;
}
.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #b00a34 !important;
}
.detail #descdetail{
    text-align: justify;
}
/*MISE EN FORME TABLEAU DETAILS*/
.detail .attribut_label0 {
    position: relative;
    background: #fff;
}
.detail .bloc-champ{
    background: #fff;
}

/* ================================================================================================================= */
/*                                                     FOOTER                                                        */
/* ================================================================================================================= */
footer {
    background-color: #fff;
    padding: 20px 10px;
    color: #b00a34;
}
footer a{
    color: #000;
}
a:hover {
    color: #b00a34;
    text-decoration: underline;
}
/* ================================================================================================================= */
/*                                                    RESPONSIVE                                                     */
/* ================================================================================================================= */
@media (min-width: 992px) {
    nav.menu ul li {
        display: inline-block;
    }
    .menu ul > li > a {
        padding: 12px 10px;
        line-height: 1.2;
        color: #000;
    }
    .index .not-sticking .menu ul > li > a {
        color: #fff;
    }
    .header__logo {
        display: block;
        height: 100px;
        padding: 3px;
    }
    .header__logo img {
        width: 200px;
    }
}
@media(max-width:1280px) {
    .header__burger input ~ nav > ul > li > a {
        font-size: 20px;
    }
    .drapeau a img {
        width: 30px;
    }
    .header {
        background: transparent;
    }
    .logo-header {
        height: 100px;
        z-index: 1;
    }
    aside.aside_contact {
        height: 100% !important;
        top: 0!important;
    }
    .form-search-d > li {
        margin: 3px;
    }
    aside .form-search-d > li {
        width: 46%;
    }
    aside .search__form-item {
        padding: 2% 0;
    }
}
@media(min-width:769px) {

}
@media(max-width:768px) {
    .header__logo img {
        width: 140px;
        padding: 10px 0;
    }
    .bloc-header .container-fluid {
        padding-right: 3.1%;
        padding-left: 3.1%;
        padding-top: 1.3%;
    }
    .bloc-index .col1,
    .bloc-index .col2,
    .bloc-index .col3,
    .bloc-index .col4,
    .bloc-index .col5,
    .bloc-index .col6 {
        height: 12.5rem;
    }
    .snip1477 h2 {
        font-size: 20px;
    }
    .snip1477 {
        padding: 10px;
    }
    .snip1477 h4 {
        font-size: 14px;
    }
    .snip1477 .title {
        left: 15px;
    }
    .bgAccueil {
        height: 0;
        position: relative;
        background: transparent;
    }
    aside .form-search-d > li {
        width: 47.5%;
    }
    .header__burger input ~ nav > ul,.coordonnees {
        width: 50%;
    }
    .map {
        top: 0;
    }
    .header__burger input ~ nav > .langue {
        position: absolute;
        bottom: 0.7%;
        right: 65%;
    }
    .header__burger input ~ nav > .reseaux-sociaux {
        position: absolute;
        bottom: 4%;
        left: 12%;
    }
}
@media(max-width:560px) {
    .bloc-index {
        margin-top: 105px;
    }
    .bgAccueil {
        height: 0;
    }
    .header__burger input ~ nav {
        width: 60px;
        height: 60px;
    }
    .header__burger input:checked ~ nav {
        display: block;
    }
    .header__burger input ~ nav > ul, .coordonnees {
        width: 100%;
    }
    .search, .index .search {
        width: 60px;
        height: 60px;
    }
    .header__logo img {
        width: 100px;
    }
    .logo-header {
        height: 60px;
    }
    .header__logo img {
        margin-left: 4%;
        margin-top: 4px;
        padding: 0;
    }
    .header__burger input + label span {
        width: 84%;
    }
    .header__burger {
        top: 5px;
        left: 14px;
    }
    .search ul li a i {
        font-size: 37px;
    }
    .search ul {
        top: 9%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
    .bgAccueil {
        background: #dadada! important;
    }
}
/* NEW MODEL ARAKINE*/

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap');


body {
    overflow-x: hidden;
    padding-top: 0!important;
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
    background: #fff;
    font-family: 'Sora', sans-serif;

}
body.index { background: #fff;}
.validation{
    display: none;
}
body{
    overflow-x: hidden;
}

.home-visuel-wrapper .video-wrapper #player .sliderVideo {
    object-fit: cover;
    width: 100%;
    height: 100vh;
    margin-bottom: -10px
}


.bgAccueil{
    background:none;
}
.cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100vh;
}
.cover video {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
}
.scroll-downs {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 35px;
    height: 55px;
    color: #a45052;
}
.scroll-downs i {
    font-size: 30px;
    color: #ffffff;
}
.mousey{
    width: 3px;
    padding: 10px 15px;
    height: 35px;
    border: 3px solid #ffffff;
    border-radius: 25px;
    opacity: .75;
    box-sizing: content-box;
    background-color: rgb(246 241 235 / 90%);
}

.scroller{
    width: 4px;
    height: 12px;
    border-radius: 25%;
    background-color: #ffffff;
    animation-name: scroll;
    animation-duration: 1.5s;
    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count: infinite;
}
@keyframes scroll{
    0%{
        opacity: 0;
    }
    10%{
        transform: translateY(0);
        opacity: 1;
    }
    100%{
        transform: translateY(15px);
        opacity: 0;
    }
}
.ancre-bottom{
    position: absolute;
    z-index: 1;
    margin: auto;
    right: 53%;
    bottom: 4%;

}


#scroll-helper {
    position: absolute;
    bottom: 4vh;
    left: 50%;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#scroll-helper .scroll-line {
    position: initial;
    bottom: initial;
    left: initial;
    margin: 0 auto;
}
.scroll-line {
    display: block;
    position: absolute;
    bottom: 4vh;
    width: 2px;
    height: 65px;
    overflow: hidden;
    background: #a45052;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    left: 48%;
}
.scroll-line.init:after {
    -webkit-animation: mymove 1.5s infinite linear;
    animation: mymove 1.5s infinite linear;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.scroll-line:after {
    content: '';
    display: block;
    z-index: 10;
    position: absolute;
    left: 0;
    width: inherit;
    height: 50%;
    background: #fff;
    transform: translateY(0%) scaleY(0);
}
#scroll-helper .scroll-word {
    position: initial;
    bottom: initial;
    margin-top: 10px;
    margin-left: 0;
}

.scroll-word {
    visibility: hidden;
    position: absolute;
    bottom: 6vh;
    margin-left: -28px;
    text-transform: uppercase;
    /* font-family: 'gillsans-mediumregular'; */
    font-size: 16px;
    letter-spacing: 4px;
    color: #a45052;
    opacity: 0;
    font-weight: 500;
}
@-webkit-keyframes mymove {
    0% {
        -webkit-transform: translateY(0%) scaleY(0);
    }

    10% {
        -webkit-transform: translateY(0%) scaleY(0.5);
    }

    30% {
        -webkit-transform: translateY(50%) scaleY(1);
    }

    45% {
        -webkit-transform: translateY(200%) scaleY(0.5);
    }

    55% {
        -webkit-transform: translateY(200%) scaleY(0);
    }

    100% {
        -webkit-transform: translateY(200%) scaleY(0);
    }
}

@keyframes mymove {
    0% {
        -webkit-transform: translateY(0%) scaleY(0);
    }

    10% {
        -webkit-transform: translateY(0%) scaleY(0.5);
    }

    30% {
        -webkit-transform: translateY(50%) scaleY(1);
    }

    45% {
        -webkit-transform: translateY(200%) scaleY(0.5);
    }

    55% {
        -webkit-transform: translateY(200%) scaleY(0);
    }

    100% {
        -webkit-transform: translateY(200%) scaleY(0);
    }
}


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



.action_bar > .breadcrumb-cms {
    padding: 0;
    font-size: 12px;
    text-transform: uppercase;
}
.breadcrumb-cms {
    padding: 15px 0;
    font-size: 12px;
    text-transform: uppercase;
}

.sidebar address {
    padding: 15px;
    margin-top: 20px;
    border: 1px solid #ddd;
    text-align: center;
}

.page-heading{
    font-family: 'Cinzel', serif;
}

.page-heading::after{
    content: "";
    display: block;
    position: relative;
    background: #ac1e44;
    height: 2px;
    width: 150px;
    margin: 14px 0px 14px 0px;
}
b, strong {
    font-weight: 600;
}

.cinzel{
    font-family: 'Cinzel', serif;
    font-size: 1.4em
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.inline-element {
    opacity: 0;
    transition: transform 4s .25s cubic-bezier(0,1,.3,1),
    opacity .4s .25s ease-out;
    width: 100%;
    will-change: transform, opacity;
}

.inline-element.is-visible {
    opacity: 1;
}

@-webkit-keyframes slideInRight {
    0% {
        transform: translate3d(250px, 0, 0);
        visibility: visible;
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInRight {
    0% {
        transform: translate3d(250px, 0, 0);
        visibility: visible;
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes slideOutRight {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(250px, 0, 0);
        visibility: hidden;
    }
}
@keyframes slideOutRight {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(250px, 0, 0);
        visibility: hidden;
    }
}



@keyframes backInDown {
    0% {
        transform: translateY(-1200px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateY(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.backInDown {
    -webkit-animation: backInDown 1.5s;
    animation: backInDown 1.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes backInRight {
    0% {
        transform: translateX(2000px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateX(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInRight {
    0% {
        transform: translateX(2000px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateX(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.backInRight {
    -webkit-animation: backInRight 2.5s;
    animation: backInRight 2.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes backInLeft {
    0% {
        transform: translateX(-2000px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateX(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInLeft {
    0% {
        transform: translateX(-2000px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateX(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.backInLeft {
    -webkit-animation: backInLeft 1.5s;
    animation: backInLeft 1.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes backInUp {
    0% {
        transform: translateY(1200px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateY(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInUp {
    0% {
        transform: translateY(1200px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateY(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.backInUp {
    -webkit-animation: backInUp 1.5s;
    animation: backInUp 1.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}



@-webkit-keyframes sliderFade-2 {
    0% {    opacity: 0.7  }
    10% {    opacity: 1  }
    35% {    opacity: 1 }
    45% {    opacity: 1  }
    60% {    opacity: 1  }
    75% {    opacity: 1 }
    90% {    opacity: 1 }
    100% {    opacity: 0.7 }
}


/* ============================================================================ */
/*                                     MENU                                     */
/* ============================================================================ */

body.open:after {
    opacity: 1;
    visibility: visible;
}

.b-nav {
    position: absolute;
    z-index: 11;
    display: flex;
}
.b-nav:not(.open) {
    visibility: hidden;
    right: 0;
}
.b-nav ul{
    margin: auto 0;

}
.b-nav li {
    color: #fff;
    list-style-type: none;
    padding: 10px 10px 10px 200px;
    text-align: left;

}

.b-link::before {
    content: "\f30f";
    font-family: "Ionicons";
    position: absolute;
    border: 0;
    font-size: 34px;
    top: -5px;
    opacity: 0;
    left: -35px;
    transition: all 0.3s ease;

}
.b-link:hover::before {
    content: "\f30f";
    font-family: "Ionicons";
    position: absolute;
    border: 0;
    font-size: 34px;
    top: -5px;
    opacity: 1;
    left: -15px;
}


.b-nav li:not(.open) {
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
}
.b-nav li:first-child {
    padding-top: 80px;
}
.b-nav.open {
    visibility: visible;
    right: 0;
    background: linear-gradient( rgba(0,0,0, 0.3), rgba(0,0,0, 0.3) ),url(/assets/images/bgimg-nav.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 100vh;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s;
}
.b-nav.open li {
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

.b-link {
    background: transparent;

    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin-left: 30px;
    text-decoration: none;
    transition: all 0.4s ease;
    width: auto;
    font-family: 'Cinzel', serif;

}
.b-link:hover {

    padding-left: 20px;
    color: #ffffff;
    text-decoration: none;
}

.b-menu {
    background: transparent;
    border:none;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 60px;
    padding-left: 15.5px;
    padding-top: 17.5px;
    position: relative;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 60px;
    z-index: 12;
}
.index .not-sticking .b-menu {
    border: none;
}
.b-menu:hover {
    border: none;
}

.b-bun {
    background: #ac1e44;
    position: relative;
    transition: all 0.4s ease;
}

.index .not-sticking .b-bun{
    background: #ffffff;
}

.b-bun--top {
    height: 2px;
    top: 0;
    width: 25px;
}
.b-bun--mid {
    height: 2px;
    top: 8px;
    width: 25px;
}
.b-bun--bottom {
    height: 2px;
    top: 16px;
    width: 25px;
}

.b-brand {
    color: white;
    font-size: 24px;
    font-weight: 300;
    margin-right: 30px;
    position: relative;
    text-decoration: none;
    top: -21.4285714286px;
    transition: all 0.4s ease;
    z-index: 13;
}

.b-container {
    height: 60px;
    right: 50px;
    position: absolute;
    top: 10px;
}
.b-container:hover:not(.open) .bun-top,
.b-container:hover:not(.open) .bun-mid,
.b-container:hover:not(.open) .bun-bottom {
    background: white;
}
.b-container.open .b-main {
    border: #ffffff solid 2px;
}
.b-container.open .b-bun--top {
    background: #ffffff;
    top: 9px;
    transform: rotate(45deg);
}
.b-container.open .b-bun--mid {
    opacity: 0;
}
.b-container.open .b-bun--bottom {
    background: #ffffff;
    top: 5px;
    transform: rotate(-45deg);
}
.b-container.open .b-brand {
    color: #ffffff;
}

.lang {
    position: absolute;
    right: 120px;
    top: 20px;
    z-index: 1;
}
.lang a{
    color: #ac1e44;
    text-transform: uppercase;
}
.index .not-sticking .lang a{
    color: #fff;
    text-transform: uppercase;
}
.lang .dropdown-menu {
    background-color: #ffffff80;
}
.lang a.dropdown-item {
    color: #000!important;
}
.lang .dropdown-item {
    padding: .25rem 0.5rem;
}
.lang .dropdown-toggle::after {
    content: "\f123";
    font-family: "Ionicons";
    position: absolute;
    border: 0;
    font-size: 12px;
    padding-top: 5px;
    opacity: 1;
    right: -8px;
    top: -2px;
}
.lang ul {
    display: flex;
    margin-bottom:0;
}
.lang ul li{
    padding: 0 16px;
    display: inline-block;
    color: #ac1e44;
}
.lang i.ion-ios-heart-outline {
    font-size: 26px;
    left: 6px;
    bottom: 6px;
}
.badge {
    display: inline-block;
    padding: 0.2em 0.4em;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    text-align: center;
    vertical-align: baseline;
    left: 0px;
    bottom: 1px;
    border-radius: 10rem;
}
/* ============================================================================ */
/*                                     HEADER                                   */
/* ============================================================================ */
.header .sticking, .header .not-sticking {
    background: #ffffff;
}
.index .header .not-sticking {
    background: transparent;


}
.logo-header {
    background: transparent;
    margin-left: 0px;
    display: flex;
}

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

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


/* BASELINE */
.baseline {
    z-index: 20;
    position: absolute;
    bottom: 45%;
    width: 100%;
}
.titre-baseline {
    font-family: "Cinzel",serif;
    font-weight: 300;
    font-size: 3rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    text-shadow: #000000 0.05em 0.05em 0.1em;
    line-height: 1.2;
}
.titre-baseline span{
    font-weight: 300;
    font-size: 1.5rem;
    text-transform: iniuppercasetial;
}
/* .titre-baseline span::before {
  content: "";
  display: inline-block;
  width: 310px;
  height: 3px;
  background: #dac494;
  vertical-align: middle;
  margin: 0 10px;
} */
.border-angle2 {
    float: right;
    margin-top: -20px;
    margin-right: -20px;
}
.border-angle2::before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 4px;
    background: #A29372;
    vertical-align: text-bottom;
    margin: auto 0;
}
.border-angle2::after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 50px;
    background: #A29372;
    vertical-align: text-bottom;
    margin: 0;
    right: 0;
    border-left: 2px solid #A29372;
}

/* SCROLLER */
.section-scroller-wrapper {
    position: absolute;
    right: -20px;
    bottom: 100px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-animation: bouncing-vertically 0.8s 0s infinite alternate;
    animation: bouncing-vertically 0.8s 0s infinite alternate;
    z-index: 2;
}
.section-scroller-wrapper>.section-scroller {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 1rem;
    letter-spacing: 2px;
    line-height: 1.3;
    -webkit-transform: rotate(-0.25turn);
    transform: rotate(-0.25turn);
    text-decoration: none;
}
.section-scroller-wrapper>.section-scroller:before {
    content: '';
    width: 38px;
    margin-right: 5px;
    background-color: #fff;
    height: 1px;
}
.section-scroller-wrapper>.section-scroller>.section-scroller__text {
    text-transform: uppercase;
    font-size: 12px;
}
section#intro.ended:after {
    background-color: rgba(0,0,0,0.2);
}
section#intro:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: background-color 0.8s;
    transition: background-color 0.8s;
}

/* TOP_LINK */
.top_link {
    bottom: 15px;
    background: #24293548;
    /* box-shadow: 0 0 1rem 0 rgb(60 60 60 / 20%); */
    height: 3rem;
    width: 3rem;
    right: 50px;
    position: fixed;
    display: flex;
    border: 1px solid #ac1e44;
    color: #ac1e44;
    opacity: 1;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.top_link:hover {
    height: 3rem;
    text-align: center;
    opacity: 1;
}


/* ============================================================================ */
/*                                     MOTEUR                                   */
/* ============================================================================ */
.moteur {
    padding: 20px;
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 20;
    background-color: transparent;
}
/* ============================================================================ */
/*                                     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: #000;
    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; }

    #boutoncookie .col-sm-12 {
        padding-left: 15px;
        padding-right: 15px;
    }
.cc-message .row {
    margin-left: 0;
    margin-right: 0;
}

/* ============================================================================ */
/*                                HOME CONT CCOEUR                              */
/* ============================================================================ */
.produitshabitationslider .carousel-item article {
    width: calc(100% - 1px);
    background: #fff;
    border: 0px solid #ddd;
    margin: 0;
    text-align: center;
}

.carousel-control-next {
    background: none;
    opacity: 1;
    margin-right: 20px;
    color: #ffffff;
}
.carousel-control-prev {
    background: none;
    opacity: 1;
    margin-left: 20px;
    color: #ffffff;
}

.carousel-control-next:hover, .carousel-control-prev:hover {
    background: none;
}

.carousel-control-prev-icon::before {
    content: "\f3d2";
    font-family: "Ionicons";
    font-size: 40px;
}
.carousel-control-next::before {
    content: "\f3d3";
    font-family: "Ionicons";
    font-size: 40px;
}
.home_cont_selec{
    height: 400px;
    border: 1px solid red;
}


.home_cont_select article .block_info{
    position: absolute;
    bottom: 40px;
    left: 100px;
    text-align: left;
    color: #fff;
    background: none;
    padding: 8px 8px;
    z-index: 10;
    font-size: 12px;

}
.home_cont_select article .block_img {
    height: 65vh;
    display: flex;
    border: none;
    padding: none;

}
.home_cont_select article .block_img .img-fluid {
    width: 100%;
    object-fit: cover;

}

.home_cont_select .carousel_nbr_photos {
    display: none;
}

.home_cont_select .box {
    width: 100%;
    height: 20px;
    position: relative;
}
.home_cont_select .info_type {
    font-size: 1rem;
    line-height: 15px;
    color: #ffffff;
    text-transform: uppercase;
    text-shadow: #000000 0.05em 0.05em 0.1em;
    font-weight: 300;

}
.home_cont_select .info_titre {
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Cinzel",serif;
    top: 10px;
    font-size: 2rem;
    text-shadow: #000000 0.05em 0.05em 0.1em;

}

.home_cont_select .info_ville {
    font-size: 1rem;
    line-height: 10px;
    color: #ffffff;
    text-transform: uppercase;
    top: 20px;
    text-shadow: #000000 0.05em 0.05em 0.1em;
    font-weight: 300;

}
.home_cont_select .spin4{
    display: none;
}
.home_cont_select .spin5{
    display: none;
}

.home_cont_select .adfav{
    display: none;
}
.home_cont_select .card_list{
    display: none;
}




.home_cont_select .header-item a:hover {
    color: #ffffff;
    text-decoration: none!important;

}

.home_cont_select .line {
    display: none;}

/* ==========================================================================
   #INDEX CATEGORIES
   ========================================================================== */

.home_cont_categories {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #ffffff;

}

.home_cont_categories .home_heading {
    font-size: 28px;
    text-align: center;
    color: #767576;
    font-family: "Cinzel",serif;
    font-weight: 400;


}




.home_cont_categories .home_heading::after {
    content: "";
    display: block;
    position: relative;
    background:#ac1e44;

    height: 2px;
    width: 150px;
    margin: 24px auto 24px auto;
}





.home_cont_selection .home_heading {
    font-size: 28px;
    text-align: center;
    color: #767576;
    font-family: "Cinzel",serif;
    font-weight: 400;


}
.home_cont_selection .home_heading::after  {
    content: "";
    display: block;
    position: relative;
    background:#ac1e44;

    height: 2px;
    width: 150px;
    margin: 24px auto 24px auto;
}


.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: 0px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    cursor: pointer;
    margin: 20px;
    overflow: hidden;

}









.home_cont_categories .cat-infos-overlay{
    position: absolute;
    z-index: 2;
    top: 0%;
    left: 0;
    background: #ffffff;
    color: #767576;
    width: 180px;
    height: 15%;
    padding: 15px;
    justify-content: left;
}

.home_cont_categories .cat .card-img{
    opacity:1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);

}
.home_cont_categories .cat:hover .card-img{
    opacity: 0.5;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);

}


.cat:hover .cat-infos-overlay{
    background: #ffffff;
    width: 180px;
    height: 15%;

}

.home_cont_categories .cat-text{
    color: #767576;
    font-size: 24px;
    font-weight: 400;
    font-family: "Cinzel",serif;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: .1em;
}

.home_cont_categories .cat-text::after{
    display: none;
}

.home_cont_categories .cat-text-small{
    position: absolute;
    color: #767576;
    font-size: 13px;
    font-weight: 300;
    text-align: left;
    display: block;
    font-family: "Cinzel",serif;
    text-transform: uppercase;
    top:50px
}
.home_cont_categories .cat-text-small::after{
    position: absolute;
    content: "\f3d3";
    font-family: "Ionicons";
    font-size: 20px;
    top: -6px;
    left: 90px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.cat:hover .cat-text-small::after{
    position: absolute;
    content: "\f3d3";
    font-family: "Ionicons";
    font-size: 20px;
    top: -6px;
    left: 100px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}



.cat{
    margin-bottom: 0;
}



/* ==========================================================================
   #INDEX PRESENTATION
   ========================================================================== */
.home_cont_presentation {
    position: relative;
    background: url("/assets/images/home-background-presentation.png") no-repeat right top;
    background-size: auto;
    background-size: cover;
    color: #767576;
    margin: 0 auto;
    padding: 0px 0px;

    display: block;
}
.home_cont_presentation .text-presentation{
    padding-left: 0px;
    text-align: justify;
    color: #767576;
    margin-top: 100px;
    margin-bottom: 100px;
    padding-right: 50px;
}
.pres-text{
    background: #ffffff83;
    color: #000;
    font-family: "Cinzel",serif;

}

/* ==========================================================================
   #INDEX CONTACT
   ========================================================================== */

.contact_heading{
    font-size: 28px;
    text-align: center;
    color: #767576;
    font-family: "Cinzel",serif;
    font-weight: 400;
}
.contact_heading::after{
    content: "";
    display: block;
    position: relative;
    background: #ac1e44;
    height: 2px;
    width: 150px;
    margin: 24px auto 24px auto;
}
.home_cont_contact {
    position: relative;
    background: #ffffff;

    color: #767576;
    margin: 0 auto;
    padding: 0px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.fondcontact{
    background: url('/assets/images/home-background-contact.png') no-repeat right top;
    background-size: cover;

}

.index .groupe_champs > .c_message textarea {
    height: 50px;
}
.text-contact p{
    margin-top: 40%;
    margin-left: 20%;
    font-family: "Cinzel",serif;
    font-size: 50px;
    color: #ffffff;
    text-shadow: #000000 0.05em 0.05em 0.1em;
}

/* .form-style {
  font-size: 1rem;
  border: 1px;
  border-bottom: 1px solid #ccc;
  background:transparent;
}
.form-control:focus {
  color: #495057;
  background-color: transparent;
  border-color: #80bdff;
  outline: 0;
} */

/* ==========================================================================
   #INDEX BIENS VENDUS
   ========================================================================== */
.nav-tabs .nav-link{
    font-family: 'Cinzel', serif;
    font-weight: 600;
}
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: transparent;
    border-color: transparent transparent #ac1e44;
    font-family: 'Cinzel', serif;
    font-weight: 600;
}

.nav-tabs .nav-link:hover {
    border-color: #ffffff #ffffff #ffffff;
}
.nav-tabs .nav-link {
    border: 2px solid ;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}
.nav-tabs {
    border-bottom: 1px solid #ffffff;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

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

#tabs .container-fluid{
    padding-right: 0px;
    padding-left: 0px;
}



.section-vendu .home_heading {
    font-size: 28px;
    text-align: center;
    color: #767576;
    font-family: "Cinzel",serif;
    font-weight: 400;


}
.section-vendu .home_heading::after {
    content: "";
    display: block;
    position: relative;
    background:#ac1e44;
;
    height: 2px;
    width: 150px;
    margin: 24px auto 24px auto;
}


.section-vendu .prod_accueil {
    margin: 0 0px;

}
.section-vendu .prod_accueil article {


}
.section-vendu .prod_accueil article {
    border: 0px solid #ddd;
    width: calc(33.3% + 0px);
    margin: 0px;

}
.section-vendu .block_info{
    position: absolute;
    z-index: 2;
    color: #ffffff;
    left: 20px;
    bottom: 20px;


}
.section-vendu .spin1{
    font-size: 18px;
    text-shadow: #000000 0.05em 0.05em 0.1em;
}

.section-vendu .spin3{
    font-family: "Cinzel",serif;
    font-size: 24px;
    font-weight: 600;
    text-shadow: #000000 0.05em 0.05em 0.1em;
}


.section-vendu .bandeaux, .section-vendu .carousel_nbr_photos{
    display: none;
}

.section-vendu .spin2, .section-vendu .spin4, .section-vendu .spin5, .section-vendu .box, .section-vendu .card_list{
    display: none;
}
.section-vendu .block_img{
    cursor:default
}

.section-vendu .effect-cms{
    cursor:default
}

.section-vendu .carousel-control-prev:hover{
    cursor: pointer;
}
.section-vendu .carousel-control-next:hover{
    cursor: pointer;
}


/* ==========================================================================
   #PAGE LISTING LOCATION
   ========================================================================== */

#formrecherchelocation{
    padding-top: 30px;
    background:#ececec ;
}



/* ==========================================================================
   #PAGE LISTING VENTE
   ========================================================================== */
[class*="listing"] .container_search, [class*="listing-"] .container_search {
    margin: 0;
    background-color: rgba(255,255,255,0.5);
    padding: 0px;
}
#formrecherchevente{
    padding-top: 30px;
    background:#ececec ;
}

/* [class*="listing"] .container_search, [class*="listing-"] .container_search {
  margin: 0;
  background-color: rgba(255,255,255,0.2);
  padding: 0px;
} */

.prod_listing.damier .effect-cms .over_desc {
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.bootstrap-select {
    position: relative;
    border: none!important;
}
.prod_listing > .listing_article article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none;
}
.prod_listing > .listing_article article {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: row;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    z-index: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
[class*="vue_"] {
    cursor: pointer;
    color: #ac1e44;
}
.prod_listing.damier .block_info{
    position: absolute;
    z-index: 99;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.3435749299719888) 83%, rgba(0,0,0,0) 100%);
    color: #ffffff;
    width: 100%;
    transition: top 0.6s ease-in-out;
    top: 73%;
}
.prod_listing.damier .spin4{

}
.prod_listing.damier .spin5{
    display: none;
}

.prod_listing.damier .tea{
    display: none;
}
.prod_listing.damier .info_prix-hai {
    display: none;
}
.prod_listing.damier .carousel-control-next::before {
    content: "\f3d3";
    font-family: "Ionicons";
    font-size: 40px;
}
.prod_listing.damier .card_list li > span:after {
    background: #ffffff;
    bottom: -7px;
    content: "";
    height: 1px;
    left: 1px;
    line-height: 0;
    position: absolute;
    width: 10px;
}
.prod_listing.damier .carousel-control-prev-icon::before {
    content: "\f3d2";
    font-family: "Ionicons";
    font-size: 40px;

}

/* .prod_listing.damier .block_img:hover ~ .block_info{
  width: 100%;
top: 0%;
} */
.prod_listing.damier .block_info:hover{
    width: 100%;
    top: 35%;
}

.prod_listing.damier .spin1 {
    font-size: 12px;
    line-height: 15px;
    color:#ffffff!important ;
    text-transform: uppercase;
    padding-bottom: 10px;
    padding-top: 10px;
}
.prod_listing.damier a:hover {
    text-decoration: none!important;
}

.prod_listing.damier .spin3 {
    font-size: 20px;
    line-height: 15px;
    color:#ffffff!important ;
    text-transform: uppercase;
}
.prod_listing.damier a:hover {
    text-decoration: none!important;
}

.prod_listing.damier .header-item {
    padding: 0px 0 0 10px;
}
.prod_listing.damier .card_list {
    margin-bottom: 15px;
    margin-top: 5px;
}

.prod_listing.damier .card-fav-absolute {
    top: 85%;
    padding-left: 0;
}
.block_etiquette {

    text-transform: uppercase;
    font-size: 10px;
    background: #ac1e44!important;

}
.line {
    display: none;
}
.listing-vente .btn-primary {
    color: #ffffff!important;
    background-color: #b00a34;
    border-color: #b00a34;
}
/* ==========================================================================
   #PAGE DETAIL BIENS
   ========================================================================== */
.leaflet-marker-icon{
    filter: invert(19%) sepia(72%) saturate(2598%) hue-rotate(325deg) brightness(88%) contrast(97%);}


.detail_header .titre {
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-family: "Cinzel",serif;
    font-size: 1.6em;
}
.detail_header .crit {
    padding-top: 7px;
    font-family: 'Sora', sans-serif;
}

.table-warning, .table-warning > td, .table-warning > th {
    background-color: #b00a34 !important;
    color: #fff;
}

.detail .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
}

.detail_slide_thumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 30px;
}

.img_detail{
    width:100%;
    margin-top:-300px
}
.details_details{
    position: absolute;
    z-index: 99;
    left: 0;
    bottom: 0;
    color: #ffffff!important;
    width: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,0.850577731092437) 12%, rgba(0,0,0,0) 100%);

}
.detail_header .titre {
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-family: "Cinzel",serif;
    font-size: 1.6em;
    text-align: left;
    padding-left: 50px;
    line-height: 2em;
}
.detail_header .titre::after {
    display: none;
}

.detail_header_sticky .titre{
    font-family: "Cinzel",serif;
}
/* ==========================================================================
   #FORM
   ========================================================================== */
.bootstrap-select > .dropdown-toggle {
    background: #fff;
    border: 1px solid #ccc!important;
}
.detail_header .crit {
    padding-top: 7px;
}

.index .form-style {
    font-size: 0.8rem;
    border: 2px;
    border-bottom: 2px solid #ccc;
    background: transparent;
    text-transform: uppercase;

}

.index .form-control:focus {
    color: #495057;
    background-color: transparent;
    border-color: #ac1e44;
    outline: 2px;

}
.index label {
    margin-top: 15px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 12px;
}

.index .parsley-required{
    color: #ac1e44;
    padding-top: 5px;
    line-height: 20px;
    font-style: italic;

}




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

@media (min-width: 992px){
    .header__logo img {
        width: 180px;
    }

}


@media (max-width: 992px){

    .prod_listing > .listing_article article {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        overflow: hidden;
        margin-bottom: 20px;
        z-index: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }


    .top_link {
        display: none!important;
    }

    .prod_listing > .listing_article article {
        border: 1px solid #ccc;
    }

    .section-vendu .prod_accueil article {
        border: 0px solid #ddd;
        width:100%;
        margin: 0px;
    }
    .prod_listing .block_img {
        width: 60%;
        position: relative;
    }
    .img_detail{
        width:100%;
        margin-top:0px
    }
    .header__logo img {
        width: 180px;
    }
}

@media (max-width: 768px){

    .prod_listing.damier .block_info {
        position: absolute;
        z-index: 99999999;
        background: rgba(255, 255, 255, 0.8);
        color: #000000;
        width: 100%;
        transition: top 0.6s ease-in-out;
        top: 80%;
        border-top: 3px solid #ac1e44;
    }


}

@media (max-width: 560px){
    .header__logo img {
        width: 120px;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
    .bgAccueil {
        background: url("/assets/images/bgimg.jpg") no-repeat center top!important ;
        background-size: auto, auto;
        background-size: cover;
        width: 100%;
        height: 75vh;
    }


    .b-nav.open {

        visibility: visible;
        right: 0;
        background: linear-gradient( rgba(0,0,0, 0.3), rgba(0,0,0, 0.3) ),url(/assets/images/bgimg-nav.jpg) no-repeat center center;
        background-size: auto, auto;
        background-size: cover;
        width: 100%;
        height: 100vh;
        -webkit-animation: fadein 1s;
        -moz-animation: fadein 1s;
        -ms-animation: fadein 1s;
        -o-animation: fadein 1s;
        animation: fadein 1s;

    }
    .b-nav {

        position: absolute;
        z-index: 11;
        display: flex;
        top: -150px;

    }
}
@media (max-width: 420px){
    .logo-header {
        height: 60px;
        margin-top: -10px;
        left: -20px;
    }
}


@media (max-width: 420px){
    .text-contact p {
        margin-top: 40%;
        margin-left: 0%;
        font-family: "Cinzel",serif;
        font-size: 35px;
        color: #ffffff;
        text-shadow: #000000 0.05em 0.05em 0.1em;
    }
    .b-link::before {
        content: "\f30f";
        font-family: "Ionicons";
        position: absolute;
        border: 0;
        font-size: 24px;
        top: -5px;
        opacity: 0;
        left: -35px;
        transition: all 0.3s ease;

    }
    .b-link:hover::before {
        content: "\f30f";
        font-family: "Ionicons";
        position: absolute;
        border: 0;
        font-size: 24px;
        top: -5px;
        opacity: 1;
        left: -15px;
    }

    .home_cont_presentation {
        position: relative;
        background: url(/assets/images/home-background-presentation.png) no-repeat left top;
        background-size: auto;
        background-size: cover;
        color: #767576;
        margin: 0 auto;
        padding: 50px 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }


    .home_cont_select article .block_info {

        position: absolute;
        bottom: 40px;
        left: 20px;
        text-align: left;
        color: #fff;
        background: none;
        padding: 8px 8px;
        z-index: 10;
        font-size: 12px;

    }
    .titre-baseline {
        font-family: 'Cinzel', serif;
        font-weight: 300;
        font-size: 1.5rem;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
        line-height: 1.5;
        text-shadow: #000000 0.05em 0.05em 0.1em;
    }

    .titre-baseline span {
        top: 30px;
        font-size: 1rem;
    }
    .home_cont_select .info_titre {
        font-size: 1.5rem;

    }
    /* .header__logo img {
      margin-left: -60px;
      margin-top: 0px;
      max-width: 60%;
    } */
    /* .header__logo {
      padding: 6px;
      margin-left: 10px;


    } */


    .header__logo img {
        width: 160px;
        margin-left: -20px;
        margin-top: 13px;
    }
    .not-sticking .b-menu {
        padding-top: 15px;
    }

    .b-menu {
        background: transparent;
        border: none;
        border-radius: 50%;
        cursor: pointer;
        display: inline-block;
        height: 60px;
        padding-left: 70px;
        padding-top: 5px;
        position: relative;
        transition: all 0.4s ease;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 60px;
        z-index: 12;
    }
    .toggle-btn {
        display: block;
        position: fixed;
        z-index: 10;
        right: 20px;
        top: 10px;
        cursor: pointer;
    }
    .not-sticking .lang {
        position: absolute;
        right: 30px;
        top: 15px;
        z-index: 1;
    }

    .lang {
        position: absolute;
        right: 30px;
        top: 5px;
        z-index: 1;
    }
    header nav ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        position: absolute;
        left: 20%;
        top: 10px;
        transition: all 0.3s ease-in-out;
        transform: translateX(-10%);
    }
    header nav ul li a {
        display: block;
        font-size: 1em;
        text-decoration: none;
        padding: 10px 0;
        text-align: left;
        color: #fff;
        font-family: "Cinzel",serif;
        transition: all 0.2s ease-in-out;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    }

    .b-nav ul {
        margin: auto 0;
        margin-left: -200px;
    }
    .b-link{
        background: transparent;
        color: #fff;
        font-size: 20px;
        font-weight: 300;
        margin-left: 30px;
        text-decoration: none;
        transition: all 0.4s ease;
        width: auto;
        font-family: 'Cinzel', serif;

    }
    .b-nav li:first-child {
        padding-top: 0px;
    }

}