/*------------------------------------------------------*/
/*                       GLOBAL                      */

html {
    scroll-behavior: smooth;
    scroll-padding-top: 70px;
}
.h3, h4 {
    color: #101F3D;
    text-align: center;
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    display: block;
    margin-bottom: 30px;
}
#formDemandeInfo .close {
    position: absolute;
    top: 20px;
}
.tab-content > .active {
    display: flex;
    flex-direction: column;
}
.linkReturn a {
    color: #606672;
    text-align: right;
    font-family: "Open Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.linkReturn a:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.tab-content {
    width: 700px;
    max-width:100%;
}
#poi #poi-content ul li .btn-poi {
    height: 53px;
    justify-content: center;
    align-items: center;
    display:flex !important;

}
.mentions {
    font-size: 9px;
    margin: 0 !important;
    padding: 0 !important;
}
/*------------------------------------------------------*/
/*                    IMG GALLERY                      */
#gallery {
    display: block;
    background: url(/content/icons/spinner/spin.svg) center center no-repeat;
    opacity: 1;
    position: relative;
    height: 100%;
    overflow: hidden;
    transition: opacity 600ms ease;
    height: 474px;
}
.oneImg .slick-slide:first-child img {
    width: 100%;
    object-fit: cover;
}
    #gallery .photo, #gallery img {
        width: 750px;
        max-width: 100%;
    }
        #gallery .photo {
            cursor: pointer;
        }

        #gallery .photo img {
            width: 100%;
            height: 474px;
            object-fit: cover;
        }

    #gallery  {
  position:relative
    }
/*------------------------------------------------------*/
/*                   SLIDER PHOTO                      */
#slider .slick-slide {
    width: 750px !important;
    max-width:100%;
}

    #slider .slick-slide:not(.slick-current):not(.slick-active)::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
        pointer-events: none;
    }


#gallery.mandat-human-active::before {
    background: url(/content/images/sticker/mandat-human-annonce.svg) no-repeat;
    position: absolute;
    background-size: contain;
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - 375px);
    width: 110px;
    height: 80px;
    z-index: 1;
}

#slider .slick-slide {
    position: relative;
}

#gallery .solo-img .slick-list {
    overflow: visible;
    max-width: initial;
    background:  #0F4881;
}

#gallery .slick-list.draggable {
    padding-left: 0 !important;
}

#gallery .slick-slider.solo-img .slick-track {
    display: flex;
}

#gallery .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

#slider.solo-img .photo.slick-slide {
    width: 800px!important;
    margin:auto;
}

/*------------------------------------------------------*/
/*                     MANDAT PRO                       */
.detail-annonce .top #gallery .mandat-pro {
    display: none;
    width: 80px;
    height: 80px;
    background: url(/content/images/sticker/stickermandatprobig.png) no-repeat;
    position: absolute;
    background-size: contain;
    z-index: 90;
    left: 60px;
}


/*------------------------------------------------------*/
/*                   PHOTOS FULL SCREEEN               */
#lightcase-title {
    display:none!important;
}
#lightcase-sequenceInfo {
    border-radius: 20px;
    background: #fff;
    backdrop-filter: blur(10px);
    color: #0A2E52 !important;
    display: flex;
    padding: 10px 15px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-family: "Open Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
    #lightcase-sequenceInfo::before {
        content: ' ';
        background-image: url(/content/images/detailsBien/icone-photos-bleu.svg);
        content: ' ';
        background-repeat: no-repeat;
        background-size: cover;
        width: 16px;
        height: 16px;
        display: inline-flex;
        align-items: center;
    }

#lightcase-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width:100%;
}
#lightcase-nav {
    gap: 30px;
    display: flex;
}

.lightcase-icon-prev,
.lightcase-icon-next {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    display: block !important; 
}
a[class*="lightcase-icon-"] {
    bottom: 0!important;
    margin-bottom:0!important;
}
a[class*="lightcase-icon-"] {
    width: 30px!important;
    height: 30px!important;
}
a[class*="lightcase-icon-"]:before {
  content:'';
}
.lightcase-icon-close::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M0.275425 0.275425C0.362511 0.188119 0.465965 0.118851 0.579862 0.0715891C0.693759 0.024327 0.815862 0 0.939175 0C1.06249 0 1.18459 0.024327 1.29849 0.0715891C1.41239 0.118851 1.51584 0.188119 1.60293 0.275425L6.56418 5.23855L11.5254 0.275425C11.6126 0.18826 11.7161 0.119117 11.83 0.071944C11.9438 0.0247707 12.0659 0.000490844 12.1892 0.000490844C12.3124 0.000490844 12.4345 0.0247707 12.5484 0.071944C12.6623 0.119117 12.7658 0.18826 12.8529 0.275425C12.9401 0.36259 13.0092 0.46607 13.0564 0.579956C13.1036 0.693843 13.1279 0.815906 13.1279 0.939175C13.1279 1.06245 13.1036 1.18451 13.0564 1.29839C13.0092 1.41228 12.9401 1.51576 12.8529 1.60293L7.8898 6.56418L12.8529 11.5254C12.9401 11.6126 13.0092 11.7161 13.0564 11.83C13.1036 11.9438 13.1279 12.0659 13.1279 12.1892C13.1279 12.3124 13.1036 12.4345 13.0564 12.5484C13.0092 12.6623 12.9401 12.7658 12.8529 12.8529C12.7658 12.9401 12.6623 13.0092 12.5484 13.0564C12.4345 13.1036 12.3124 13.1279 12.1892 13.1279C12.0659 13.1279 11.9438 13.1036 11.83 13.0564C11.7161 13.0092 11.6126 12.9401 11.5254 12.8529L6.56418 7.8898L1.60293 12.8529C1.51576 12.9401 1.41228 13.0092 1.29839 13.0564C1.18451 13.1036 1.06245 13.1279 0.939175 13.1279C0.815906 13.1279 0.693843 13.1036 0.579956 13.0564C0.46607 13.0092 0.36259 12.9401 0.275425 12.8529C0.18826 12.7658 0.119117 12.6623 0.071944 12.5484C0.0247707 12.4345 0.000490844 12.3124 0.000490844 12.1892C0.000490844 12.0659 0.0247707 11.9438 0.071944 11.83C0.119117 11.7161 0.18826 11.6126 0.275425 11.5254L5.23855 6.56418L0.275425 1.60293C0.188119 1.51584 0.118851 1.41239 0.0715891 1.29849C0.024327 1.18459 0 1.06249 0 0.939175C0 0.815862 0.024327 0.693759 0.0715891 0.579862C0.118851 0.465965 0.188119 0.362511 0.275425 0.275425Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
}

