#top_menu {
    z-index: 9999;
    width: 100%;
    background: hsla(0,0%,100%,.8);
    font-size: 14px;
    height: 113px;
    display: flex;
    align-items: center;
    color: #008cdc;
}

@media (min-width: 1000px) {
    #top_menu {
        position: absolute;
    }
}

#top_menu .navbar-light .navbar-nav .nav-link {
    color: #008cdc;
}

@media (min-width: 1024px) {
    .tp-banner {
        height: 1499px !important;
        width: 100% !important;
        max-height: 130vh !important;
    }
}

.slide_hp_titre{
    font-size: 45px !important;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}

.slide_hp_legende {
    margin: 0 150px 0 150px;
    max-width: 800px;
}
 

#home_slider_search .slide_hp_legende {
    top: 43%;
    text-align: left;
    background-color: transparent;
}

.bloc-breadcrumb {
    .breadcrumb-wp {
        background-color: #fff;
        color: #999;
        font-size: 14px;
        line-height: 1;
    }
}


.bloc-citation {
    text-align: center;
    .title {
        color: #0072bb;
        font-size: 30px;
        text-transform: uppercase;
        margin-bottom: 15px;
    }

    .texte {
        color: #8da1a0;
        font-style: italic;
        margin: 0 auto;
        max-width: 600px;
        line-height: 29px;
    }

    hr {
        background: #0072bb;
        border: none;
        height: 1px;
        margin: 30px auto;
        opacity: 1;
        width: 150px;
    }
}

.banner-a-vendre {
    background: no-repeat url(../images/template/banner-a-vendre.png) center center/cover;
    color: #ffffff;
    background-size: cover;

    width: 100%;
    max-height: 350px;
    height: 350px;
}

.banner-detail {
    background: no-repeat url(../images/template/banner-a-vendre.png) center center/cover;
    color: #ffffff;
    background-size: cover;

    width: 100%;
    max-height: 350px;
    height: 350px;
}

.banner-doheem-promotions {
    background: no-repeat url(../images/template/banner-doheem-promotions.png) center center/cover;
    color: #ffffff;
    background-size: cover;

    width: 100%;
    max-height: 350px;
    height: 350px;
}

.banner-services {
    background: no-repeat url(../images/template/banner-services.jpeg) center center/cover;
    color: #ffffff;
    background-size: cover;

    width: 100%;
    max-height: 350px;
    height: 350px;
}

.title {
    h2 {
        color: #0072bb;
        font-size: 26px;
        font-weight: 700;
        text-transform: uppercase;
    }

    h3 {
        color: #0072bb;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
    }
}

.description {
    color: #666;
    font-size: 12px;
    line-height: 1.5;
}

#listing_biens {
    background-color: #FFF;
}

.bloc-header:after {
    background: #666;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1px;
    margin: 25px;
    width: calc(100% - 50px);
}

.lot-hover {
    transition:color 0.2s ease-in, color 0.2s ease-in, border 0.2s ease-in;
}

.lot-hover:hover {
    color: #0072bb;
}


.bloc-information:after {
    background: #0072bb;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1px;
    margin: 15px;
    margin-left: 0;
    width: 100%;
}

#annonce_detail form {
    margin: 0;
}

#annonce_detail input[type="text"] {
    border-color: #0072bb;
}

#annonce_detail textarea {
    border-color: #0072bb;
}

.border-color-primary {
    border-color: #0072bb !important;
}

#annonce_detail #annonce_detail_icones_entete {
    border: 0;
    padding: 0;
}

#services hr {
    background: #0072bb;
    border: none;
    height: 1px;
    margin: 10px auto;
    opacity: 1;
    width: 20px;
}

.annonce_accueil_image {
    padding-top: 265px;
}

.sections_hp_sliders:nth-child(odd) .annonce_accueil_inner {
    border: 0;
}

.annonce_bandeau_statut {
    position: absolute;
    top: 0;
    padding: 5px 20px;
    left: 15px;
    background-color: #008cdc !important;
}

.sections_hp_sliders:nth-child(even) {
    background-color: #FFF;
}

.sections_hp_sliders {
    padding: 0;
}

#footer2 {
    background-color: #FFF;
    color: #000;
}

#footer2 a {
    color: #000;
    text-decoration: none;
}

#footer2 a:hover {
    color: #ccc;
}


.bloc-partenaire {
    hr {
        background: #0072bb;
        border: none;
        height: 2px;
        margin: 30px auto;
        opacity: 1;
        width: 40px;
    }
}

#header {
    width: 95%;
    margin: auto;
}

@media (max-width: 991px) {
    #navbarNavAltMarkup {
        background-color: #008cdc;
        z-index: 999;
    }
    #top_menu .navbar-light .navbar-nav .nav-link {
        color: #FFF !important;
    }
}

@media (min-width: 992px) {
    #header {
        width: 97%;
        font-size: 12px;
    }
}

@media (min-width: 1152px) {
    #header {
        width: 97%;
        font-size: 14px;
    }
}

@media (min-width: 1280px) {
    #header {
        width: 90%;
    }
}

@media (min-width: 1440px) {
    #header {
        width: 82%;
    }
}

@media (min-width: 1504px) {
    #header {
        width: 82%;
    }
}

@media (min-width: 1680px) {
    #header {
        width: 71%;
    }
}

@media (min-width: 1920px) {
    #header {
        width: 62%;
    }
}

@media (min-width: 2560px) {
    #header {
        width: 48%;
    }
}

@media (min-width: 3008px) {
    #header {
        width: 41%;
    }
}


@media (min-width: 3360px) {
    #header {
        width: 37%;
    }
}

@media (min-width: 3840px) {
    #header {
        width: 32%;
    }
}

@media (min-width: 992px) {
    .text-overlay {
        font-size: 55px;
        background: linear-gradient(112deg, rgba(0,114,187,0.840795693277311) 0%, rgba(255,255,255,0) 50%);
    }
}

.btn-slider {
    background-color: #008cdc;
    color: #FFF;
    
}

.btn-decouvrir {
    width: 80px;
    height: 24px;
    font-size: 10px;
    border: 1px solid #008cdc;
    color: #008cdc;
    padding: 0;
    text-transform: uppercase;
}

.btn-decouvrir:hover {
   background-color: #008cdc;
   color: #FFF;
}

@media (min-width: 992px) {
    .carousel-control-next, .carousel-control-prev {
        width: 7% !important;
    }
}

.annonce_listing::after {
    width: 100%;
    border-color: #0072bb;
}