@charset "utf-8";
/* CSS Document */

/**
 * Cette feuille de styles gère le module immotransaction
 */

/*
==================================================
    BREAKPOINT BOOTSTRAP 5.2
==================================================
    #X-Small devices (portrait phones, less than 576px)         // 320px
    #Small devices (landscape phones, 576px and up)             // 576px
    #Medium devices (tablets, 768px and up)                     // 768px
    #Large devices (desktops, 992px and up)                     // 992px
    #X-Large devices (large desktops, 1200px and up)            // 1200px+ > 1250 avec scrollbar
    #XX-Large devices (larger desktops, 1400px and up)          // 1400px+
*/

/*
===================================================================
===================================================================
===================================================================
    X-Small devices (portrait phones, less than 576px)   // 320px
===================================================================
===================================================================
===================================================================
    Pas besoin de déclarer de média queries
*/

/* ===============================
 *  MOTEUR DE RECHERCHE
=============================== */
.block-moteur,
.block-moteur.moteurOFF{
    display: block;
    position: fixed;
    z-index: -1;
    top:-200px;
    right:0;
    left:0;
    bottom:0;
    background: #FFF;
    height: 100%;
    width: 100%;
    opacity: 0;
    padding:2rem;
    transition: all ease .8s;
}

.block-moteur.moteurON {
    z-index: 1021;
    opacity: 1;
    top:0;
    overflow-y:scroll;
    transition: all ease .3s;
}

.btn-ON { /* Bouton fermeture de l'écran recherche sur mobile */
    min-height: 60px;
}

.btn-OFF { /* Bouton fermeture de l'écran recherche sur mobile */
    position: fixed;
    bottom:1rem;
    right:1rem;
    padding:.75rem 1rem;
    border: 2px solid #FFF !important;
}

/**/
form.searchBox div.sm2 > div.col-12 {
    display:none;
}

form.searchBox .select2-selection,
form.searchBox input[type=text],
form.searchBox input[type=number]{
    background: var(--neutral-light);
    border:0;
    margin-bottom: 1rem;
}

form.searchBox .select2-selection--multiple {
    border:0 !important;
    padding: 1rem 0.75rem;
}

form.searchBox .select2-selection--multiple textarea{
    min-height: 21px !important;
}

form.searchBox label,
form.searchBox .select2-selection--multiple textarea::placeholder{
    color:var(--neutral-dark);
    font-family: var(--font-body);
    font-size:1rem;
}

/**/
form.searchBox input[type=submit]{
    width:100%;
    padding: 1rem;
    font-weight: var(--fw-bold) ;
}

/**/
form.searchBox .invalid-feedback{
    display:none;
}

/* ===============================
 *  FILTRES + PAGINATION
=============================== */
.content-block-filtre {
    background-color: #FFF;
    padding-top: 2vmax;
    padding-bottom: 2vmax;
    z-index: var(--zindex-content-block-filtre) !important;
}

.block-moteur button {

}

.block-filtres .btn {
    background: var(--secondary-x-light);
    color:var(--secondary-dark);
}

.block-filtres .btn.active {
    background: var(--secondary-main);
    color:#FFF;
}

/* ===============================
 *  LISTING DE BIEN
=============================== */
.listingAnnonces * {
    color:#000;
}

.listingAnnonces .one {
    position: relative;
    margin-bottom: 5vmax;
}

/* INVISIBLE LINK */
.listingAnnonces .one .invisibleLink {
    position: absolute;
    z-index: var(--zindex-invisibleLink);
    top:0;
    bottom:0;
    right:0;
    left:0;
}

/**
 *  CAROUSEL PHOTOS BIEN
 */
.listingAnnonces .one .carousel {
    height:30vmax;
}

.listingAnnonces .one .photo,
.listingAnnonces .one .carousel {
    border-radius:var(--radius-sm);
    overflow: hidden;
    z-index:var(--zindex-carousel-thumb);
}

/* LABEL MANDAT... */
.listingAnnonces .one .photo .label,
.listingAnnonces .one .carousel .label {
    position: absolute;
    z-index: 2;
    top:10px;
    left:10px;
    background-color: var(--focus-main);
    color:#FFF;
    font-size: .813rem;
    padding: 4px 10px 3px;
    border-radius:var(--radius-xs);
}

.listingAnnonces .one .photo .label {
    left:calc(var(--bs-gutter-x) * .5 + 10px)
}

/* CTA LAST SLIDE */
.listingAnnonces .one .carousel .carousel-item.CTA {
    display: flex;
    align-items: center;
    justify-content: center;
}