/*------------------------------------------------------*/
/*                 INFOS GALLERY PHOTOS                */
.content-logo-bi {
    display: none;
}

#gallery .infos {
    width: 1170px;
    max-width: 100%;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    gap: 20px;
}
.tag__gallery {
    padding: 10px 15px;
    border-radius: 20px;
    background: rgba(13, 13, 59, 0.80);
    backdrop-filter: blur(10px);
    color: #fff;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.nb-photos::after {
    content: 'photos';
    margin-left: 2px;
}
.nb-photos:hover {
    cursor:pointer;
}

.tag__gallery::before {
    content: ' ';
    background-repeat: no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    margin-right: 8px;
}

.nb-photos::before {
    content: ' ';
    background-image: url(/content/images/detailsBien/icone-photos.svg);
}

.avant-apres::before {
    content: ' ';
    background-image: url(/content/images/detailsBien/icone-avantapres.svg);
}
.avant-apres:hover {
    color: #fff;
}

/*------------------------------------------------------*/
/*              HEADER & CONTENT DESCRIPTION            */

.detail_bien__content {
    display: flex;
    width: 1170px;
    max-width: 100%;
    justify-content: center;
    align-items: stretch;
    gap: 30px;
    margin: auto;
    padding: 0 70px
}
.detail_bien__description {
    display: flex;
    padding: 20px 70px 60px 70px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    background: #fff;
    flex: 1;
}


.detail_bien__description-header {
    display: flex;
    height: 18px;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
    width: 100%;
}

.reference {
    color: #0F4881;
    text-align: right;
    font-family: "Open Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/*-------------------------------------------------------*/
/*                      TAB NAVIGATION                  */
#tab-to-collapse {
    display: flex;
    width: 700px;
    max-width: 100%;
    padding: 15px 10px;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 50px;
    border-radius: 30px;
    background: #F4F7FC;
    border: none;
}

    #tab-to-collapse .nav-link {
        display: flex;
        padding: 10px 15px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 30px;
        background: #fff;
        color: #0F4881;
        font-family: "Open Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        opacity: 0.5;
        transition: 0.3s opacity ease-in-out;
        border: none;
        cursor: pointer;
    }

        #tab-to-collapse .nav-link.active, #tab-to-collapse .nav-link:hover {
            opacity: 1;
        }
/*-------------------------------------------------------*/
/*                     VISITE VIRTUELLE                  */

.container-video {
    height: 413.989px;
    align-self: stretch;
    aspect-ratio: 100/55;
    max-width:100%;
}
.img-compromis-desktop {
    display:block;
    margin:auto;
}

.img-compromis-mobile {
    display: none;
}

#iframeMatterport {
    height: 100%;
    width: 100%;
}
.visite-virtuelle__text, .plan-2d__text {
    margin: 0;
    margin-top: 20px;
    color: #353F46;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
/*-------------------------------------------------------*/
/*                        PLAN 2 D                      */


#sliderPland2 {
    width: 100%;
}

    #sliderPland2 .slick-slide img {
        width: 100%;
        height: auto;
        display: block;
        cursor: pointer;
    }

    #sliderPland2 .slick-prev,
    #sliderPland2 .slick-next {
        z-index: 10;
    }

#plan2D {
    overflow: visible;
}

.plan-2d__link {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    border: 1px solid #0F4881;
    color: #0F4881;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width:max-content; 
    margin:20px auto auto;
    transition: all 0.3s ease-in-out;
}
    .plan-2d__link:hover {
        border: 1px solid #0A2E52;
        color: #0A2E52;
    }
/*-------------------------------------------------------*/
/*                        AUTOUR DU BIEN                   */
    #poi h4 {
        margin-top: 60px;
    }
.input-group {
    display: flex!important;
    padding: 4px 15px;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 20px;
    border: 1px solid #0F4881;
}
#form-trajet .form-inline {
    display: flex;
    width: 700px;
    height: auto;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    max-width:100%;

}
#form-trajet .input-group img {
   opacity:0.7
}
#form-trajet .input-group:has(#♪rechercheAdresse-selectized:focus) img {
    opacity: 1;
}
.form-group {
    width:100%;
}
#rechercheAdresse, #rechercheAdresse-selectized {
    color: #0F4881;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    height: auto;
    width: 100%;
    text-align: left;
    opacity: 1;
    margin-left: 0;
}
    #rechercheAdresse::placeholder, #rechercheAdresses::-webkit-input-placeholder,
    #rechercheAdresse-selectized::placeholder, #rechercheAdresse-selectized::-webkit-input-placeholder {
        opacity: 0.7;
        color: #0F4881;
        text-align: left;
    }
 .selectize-input {
    border:none!important;
    padding:0!important;
}
.selectize-control {
    border: none !important;
    margin: 0 !important;
    padding: 4px;
}
#destinationSubmit {
    display: flex;
    height: 43px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    font-family: "Open Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: initial;
    width:max-content;
}
#informations {
    border-top: 1px solid #E9EAF2;
    padding-top: 60px;
    margin-top: 60px;
}

/*-------------------------------------------------------*/
/*        INFORMATIONS ADMINISTRATIVES BIENS             */
 
.detail_bien__administratif-container {
    position: relative;
    width: 300px;
    margin-top: -110px;
    flex-shrink: 0;
}


.detail_bien__administratif {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    width: 300px;
    position: sticky;
    top: 50px;
}
detail_bien__prix--h1 {
    font-size:initial;
}

