/*//////////////IMPORTS////////////*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600&display=swap');

/*//////////////BACKGOUND////////////*/

body {
    font-family: 'Montserrat', sans-serif;
    background: #ffffff;
    color: #212529;
}
.detail .main-content, .agence .main-content, .alerte-email .main-content, .estimation .main-content, .mentions-legales .main-content, .contact .main-content, .page-erreur {
    background: #201E1F;
    color: white;
}

.contact article .block_info{
    background: #212529;
}

.detail-description{
    margin-bottom: 15px;
}

.nav_back ul li a{
    color: white;
}
/*//////////////GENERAL////////////*/

a {
    color: #000;
}
a:hover {
    color: #656565;
}


/*//////////////BOUTONS////////////*/

.btn-primary {
    color: #FFF !important;
    background: rgba(0, 0, 0, 0);
    border-color: #fff03b;
}
.btn-primary:hover {
    color: #000 !important;
    background: #fff03b;
    border-color: #fff03b;
}
.btn-secondary {
    background: #333;
}

.index .btn-primary{
    color: white !important;
}

.index .btn-primary:hover{
    color: #000 !important;
}

.listing .btn-primary, .listingloc .btn-primary, .listingloctype .btn-primary{
    background: #fff03b;
    color: #000 !important;
}

.recherche-detaillee .btn-primary:hover{
    border: #fff03b;
    background: #fff03b;
}

.estimation .block_info, .alerte-email .block_info{
    background-color: #212529;
}

/*//////////////HEADER////////////*/
.header__logo {
    width: 100%;
    margin:0;
    text-align: left;
}
.lang {
    z-index: 30;
}

header .navbar {
    border: none;
}
.navbar {
    position: absolute;
    width: 70%;
    top: 54px;
    right: 0;
    margin-left: 20px;
    padding: 0;
}
#navbarSupportedContent .dropdown::after {
    content: "\f123";
    font-family: "Ionicons";
    position: absolute;
    border: 0;
    font-size: 12px;
    right: 20px;
    top: 3px;
    left: inherit;
}
.dropdown-item:hover:after{
    width: 0% !important;
}
@media (min-width:1024px) and (max-width:1366px){
    #navbarSupportedContent .dropdown::after {
        right: 0px;
    }
}
.nav-main li a {
    color: #000;
    text-transform:none;
}
.nav-main li a::after {
    content: '';
    display: block;
    width: 0%;
    height: 2px;
    margin-left: 12%;
    background: #000;
    margin-top: 10px;
    transition: width .3s; 
}
.nav-main li a:hover::after {
    width: 75%;
    margin-left: 12%;
}
.dropdown-menu {
    margin-top: 10px;
}
.bloc_search {
    padding: 23px 8px 8px 8px;
    position: absolute;
    bottom: 0;
    left: 65%;
    width: 30%;
    min-height: 330px;
    z-index: 20;
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 80px;
}
.search__form-item:nth-child(1) {
    width: calc(100% / 1 - 1px);
    flex-wrap: wrap !important;
    margin-right: 0px;
    margin-left: 0px;
}
.search__form-item:nth-child(n+2) {
    margin-bottom: 15px;
    vertical-align: top;
    width: calc(100% / 1 - 4px);
}

.carousel-fullscreen .carousel-inner .carousel-item{
    background-position: center center;
    background-size: cover;
}


/*//////////////FOOTER////////////*/

address {
    border-top: none;
    border-bottom: 1px solid #cccccc;
}
footer, footer a {
    color: #000;
}


/*//////////////PAGES FORMULAIRES////////////*/

.breadcrumb-item > a, .block_tri_list.d-flex > label {
    color: #fff;
}

.form-check a{
    color: #FFF;
}


/*//////////////LISTING////////////*/

.list-crit {
    color: #000000;
}
.block_info {
    background: #201E1F;
    color: #FFF;
}
.prod_listing > .listing_article article:hover {
    border-right: 3px solid #000000;
}

.listing_article article{
    border: thin solid white;
}

.list-crit{
    color: #FFF;
}

.list-header{
    color: #FFF;
}



/*//////////////DETAIL////////////*/

.detail-info .table i {
    color: #000000;
}
.detail-nav-calcul > ul > li a {
    background: #656462;
}


/*//////////////DISPLAY NONE////////////*/

.prod_accueil{
    display: none;
}
.c_surfacemin{
    display: none;
}
.c_prixmax{
    display: none;
}