.listingAnnonces .one .carousel .carousel-item.CTA img {
    filter: blur(10px);
}

.listingAnnonces .one .carousel .carousel-item.CTA a {
    position: absolute;
    z-index: 2;
}

/* CAROUSEL INDICATORS */
.listingAnnonces .one .carousel .carousel-indicators {
    margin-bottom: 0;
}

.listingAnnonces .one .carousel .carousel-indicators button {
    width:12px;
    height: 12px;
    border-radius: var(--radius-sm);
}

/**
 *  CONTENT 1
 */
.listingAnnonces .one .content-1 {
    position: relative;
    margin-top: 1vmax;
}

/* FAVORI */
.listingAnnonces .one .content-1 .favori {
    position: absolute;
    top:0;
    right:0;
    z-index: var(--zindex-favori);
    border:0;
    background: transparent;
}

.listingAnnonces .one .content-1 .favori:not(.deleteWishList) img {
    filter: invert(82%) sepia(8%) saturate(8%) hue-rotate(349deg) brightness(88%) contrast(84%); /* neutral-main */
}

.listingAnnonces .one .content-1 .favori.ON img {
    filter: invert(28%) sepia(50%) saturate(6155%) hue-rotate(336deg) brightness(75%) contrast(113%); /* red-main */
}

@keyframes favori {
    0% {
        opacity:0;
        transform:scale(3);
    }

    55% {
        opacity:1;
        transform:scale(.5);
    }

    100% {
        transform:scale(1);
        opacity:1;
    }
}

.listingAnnonces .one .addWishList.ON:after,
.listingAnnonces .one .addWishList.ON:after  {
    content: "";
    width: 16px;
    background: url("/template/img/ic_coeur.svg") no-repeat center center;
    filter: invert(28%) sepia(50%) saturate(6155%) hue-rotate(336deg) brightness(75%) contrast(113%);
    position: absolute;
    left: calc(50% - 8px);
    top: 0;
    bottom: 0;
    opacity:0;
    transform:scale(4);
    animation-name: favori;
    animation-duration: 1s;
    animation-delay: .05s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}

/**
 *  CONTENT 2
 */
.listingAnnonces .one .content-2 {
    margin-top: .25vmax;
}

/**
 *  DESCRIPTION
 */
.listingAnnonces .one .description {
    position: relative;
    margin-top: .5vmax;
    padding-top: .5vmax;
}

.listingAnnonces .one .description p {
    font-size: .813rem;
    line-height: 1.4;
    color: #000;
}



/* ===============================
 *  CARTE GEOLOC DE BIENS
=============================== */
.immotransaction.list #map {
    height: 600px;
    border-radius: var(--radius-md);
}

/**/
.listingAnnonces.carte .one {
    margin-bottom:0 !important;
    padding-bottom: 0 !important;
}

.listingAnnonces.carte .one .carousel {
    height: 20vmin;
    min-height: auto;
}

.listingAnnonces.carte  .one .photo .label,
.listingAnnonces.carte  .one .carousel .label {
    top: 5px;
    left: 5px;
    font-size: .688rem;
    padding: 2px 5px 3px;
}