.detail_bien__prix, .content-infos_agence {
    border-radius: 8px;
    background: #FFF;
    display: flex;
    padding: 30px;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    backdrop-filter: blur(2px);
}
    .detail_bien__prix .title {
        color: #101F3D;
        font-family: "Open Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        margin-bottom:5px;
        display:flex!important;
    }

    .detail_bien__prix .prix {
        color: #0F4881;
        font-family: "Open Sans";
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 23px;
    }
        .detail_bien__prix .prix.location {
            color: #f9b205;
        }

    .etat-bien span::before, .detail_bien__prix .ville::before {
        content: ' ';
        background-repeat: no-repeat;
        background-size: cover;
        width: 16px;
        height: 16px;
        display: inline-flex;
        align-items: center;
        margin-right: 5px;
    }

.detail_bien__administratif .ville::before {
    background-image: url(/content/images/detailsBien/icone-ville.svg);
    width: 12px;
    height: 16px;
}

.detail_bien__administratif .nb_piece::before {
    background-image: url(/content/images/detailsBien/icone-piece.svg);
    width: 13px;
    height: 14.001px;
}

.detail_bien__administratif .surface::before {
    background-image: url(/content/images/detailsBien/icone-metrecarre.svg);
}

.detail_bien__administratif .dpe_lettre::before {
    background-image: url(/content/images/detailsBien/icone-dpe.svg);
}

.detail_bien__administratif .ville,
.detail_bien__administratif .nb_piece,
.detail_bien__administratif .surface,
.detail_bien__administratif .dpe_lettre {
    color: #101F3D;
    text-align: center;
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    display: flex;
    align-items: flex-start;
    align-self: stretch;
}

.detail_bien__administratif .ville {
    margin-top: 20px;
    margin-bottom: 10px;
}

.detail_bien__administratif .etat-bien {
    display: flex;
    gap: 15px;
}

.buttons__immobanques, .buttons__immobanques_2 {
    display: none;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 20px;
    background: #E3E8F0;
    backdrop-filter: blur(10px);
    color: #0F4881;
    font-family: "Open Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: max-content;
    margin: 30px auto auto;
    border: 1px solid #E3E8F0;
}

    .buttons__immobanques:hover, .buttons__immobanques_2:hover {
        color: #0F4881;
        border: 1px solid #0F4881;
    }
    #simulateur-mensualite {
        display: none;
    }
#detailprix {
    text-align: center;
    padding: 60px 0 0;
}
#detailprix.location {
    text-align: left;
    padding: 60px 0 0;
}
    #detailprix.location p, #detailprix.location span {
        text-align: left;
        color: #353F46;
        font-family: "Open Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 0;
    }

    #detailprix span.title_home {
        color: #101F3D;
        font-family: "Open Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; 
        margin-bottom:20px;
        display:block;
        text-align:left!important;
    }
 
#immoBanques-band.border-top__separator {
    border-top: 1px solid #E9EAF2;
    margin-top: 60px;
}
#detailprix  span{
    color: #707070;
    text-align: center;
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.content-infos_agence .title {
    color: #101F3D;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

    .content-infos_agence .title .contacter-agence {
        color: #0F4881;
        font-family: "Open Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 16px;
        text-decoration: none;
        text-transform: initial;
    }
        .content-infos_agence .title .contacter-agence.button__location {
            color: #101F3D;
        }

.content-infos_agence .buttons p {
    margin: 0;
}

.content-infos_agence .buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.buttons__administratif {
    display: flex;
    width: 100%;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 32px;
    background: #0F4881;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    cursor:pointer;
    transition: all 0.3s ease-in-out;
}
    .buttons__administratif:hover {
        background: #0A2E52;
        color: #fff;
    }
    .buttons__administratif.button__location {
        background: #F8B214;
    }
        .buttons__administratif.button__location:hover {
            background: #DFA118;
            color: #fff;
        }
.etoile {
    width: 125px;
    height: 22px;
    display: table-cell;
    background: url(/content/images/hp/stars-3.png) no-repeat;
}
.content-infos_agence .etoile {
    width: 120px;
}
.nb-avis-clients {
    color: #0F4881;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Open Sans';
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    line-height: 150%;
    margin-top: 30px;
    text-align: center;
    margin-bottom: 5px;
    cursor: pointer;
}
.nb-avis-clients:hover {
    color:  #0F4881;
}
.buttons__administratif.buttons__agence {
    border: 1px solid #0F4881;
    color: #0F4881;
    background: transparent;
}
        .buttons__administratif.buttons__agence:hover {
            border: 1px solid #0A2E52;
            color: #0A2E52;
            background: transparent;
        }
        .buttons__administratif.buttons__agence:hover svg path{
            fill: #0A2E52;
        }
    .buttons__administratif.buttons__agence.button__location {
        border: 1px solid #F8B214;
        color: #F8B214;
        background: transparent;
    }
        .buttons__administratif.buttons__agence.button__location:hover {
            border: 1px solid #DFA118;
            color: #DFA118;
            background: transparent;
        }
        .buttons__administratif.buttons__agence.button__location svg path {
            fill: #F8B214;
        }
            .buttons__administratif.buttons__agence.button__location:hover svg path {
                fill: #DFA118;
            }
.button-alerte {
    width: max-content;
    margin: 0 auto;
    border: 1px solid transparent;
    border-radius: 24px;
    background-color: #e7ecf2;
    border: 1px solid #e7ecf2;
    color: #0f4881;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    cursor: pointer;
    transition: border .2s ease;
    display:table;
}
    .button-alerte:hover {
        color: #0f4881;
        border: 1px solid #0f4881;
    }
    .button-alerte a {
        color:  #0F4881;
        text-align: center;
        font-family: "Open Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%;
        display: flex;
        padding: 8px 16px;
        align-items: center;
        gap: 12px;
    }
.btn-close {
    color: #fff;
    background: transparent;
    opacity: 0.9;
}
    .btn-close:hover {
        color: #fff;
        opacity: 1;
    }
/*-------------------------------------------------------*/
/*              DESCRIPTIONS BIENS                       */
#description-tab-content .columns, #informations .columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    padding: 0;
    list-style: none
}

    #description-tab-content .columns:not(.colums-lots) li,
    #informations .columns li {
        padding: 0;
        border-bottom: 1px solid #E9EAF2;
        color: #353F46;
        font-family: "Open Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding-bottom: 15px;
        margin-bottom: 15px;
        gap: 8px;
    }

        #description-tab-content .columns li .span-2,
        #informations .columns li .span-2 {
            color: #353F46;
            font-weight: 700;
        }
