/* Partie images */

.realty .images {
    height: 680px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.carousel-control-next,
.carousel-control-prev {
    z-index: 2;
}

.realty .image-a-la-une {
    z-index: 3;
    position: absolute;
    bottom: 40px;
    right: 80px;
    padding: 5px 20px;
    margin: 0;
    background-color: rgb(37, 37, 37, 0.5);
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
}

.realty .image-a-la-une p {
    margin: 0;
}

.realty .fullscreen-icon {
    z-index: 3;
    position: absolute;
    bottom: 5px;
    right: 5px;
    background-color: rgb(37, 37, 37, 0.5);
    border-radius: 20px;
    padding: 5px 20px;
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.realty .fullscreen-icon a {
    color: black !important;
}

.realty .realty-reference {
    font-size: 0.7rem;
    color: #8e8e8e;
    margin-bottom: 3px;
}

.realty .title {
    font-size: 2.5rem;
    margin-bottom: 0;
}

.realty .price {
    font-size: 2.5rem;
    color: #c6a47f;
    font-weight: 500;
}

.realty .fa-share-alt {
    color: #c6a47f;
    margin-right: 10px;
    font-size: 1.3rem;
}

.realty .fa-heart {
    color: #c6a47f;
    font-size: 1.3rem;
}

.realty .realty-infos {
    font-size: 0.85rem;
    color: #eeeeee;
    margin-bottom: 0;
}

.realty .realty-value {
    font-size: 1.5rem;
    color: white;
    font-weight: 600;
}

.realty .realty-description {
    font-size: 1rem;
}

.realty .realty-equipements i {
    color: #c6a47f;
    margin-right: 10px;
    font-size: 1.5rem;
}

.realty .dpe-values div,
.realty .ges-values div {
    width: 24px;
    height: 24px;
    margin: 0;
    text-align: center;
    border-radius: 5px;
}

.realty .dpe-values p,
.realty .ges-values p {
    display: none;
}

/* Gestion des couleurs de fond pour chaque valeur de DPE s'il est défini*/

.realty .dpe-values .one {
    background: #309535;
}

.realty .dpe-values .two {
    background: #51a836;
}

.realty .dpe-values .three {
    background: #c1cf29;
}

.realty .dpe-values .four {
    background: #e9de2c;
}

.realty .dpe-values .five {
    background: #f8c829;
}

.realty .dpe-values .six {
    background: #f8c829;
}

.realty .dpe-values .seven {
    background: #e0251e;
}

/* Gestion des couleurs de fond pour chaque valeur de DPE s'il n'est défini*/

.realty .disabled .one {
    background: #6c6c6c;
}

.realty .disabled .two {
    background: #818181;
}

.realty .disabled .three {
    background: #b9b9b9;
}

.realty .disabled .four {
    background: #cecece;
}

.realty .disabled .five {
    background: #c5c5c5;
}

.realty .disabled .six {
    background: #a6a6a6;
}

.realty .disabled .seven {
    background: #5c5c5c;
}

/* Gestion classe active pour le dpe actif et ges actif */

.realty .dpe-values .active,
.realty .ges-values .active {
    width: 36px;
    height: 36px;
    display: flex;
    color: black;
    font-weight: bold;
    font-size: 1.2rem;
    border: 2px solid black;
}

.realty .dpe-values .active p,
.realty .ges-values .active p {
    display: block;
    margin: auto;
}

/* Gestion des couleurs de fond pour chaque valeur de GES s'il est défini */

.realty .ges-values .one {
    background: #e0d9e4;
}

.realty .ges-values .two {
    background: #e0c2f8;
}

.realty .ges-values .three {
    background: #c6a6df;
}

.realty .ges-values .four {
    background: #c097dd;
}

.realty .ges-values .five {
    background: #b37cda;
}

.realty .ges-values .six {
    background: #a460d7;
}

.realty .ges-values .seven {
    background: #8e3ace;
}

/* Gestion des couleurs de fond pour chaque valeur de GES s'il n'est pas défini */

.realty .disabled .one {
    background: #dcdcdc;
}

.realty .disabled .two {
    background: #d1d1d1;
}

.realty .disabled .three {
    background: #b6b6b6;
}

.realty .disabled .four {
    background: #ababab;
}

.realty .disabled .five {
    background: #979797;
}

.realty .disabled .six {
    background: #818181;
}

.realty .disabled .seven {
    background: #636363;
}

/* PARTIE FORMULAIRE CONTACT  */

.realty-footer form {
    background-color: white;
    padding: 20px;
    border-radius: 20px;
}

.realty-footer form p {
    font-size: 0.8rem;
    color: #a0a0a0;
}

.realty-footer form input[type="text"] {
    border: none;
    border-bottom: 1px solid lightgray;
    color: #24445c;
    margin-bottom: 15px;
    font-size: 0.8rem;
}

.realty-footer form textarea {
    border: none;
    font-size: 0.8rem;
    color: #24445c;
    min-height: 50%;
}

.navbar {
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 3 !important;
    background: transparent!important;
}

.background-blue {
    background: #24445c;
}

iframe {
    border-radius: 0;
}

.overlay-form {
    border-radius: 20px;
}

.message {
    color: white !important;
    font-size: 1rem !important;
}

/* ------------------------  MEDIA QUERY ---------------------------- */

@media (max-width: 991px) {
    .col-infos {
        margin-top: -120px;
        z-index: 2;
    }
    .col-infos .realty-reference {
        color: white;
    }
    .col-infos .title {
        font-size: 1.5rem !important;
    }
    .realty .images {
        height: 480px;
    }
    .realty .image-a-la-une {
        bottom: 10px;
        right: 10px;
    }
}

@media (max-width: 350px) {
    .col-infos .title {
        font-size: 1rem !important;
    }
    .col-infos .price {
        font-size: 1.5rem !important;
    }
    .col-infos {
        margin-top: -100px;
        z-index: 2;
    }
    .realty-infos {
        font-size: 0.7rem !important;
    }
}