/*Import Fonts*/

@import url('https://fonts.googleapis.com/css2?family=Epilogue:wght@500&display=swap');
/* font-family: 'Epilogue', sans-serif; */

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

/*GENERAL*/
body {
    font-family: 'Epilogue', sans-serif;
    overflow-x: hidden;
}
body.activites, body.edito {
    background:#f1f1f1;
}
.h1, h1 {
    font-size: 28px;
    text-transform: uppercase;
}
.h2, h2 {
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 600;

}
.h3, h3 {
    font-size: 18px;
    text-transform: uppercase;

}
h2.deco, h3.deco {
    border-left: 3px solid #222222;
    padding-left: 10px;
    margin-top: 30px;
    margin-bottom: 20px; 
}
a:hover {
    color: inherit;
}

#bloc_fixed .surcharge_favoris {
    left: -46px;
    position: absolute;
    top: 16px;
}
.home_heading,
.home_cont_presentation h3{
    font-weight: 400;
    letter-spacing: 1px;
}
.over_desc a{
    color: #fff;
}
.progress-bar {
    background-color: #222;
}
.alert-danger {
    color: #222222;
    background-color: #f1f1f1;
    border-color: #222222;
}

iframe{
    max-width: 100%;
}
.orange {
    color: #e54b25;
}
.centre {
    text-align: center;
}
.marginb0 {
    margin-bottom: 0!important;
}

/*TOP PAGE*/
.map {
    height: 350px;
}
.top_page {
    position: relative;
    height: 350px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
    margin-top: -104px;
}
body.contact .map, #map_contact {
    height: 400px !important;
    margin-top: -100px;
}
#map_contact .leaflet-top {
    top: auto;
    bottom: 10px;
}
.bg_collapse .btn-content .btn { min-width: auto;}
.edito .top_page {
    background-image: url(/assets/images/top_page/edito_top.jpg);
}
.actualites .top_page {
    background-image: url(/assets/images/top_page/actualites_top.jpg);
}
.activites .top_page {
    background-image: url(/assets/images/top_page/activites_top.jpg);
}
.comparateur .top_page{
    background-image: url(/assets/images/top_page/comparateur_top.jpg);
}
.alerte-email .top_page,
.agence .top_page,
.on-vous-rappelle .top_page {
    background-image: url(/assets/images/top_page/agence_top.jpg);
}
.recherche-detaillee .top_page,
.estimation .top_page {
    background-image: url(/assets/images/top_page/estimation_top.jpg);
}
.acheter .top_page{
    background-image: url(/assets/images/top_page/acheter_top.jpg);
}

.b_offre_en_cours {
    background-color: hsl(39, 73%, 59%);
}


/*COMPARATEUR FAVORIS*/
.comparateur .prod_accueil {
    background: none;
}



/*MENTIONS COOKIES*/
.cc-color-override-1247188962 .cc-btn {
    color: #fff !important;
    background-color: #222222!important;
    border-color: #222222!important;
}




/*HEADER*/
.bgAccueil {
    background: url(/assets/images/bgimg.jpg) no-repeat center center;
}
.video-wrapper {
    height: 100vh;
}
@media (min-width: 992px) {
    nav.menu ul li {
        display: inline-block;
        padding: 40px 25px;
    }
    .menu ul > li > a,
    .menu ul > li > .item-nav {
        line-height: 1.2;
        color: #000;
        font-size: 14px;
        letter-spacing: 1px;
    }
    .menu ul > li > a:before, .menu .dropdown-item:before,
    .menu ul > li > .item-nav:before {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        content: '';
        opacity: 0;
        transition: opacity .3s,transform .3s;
        transform: translateY(10px);
    }
    .menu ul > li:hover > a:before,
    .menu ul > li:hover > .item-nav:before {
        bottom: -6px;
        height: 1px;
        background-color: #ffffff;
        background: #ffffff;
        background: -webkit-linear-gradient();
        background: linear-gradient();
    }
    .index .not-sticking .menu ul > li:hover > a:before,
    .index .not-sticking .menu ul > li:hover > .item-nav:before {
        bottom: -6px;
        height: 1px;
        background-color: #fff;
        background: #fff;
        background: -webkit-linear-gradient();
        background: linear-gradient();
    }
    .index .not-sticking .menu .dropdown-menu > li:hover > a.dropdown-item:before,
    .index .not-sticking .menu .dropdown-menu > li:hover > .item-nav:before,
    .menu .dropdown-menu > li:hover > a.dropdown-item:before {
        bottom: 1px;
        height: 1px;
        background-color: #000;
        background: #000;
        background: -webkit-linear-gradient();
        background: linear-gradient();
    }
    .menu ul > li:hover > a:before, .menu .dropdown-menu > li:hover > a.dropdown-item:before,
    .menu ul > li:hover > .item-nav:before {
        opacity: 1;
        transform: translateY(0);
    }
    .dropdown-menu > li > a {
        padding: 5px 0;
    }

    .index .not-sticking .header__logo {
        display: block;
    }
    .header__logo{
        display: block;
        padding: 20px 0;
        border-bottom: 0;
    }
    .header__logo  img {
        width: 205px;
        margin-right: 100px;
    }
    .menu ul > li > a,
    .menu ul > li > .item-nav{
        text-transform: uppercase;
    }
    .site-pusher nav {
        margin: auto 0;
    }
    .menu ul{
        margin: auto 0;
    }
    .menu ul li a,
    .menu ul li .item-nav{
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
    }
    a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
        color: #fff;
    }
    .index .menu ul > li > a.dropdown-item,
    .menu ul > li > a.dropdown-item,
    .sticking .menu ul > li > a.dropdown-item,
    .not-sticking .menu ul > li > a.dropdown-item {
        font-family: 'Epilogue', sans-serif!important;
        text-transform: initial;
        font-weight:600;

    }
    .sticking .menu ul{
        /* box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
        border-bottom: inherit; */
    }
    .sticking .menu ul li a,
    .sticking .menu ul li .item-nav{
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
    }
    .coordonnees_heading img {
        width: 25%;
    }
}

