/* START annonce */
.annonce .uniformSpacing {
    display: flex;
    flex-direction: column;
    gap: 2.5em;
}

.annonce .uniformSpacing .galleryContainer {
    display: flex;
    gap: 1.5em;
    aspect-ratio: 21/9;
    overflow: hidden;
}

.annonce .uniformSpacing .galleryContainer .singleImg {
    width: 80%;
    height: 100%;
}

.annonce .uniformSpacing .galleryContainer .singleImg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.annonce .uniformSpacing .galleryContainer .singleImg .endColorHero {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.annonce .uniformSpacing .galleryContainer .singleImg .endColorHero .bgPink {
    height: 1.5em;
}

.annonce .uniformSpacing .galleryContainer .singleImg .endColorHero img {
    height: .5em;
    background-color: var(--basicColor3);
}

.annonce .uniformSpacing .galleryContainer .singleImg .videoPlayer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10%;
    height: auto;
    aspect-ratio: 1 / 1;
}

.annonce .uniformSpacing .galleryContainer .singleImg .exclu {
    position: absolute;
    width: auto;
    transform: rotate(-45deg);
    transform-origin: bottom;
    top: 3.5em;
    left: -3em;
    padding: 0.5em 5.5em;
}

.annonce .uniformSpacing .galleryContainer .singleImg img {
    transition: opacity 0.15s ease;
}

.annonce .uniformSpacing .galleryContainer .gallery img.active {
    outline: 2px solid var(--basicColor1);
    opacity: 0.7;
}

.annonce .uniformSpacing .galleryContainer .gallery {
    width: 20%;
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    background-color: #F1EEEE;
    padding: 2em;
    height: 100%;
    overflow-y: auto;
}

.annonce .uniformSpacing .infoContainer {
    display: flex;
    gap: 1.5em;
    justify-content: space-between;
    align-items: stretch; /* ← important */
}
.annonce .uniformSpacing .infoContainer.flexEnd {
    align-items: flex-end;
}

.annonce .uniformSpacing .infoContainer.mapContainer {
    flex-direction: column;
}

.annonce .uniformSpacing .infoContainer.mapContainer .maps {
    width: 100%;
    height: 100%;
    border-radius: var(--basicRadius);
    aspect-ratio: 21 / 9;
}

.annonce .uniformSpacing .infoContainer.mapContainer .maps #map {
    width: 100%;
    height: 100%;
}

.annonce .uniformSpacing .infoContainer .info,
.annonce .uniformSpacing .infoContainer .desc {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.annonce .uniformSpacing .infoContainer .info {
    width: 30%;
}

.annonce .uniformSpacing .infoContainer.mapContainer .info {
    width: 100%;
}

.annonce .uniformSpacing .infoContainer .desc {
    display: flex;
    flex-direction: column;
    gap: 1em;
    width: 65%;
    min-height: 0; /* important pour flex */
}

.annonce .uniformSpacing .infoContainer .desc.img {
    display: flex;
    flex-direction: row;
    gap: 2em;
    justify-content: space-between;
    width: 50%;
    margin: 0 auto;
}

.annonce .uniformSpacing .infoContainer .desc.img div {
    display: flex;
    flex-direction: column;
    gap: 1em;
    width: 50%;
}

.annonce .uniformSpacing .infoContainer .desc.img div img {
    width: 100%;
    height: auto;
}

.annonce .uniformSpacing .infoContainer .info p {
    display: flex;
    align-items: center;
    gap: .5em;
}

.annonce .uniformSpacing .infoContainer .info p span {
    display: flex;
}

.annonce .uniformSpacing .infoContainer .info p span svg {
    width: 1em;
    height: 1em;
}


.annonce .uniformSpacing .infoContainer .desc {
    position: relative;
}


.annonce .uniformSpacing .infoContainer iframe {
    flex: 1;
    width: 100%;
    min-height: 400px;
}

.annonce .uniformSpacing .infoContainer .helper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: rgba(255, 2, 131, 0.5);
}

.annonce .uniformSpacing .infoContainer .helper svg {
    width: 4em;
    height: 4em;
}


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

    .annonce .uniformSpacing .galleryContainer{
        flex-direction: column;
        aspect-ratio: initial;
        gap: 0;
    }

    .annonce .uniformSpacing .galleryContainer > div {
        width: 100% !important;
    }

    .annonce .uniformSpacing .galleryContainer .gallery{
        flex-direction: row;
        overflow-y: initial;
        overflow-x: auto;
    }

    .annonce .uniformSpacing .galleryContainer .gallery img{
        height: 5em;
        width: 100%;
        aspect-ratio: 16/9;
        object-fit: cover;
    }
    .annonce .uniformSpacing .galleryContainer .singleImg .exclu{
        top: 1.5em;
        left: -4.5em;
        padding: 0.5em 5.5em;
    }
}