.colums-lots {
    padding: 30px 30px 15px !important;
    border-radius: 8px;
    border: 1px solid #E3E8F0;
    margin-bottom:60px;
}
.colums-lots li {
    margin-bottom: 15px;

}

.detail-lot {
    color: #353F46;
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#visitez {
    margin-top: 45px;
    margin-bottom: 60px;
}

.quartiers, #lots h4 {
    color: #0F4881;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}


/*-------------------------------------------------------*/
/*                        RHINOV                        */
 
#architecteInterieur {
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    background: #E3E8F0;
    position: relative;
    margin-top: 60px;
}

    #architecteInterieur .container-img {
        height: auto;
        align-self: stretch;
        aspect-ratio: 100/55;
        border-radius: 25px 0;
    }

        #architecteInterieur .container-img::before {
            content: 'Avant \A Après';
            white-space: pre;
            display: flex;
            width: 80px;
            height: 80px;
            padding: 10px 0;
            justify-content: center;
            align-items: center;
            gap: 10px;
            position: absolute;
            right: 29px;
            top: -5%;
            border-radius: 100px;
            background: #0F4881;
            color: #fff;
            text-align: center;
            font-family: "Open Sans";
            font-size: 11px;
            font-style: normal;
            font-weight: 700;
            line-height: 13px;
            text-transform: uppercase;
            z-index:1;
        }

        #architecteInterieur .container-img img, #architecteInterieur .twentytwenty-container {
            border-radius: 25px 0;
            height: 100%;
        }

        #architecteInterieur .container-img .twentytwenty-wrapper {
            height: 100%;
        }

/*-------------------------------------------------------*/
/*                 BIENS SIMILAIRES                    */
 

#bienAussi {
    background: linear-gradient(180deg, #FFF 0%, #F4F7FC 100%), #FFF;
    padding-bottom: 80px;
    max-width: 840px;
}

#biens-similaire-slide {
    display: flex;
    gap: 24px;

}

#bienAussi {
    margin-left: -70px;
    margin-right: -70px;
    padding: 60px 30px;
}

#bienAussi .card {
    width: 244px;
    border: 0 solid #e2e2e3;
    border-radius: 8px;
    overflow: hidden;
}

#bienAussi .card-img img {
    width: 100%;
    height: 100%;
    object-fit:cover;
}

#bienAussi .card-img {
    width: 244px;
    height: 168px;
}

#bienAussi .title_home {
    color: #101F3D;
    text-align: center;
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    display: block;
}

#bienAussi .content-text {
    color: #272727;
    text-align: center;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 16px 10px 24px 10px;
}

#bienAussi .ville span {
    color: #272727;
    text-align: center;
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
}

    #bienAussi .prix {
        color: #fff;
        background: #0f4881;
        font-size: 13px;
        padding: 0 10px;
        transition: all .3s ease-out;
        display: table;
        margin: auto;
        font-weight: bold;
    }

#bienAussi .bien, #bienAussi .ville {
    margin: 0;
}
/*-------------------------------------------------------*/
/*                          DPE                          */
.dpe2021 {
    position: relative;
    border-radius: 8px;
    background: linear-gradient(0deg, #FFF 0%, #F4F7FC 100%);
    display: flex;
    padding: 35px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

.conso-energie {
    gap: 20px;
}

.link-dpe {
    color: #0F4881;
    text-align: center;
    font-family: "Open Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translate(-50%,0);
    cursor:pointer;
}

.georisques {
    color: #91929F;
    text-align: center;
    font-family: "Open Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 20px;
}

.georisques__link {
    color: #91929F;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.conso-range {
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
}
.mentions-bottom {
    margin-top: 20px;
}

.mention-asterisque p {
    font-weight: bold;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    color: #0E0E0E;
    margin: 0 0 10px 36px;
}

.mentions-bottom p {
    font-weight: bold;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    color: #92919F;
    text-align: center;
    margin: 0
}

.mentions-obligatoire_dpe p {
    margin: 0 0 0 7px !important;
    font-weight: bold;
    font-family: 'Open Sans',sans-serif;
    font-size: 10px;
}

.mentions-obligatoire_dpe.consommation p {
    margin: 0 0 0 132px !important;
}

.img-tool .left .text-content {
    position: relative;
}

    .img-tool .left .text-content .DPE_cursor {
        position: relative;
        left: 11rem;
        z-index: 0;
        width: 200px;
    }

        .img-tool .left .text-content .DPE_cursor img {
            max-width: 310px;
        }

    .img-tool .left .text-content .ancien-dpe {
        z-index: 1;
        position: relative
    }

    .img-tool .left .text-content .DPE_letter {
        color: #fff !important;
        font-weight: bold;
        position: absolute;
        top: 5px;
        right: -45px;
        font-size: 16px;
        width: initial !important;
    }

    .img-tool .left .text-content .DPE_nb {
        color: #fff !important;
        font-weight: bold;
        position: absolute;
        top: 5px;
        font-size: 16px;
        width: initial !important;
        right: -88px;
    }

.img-tool .h3-2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: italic;
    position: absolute;
    bottom: 0;
    left: 12px;
}

#range-dpe {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.label-conso-energie {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #696969;
    margin-bottom: 20px;
    text-align: center;
}

.img-tool .right .DPE_original {
    width: 339px;
}

.img-tool .left .DPE_original {
    width: 377px;
}

.conso-energie, .emission-gaz {
    display: flex;
    flex-direction: column;
}