.baseline {
    position: absolute;
    bottom: 0;
    background: rgba(255,255,255,0.45);
    color: #fff;
    width: 100%;
    padding: 10px 0;
}
.baseline p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-align: center;
    font-size: 1.5rem;
    letter-spacing: 5px;
    color: #111;
    margin-bottom: 0;
}

.lang .dropdown-toggle::after {
    display: none;
}
.radio_trans input[type=radio].css-checkbox + label.css-label {
    text-transform: uppercase;
}
.menu .dropdown-menu {
    min-width: 120px;
    font-size: 16px;
    color: #000;
    background-color: #d8d8d8;
    border: 0;
    border-radius: 0;
    margin: 0;
    border-left: 10px solid #ed5934;
}
.menu .dropdown-menu li{
    padding: .25rem 0.75rem;
    text-align: center;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0;
    clear: both;
    color: #212529!important;
    text-align: inherit;
    background: 0 0;
    border: 0;
}
.menu li:hover .dropdown-menu a{
    text-shadow: 0;
}
.menu .dropdown-item:focus,.menu .dropdown-item:hover {
    background-color: transparent;
    /* text-decoration: underline; */
}

/*MOTEUR*/
.index .moteur { display: none;}
.index .search__form-item:nth-child(n+2) {
    width: calc(100% / 7 - 5px);
}
#formrechercheaccueil .container{
    background: rgba(0, 0, 0, 0.35);
}
.moteur{
    background: none;
    bottom: 15%;
}
.index .radio_trans input.css-checkbox[type="radio"]:checked + label.css-label {
    border-bottom: 2px solid #dc3545;
}
.plusdecritere {
    margin-top: 0;
    padding-bottom: 10px;
    font-size: 12px;
}
.plusdecritere a {
    color: #fff;
}
.form-style,
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-size: 14px;
}
.not-sticking form{
    margin-top: 20px;
}
form .champs.dropup {
    background: #fff;
}
.search__form-item:nth-child(n+2) {
    width: calc(100% / 6 - 5px);
    background: #fff;
}
.dropdown-menu.open.show {
    transform: translate3d(-1px, 40px, 0px) !important;
    max-width: 200%;
}

/*BLOCS OUTILS*/
#bloc_fixed {
    bottom: 45%;
}
#bloc_fixed .bloc4 ul li:nth-child(1) {
    margin: 0 10px 0 7px;
}
#bloc_fixed .bloc,
#bloc_fixed .bloc:hover {
    background: rgba(0, 0, 0, 0.5);
}



/*BOUTONS*/
.btn {
    border-radius: 0;
    min-width: 150px;
}
.btn-primary,
.btn-info,
.btn-success {
    color: #fff;
    background-color: #222222;
    border-color: #222222;
    text-transform: uppercase;
}
.btn-primary:hover,
.btn-info:hover,
.btn-success:hover {
    color: #fff;
    background-color: #222;
    border-color: #ccc;
}
.acheter-btn {
    font-size: 15px;
    padding: 17px 35px;
}


/*BLOC PRODUITS*/
.home_heading {
    color: #222;
    font-weight: 800;
    z-index: 1;
    font-size: 50px;
    font-family: 'Montserrat', sans-serif;
}
.home-heading-1 {
    font-weight: 300;
}
.home_heading::after {
    content: "";
    display: block;
    position: relative;
    background: #222;
    height: 0;
    width: 150px;
    margin: 15px auto 15px auto;
}