.listingAnnonces.carte .one .content-1 .favori {
    top: -45px;
    right: 5px;
    z-index: 103;
    background: #FFF;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

/* ===============================
 *  LISTING DE BIENS EN FAVORI
=============================== */
.listingAnnonces .one.favori {

}

.listingAnnonces .one.favori .btn-delete-favori {
    position: absolute;
    z-index: 103;
    top:10px;
    right: calc((var(--bs-gutter-x) * .5) + 10px);
    background: var(--primary-main);
    color:#FFF;
}

.listingAnnonces .one.favori .btn-delete-favori * {
    color:#FFF;
}

.listingAnnonces .one.favori .carousel {
    min-height: auto;
}

.listingAnnonces .one.favori .liste-texte ul li strong {
    float: right;
    text-align: right;
    max-width: 50%;
    line-height: 1.2;
}

/* ===============================
 *  DÉTAIL D'UN BIEN
=============================== */
.immotransaction.view .container > section.row {
    margin-bottom: 10vmax;
}

/**/
.immotransaction.view h1 {
    margin-right: .5vmin;
}

.immotransaction.view .favori {
    display:inline-flex;
    border:0;
    background: transparent;
    vertical-align: text-top!important;
}

.immotransaction.view .favori img  {
    filter: invert(94%) sepia(4%) saturate(3395%) hue-rotate(250deg) brightness(103%) contrast(108%); /*rose*/
}

.immotransaction.view .favori.deleteWishList img,
.immotransaction.view .favori.ON img {
    filter: invert(28%) sepia(50%) saturate(6155%) hue-rotate(336deg) brightness(75%) contrast(113%); /*rouge*/
}

.immotransaction.view .favori i {
    color: var(--primary-x-light);
}

/* RESUME */
.immotransaction.view .resume [class*=col-] {
    margin-top: 3vmax;
    line-height: 1;
    text-align: center;
}

.immotransaction.view .resume [class*=col-] img {
    width:21px;
    margin-bottom: 1vmax;
}

.immotransaction.view .resume [class*=col-].prix {
    color: var(--primary-main);
    font-size: 2.5rem;
    margin: 4vmax auto 3vmax;
}

/* GALERIE PHOTOS */
.galerie .thumbnail .photo  {
    display: flex;
    overflow: hidden;
    border-radius: var(--radius-md);
    position: relative;
    height: 33vmin;
}

.galerie .thumbnail .photo.main  {
    height: 66vmin;
}

.galerie .thumbnail .photo img  {
    object-fit: cover;
}


.galerie .thumbnail .overlay-photo-plus {
    display: flex;
    background-color: rgba(0,0,0,.6);
    color:#FFF;
    font-size: 2rem;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left:0;
}

/**
 * LABEL MANDAT
 */
.galerie .label {
    position: absolute;
    z-index: 2;
    top:10px;
    left:10px;
    background-color: var(--focus-main);
    color:#FFF;
    font-size: .813rem;
    padding: 4px 10px 3px;
    border-radius:var(--radius-xs);
}

/**
 * VISITE VIRTUELLE
 */
.galerie .photo.main {
    position: relative;
}

.galerie .photo.main .btn {
    z-index: 10;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

/**
 * LIGHTBOX MODAL
 */
#lightboxModal .modal-content {
    background-color: transparent;
}

#lightboxModal .modal-body {
    padding: 0;
}

#lightboxModal .btn-close {
    background: transparent;
    position: absolute;
    top:5vmax;
    left:50%;
    color: #FFF;
    width: auto;
    height: auto;
}

/**/
#lightboxModal .modal-dialog .carousel-item img{
    border-radius: var(--radius-md);
}

#lightboxModal .modal-dialog .carousel-indicators {
    bottom:-10vmax;
    width: 100%;
    margin-left: 0;
}

/* CAROUSEL INDICATORS */
#lightboxModal .carousel .carousel-indicators button {
    background: transparent;
    width:10vmin;
    height:auto;
    overflow: hidden;
    border-radius: var(--radius-md);
    text-indent: 0;
    opacity: 1;
}


#lightboxModal .carousel .carousel-indicators button.contact{
    background: var(--primary-main);
    color:#FFF;
    padding: 0 5px;
    align-self: center;
}

#lightboxModal .carousel .carousel-indicators button.contact.active{
    box-shadow: 0 0 0 1px #FFF;
}

/* CTA LAST SLIDE */
#lightboxModal .carousel .carousel-item.CTA {
    align-items: center;
    justify-content: center;
}

#lightboxModal .carousel .carousel-item.active.CTA {
    display: flex;
}

#lightboxModal .carousel .carousel-item.CTA img.last {
    filter: blur(10px);
}

#lightboxModal .carousel .carousel-item.CTA div.row {
    position: absolute;
    z-index: 1;
    padding: 0 15%;
}

#lightboxModal .carousel .carousel-item.CTA div.row .btn  {
    font-size: .688rem;
    padding:.25rem .5rem;
    line-height: 1;
}

/**/
#lightboxModal .carousel .carousel-item.CTA div.row .sale  {
    margin-top:25px;
}

#lightboxModal .carousel .carousel-item.CTA div.row .sale .photo  {
    width:75px;
    border-radius:var(--radius-md);
}

#lightboxModal .carousel .carousel-item.CTA div.row .sale img  {
    width:75px;
    min-width: auto;
    min-height: auto;
    border-radius: 0;
}

/**
 * CARTE GEOLOC
 */
.immotransaction.view #map {
    height: 600px;
    border-radius: var(--radius-md);
}

/**
 * AFFICHAGE DES CARACTÉRISTIQUES / PARTIEL
 */
.affichagePartiel ul.detail-listing.overflow {
    position: relative;
}