/*//////////////RESPONSIVE////////////*/
@media(max-width:1025px) {
    .navbar {
        width: 65%;
    }
}
    
/*    ////////////////////////TABLETTES/////////////////////    */
    
@media(max-width:769px){
    .header__logo {
        width: 100%;
        margin:auto;
        text-align: center;
        padding-top: 30px;
    }
    .bloc_search {   
        padding: 23px 8px 8px 8px;
        position: absolute;
        bottom: 0;
        left:57%;
        width: 40%;
        min-height: 245px;
        z-index: 20;
        background-color: rgba(0, 0, 0, 0.6);
        bottom: 58px;
    }
    .navbar {
        position: relative;
        top: -20px;
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: .5rem 1rem;
        padding-bottom: 0.5rem;
        width: 90%;

    }
    .nav-main li::after {
        display: none;    
    }
}

    
/*    ////////////////////////MOBILES/////////////////////    */
    
@media(max-width:767px){
    
    .header__logo {
        width: 100%;
        margin:auto;
        text-align: center;
        padding-top: 0px;
    }
    .carousel-fullscreen {
        display: block;
    }
    .bloc_search {
        position: relative;
        width: 100%;
        left: 0;
        margin-bottom: 0;
    }
    .search__form-item:nth-child(1) {
        width: calc(100% / 1 - 4px);
        padding-left: 10px;
        margin-bottom: 15px;
    }
    .search__form-item:nth-child(n+2) {
        width: calc(100% / 1 - 4px);
    }   

    .container{
        padding-top: 0;
        padding-bottom: 0;
    }
}



/*////////////// CUSTOM CSS /////////////////*/

/* Header */

.header__logo{
    max-width: 25%;
}

.header__logo .img-fluid{
    height: 130px;
    width: auto;
}

.navbar-nav{
    padding-top: 0px;
    margin-top: 0;
}

.navbar-nav .mr-auto .nav-main{
    display: inherit;
}

.nav-main li{
    width: auto;
}

#navbarSupportedContent .dropdown::after{
    right: -15px;
}

.nav-main li a::after{
    background-color: #fff03b;
}

.navbar-expand-lg .navbar-nav .dropdown-menu{
    left: 50%;
    transform: translateX(-50%);
}

.dropdown-menu{
    margin-top: 0;
}

.nav-container-custom{
    background: #FFF;
    z-index: 10;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
}

header{
    z-index: 10;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75); 
}

.index header{
    background: #201E1F;
    box-shadow: none;
}

/* Content index */

.under_content_index{
    font-size: 11px;
    font-style: italic;
}
.bg-test{
    background-color: #201e1f;
    color: #FFF;
    padding-top: 30px;
}

.custom-index-title{
    text-align: left;
    text-transform: uppercase;
    font-size: 18px;
    padding-top: 15px;
    margin-bottom: 20px;
    font-weight: 500; 
    position: relative;
    color: #fff;
}

.right-row .custom-index-title:after{
    content: "";
    background-color: #fff03b;
    position: absolute;
    height: 2px;
    width: 150px;
    bottom: -10px;
    left: -68px;
    z-index: 1;
}

.second-index-title{
    text-align: right;
}

.left-row-second .custom-index-title:after{
    content: "";
    background-color: #fff03b;
    position: absolute;
    height: 2px;
    width: 150px;
    bottom: -10px;
    right: -68px;
    z-index: 1;
}

.row-index{
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    font-weight: 300;
}

.row-index .img-index{
    width: 50%;
}

.row-index .img-index img{
    display: block;
    width: 100%;
}

.row-index .left-row{
    float: left;
    width: 30%;
    padding: 15px;
    padding-left: 0;
}

.row-index .right-row{
    float: right;
    width: 70%;
    padding: 15px;
    padding-right: 0;
}

.row-index .left-row-second{
    float: left;
    width: 70%;
    padding: 15px;
    padding-left: 0;
}

.row-index .right-row-second{
    float: right;
    width: 30%;
    padding: 15px;
    padding-right: 0;
}

.cta{
    text-align: center;
    margin-bottom: 0;
}

.cta .btn-index{
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 32px;
    border: #fff03b thin solid;
    color: #fff;
    z-index: 1;
    position: relative;
    outline: none;
}

  
.cta .btn-index::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff03b;
    transform-origin: center top;
    transform: scaleY(0);
    transition: transform 0.25s ease-in-out;
}