/* SELECTION */
.home_cont_selection, .home_cont_categories {
    padding-top: 100px;
    padding-bottom: 0;
}
.bandeaugris {
    width: 100%;
    background: #d2d2d2;
    padding: 20px 0;
    margin-top: -25px;
}
.padding0 {
    padding: 0;
}
.prod_accueil .block_info {
    min-height: 90px;
    padding: 16px 20px 6px 20px;
    background: rgba(0,0,0,0.45);
    margin-top: -90px;
    color: #fff;
}
.prod_accueil .info_titre,
.prod_accueil .info_prix-hai,
.prod_accueil .card_list ,
.prod_accueil .card-fav-absolute ,
.prod_accueil .box,
.prod_accueil .card_foot {
    display: none;
}
.prod_accueil article {
    text-align: center;

}
.prod_accueil .info_prix {
    font-size: 15px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.info_type, .info_ville {
    font-size: 16px;
    text-transform: uppercase;
    padding-top: 0;
    font-weight: 600;
    letter-spacing: 2px;
}



.home_cont_selection .cat-text,
.home_cont_selection .cat-text-small {
    color: #000;
    font-weight: 500;
}
.home_cont_selection .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: 0;
    cursor: pointer;
    margin-bottom: 20px;
}
.home_cont_selection .card-img {
    width: 100%;
    border-radius: 0;
}
.home_cont_selection .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;
}
.home_cont_selection .cat-text {
    margin-top: 0;
}
.home_cont_selection .cat-text {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    z-index: 1;
    font-family: 'Montserrat', sans-serif;
}
.home_cont_selection .cat-text::after {
    content: "";
    display: block;
    position: relative;
    background: #fff;
    height: 2px;
    width: 50px;
    margin: 20px auto 0 auto;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.home_cont_selection .cat:hover .cat-infos-overlay {
    background: rgba(0,0,0,0.65);
}
.home_cont_selection .cat-infos-overlay {
    background: rgba(0,0,0,0.65);
    color: #fff;
    height: 180px;
    width: 100%;
    bottom: 0;
    top: auto;
}




/*ETIQUETTES*/
.index .bandeaux {
    display: none;
}



/*PRESENTATION INDEX*/
.home_cont_presentation, 
.home_cont_presentation p{
    text-align: center;
}
.home_cont_presentation {
    background: url(/assets/images/bg-prez.jpg) no-repeat center top;
    background-size: cover;
    margin: 0 auto;
    padding: 80px 0;
}
.home_cont_presentation .titre-presentation{
    font-size: 50px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 1;
}
.home_cont_presentation p {
    margin: 20px 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
.home_cont_presentation .btn-primary {
    color: #222;
    background-color: #fff;
    border-color: #ffffff;
    text-transform: uppercase;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 14px;
    padding: 10px 22px;
}
.home_cont_presentation .btn-primary:hover {
    color: #fff;
    background-color: #e54b25;
    border-color: #e54b25;
}
.padding-left0 {
    padding-left: 0;
}
.marginauto {
    margin: auto;
}

/*BLOCS ACCUEIL*/
.index .prod_accueil{
    margin: 0;
    padding: 30px 0;
    background: #222;
}
.prod_accueil .cat {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: transparent; 
    border: none;
    border-radius: .25rem;
    padding: 5px;
    cursor: pointer;
    margin-bottom: 20px;
}
.prod_accueil .cat-infos-overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.25);
    color: #fff;
    width: 100%;
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: 0.3s;
}
.cat:hover .cat-infos-overlay {
    background: rgba(0, 0, 0, 0.25);
}
.prod_accueil .cat-text {
    font-size: 18px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
}
.prod_accueil .cat-text-small {
    font-size: 14px;
    text-align: center;
}
.prod_accueil .cat-text::after {
    background-color: #ffffff;
    content: '';
    height: 1px;
    left: calc(52% - 2rem);
    margin-top: 2.2rem;
    position: absolute;
    transition: 0.3s;
    width: 3rem;
}
.prod_accueil .cat:hover .cat-text::after {
    left: calc(50% - 2.5rem);
    width: 5rem;
}


.home_cont_selection .prod_accueil{
    background: #fff;
}
.prod_accueil article {
    width: calc(100% / 3 - 10px);
    margin: 0;
    box-shadow: 4px 3px 8px #aba9a9;
    border: 0;
}
.prod_accueil a {
    color: #fff;
}

/*ALERTE MAIL INDEX*/
.home_cont_alertes {
    padding: 15px 5px;
    background: #222222;
    text-align: center;
}
.home_cont_alertes .btn {
    border: 1px solid #fff;
    background: #222;
}
.home_cont_alertes .btn:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #222;
}


/* REFERENCES */
.home_cont_references {
    padding: 100px 0;
    background: #fff;
    color: #222;
}
.home_cont_references .carousel-item img {
    width: 250px;
    margin: 0 4%;
}
.home_cont_references .carousel-item {
    text-align: center;
}