.affichagePartiel ul.detail-listing.overflow:after {
    content:"";
    position: absolute;
    left:0;
    right:0;
    bottom: 0;
    height: 45%;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 78%);
}

.affichagePartiel ul.detail-listing.overflow li {
    display:none;
}

.affichagePartiel ul.detail-listing.overflow li.affichageOUI {
    display:block;
}

/**
 * AFFICHAGE DESCRIPTION PIÈCES / PARTIEL
 */
.affichagePartiel table {
    position: relative;
}

.affichagePartiel table:after {
    content:"";
    position: absolute;
    left:0;
    right:0;
    bottom: 0;
    height: 60%;
    z-index: 1;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 90%);
}

.affichagePartiel table tbody tr {
    display:none;
}

.affichagePartiel table tbody tr:nth-child(1),
.affichagePartiel table tbody tr:nth-child(2),
.affichagePartiel table tbody tr:nth-child(3),
.affichagePartiel table tbody tr:nth-child(4){
    display:table-row;
    width: 100%;
}

/**
 * TABLEAU DESCRIPTION PIÈCES
 */
.table-striped>tbody>tr:nth-of-type(even)>* {
    background: #FFF;
}

/* Colonne de gauche, reste en fixe*/
table.table th:first-child,
table.table td:first-child{
    position: sticky;
    left: -1px;
    width: 160px;
    z-index: 1;
}

table.table th:nth-child(2),
table.table td:nth-child(2){
    position: sticky;
}

/**
 * ECO DATA : CONSO ÉNERGÉTIQUE + GES
 */
.ecoData [class*=level],
.gazData [class*=level] {
    width: 25px;
    height: 25px;
}

.ecoData [class*=level]:first-child,
.gazData [class*=level]:first-child {
    border-bottom-left-radius: var(--radius-sm);
    border-top-left-radius: var(--radius-sm);
}

.ecoData [class*=level]:last-child,
.gazData [class*=level]:last-child {
    border-bottom-right-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
}