.conso-range .letter {
    position: relative;
    height: 100px;
    display: inline-block;
}

.conso-range .conso-num, .conso-range .conso-emission-num {
    position: absolute;
    left: 0px;
    top: 60px;
    text-align: center;
    color: #696969;
    width: 34px;
}

.conso-emission-num .note-conso {
    position: absolute;
    left: -10px;
}

.conso-num .note-conso {
    position: absolute;
    left: -8px;
}

.conso-num, .conso-emission-num {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.note-conso {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 500;
    width: 58px;
}

.labels-link {
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center;
}

.indiq-letter {
    padding: 3px 0px;
    color: #fff;
    position: relative;
    width: 30px;
    text-align: center;
    display: inline-block;
}

    .indiq-letter.active {
        padding: 8px 0px;
        width: 34px;
        padding-bottom: 25px;
        clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 50% 100%, 0% 70%);
    }


.conso-A {
    background: #029163;
}

.conso-B {
    background: #46a64a;
}

.conso-C {
    background: #6db56b;
}

.conso-D {
    background: #f2e314;
}

.conso-E {
    background: #EDAB0F;
}

.conso-F {
    background: #E8782F;
}


.conso-G {
    background: #d1201e;
}

.emission-A {
    background: #abdbf9;
}

.emission-B {
    background: #91b4d4;
}

.emission-C {
    background: #7a92b2;
}

.emission-D {
    background: #626f90;
}

.emission-E {
    background: #4e5272;
}

.emission-F {
    background: #393552;
}

.emission-G {
    background: #271b36;
}

a[type="button"] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.MicrosoftMap .NavBar_Container {
    -webkit-tap-highlight-color: transparent !important;
}

.fil-ariane {
    margin-left: 70px;
}

#tab-to-collapse-accordion .panel-collapse.collapse {
    overflow: hidden;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    border-radius: 0 0 5px 5px;
}


/*-------------------------------------------------------*/
/*          FLECHES NAVIGATION DES SLIDERS              */

.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 35px;
    height: 35px;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    font-size: 0;
    color: transparent;
    opacity: 1;
}

.lightcase-icon-prev,
.lightcase-icon-next {
    width: 35px;
    height: 35px;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    font-size: 0;
    color: transparent;
    opacity: 1;
}

.slick-next,
.lightcase-icon-next {
    right: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M17.5 2.08685e-07C22.1413 2.64032e-07 26.5925 1.84374 29.8744 5.12563C33.1563 8.40752 35 12.8587 35 17.5C35 22.1413 33.1563 26.5925 29.8744 29.8744C26.5925 33.1563 22.1413 35 17.5 35C12.8587 35 8.40752 33.1563 5.12563 29.8744C1.84375 26.5925 1.53339e-07 22.1413 2.08685e-07 17.5C2.64032e-07 12.8587 1.84375 8.40752 5.12563 5.12563C8.40752 1.84374 12.8587 1.53339e-07 17.5 2.08685e-07ZM9.84375 16.4063C9.55367 16.4063 9.27547 16.5215 9.07035 16.7266C8.86523 16.9317 8.75 17.2099 8.75 17.5C8.75 17.7901 8.86523 18.0683 9.07035 18.2734C9.27547 18.4785 9.55367 18.5938 9.84375 18.5938L22.5159 18.5938L17.8194 23.2881C17.614 23.4935 17.4986 23.7721 17.4986 24.0625C17.4986 24.3529 17.614 24.6315 17.8194 24.8369C18.0248 25.0423 18.3033 25.1576 18.5938 25.1576C18.8842 25.1576 19.1627 25.0423 19.3681 24.8369L25.9306 18.2744C26.0325 18.1728 26.1133 18.0521 26.1684 17.9192C26.2236 17.7863 26.252 17.6439 26.252 17.5C26.252 17.3561 26.2236 17.2137 26.1684 17.0808C26.1133 16.9479 26.0325 16.8272 25.9306 16.7256L19.3681 10.1631C19.1627 9.95775 18.8842 9.84237 18.5938 9.84237C18.3033 9.84237 18.0248 9.95775 17.8194 10.1631C17.614 10.3685 17.4986 10.6471 17.4986 10.9375C17.4986 11.2279 17.614 11.5065 17.8194 11.7119L22.5159 16.4063L9.84375 16.4063Z' fill='white'/%3E%3C%2Fsvg%3E");
}