/*FOOTER*/
.cont_coordonnees {
    padding-top: 90px;
    background-color: #191919;
    border-bottom: 0;
    color: #fff;
    text-align: center;
    padding-bottom: 60px;
}
.cont_coordonnees p{
    margin-bottom: 0;
    color: #fff;
}
.cont_coordonnees img {
    width: 70%;
}
.cont_coordonnees a {
    color: #fff;
}
.cont_coordonnees .mt-4 {
    margin-top: 10px !important;
}
.cont_coordonnees .tel {
    text-align: center;
}
.border-coordonnes {
    border-left: 1px solid rgba(255,255,255,0.1);
    border-right: 1px solid rgba(255,255,255,0.1);
}
footer {
    background-color: #191919;
    padding: 40px 0;
}
footer a{
    font-size: 14px;
}
.coordonnees_heading {
    margin-bottom: 40px;
    padding-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255, 0.3);
}
footer .container {
    border-top: 1px solid rgb(230 79 41);
    padding-top: 50px;
}
.cont_coordonnees .address .btn {
    text-align: left;
    padding: 17px 0 0 0;
}
.cont_coordonnees .btn-primary {
    color: #fff;
    background-color: #191919;
    border-color: #e64f29;
}
.cont_coordonnees .btn-primary:hover {
    color: #222;
    background-color: #fff;
    border-color: #ccc;
}
.social {
    text-align: center;
}
.social p {
    color: #fff;
}
.social i{
    font-size: 35px;
    color: #e64f29;
}




/*SIDEBAR*/
.sidebar {
    margin-top: 20px;
}
#voir-telephone-sidebar-0{
    text-align: left;
    padding: inherit;
    padding-bottom: 10px;
}
.sidebar .telephone-vu {
    background-color: #fff;
}
.sidebar_blocinfos {
    display: none;
}
.sidebar_blocinfos.sticky {
    display: block;
}

/*ASIDE BLOC CONTACT*/
aside.aside_contact {
    background-color: #191919;
}
.aside_contact .address{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 35px;
    font-size: 18px;
}
aside .contact_titre {
    font-size: 16px;
    padding: 20px 0 5px 0;
}
.aside_map .text-right{
    font-size: 15px;
}
aside .btn-link:hover {
    color: #ddd;
}
aside .contact_coordinates, aside .aside_map {
    border-bottom: inherit;
}
aside #voir-telephone-aside{
    text-align: center;
}
aside .contact_img {
    text-align: center;
}
aside .contact_img img {
    width: 70%;
    text-align: center;
}
.telephone-vu {
    background-color: #222;
}
aside .btn.focus, .btn:focus {
    box-shadow: none; 
}
aside .social_network i {
    color: #999;
}
aside .social_network i:hover {
    color: #fff;
}


/*============================================CONTENU============================================*/
.edito .home_heading {
    margin-top: 77px;
}
.top120 {
    margin-top: 125px!important;
}
.agence .equipe{
    text-align: center;
}
.content_page{
    margin-bottom: 50px;
}
.edito p {
    text-align: justify;
}
.edito .ion-ios-arrow-thin-right {
    font-size: 30px;
    top: 6px;
}
.soustitre {
    font-size: 18px;
    color: #e54b25;
    font-weight: 600;
}

.promotion .content_page {
    width: 100%;
}
.edito .h1 p {
    margin-bottom: 0;
}
.edito .h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    margin-bottom: 5px;
}
.edito .equipe-fonction {
    font-size: 19px;
}
.edito .soulignement::after {
    content: "";
    display: block;
    position: relative;
    background: #222;
    height: 1px;
    width: 60px;
    margin: 15px 0;
}