.cta .btn-index:hover {
    cursor: pointer;
    color: #201e1f;
}

.cta .btn-index:hover::before {
    transform-origin: center bottom;
    transform: scaleY(1);
}

footer{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    -webkit-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.75);
}

/* Mentions légales */

.mentions-legales{
    color: white;
}

.mentions-legales .main-content a{
    color: white;
}

/* Partenaires */

.partenaires-list{
    float: left;
    width: 25%;
    padding: 15px;
    height: 100px;;
}

.partenaires-list img{
    height: 100%;
    width: auto;
}

.partenaires-list:first-of-type{
    padding-left: 0px;
}

.partenaires-list:nth-of-type(4n+1){
    padding-left: 0px;
}


/* Listing style */

.listing .main-content, .listingloc .main-content, .listingloctype .main-content{
    background: #201E1F;
}

.prod_listing > .listing_article article:hover{
    border-right: 3px solid #fff03b;
}

.listing_article .block_img img{
    width: 102%;
}

.listing_article .img-fluid{
    max-width: 102%;
}

/* General */

body{
    background: #201E1F;
}

header{
    background: #FFF;
}

footer{
    background: #FFF;
}

.page-heading{
    color: #FFF;
}

.content_page h1{
    color: #FFF;
}

.content_page label{
    color: #FFF;
}

.sidebar .listing_article article .block_info{
    background-color: #212529;
}

.recherche-detaillee .prod_listing > .listing_article article{
   margin-bottom: 0;
}

.main-content{
    background-color: #201E1F;
}

.content_page p{
    color: #FFF;
}

.recherche-detaillee .article{
    padding: 0;
}

.recherche-detaillee .prod_listing > .listing_article article{
    border: none;
    padding: 5px;
    background: #201E1F;
}

.main-content h1{
    color: #FFF;
}

h2.deco{
    color: #FFF;
}

.main-content p{
    color: #FFF;
}

 /*//// CUSTOM RESPONSIVE /////////*/
 @media (min-width:992px){
 .recherche-detaillee article{
    padding: 0;
 }

 .nav-container-custom{
    height: 130px;
 }

}

 @media (min-width:767px) and (max-width:992px){
    
    .carousel .slide .carousel-fullscreen{
        height: 500px;
    }

    .carousel-item{
        height: 500px;
    }

    .bloc_search{
        width: 40%;
        left: 50%;
    }

    .navbar{
        position: relative;
        top: -20px;
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: .5rem 1rem;
        padding-bottom: 0.5rem;
        padding-bottom: 0.5rem;
        width: 90%;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu{
        left: 0%;
        transform: translateY(0%);
    }

    .navbar-nav{
        margin-top: 25px;
    }

    .nav-main li{
        border-bottom: thin solid black;
        padding-top: 10px;
    }

    .nav-main li a{
        display: block;
    }

    .nav-main li a:hover::after {

        width: 0%;
        margin-left: 12%;
    
    }


}   

@media(max-width:767px){

    .header__logo{
        z-index: -1;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu{
        left: 0%;
        transform: translateY(0%);
    }

    .navbar-light{
        min-height: 50px;
    }

    .navbar-light .navbar-toggler{
        height: 50px;
    }
}


 @media(max-width:767px){

    .row-index .left-row{
        float: none;
        width: 100%;
        padding-left: 15px;
    }

    .row-index .right-row{
        float: none;
        width: 100%;
        padding-right: 15px;
    }

    .row-index .left-row-second{
        float: none;
        width: 100%;
        padding-left: 15px;
    }

    .row-index .right-row-second{
        float: none;
        width: 100%;
        padding-right: 15px;
    }

    .right-row .custom-index-title:after{
        content: "";
        background-color: #fff03b;
        position: absolute;
        height: 2px;
        width: 150px;
        bottom: -10px;
        left: 0px;
        z-index: 1;
    }

    .left-row-second .custom-index-title:after{        
        left: 0px;      
    }

    .second-index-title{
        text-align: left;
    }

    .partenaires-list{
        width: 50%;
        height: 150px;
    }

    .partenaires-list:nth-of-type(2n+1){
        padding-left: 0px;
    }
}

@media(max-width:540px){

    .partenaires-list{
        width: 100%;
        height: 200px;
        margin: 0 auto;
        text-align: center;
    }

    .partenaires-list{
        padding-left: 0;
        padding-right: 0;
    }

}