@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

body {
    color: var(--main_color);
    font-family: 'Open Sans', sans-serif;
    background-color: #F0F0F0;
}


.fw600 {
    font-weight: 600;
}
.fw700 {
    font-weight: 700;
}

#top_menu .navbar-light .navbar-nav .nav-link {
    text-transform: uppercase;
    color: var(--main_color);
}

#container_login {
    border-bottom: 5px solid var(--main_color)
}

#login_form input[type="text"], #login_form input[type="password"] {
    border:0;
}

#footer2 {
    background-color: var(--main_color)

}

#listing_biens {
    background: none;
 }
#entete_listing {
    background-image: url(../images/template/listing.jpg?v=2);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 500px;
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    text-shadow: 5px 5px 5px black;
    border-bottom: 10px solid var(--main_color);
}

#entete_resa img {
    height: 500px;
    object-fit: cover;
    width: 100%;
}

.table_lots_biens thead th {
    border-top:0;
    border-bottom: 0;
}

.table_lots_biens td {
    border-bottom: 2px solid #B2B2B2;
    border-top: 0;
}

.trigger_container_biens.show_triangle::after {
    content:'';
    position: absolute;
    width: 42px;
    height: 21px;
    background-image:url(../images/template/triangle_vert.svg);
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 999;
    bottom: -21px;
    left: 0;
}

.annonce_listing_image {
    padding-top: 50%
}

.annonce_listing_prix {
    font-size: 26px;
    font-weight: 600;
}

.container_lots_biens {
    position: relative;
    overflow: hidden;
}

.container_lots_biens .close_container_biens {
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 99;
    color: #fff;
}

.clear_annonce_listing {
    margin-bottom: 0;
}

.annonce_listing.clear_annonce_listing::after {
    display: none;
}

.container_lots_biens::after {
    content: '';
    height: 2000px;
    position: absolute;
    width: 2000px;
    background: var(--second_color);
    z-index: 99;
    left: 0;
    top: 0;
    transform: translateX(calc(-100% + 356px)) rotate(
            70deg
    );
}

.container_lots_biens .container-lg {
    z-index: 999;
}

@media (max-width: 768px) {

    #listing_biens h3 {
        font-size: 18px;
    }

    .container_lots_biens .close_container_biens {
        top: 10px;
        right: 10px;
    }
}