.bg-orange {
    display: flex;
    background: #e54b25 ;
    color: #f1f1f1;
}
.contenu_edito {
    margin: auto ;
}
.contenu_edito p{
    text-align: center!important;
    font-size: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
.contenu_edito2 p{
    font-size: 30px;
    font-weight: 100;
}
.contenu_edito2 p strong{
    font-weight: 600;
}
.contenu_edito3 {
    margin: auto;
}
.contenu_edito3 p{
    font-size: 30px;
    font-weight: 100;
    text-align: center;
}
.contenu_edito3 p strong{
    font-weight: 600;
}
.accroche {
    color: #e54b25;
    font-size: 22px; 
    text-align: center!important;
    margin-top: 15px!important;
}
.svg-haut {
    width: 23px;
    top: -10px;
}
.svg-bas {
    width: 23px;
    top: 3px;
}
.accroche p {text-align: center!important;}
.accroche p span {
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
.accroche .ion-chevron-left {
    font-size: 3rem;
    right: 15px;
    top: 7px;
}
.accroche .ion-chevron-right {
    font-size: 3rem;
    left: 15px;
    top: 7px;
}
.icone {
    transform: rotate(45deg);
}

/* EQUIPE */

/* Cards */
.card-column {
    width: 33%!important;
    float: left;
    padding: 4%;
    box-sizing: border-box;
  }
  
  .column-1 {
    padding-top: 100px;
  }
  
  .card {
    width: 92%;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: #fff;
    cursor: initial;
    margin-bottom: 60px;
    box-shadow: 6px 3px 5px #a5a5a5;
    border-radius: 0;
    font-family: 'work sans', sans-serif;
  }
  
  .card .border {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 6px;
    border: 1px solid #000!important;
    opacity: 0.5;
    left: -10px;
    top: -10px;
  }
  
  .card .h1 {
    position: relative;
    padding: 170px 0px 10px 0px;
    width: 100%;
    color: #fff;
    font-size: 20px;
    font-family: 'work sans', sans-serif;
  }
  .card:hover .h1 {
    text-shadow: #000000c7 0.1em 0.1em 0.2em;
  }
  
  .card > img {
    width: 80%;
    position: absolute;
    top: -23%;
    left: 10%;
    text-align: center;
  }
  .card p {
      font-size: 16px;
      font-weight: 400;
      text-align: justify;
      padding: 0 25px 25px 25px;
  }
  .card .h1 p {
      font-size: 22px;
      font-weight: 400;
      text-align: center;
      margin-bottom: 0;
  }
  .card p.cat-titre {
      font-size: 24px;
      font-weight: 500;
  }
  .card .prix {
      font-size: 20px;
      font-weight: 600;
  }
  .card-color-0 { background-color: #e54b25;}
  .card-color-1 { background-color: #e54b25; }
  .card-color-2 { background-color: #e54b25; }
  
  /* The cover (expanding background) */
  .cover {
    position: fixed;
    z-index: 100;
    transform-origin: 50% 50%;
    text-align: center;
  }
  
  /* The open page content */
  .open-content {
    width: 100%;
    z-index: 110;
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  
  .open-content img {
    position: relative;
    width: 90%;
    margin-left: 3%;
    margin-top: 20px;
    z-index: 5;
  }
  
  .open-content .text {
    background: #fff;
    margin-top: -56%;
    padding: 60% 5% 5% 5%;
    width: 80%;
    margin-left: 5%;
    margin-bottom: 5%;
  }
  
  .open-content .text .h1, .open-content .text p {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .close-content {
    display: block;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 30px;
    height: 30px;
  }
  
  .close-content span {
    background: #222;
    width: 30px;
    height: 6px;
    display: block;
    position: absolute;
    top: 14px;
  }
  
  .x-1 {
    transform: rotate(45deg);
  }
  
  .x-2 {
    transform: rotate(-45deg);
  }
  
  /* 
  ** Transitions
  */
  
  .card {
    transition: opacity 200ms linear 320ms, transform 200ms ease-out 320ms;
  }
  
  .border {
    transition: opacity 200ms linear, transform 200ms ease-out;
  }
  
  .card img {
    transition: opacity 200ms linear 0ms, transform 200ms ease-in 0ms;
  }
  
  .card .h1 {
    transform: translate3d(0px, 0px, 0px);  
    transition: opacity 200ms linear 120ms, transform 200ms ease-in 120ms;
  }
  
  /* Clicked card */
  .card.clicked img {
    transform: translate3d(0px, -40px, 0px);
    opacity: 0;
  }
  
  .card.clicked .border {
    opacity: 0;
    transform: scale(1.3);
  }
  
  .card.out, .card.out img {
    transform: translate3d(0px, -40px, 0px);
    opacity: 0;
  }
  
  .card.out .h1, .card.clicked .h1 {
    transform: translate3d(20%, -40px, 0px);
    opacity: 0;
  }
  
  .cover {
    transition: transform 300ms ease-in-out;
  }
  
  .open-content {
    transition: opacity 200ms linear 0ms;
  }
  
  .open-content.open {
    opacity: 1;
    pointer-events: all;
    transition-delay: 1000ms;
  }
  
  /* 
  ** Media Queries
  */
  
  @media screen and (max-width: 600px) {
    .card-column {
      width: 90%;
    }
    
    .column-1 {
      padding-top: 0px;
    }
    
    .open-content img {
      margin-top: 40px;
    }
  }


.gerant .card-column {
    width: 100%!important;
}
.gerant .card {
    width: 92%;
    max-width: 740px;
}
.gerant .card > img {
    width: 68%;
    top: -32%;
    left: 16%;

}
.equipe-prez .h1 {
    font-size: 24px!important;
}
.contenu_edito3 p {
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
.contenu_edito3 p span {
    font-weight: 300!important;
}


/*============================================ACTIVITES=====================================*/
.activites .home_heading span{
    font-weight: 100;
}
.activites .home_heading {
    line-height: 50px;
}
.activites .bandeaugris {
    width: 100%;
    background: #dcdbdb;
    padding: 20px 0;
    margin-top: -40px;
}
.titre-activite {
    color: #e64f29;
    font-weight: 800;
    font-size: 19px;
    font-family: 'Montserrat', sans-serif; 
}
.titre-activite::after {
    content: "";
    display: block;
    position: relative;
    background: #e64f29;
    height: 1px;
    width: 60px;
    margin: 15px 0;
}
.activite-contenu {
    padding: 50px 0;
}
.bottom0 {
    bottom: 17px;
    display: flex;
    vertical-align: bottom;
    align-items: flex-end;
}
.equipe-prez.activite-contenu {
    padding:0 0 50px 0;
}

/*===========================================LISTING===========================================*/
article {
    border: 1px solid #ddd;
    margin: 0;
    box-shadow: 4px 3px 8px #aba9a9;
}
[class*="listing"] .container_search,
[class*="listing-"] .container_search{
    display: none;
}
/*=======================================PAGE ALERTE EMAIN=======================================*/
body.alerte-email .map[toggled="toggled"], #map_contact[toggled="toggled"] {
    height: 500px !important;
}

body.alerte-email .map, #map_contact {
    height: 400px !important;
    margin-top: -100px;
}
body.alerte-email .map, #map_contact {
    -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;
}



/*===========================================PAGE DETAILS===========================================*/
.detail .container_page {
    margin-top: 30px;
}
.detail_carousel,
.detail_form_contact,
.detail-block-form,
.detail-block-simi{
    max-width: 1140px;
    margin: auto;
}
.detail-block-desc{
    background: #f7f7f7;
}
.detail_tabs{
    max-width: 1140px;
    margin: auto;
}
.detail_taber .nav-link {
    padding: 10px;
}
.detail_taber .nav-link{
    color: #000;
}
.detail_taber .nav-link.active,
.detail_taber .nav-link:hover {
    background: #222222 !important;
    color: #fff;
}
.detail_taber {
    border-bottom: 1px solid #222222;
}
.detail_header{
    margin-bottom: 25px;
}
.detail_header .titre:after {
    background: #222222;
}
.detail_annexe{
    display: none;
}
.detail_header .crit span:nth-child(1) {
    font-weight: 600;
}
.retour_pret {
    font-size: 25px;
    font-weight: 700;
    color: #222222;
}
.retour_pret span {
    color: #222222;
}
.detail .info_titre {
    text-transform: inherit;
}
.detail .info_prix {
    padding: 0;
}
.detail .header-item {
    padding: 0;
}
.lafficheur li:hover, .lafficheur li.active {
    background-color: #222222 !important;
}
.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #dcdcdc !important;
}
.detail #descdetail{
    text-align: justify;
}
/*MISE EN FORME TABLEAU DETAILS*/
.detail .attribut_label0 {
    position: relative;
    background: #fff;
}
.detail .bloc-champ{
    background: #fff;
}
.detail #vvirtuelle iframe {
    width: 840px;
    height: 640px;
}


.listing_article  .header-item{
 padding-left: 25px;   
}

/* ACTUALITES */
.actualites .sidebar  {
    display: none;
}
.actualites .content_page {
    width: 100%;
    margin-left: 0;
}
.actualites-group ul li .col-md-4,
.actualites-group ul li .col-md-8 {
    padding-left: 15px;
    padding-right: 15px;
}
.actualites-group ul li .col-md-8 {
    margin: auto;
}
.actualites-group .pb-2,
.actualites-group .pt-2 {
    padding:0 !important;
}
.actualites .content_page h1 {
    display: none;
}

.actualites-group ul {
    display: flex;
    flex-wrap: wrap;
    margin: -0.5em;
}
.actualites-group ul li {
    border: 1px solid rgba(0,0,0,0.3);
    box-shadow: 5px 5px 5px #b5b4b4;
    position: relative;
    width: calc(33.33% - 1em);
    margin: calc(0.5em * 2) 0.5em;
    overflow: hidden;
    background: #ececec;
}
.actu-info {
    background: #ececec;
    padding: 25px 35px;
    min-height: 250px;
    margin: auto;
}
.actu-photo {
    min-height: 250px;
}
.actualites-group img {
    width: 100%;
    background-size: contain;
}
.actualites-group .float-right {
    float: right!important;
    margin-right: 20px;
    margin-bottom: 6px;
}
.marginauto {
    margin: auto;
}
.adminperso .title-post {
    margin-left: 20px;
}

/*RESPONSIVE*/
@media (min-width: 1200px){
    .container {
        max-width: 1270px;
    }
}

@media (max-width: 1024px){
    .detail_carousel,
    .detail-block-desc,
    .detail_form_contact,
    .detail-block-form,
    .detail-block-simi{
        max-width: 100%;
        margin: auto;
        padding: 0 25px 10px 25px;
    }
    .sidebar .group_btn a {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) {
    .header .site-pusher {
        display: flex;
        justify-content: center;
    }
    .header .sticking,
    [class*="listing"] .header,
    [class*="listing-"] .header {
        background:rgb(25 25 25);
    }
    .header .not-sticking {
        background: rgba(0,0,0,0.45);
    }
    .header .sticky_menu.stick-me.sticking {
        box-shadow: 0;
    }
}
@media (max-width: 991px) {
    .baseline p {
        font-size: 1rem;
    }
    .video-wrapper {
        height: 100%;
    }
    .header__logo img {
        width: 180px;
        margin-right: 100px;
    }
    .header {
        background:transparent;
    }
    .header .sticking, [class*="listing"] .header, [class*="listing-"] .header {
        background: rgb(25 25 25);
    }
    .index .header .not-sticking {
        background: rgba(0,0,0,0.45);
    }
    .burger-item,
    .burger-item::before,
    .burger-item::after {
        background: #fff;
    }
    .menu {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        /* background-color: rgba(0,0,0,.95); */
        width: 350px;
        -webkit-transform: translateX(-350px);
        transform: translateX(-350px);
    }
    .menu .dropdown-menu li {
        padding: .25rem 0.8rem;
        text-align: center;
    }
    .with--sidebar .site-pusher {
        -webkit-transform: translateX(350px);
        transform: translateX(350px);
    }
    .menu ul.dropdown-menu {
        margin: 15px 0!important;
        box-shadow: none;
        border: 0;
        background-color: transparent!important;
    }
    .header__icon:after {
        box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;
    }
    /*    .bgAccueil {
    background: url(/assets/images/bgimg-mobile.jpg) no-repeat top center fixed;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}*/
    .home_cont_presentation {
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    /* .sticky_menu.not-sticking,
    .header .sticking{
        background: #222;
    }
    .sticky_menu.not-sticking .logo-not-sticking {
        padding: 10px 0;
    } */
    .sticky_menu.sticking .index-logo-sticking,
    .sticky_menu.sticking .logo-sticking {
        padding: 10px 0;
    }    
    .sticky_menu.not-sticking .header__icon:after {
        box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;
    }
    #formrecherchevente{
        padding-top: 20px;
    }
    .listing form {
        display: block;
    }
    .plusdecritere .text-filtre1{
        display: none;
    }
    .search__form-item:nth-child(n+2) {
        width: calc(25% / 1 - 0px);
    }
    .index .search__form-item:nth-child(n+2) {
        width: calc(100% / 5 - 0px);
    }
    .index .search__form-item:last-child,
    .search__form-item:last-child {
        width: 100%;
    }
    .detail-block-desc,
    .detail_carousel,
    .detail_form_contact,
    .detail-block-form,
    .detail_biens_sim {
        margin-right: auto;
        margin-left: auto;
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
    }
    .top_link {
        bottom: 100px;
    }
    footer {
        padding: 25px 10px 100px 10px;
    }
    .home_cont_presentation {
        padding: 90px 0;
    }
    .home_cont_alertes .alerte-2 {
        padding-left: 0;
    }
    .home_cont_alertes .alerte-2:before {
        display: none;
    }
    .home_cont_categories .nos-biens {
        flex: 100%;
        width: 100%;
        max-width: 100%;
    }
    .nos-bien-img {
        flex: 50%;
        width: 50%;
        max-width: 50%;
        margin: auto;
        margin-top: 50px;
        margin-bottom: 110px;
    }
    .home_cont_categories .nos-biens p {
        padding-right: 0;
    }
    .detail .container_page {
        margin-top: 100px;
    }
    .map,
    .top_page {
        margin-top: 65px;
    }
    .menu {
        background-color: rgb(13, 14, 14);
    }
    .listing #content,
    .listing-vente #content {
        margin-top: 85px;
    }
    .listing .bloc.bloc4, [class*="listing-"] .bloc.bloc4 {
        display: block;
        position: absolute;
        right: -3px;
        top: 10px;
        font-size: 20px;
        background: #222222;
        padding: 6px 15px;
        color: #fff;
        border-radius: 5px;
        border: 1px solid #fff;
    }
    #form-recherche-modal-content .search__form-item:nth-child(n+2) {
        width: 100%;
    }
    #formrecherche,
    #formrecherchevente {
        display: none;
    }
    #form-recherche-modal-content #formrecherche,
    #form-recherche-modal-content #formrecherchevente {
        display: block;
    }
    #content{
        margin-top: 85px;
    }
    .prod_accueil .cat-text {
        font-size: 15px;
    }
    #form-recherche-modal-content .radio_trans input[type=radio].css-checkbox + label.css-label {
        display: none;
    }

    .home_heading {
        font-size: 30px;
    }
    .home_cont_presentation .titre-presentation {
        font-size: 30px;
    }
    .home_cont_selection .cat-text {
        font-size: 20px;
    }
    .bandeaugris {
        padding: 11px 0;
        margin-top: -28px;
    }
    .index .prod_accueil, .detail .prod_accueil {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .home_cont_references .carousel-item img {
        width: 200px;
        margin: 0 0%;
    }
    .contenu_edito p, .contenu_edito2 p, .contenu_edito3 p, .accroche {
        font-size: 20px;
    }
    .h1 {
        font-size: 23px;
    }
    .actualites-group ul li {
        width: calc(49.33% - 1em);
    }
}