.ecoData .levelA {background-color:#00953d;}
.ecoData .levelB {background-color:#39aa35;}
.ecoData .levelC {background-color:#c3d200;}
.ecoData .levelD {background-color:#fae800;}
.ecoData .levelE {background-color:#fbb800;}
.ecoData .levelF {background-color:#eb6209;}
.ecoData .levelG {background-color:#e3051b;}

.ecoData.A .levelA,
.ecoData.B .levelB,
.ecoData.C .levelC,
.ecoData.D .levelD,
.ecoData.E .levelE,
.ecoData.F .levelF,
.ecoData.G .levelG,
.gazData.A .levelA,
.gazData.B .levelB,
.gazData.C .levelC,
.gazData.D .levelD,
.gazData.E .levelE,
.gazData.F .levelF,
.gazData.G .levelG {
    display: flex;
    align-items: center!important;
    justify-content: center!important;
    transform:scale(1.4);
    border: 2px solid #FFF;
    box-shadow: 0 1px 2px rgb(0 0 0 / 30%);
    border-radius: 50%;
}

.ecoData [class*=level]:after,
.gazData [class*=level]:after {
    color:#FFF;
    font-weight: var(--fw-bold);
}

.ecoData.A .levelA:after, .gazData.A .levelA:after {content:"A"}
.gazData.A .levelA:after {color:#7b56a2;}
.ecoData.B .levelB:after, .gazData.B .levelB:after {content:"B"}
.ecoData.C .levelC:after, .gazData.C .levelC:after {content:"C"}
.ecoData.D .levelD:after, .gazData.D .levelD:after {content:"D"}
.ecoData.E .levelE:after, .gazData.E .levelE:after {content:"E"}
.ecoData.F .levelF:after, .gazData.F .levelF:after {content:"F"}
.ecoData.G .levelG:after, .gazData.G .levelG:after {content:"G"}

.gazData .levelA {background: #f6ecf6;}
.gazData .levelB {background: #d2b9d8;}
.gazData .levelC {background: #c5a8d2;}
.gazData .levelD {background: #b696c5;}
.gazData .levelE {background: #9674b1;}
.gazData .levelF {background: #7b56a2;}
.gazData .levelG {background: #634293;}

.ecoData + span,
.gazData + span {
    display: block;
    width: 100%;
    text-align: center;
    margin-top:20px;
}

/**
 * MODAL NEW DESIGN : ECO DATA : CONSO ÉNERGÉTIQUE + GES
 */
#diagModal .diagImmo {}

#diagModal .diagImmo .label {
    font-size: .688rem;
}

/**/
#diagModal .diagImmo .one {
    display: flex;
    align-items: center;
    border-radius:var(--radius-sm);
    padding: 6px;
    margin-bottom: 6px;
    font-size: .688rem;
    cursor: pointer;
}

#diagModal .diagImmo .one > span {
    float: left;
    font-weight: var(--fw-bold);
}

#diagModal .diagImmo .one > strong {
    margin-right: 0;
    margin-left: auto;
}

#diagModal .diagImmo.DPE .one.A {background: #00953d; color: #FFF; width:calc(1*(100% / 7));}
#diagModal .diagImmo.DPE .one.B {background: #39aa35; color: #FFF; width:calc(2*(100% / 7));}
#diagModal .diagImmo.DPE .one.C {background: #c3d200; width:calc(3*(100% / 7));}
#diagModal .diagImmo.DPE .one.D {background: #fae800; width:calc(4*(100% / 7));}
#diagModal .diagImmo.DPE .one.E {background: #fbb800; width:calc(5*(100% / 7));}
#diagModal .diagImmo.DPE .one.F {background: #eb6209; color: #FFF; width:calc(6*(100% / 7));}
#diagModal .diagImmo.DPE .one.G {background: #e3051b; color: #FFF; width:100%; margin-bottom: 0;}

#diagModal .diagImmo.GES .one.A {background: #f6ecf6; width:calc(1*(100% / 7));}
#diagModal .diagImmo.GES .one.B {background: #d2b9d8; width:calc(2*(100% / 7));}
#diagModal .diagImmo.GES .one.C {background: #c5a8d2; width:calc(3*(100% / 7));}
#diagModal .diagImmo.GES .one.D {background: #b696c5; width:calc(4*(100% / 7));}
#diagModal .diagImmo.GES .one.E {background: #9674b1; width:calc(5*(100% / 7));}
#diagModal .diagImmo.GES .one.F {background: #7b56a2; color: #FFF; width:calc(6*(100% / 7));}
#diagModal .diagImmo.GES .one.G {background: #634293; color: #FFF; width:100%; margin-bottom: 0;}

#diagModal .diagImmo .one.NC {background: var(--neutral-black); color:var(--neutral-light)}


#diagModal .diagImmo .one.active {
    width: 100% !important;
    padding-top: 6px;
    padding-bottom: 6px;
    border-top-right-radius: 10rem;
    border-bottom-right-radius: 10rem;
}

/**/
#diagModal .diagImmo .one .info {
    display: none;
}

#diagModal .diagImmo .one.active .info {
    display: flex;
    flex-direction: column;
    width: 70%;
    line-height: 1.3;
    text-align: right;
    margin-right: 10px;
    flex: auto;
}

#diagModal .diagImmo .one.active > strong {
    font-size: 2rem;
    width: 48px;
    height: 48px;
    background-color: #FFF;
    border-radius: 10rem;
    text-align: center;
    line-height: 48px
}

#diagModal .diagImmo.DPE .one.A.active > strong {color:#00953d;}
#diagModal .diagImmo.DPE .one.B.active > strong {color:#39aa35;}
#diagModal .diagImmo.DPE .one.C.active > strong {color:#c3d200;}
#diagModal .diagImmo.DPE .one.D.active > strong {color:#fae800;}
#diagModal .diagImmo.DPE .one.E.active > strong {color:#fbb800;}
#diagModal .diagImmo.DPE .one.F.active > strong {color:#eb6209;}
#diagModal .diagImmo.DPE .one.G.active > strong {color:#e3051b;}

#diagModal .diagImmo.GES .one.A.active > strong {color:#7b56a2;}
#diagModal .diagImmo.GES .one.B.active > strong {color:#d2b9d8;}
#diagModal .diagImmo.GES .one.C.active > strong {color:#c5a8d2;}
#diagModal .diagImmo.GES .one.D.active > strong {color:#b696c5;}
#diagModal .diagImmo.GES .one.E.active > strong {color:#9674b1;}
#diagModal .diagImmo.GES .one.F.active > strong {color:#7b56a2;}
#diagModal .diagImmo.GES .one.G.active > strong {color:#634293;}

/**/
#diagModal .one {
    position: relative;
}

#diagModal .one:not(.active):first-of-type:before,
#diagModal .one.active:first-of-type + .one:before {
    content: "";
    background: url(/template/img/ic_alert_info.svg) center center no-repeat;
    width:16px;
    height: 16px;
    position: absolute;
    right: -2rem;
    filter: invert(82%) sepia(8%) saturate(8%) hue-rotate(349deg) brightness(88%) contrast(84%);
}

#diagModal .source,
#diagModal .source * {
    font-size: .688rem;
    color: var(--neutral-main);
}

/**
 * NÉGOCIATEUR
 */
.sale:not(.modal) {

}

.sale:not(.modal) .photo {
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    overflow: hidden;
    width: 100%;
    border: 1px solid var(--neutral-md);
    border-bottom: 0;
}

.sale:not(.modal) .photo img {
    min-height: 100%;
    min-width: 100%;
}

.sale:not(.modal) .btn {
    border-radius: 0 0 var(--radius-sm) var(--radius-sm);
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    border: 1px solid var(--primary-light);
    border-top: 0;
}


/**
 * MODAL NÉGOCIATEUR
 */
.modal.sale  {
    background-color: rgba(0, 0, 0, .8);
}

.modal-backdrop {
    z-index: var(--zindex-modal-backdrop);
}

.modal.sale .modal-content  {
    padding: 3vmax 3vmax 6vmax;
    z-index: var(--zindex-modal-content);
    border: 5px solid #000;
}

.modal.sale .modal-body  {
    padding: 0;
}

.modal.sale .photo {
    border-radius: var(--radius-md);
    overflow: hidden;
    border: 1px solid var(--neutral-md);
    width: 40%;
    max-width: 320px;
    margin: calc(-20% - 3vmax) auto 3vmax;
}
.modal.sale h3 {

}

.modal.nego a.btn-link {

}

/**
 * BIENS SIMILAIRES
 */
#carouselSimilar .carousel-item.active {
    display:flex;
}

#carouselSimilar .one .photo {
    position: relative;
    border-radius: var(--radius-sm);
    overflow: hidden;
}

#carouselSimilar .one .photo img {
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

#carouselSimilar .one .photo .label {
    position: absolute;
    z-index: 2;
    top:10px;
    left:10px;
    background-color: var(--focus-main);
    color:#FFF;
    font-size: .813rem;
    padding: 4px 10px 3px;
    border-radius:var(--radius-xs);
}

/**/
#carouselSimilar [class*=carousel-control-]{
    display: none;
    background-color: var(--primary-main);
    border-radius:var(--radius-xs);
    top: 25%;
    bottom: auto;
    width: auto;
    padding: 1rem;
    z-index: 1000;
    opacity: 1;
}