@media screen and (max-width: 1000px) {
    .annonce .uniformSpacing .infoContainer{
        flex-direction: column;
    }

    .annonce .uniformSpacing .infoContainer > div{
        width: 100% !important;
    }

    .annonce .uniformSpacing .infoContainer iframe {
        height: auto;
        aspect-ratio: 21/9;
    }

}

@media screen and (max-width: 1000px) {
    .annonce .uniformSpacing .infoContainer .desc.img{
        flex-direction: column;
    }

    .annonce .uniformSpacing .infoContainer .desc.img div{
        width: 100%;
    }
}


/* END annonce */
/* START annoncesSimilaire */
.annoncesSimilaire {
    background-color: #F8F8F8;
}

.annoncesSimilaire .uniformSpacing {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
}

.annoncesSimilaire .uniformSpacing .listingAnnonces {
    display: flex;
    flex-direction: column;
    gap: .5em;
    width: 100%;
}

.annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5em;
}

.annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .sliderContainer {
    width: 100%;
}

.annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .sliderContainer .horizontalScroll {
    padding: 1em 0 1em .5em;
}

.annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .sliderArrows {
    width: 100%;
    display: flex;
    gap: 1.5em;
    padding-top: 1.5em;
    justify-content: center;
}

.annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .sliderArrow svg {
    width: 2.5em;
    height: 2.5em;
    cursor: pointer;
}

.annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .sliderArrow.sliderRightArrow svg {
    left: initial;
    right: 0;
}

.annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .sliderArrow path {
    fill: var(--basicColor1);
}

.annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .element {
    width: calc((100% - 2.5em * 2) / 2.5);
    display: flex;
    flex-direction: column;
    gap: .5em;
    box-shadow: 0px 0px 15px #00000029;
    position: relative;
    overflow: hidden;
}

.annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .element > img {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}

.annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .element .content {
    display: flex;
    flex-direction: column;
    gap: .5em;
    padding: .75em 1.5em;
}

.annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .element .content .title {
    display: flex;
    justify-content: space-between;
}

.annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .element .content .title span {
    display: flex;
}

.annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .element .content .title span svg {
    width: 2em;
    height: 2em;
}

.annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .element .content .option {
    display: flex;
    gap: 2.5em;
}

.annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .element .content .option .container {
    display: flex;
    align-items: center;
    gap: .5em;
}

.annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .element .content .option .container span {
    display: flex;
}

.annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .element .content .option .container span svg {
    width: 1em;
    height: 1em;
}

.annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .element .exclu {
    position: absolute;
    width: auto;
    transform: rotate(-45deg);
    transform-origin: bottom;
    top: 1.5em;
    left: -4em;
    padding: 0.25em 4.5em;
}

@media screen and (max-width: 1300px) {
    .annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .element .content .title h3{
        flex-direction: column;
    }
}

@media screen and (max-width: 1000px) {
    .annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .element{
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .element .content .title h3{
        width: 100%;
    }

    .annoncesSimilaire .uniformSpacing .listingAnnonces .annoncesContainer .element .content .title > span{
        display: none;
    }
}


/* END annoncesSimilaire */

/* START bigImgText */
.bigImgText.bigSpacing{
    padding-bottom: 0;
}

.bigImgText.bigSpacing > img{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: initial;
    opacity: .1;
    z-index: -1;
}

.bigImgText .uniformSpacing .content {
    display: flex;
    gap: 5em;
}

.bigImgText .uniformSpacing .content > div{
    width: 50%;
}

.bigImgText .uniformSpacing .content .containerImg{
    display: flex;
}

.bigImgText .uniformSpacing .content .containerImg img{
    width: 100%;
    height: auto;
}

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

    .bigImgText .uniformSpacing .content{
        flex-direction: column;
        align-items: flex-end;
        gap: 0;

    }

    .bigImgText .uniformSpacing .content > div{
        width: 100%;
    }

    .bigImgText .uniformSpacing .content .containerImg{
        width: 50%;
    }

}
/* START bigImgText */