@media (max-width: 480px) {
    .menu {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.95);
        width: 330px;
        -webkit-transform: translateX(-330px);
        transform: translateX(-330px);
    }
    .menu .dropdown-menu li {
        padding: .25rem 0.5rem;
        text-align: center;
    }
    .with--sidebar .site-pusher {
        -webkit-transform: translateX(330px);
        transform: translateX(330px);
    }
    .menu ul > li > a {
        padding: 0px 12px;
    }
    nav.menu ul li .dropdown-menu {
        background-color: transparent!important;
    }
    .index .search__form-item:nth-child(n+2) {
        width: 100%;
    }
    .moteur {
        padding: 50px 20px;
    }
    .plusdecritere .text-filtre2{
        width: 100%;
    }
    .home_cont_alertes p, .home_cont_alertes a{
        text-align: center;
    }
    .search__form-item:nth-child(n+2) {
        width: calc(100% / 1 - 0px);
    }
    .sticky_menu.sticking .index-logo-sticking,
    .sticky_menu.sticking .logo-sticking {
        padding: 0;
        margin: 5px 0;
    }
    .sticky_menu.sticking .index-logo-sticking {
        margin-right: 20px;
    }
    .coordonnees_heading img {
        width: 65%;
    }
    .sticky_menu.not-sticking .logo-not-sticking {
        padding: 0;
        margin: 5px 0;
    }
    .index-logo-not-sticking,
    .index-logo-sticking,
    .logo-sticking ,
    .logo-not-sticking,
    .header .img-fluid {
        width: 35%;
        margin: 5px 60px 5px 0;
    }
    .top_link {
        bottom: 76px;
        right: 20px;
    }
    .cont_coordonnees,
    .cont_coordonnees p,
    .cont_coordonnees .tel {
        text-align: center;
    }
    .cont_coordonnees .btn {
        width: auto;
        margin: auto;
        text-align: center;
    }
    p{
        text-align: justify;
    }
    .nos-bien-img {
        flex: 75%;
        width: 75%;
        max-width: 75%;
        margin: 10px auto;
    }
    .listing #content,
    .listing-vente #content {
        margin-top: 100px;
    }
    #formrecherche,
    #formrecherchevente{
        display: none;
    }
    .home_cont_alertes{
        background-image: inherit;

    }
    .home_cont_alertes .alerte-1 {
        background-color: #212d37;
        padding: 20px 20px 0 20px;
    }
    .home_cont_alertes .alerte-2{
        padding: 0 20px 20px 20px ;
        width: 100%;
        background: #212d37;
    }
    .top_page {
        max-height: 100px;
    }
    .map, .top_page {
        margin-top: 65px;
        margin-bottom: 25px;
    }
    .estimation .top_page {
        margin-bottom: 0;
    }
    .badge-avis {
        margin-top: 20px;
    }
    .detail .container_page {
        margin-top: 104px;
    }
    .detail_header {
        display: block; 
    }
    .detail_header .crit {
        font-size: 18px;
    }
    .detail .nav-item.notaire-icon {
        display: none;
    }
    .detail_carousel_expand {
        bottom: 75px;
        right: 25px;
    }
    .estimation .progress {
        display: none;
    }
    .estimation .content_page {
        margin-top: 25px;
    }
    .comparateur #content {
        margin-top: 21%;
    }
    .prod_accueil .cat-text {
        font-size: 21px;
    }
    .header__logo img {
        margin-left: 0;
        margin-top: 10px;
        max-width: 100%;
        margin-right: 17%;
    }
    .header__logo img {
        width: 118px;
    }
    .baseline p {
        font-size: 0.8rem;
    }
    .prod_accueil article {
        width: 95%;
        margin: 6px;
    }
    .index .prod_accueil, .detail .prod_accueil {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .home_cont_references .carousel-item img {
        width: 200px;
        margin: 5% 0%;
    }
    .cont_coordonnees img {
        width: 50%;
        margin: 38px 0;
    }
    .actualites-group ul li {
        width: 100%;
    }
    .header {
        background: #000;
    }
    .video-wrapper {
        margin-top: 60px;
    }
    .row {
        margin-left: 0;
        margin-right: 0;
    }
    body {
        overflow-x: hidden;
    }
}

@media (max-width: 320px) {
    .index-logo-not-sticking, .index-logo-sticking, .logo-sticking, .logo-not-sticking, .header .img-fluid {
        width: 60%;
        margin: 11px 55px 5px 0;
    }
    .sticky_menu.sticking .index-logo-sticking, .sticky_menu.sticking .logo-sticking {
        padding: 0;
        margin: 9px 0;
    }
    .map, .top_page {
        margin-top: 65px;
        margin-bottom: 25px;
    }
}

/* MODIFS Video page d'accueil + couleurs site - 1er mars 2019 */
.moteur {
    bottom: 0;
}

/* MAPS */
.leaflet-custom-marker.leaflet-marker-icon,
.leaflet-marker-icon.leaflet-google-marker {
   margin-top: -37px;
   margin-left: -12.5px;
}

.leaflet-marker-icon.leaflet-google-marker {
   height: 37px !important;
   width: 25px !important;
}