#carouselSimilar .carousel-control-prev {
    left:-5px;
}

#carouselSimilar .carousel-control-next {
    right:-5px;
}

/**/
#carouselSimilar .carousel-indicators {
    bottom: -2rem;
}

#carouselSimilar .carousel-indicators button {
    width:24px;
    height: 24px;
    border: 0;
    border-radius: var(--radius-sm);
    background: var(--secondary-main);
}


/*
===================================================================
===================================================================
===================================================================
    #Small devices (landscape phones, 576px and up)     // 576px
===================================================================
===================================================================
===================================================================
*/
@media screen and (min-width: 576px) {


}/*/mediaquery*/


/*
===================================================================
===================================================================
===================================================================
    Medium devices (tablets, 768px and up)             // 768px
===================================================================
===================================================================
===================================================================
*/
@media screen and (min-width: 768px) {

/* ===============================
 *  FILTRES + PAGINATION
=============================== */
.content-block-filtre {
    box-shadow: none;
    top:0;
    z-index: var(--zindex-content-block-filtre);
    margin-bottom: 3vmin;
}

.block-pagination {
    text-align: right;
}

/* ===============================
 *  LISTING DE BIEN
=============================== */
.listingAnnonces .one {
    margin-bottom: 3vmax;
}

/**
 * CAROUSEL PHOTOS BIEN
 */
.listingAnnonces .one .carousel {
    height:30vmin;
    background: var(--neutral-light);
}

/* ===============================
 *  LISTING FAVORI
=============================== */
.listingAnnonces .one.favori {
    padding-bottom: 3vmax;
    border-bottom: 2px solid var(--neutral-light);
}
.listingAnnonces .one.favori .btn-delete-favori {
    top:0;
    right: 0;
}

.listingAnnonces .one.favori .content-1 {
    margin-top: 0;
}

/* ===============================
 *  DÉTAIL D'UN BIEN
=============================== */

/* RESUME */
.immotransaction.view .resume [class*=col-] {
    font-size: .65rem;
    margin: 1vmax auto !important;
    align-self: baseline;
}

.immotransaction.view .resume [class*=col-] i {
    display: block;
    margin-bottom: 1vmin;
}

.immotransaction.view .resume [class*=col-].prix {
    text-align: right;
    font-size: 2rem;

}

/* GALERIE PHOTOS */
.galerie .thumbnail .photo,
.galerie .thumbnail .photo.main {
    height: 100%;
}

.galerie .thumbnail .overlay-photo-plus {
    font-size: 3rem;
}

/**
 * LIGHTBOX MODAL
 */
#lightboxModal .modal-dialog {
    width: 80%;
    max-width: 1024px;
}