.slick-prev,
.lightcase-icon-prev {
    left: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M17.5 35C12.8587 35 8.40752 33.1563 5.12563 29.8744C1.84374 26.5925 -9.67826e-07 22.1413 -7.64949e-07 17.5C-5.62072e-07 12.8587 1.84374 8.40752 5.12563 5.12563C8.40752 1.84374 12.8587 -9.67826e-07 17.5 -7.64949e-07C22.1413 -5.62072e-07 26.5925 1.84374 29.8744 5.12563C33.1563 8.40752 35 12.8587 35 17.5C35 22.1413 33.1563 26.5925 29.8744 29.8744C26.5925 33.1563 22.1413 35 17.5 35ZM25.1562 18.5937C25.4463 18.5937 25.7245 18.4785 25.9296 18.2734C26.1348 18.0683 26.25 17.7901 26.25 17.5C26.25 17.2099 26.1348 16.9317 25.9296 16.7266C25.7245 16.5215 25.4463 16.4062 25.1562 16.4062L12.4841 16.4062L17.1806 11.7119C17.386 11.5065 17.5014 11.2279 17.5014 10.9375C17.5014 10.6471 17.386 10.3685 17.1806 10.1631C16.9752 9.95775 16.6967 9.84237 16.4062 9.84237C16.1158 9.84237 15.8373 9.95775 15.6319 10.1631L9.06937 16.7256C8.96752 16.8272 8.8867 16.9479 8.83157 17.0808C8.77643 17.2137 8.74804 17.3561 8.74804 17.5C8.74804 17.6439 8.77643 17.7863 8.83157 17.9192C8.8867 18.0521 8.96752 18.1728 9.06937 18.2744L15.6319 24.8369C15.8373 25.0423 16.1158 25.1576 16.4062 25.1576C16.6967 25.1576 16.9752 25.0423 17.1806 24.8369C17.386 24.6315 17.5014 24.3529 17.5014 24.0625C17.5014 23.7721 17.386 23.4935 17.1806 23.2881L12.4841 18.5937L25.1562 18.5937Z' fill='white'/%3E%3C%2Fsvg%3E");
}
.slick-next:hover,
.lightcase-icon-next:hover{
    right: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M17.5 2.08685e-07C22.1413 2.64032e-07 26.5925 1.84374 29.8744 5.12563C33.1563 8.40752 35 12.8587 35 17.5C35 22.1413 33.1563 26.5925 29.8744 29.8744C26.5925 33.1563 22.1413 35 17.5 35C12.8587 35 8.40752 33.1563 5.12563 29.8744C1.84375 26.5925 1.53339e-07 22.1413 2.08685e-07 17.5C2.64032e-07 12.8587 1.84375 8.40752 5.12563 5.12563C8.40752 1.84374 12.8587 1.53339e-07 17.5 2.08685e-07ZM9.84375 16.4063C9.55367 16.4063 9.27547 16.5215 9.07035 16.7266C8.86523 16.9317 8.75 17.2099 8.75 17.5C8.75 17.7901 8.86523 18.0683 9.07035 18.2734C9.27547 18.4785 9.55367 18.5938 9.84375 18.5938L22.5159 18.5938L17.8194 23.2881C17.614 23.4935 17.4986 23.7721 17.4986 24.0625C17.4986 24.3529 17.614 24.6315 17.8194 24.8369C18.0248 25.0423 18.3033 25.1576 18.5938 25.1576C18.8842 25.1576 19.1627 25.0423 19.3681 24.8369L25.9306 18.2744C26.0325 18.1728 26.1133 18.0521 26.1684 17.9192C26.2236 17.7863 26.252 17.6439 26.252 17.5C26.252 17.3561 26.2236 17.2137 26.1684 17.0808C26.1133 16.9479 26.0325 16.8272 25.9306 16.7256L19.3681 10.1631C19.1627 9.95775 18.8842 9.84237 18.5938 9.84237C18.3033 9.84237 18.0248 9.95775 17.8194 10.1631C17.614 10.3685 17.4986 10.6471 17.4986 10.9375C17.4986 11.2279 17.614 11.5065 17.8194 11.7119L22.5159 16.4063L9.84375 16.4063Z' fill='white'/%3E%3C%2Fsvg%3E");
    opacity:0.8;
}


.slick-prev:hover,
.lightcase-icon-prev:hover {
    left: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M17.5 35C12.8587 35 8.40752 33.1563 5.12563 29.8744C1.84374 26.5925 -9.67826e-07 22.1413 -7.64949e-07 17.5C-5.62072e-07 12.8587 1.84374 8.40752 5.12563 5.12563C8.40752 1.84374 12.8587 -9.67826e-07 17.5 -7.64949e-07C22.1413 -5.62072e-07 26.5925 1.84374 29.8744 5.12563C33.1563 8.40752 35 12.8587 35 17.5C35 22.1413 33.1563 26.5925 29.8744 29.8744C26.5925 33.1563 22.1413 35 17.5 35ZM25.1562 18.5937C25.4463 18.5937 25.7245 18.4785 25.9296 18.2734C26.1348 18.0683 26.25 17.7901 26.25 17.5C26.25 17.2099 26.1348 16.9317 25.9296 16.7266C25.7245 16.5215 25.4463 16.4062 25.1562 16.4062L12.4841 16.4062L17.1806 11.7119C17.386 11.5065 17.5014 11.2279 17.5014 10.9375C17.5014 10.6471 17.386 10.3685 17.1806 10.1631C16.9752 9.95775 16.6967 9.84237 16.4062 9.84237C16.1158 9.84237 15.8373 9.95775 15.6319 10.1631L9.06937 16.7256C8.96752 16.8272 8.8867 16.9479 8.83157 17.0808C8.77643 17.2137 8.74804 17.3561 8.74804 17.5C8.74804 17.6439 8.77643 17.7863 8.83157 17.9192C8.8867 18.0521 8.96752 18.1728 9.06937 18.2744L15.6319 24.8369C15.8373 25.0423 16.1158 25.1576 16.4062 25.1576C16.6967 25.1576 16.9752 25.0423 17.1806 24.8369C17.386 24.6315 17.5014 24.3529 17.5014 24.0625C17.5014 23.7721 17.386 23.4935 17.1806 23.2881L12.4841 18.5937L25.1562 18.5937Z' fill='white'/%3E%3C%2Fsvg%3E");
    opacity: 0.8;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}

/*-------------------------------------------------------*/
/*               FORMULAIRE DE CONTACT                  */
#formDemandeInfo  .modal-header {
    display: flex;
    height: 273px;
    justify-content: flex-end;
    align-items: center;
    align-self: stretch;
    border-radius: 10px 10px 0 0;
    position: relative;
}
#demande-info.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    display: none;
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background: rgba(0, 0, 0, 0.30);
}
#demande-info button.close {
    position: absolute;
    top: 20px;
    right: 20px;
}
#demande-info button span {
    color: #ffff
}
#formDemandeInfo ::placeholder {
    color: var(--Couleurs-gray-grey-500, #707070);
    font-family: "Open Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; 
}
#formDemandeInfo .infos_agence {
    margin-top: 60px;
    display: flex;
    gap: 30px;
    justify-content: center;
    flex-direction: row;
}
    #formDemandeInfo .infos_agence #nom-agence-txt, #formDemandeInfo .infos_agence #nom-agence {
        text-align: right;
        width: 100%;
        display: block;
    }
    
#demande-info .form-group,
#demande-info__mobile .form-group {
    margin-bottom: 20px;
}
#formDemandeInfo #nom-agence-txt {
    color: var(--Texte, #3B495D);
    text-align: center;
    font-family: "Times New Roman";
    font-size: 25px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}