#lightboxModal .modal-content {
    margin-top: -3vmax;
}

#lightboxModal .modal-dialog .carousel-item {
    width: 100%;
    text-align: center;
}

#lightboxModal .modal-dialog .carousel-item img {
    max-height: 500px;
}

/**/
#lightboxModal .carousel .carousel-indicators {
    bottom: -12vmax;
    height: 6rem;
}

#lightboxModal .carousel .carousel-indicators button {
    width: 10vmax;
    max-width: max-content;
}

#lightboxModal .carousel-indicators .active {
    transform: scale(1.2);
}

.carousel-indicators .active img:not([class*=fill-svg-]) {
    border:1px solid #fff;
    box-shadow:0 0 6px rgba(0,0,0,.78) ;
    border-radius: var(--radius-sm);
}

/**/
#lightboxModal .carousel-control-prev {
    left: -100px;
}

#lightboxModal .carousel-control-next {
    right: -100px;
}

/**/
#lightboxModal .carousel .carousel-item.CTA div.row .sale .photo,
#lightboxModal .carousel .carousel-item.CTA div.row .sale img {
    width:auto;
}

#lightboxModal .carousel .carousel-item.CTA div.row .sale .photo span.btn {
    width:100%;
    display:flex;
    justify-content: center;
}

/**
 * TABLEAU DESCRIPTION PICÈCES
 */
table.table th:first-child,
table.table td:first-child{
    position: relative;
    left: auto;
    width: auto;
}

table.table th:nth-child(2),
table.table td:nth-child(2){
    position: relative;
}


}/*/mediaquery*/


/*
===================================================================
===================================================================
===================================================================
    Large devices (desktops, 992px and up)             // 992px
===================================================================
===================================================================
===================================================================
*/
@media screen and (min-width: 992px) {
/* ===============================
 *  MOTEUR DE RECHERCHE
=============================== */
.btn-OFF {
    display: none;
}
/**/
.block-moteur {
    position: relative;
    top:auto;
    opacity: 1;
    padding: 0;
}

.searchBox > div.input-group {
    width:auto;
}

.searchBox > div.off {
    display: none;
}

/**/
form.searchBox .select2-selection,
form.searchBox input[type=text],
form.searchBox input[type=number]{
    margin-bottom: 0;
}


/**/
form.searchBox .btn-param {
    text-align: right;
}

form.searchBox.ON > div.off {
    display:block;
}

form.searchBox.ON > div.sm2 {
    width:30%;
}

form.searchBox.ON > div.sm2:first-child {
    width:50%;
}

form.searchBox.ON > div.sm2:nth-child(3) {
    width:19%;
}

form.searchBox.ON > div.sm2 span.select2-container {
    width:100% !important;
}



/* ===============================
 *  FILTRES + PAGINATION
=============================== */
.content-block-filtre {
    top:calc(100px - 2vmin);
}

.block-filtres {
    padding: 0;
}

/* ===============================
 *  LISTING DE BIEN
=============================== */
/**
 * CAROUSEL PHOTOS BIEN
 */
.listingAnnonces .one .carousel {
    min-height:26vmin;
}

/* ===============================
 *  DÉTAIL D'UN BIEN
=============================== */

.immotransaction.view .favori {
    font-size: 80%;
}

/* RESUME */
.immotransaction.view .resume [class*=col-] {
    font-size: .9rem;
}

.immotransaction.view .resume [class*=col-] img {
    margin-bottom: 1vmin;
}

.immotransaction.view .resume [class*=col-].prix {
    font-size: 2.5rem;

}

/* GALERIE PHOTOS */
.galerie .thumbnail .photo {
    max-height: calc(210px - .5rem);
}

.galerie .photo.main {
    max-height: 420px;
}



.galerie .thumbnail .photo img  {
    transform: scale(1);/*1.13*/
}

/**
 * BLOCK CONTACT FORM
 */
.block-contact-form .sticky-lg-top {
    top:20vmin;
    z-index: var(--block-contact-form);
}

/**
 * NÉGOCIATEUR
 */
.row:has(> .sale)  {
    /*z-index: var(--zindex-negociateur);*/
    padding-top: 2vmax;
}

.sale:not(.modal):hover .btn {
    background-color: var(--primary-dark);
}

/**
 * MODAL NÉGOCIATEUR
 */
.modal.sale .modal-body  {
    max-width: 500px;
}

/**
 * LIGHTBOX MODAL
 */
#lightboxModal .modal-dialog {
    max-height: 500px;
}

#lightboxModal .btn-close {
    top: 1vmin;
}

/**
 * BIENS SIMILIARES
 */

/**/
#carouselSimilar [class*=carousel-control-]{
    display: block;
}

/**
 * BIENS SIMILIARES
 */

/**/
#carouselSimilar [class*=carousel-control-]{
    display: block;
}

}/*/mediaquery*/


/*
===================================================================
===================================================================
===================================================================
    X-Large devices (large desktops, 1200px and up)    // 1200px+
===================================================================
===================================================================
===================================================================
*/
@media screen and (min-width: 1200px) {
/* ===============================
 *  LISTING DE BIEN
=============================== */
.listingAnnonces .one {
    padding-bottom: 60px; /* VALEUR EN RAPPORT AVEC DESCRIPTION */
}

/**
 * CAROUSEL PHOTOS BIEN
 */
.listingAnnonces .one .carousel {
    min-height:79%;
}
.listingAnnonces .one .carousel button[class*=carousel-control-] {
    display:block;
    opacity: 0;
    margin-top: 20px;
    transform: scale(.5);
    transition: all ease .2s;
}

.listingAnnonces .one .carousel button[class*=carousel-control-] span {
    filter: drop-shadow(0 2px 1px rgb(0 0 0 / 0.6));
}

.listingAnnonces .one:hover .carousel button[class*=carousel-control-] {
    opacity: 1;
    margin-top: 0;
    transform: scale(1);
}

/* FAVORI */
.listingAnnonces .one:hover .content-1 .favori i {
    color:var(--primary-x-light);
}

.listingAnnonces .one .content-1 .favori:hover i {
    transform:scale(1.1);
}

/**
 *  DESCRIPTION
 */
.listingAnnonces .one .description {
    position:absolute;
    bottom:0;
    right:calc(var(--bs-gutter-x) * .5);
    left: calc(var(--bs-gutter-x) * .5);
    z-index: 111;
    max-height: 60px;
    background-color: #FFF;
    overflow: hidden;
    transition:all .5s ease;
}

.listingAnnonces .one .description:before {
    content:"";
    position: absolute;
    top:50%;
    right:0;
    left:0;
    bottom:0;
    background: linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 89%);
}

.listingAnnonces .one .description p {
    color: var(--neutral-main);
}

.listingAnnonces .one .description:hover {
    max-height: 200px;
}

.listingAnnonces .one .description:hover p {
    color:#000;
}

.listingAnnonces .one .description:hover:before {
    display:none;
}

/* ===============================
 *  DÉTAIL D'UN BIEN
=============================== */
.galerie {
    cursor: pointer;
}

/**
 * MODAL NÉGOCIATEUR
 */
.modal.sale .modal-content {
    margin-top: 10vmin;
}

/*
  MODAL LIGHTBOX
 */
#lightboxModal .carousel-item img {
    max-height: 70vmin;
}

#lightboxModal .carousel-control-prev {
    left: -10vmax;
}

#lightboxModal .carousel-control-next {
    right:  -10vmax;
}

/**
 * MODAL NEW DESIGN : ECO DATA : CONSO ÉNERGÉTIQUE + GES
 */
#diagModal .diagImmo .one:hover {
    transform: scale(1.01);
    transition: all ease-out .2s;
}

/**
 * BIENS SIMILIARES
 */

/**/
#carouselSimilar [class*=carousel-control-] {
    top:45%;
}

/**
 * BIENS SIMILIARES
 */

/**/
#carouselSimilar [class*=carousel-control-] {
    top:45%;
}

}/*/mediaquery*/

/*
===================================================================
===================================================================
===================================================================
    XX-Large devices (larger desktops, 1400px and up)  // 1400px+
===================================================================
===================================================================
===================================================================
*/
@media screen and (min-width: 1400px) {



}/*/mediaquery*/