#formDemandeInfo #nom-agence {
    color: var(--Texte, #3B495D);
    text-align: center;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
#formDemandeInfo #adress-agence {
    color: var(--human-bleu-human-0-f-4881, #0F4881);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
#formDemandeInfo {
    background: #F4F7FC;
    border-radius: 20px;
    border: 10px solid #fff;
}
.modal-avis {
    width: max-content;
    background: #fff;
    padding: 15px 20px;
    border-radius: 10px;
    backdrop-filter: blur(5px);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 40px);
}
    .modal-avis .note {
        margin-top: 0;
        color: #3B495D;
        font-family: "Open Sans";
        font-size: 35px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
        text-align: center;
        margin-bottom: 8px;
    }
    .modal-avis .nb-avis-clients {
        color: #3B495D;
        font-family: "Open Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-top:0;
    }
#demande-info .modal-dialog,
#demande-info .modal-dialog .modal-content,
#demande-info__mobile .modal-dialog,
#demande-info__mobile .modal-dialog .modal-content {
    max-width: 700px !important;
    border-radius: 20px;
}
.infos_agence {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
#demande-info #formDemandeInfo .form-inline,
#demande-info__mobile #formDemandeInfo .form-inline {
    display: flex;
    gap:16px;
}

#demande-info #formDemandeInfo input,
#demande-info #formDemandeInfo textarea,
#demande-info__mobile #formDemandeInfo input,
#demande-info__mobile #formDemandeInfo textarea {
    display: flex;
    height: 35px;
    padding: 10px 15px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 8px;
    background: #FFF;
    border: none;
    text-align:left;
}
#demande-info #formDemandeInfo textarea,
#demande-info__mobile #formDemandeInfo textarea {
    height: 73px;
}
#demande-info #formDemandeInfo .modal-body,
#demande-info__mobile #formDemandeInfo .modal-body {
    padding: 30px;
}
#demande-info #formDemandeInfo input#btnValidate,
#demande-info__mobile #formDemandeInfo input#btnValidate {
    display: flex;
    padding: 10px 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 28px;
    background: var(--Bleu, #0F4881);
    color: #FFF;
    text-align: center;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.32px;
    text-transform: uppercase;
    opacity: 1;
    height: max-content;
    margin: auto 0;
}
#demande-info__mobile .infos_agence .block{
    display:flex;
    flex-direction:column
}
#formDemandeInfo .modal-footer {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: max-content;
    margin: auto;
    gap: 30px;
    position: relative;
}
#loader-form-contact {
    display: none;
    height: 50px;
    width: 50px;
    background-image: url(/content/images/detailsBien/loader-human.gif);
    background-color: rgba(255,255,255,.9);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    z-index: 999;
    background-size: contain;
}
#formDemandeInfo #cgu {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    flex-shrink: 0;
    width: 20px;
    height: 20px !important;
    margin-top: 1px;
    border: 0;
    border-radius: 2px !important;
    outline: 2px solid #101F3D;
    background-color: white;
    accent-color: white;
    position: relative;
    cursor: pointer;
    outline: 0;
    padding: 0 !important;
}
    #formDemandeInfo #cgu:checked:before {
        content: "✔";
        font-size: 14px;
        position: absolute;
        color: #101F3D;
        top: 0;
        left: 3px;
    }
#formDemandeInfo .form__label.disquette {
    color: var(--Bleu-m, #22385D);
    font-family: "Open Sans";
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; 
}
#formDemandeInfo .disquette__a {
    color: var(--Bleu-m, #22385D);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
/*-------------------------------------------------------*/
/*                       MANDAT HUMAN                   */

.mandatHuman {
    background-color: #00253F;
}

.mandatHuman__anchor {
    position: relative;
    top: -110px;
}

.mandatHuman__container {
    padding: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 70px;
    position: relative;
}

.mandatHuman__img {
    max-width: 615px;
}

.mandatHuman__group {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.mandatHuman__title {
    width: fit-content;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    color: #FFF;
    font-size: 17px;
    line-height: 21px;
    letter-spacing: 4px;
    text-align: center;
    text-transform: uppercase;
}

    .mandatHuman__title span {
        color: #FFF;
    }

.mandatHuman__logo {
    width: 100%;
}

.mandatHuman__btn {
    margin: 0;
    padding: 10px 25px;
    border-radius: 28px;
    border: 1px solid white;
    color: white;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    transition: all .2s ease;
}

.mandatHuman__a:hover .mandatHuman__btn {
    background-color: white;
    color: #00253F;
}

@media screen and (max-width: 1200px) {

    .mandatHuman__container {
        padding-bottom: 110px;
        gap: 30px;
    }

    .mandatHuman__img {
        max-width: 400px;
    }

    .mandatHuman__title {
        font-size: 14px;
    }

    .mandatHuman__btn {
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 768px) {

    .mandatHuman__container {
        padding: 50px 0;
        flex-direction: column;
        gap: 40px;
    }

    .mandatHuman__img {
        max-width: none;
        width: 100%;
    }

    .mandatHuman__title {
        gap: 10px;
    }

    .mandatHuman__btn {
        padding: 10px 20px;
        position: static;
        transform: translateX(0);
    }

    .mandatHuman__logo {
        width: 232px;
    }
}

/*=================================================================*/
/*================== R E S P O N S I V E ==========================*/
/*=================================================================*/
@media (min-width:993px) {
    .hide-desktop {
        display: none;
    }
}
@media (max-width:1200px) {
    .detail_bien__description {
        padding: 20px 30px 60px ;
    }
    .detail_bien__content {
        padding: 0 30px;
    }
    .tab-content, #tab-to-collapse {
        width: 510px;
    }
        #tab-to-collapse .nav-link {
            padding: 10px;
            font-size: 12px;
        }

    #range-dpe {
        flex-direction: column;
        gap: 20px;
    }
    #gallery::before {
        left: 70px!important;
    }
}

    

@media (max-width:992px) {
    .hide-mobile {
        display: none;
    }

    #gallery {
        height: 300px;
    }
     
        #gallery .infos {
            justify-content: center;
            bottom:10px;
        }
    #slider .slick-slide {
        width: 100vw !important;
    }

    #gallery .photo {
        width: 100%;
    }

        #gallery .photo img {
            width: 100%;
            height: 300px;
            object-fit: cover;
        }
    #gallery::before {
        left:30px!important;
    }

    #slider .slick-list {
        overflow: hidden !important;
    }

    #slider {
        overflow: hidden;
    }
 
    .tag__gallery {
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.80);
        backdrop-filter: blur(10px);
        color: #0F4881;
    }
    #lightcase-info {
      padding: 0 30px;
    }
    #lightcase-nav .lightcase-icon-prev,
    #lightcase-nav .lightcase-icon-next,
    .lightcase-icon-prev,
    .lightcase-icon-next {
        display: block !important;
    }

    .nb-photos::before {
        content: ' ';
        background-image: url(/content/images/detailsBien/icone-photos-bleu.svg);
    }

    .avant-apres {
        display: none;
    }
    .tab-content {
        width: 100%;
    }
    #tab-to-collapse .nav-item {
        margin: 0 15px;
    }
    #tab-to-collapse {
        width: 100vw;
        max-width: 100vw;
        position: relative;
        left: 0;
        border-radius:0
    }

         #description-tab-content .columns, #informations .columns {
            column-count: 1;
            padding: 0px;
            list-style: none;
        }

    #architecteInterieur .container-img::after {
        bottom: 206px
    }

    #architecteInterieur {
        margin-left: -30px;
        margin-right: -30px;
        order: 1;
        margin-bottom:30px;
    }

    #alerte-email {
        order: 2;
        margin: 30px 0;
        border-top: 1px solid #E9EAF2;
        border-bottom: 1px solid #E9EAF2;
        padding: 30px 0;
    }
        #alerte-email .h3 {
            margin-bottom: 15px;
            font-size: 16px;
        }

        .dpe2021 {
            order: 2;
            border-radius: 8px;
            background: linear-gradient(180deg, #FFF 0%, var(--Couleurs-blue-blue-100, #F4F7FC) 100%);
        }
    .georisques br {
        display:none;
    }



    #immoBanques-band {
        order: 4;
    }
        

    #visitez {
        margin-bottom: 0
    }
    .img-compromis-desktop {
        display: none;
        margin: auto;
    }
    .img-compromis-mobile {
        display:block;
    }

    .detail_bien__content {
        flex-direction: column-reverse;
        gap: 0;
        padding: 0;
    }

    /*===========Liste des caractéristiques=============*/
    #caracteristique-bien .columns .li-hidden, #autour-tab-content .btn-more-carac {
        display: none;
    }

    #caracteristique-bien {
        overflow: hidden;
    }

        #caracteristique-bien .btn-more-carac {
            display: table;
            padding: 10px 15px;
            border-radius: 20px;
            border: 1px solid #0F4881;
            color: #0F4881;
            font-family: "Open Sans";
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            cursor: pointer;
            width: max-content;
        }
  
    /*=============================================*/
    #bienAussi {
        margin-left: -30px;
        margin-right: -30px;
        padding-left: 0;
        padding-right: 0;
        order: 3;
    }
    #biens-similaire-slide {
        max-width: 350px;
        margin:auto;
    }
        #bienAussi .card-img {
            width: 100%;
            height: 170px;
        }

    #biens-similaire-slide .slick-dots {
        bottom: -35px;
    }
    .slick-dots li.slick-active button::before {
        color: #0F4881;
    }
    .slick-dots li button::before {
        font-size: 36px;
        color: #0F4881;
    }
    .detail_bien__administratif-container {
        width: 100%;
        margin-top: 0;

    }

    .detail_bien__administratif {
        width: 100%;
        gap: 0;
        position: initial;
    }
    #formDemandeInfo {
        border: none;
        padding-bottom: 30px;
    }
        #formDemandeInfo .infos_agence {
            flex-direction:column;
            gap:10px;
        }
            #formDemandeInfo .infos_agence #nom-agence-txt, #formDemandeInfo .infos_agence #nom-agence {
                text-align: center;
            }
        #demande-info__mobile #formDemandeInfo input#btnValidate {
            margin: auto !important;
        }
    .etoile {
        width: 115px;
        height: 22px;
        display: table-cell;
        background: url(/content/images/hp/stars-3.png) no-repeat;
        background-size:cover;
    }
    .buttons__immobanques, .buttons__immobanques_2 {
        margin-top: 6px;
    }

    .detail_bien__prix .block {
        position: absolute;
        right: 30px;
        top: 30px;
    }

    .detail_bien__description {
        padding: 0px 70px 60px 70px;
    }

    #bienAussi .card {
        margin: 0 12px;
    }

    .content-infos_agence {
        position: fixed;
        bottom: 0;
        z-index: 999;
        border-radius: 0;
        background: rgba(255, 255, 255, 0.80);
    }

    .detail_bien__administratif .title,
    .detail_bien__administratif #contact-agence,
    .detail_bien__administratif #contact-localisation,
    .detail_bien__administratif .nb-avis-clients,
    .detail_bien__administratif .note {
        display: none;
    }
    #demande-info__mobile {
        padding: 0 30px 60px;
        background:#fff;
    }
        #demande-info__mobile.location {
            margin-top:60px;
        }
    #formDemandeInfo lable {
        font-size: 13px;
        color: #3B495D;
    }
    #form-trajet .form-inline {
        flex-direction:column;
        gap:30px;
    }
    #destinationSubmit {
        margin:auto;
    }
}
@media (max-width:768px)  {
    .detail_bien__description {
        padding: 0px 30px 60px ;
    }
    .icon-informations {
        display:none;
    }
}
@media (max-width:490px)  {
    #cf_demandeinfo {
        margin: auto;
        display: block;
        position: relative;
    }
}
@media (min-width:993px) and (max-width:1200px) {
    .nav-item img {
        display: none;
    }
}