.section-presentation .maxWidth {
    display: flex;
    gap: 3rem;
    height: max-content;
    padding: 7% 10% 6%;
    position: relative;
    flex-wrap: wrap;
}

.section-presentation .maxWidth .leftSide {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    height: max-content;
    width: calc(35% - 1.5rem);
}

.section-presentation .maxWidth .leftSide h2 {
    font-size: 3rem;
    text-transform: none;
}

.section-presentation .maxWidth .leftSide .description {
    color: var(--couleur-8);
}

.section-presentation .maxWidth .rightSide {
    width: calc(65% - 1.5rem);
    position: relative;
}

.section-presentation .maxWidth .rightSide .swiper-container {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.section-presentation .maxWidth .rightSide .swiper-container .swiper-slide {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100% !important;
    border-radius: 5px;
}

.section-presentation .swiper-pagination {
    display: flex;
    gap: 0.5rem;
    margin-bottom: -2rem;
}

.section-presentation .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--couleur-9) !important;
}

.section-presentation .maxWidth .bordure-images {
    width: 100%;
}

.section-presentation .maxWidth .poa {
    position: absolute;
    object-fit: contain;
    height: 50px
}

.section-presentation .maxWidth .topleft {
    top: 0;
    left: 0;
}

.section-presentation .maxWidth .bottomleft {
    bottom: 0;
    left: 0;
    transform: rotate(-90deg);
}

.section-presentation .maxWidth .topright {
    top: 0;
    right: 0;
    transform: rotate(90deg);
}

.section-presentation .maxWidth .bottomright {
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
}

.section-presentation .maxWidth .hr-base {
    content: "";
    position: absolute;
    background-color: #eacfb9;
    width: calc(100% - 82px);
    border: none;
    /*  background-color: red; */
}

.section-presentation .maxWidth .hr-fin {
    height: 1px;
    width: calc(100% - 94px);
}

.section-presentation .maxWidth .hr-gros {
    height: 1.7px;
}

.section-presentation .maxWidth .hr-haut {
    top: 3.7px;
    left: 41px;
}

.section-presentation .maxWidth .hr-fin.hr-haut {
    top: 9.5px;
    left: 47px;
}

.section-presentation .maxWidth .hr-droite {
    right: 3.1px;
    top: 41px;
    width: 1.7px;
    height: calc(100% - 82px);
}

.section-presentation .maxWidth .hr-fin.hr-droite {
    right: 9px;
    width: 1px;
    height: calc(100% - 94px);
    top: 47px;
}

.section-presentation .maxWidth .hr-bas {
    bottom: 3.7px;
    left: 41px;
}

.section-presentation .maxWidth .hr-fin.hr-bas {
    bottom: 9.5px;
    left: 47px;
}

.section-presentation .maxWidth .hr-gauche {
    left: 3.5px;
    top: 41px;
    width: 1.7px;
    height: calc(100% - 82px);
}

.section-presentation .maxWidth .hr-fin.hr-gauche {
    left: 9.9px;
    width: 1px;
    height: calc(100% - 94px);
    top: 47px;
}





@media screen and (max-width: 1000px) {
    .section-presentation .maxWidth {
        flex-direction: column;
        align-items: center;
        gap: 1.5rem;
    }

    .section-presentation .maxWidth .leftSide {
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .section-presentation .maxWidth .rightSide {
        width: 100%;
        height: 15rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
    }

    .section-presentation .maxWidth .leftSide a {
        position: absolute;
        top: 100%;
    }

    .section-presentation .swiper-pagination {
        margin-bottom: -1.5rem;
    }
}

@media screen and (max-width: 720px) {
    .section-presentation .maxWidth .leftSide h2 {
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 500px) {
    .section-presentation .maxWidth {
        padding: 50px 30px;
    }

    .section-presentation .maxWidth .leftSide a {
        top: 110%;
    }

    .section-presentation .swiper-pagination {
        margin-bottom: -1rem;
    }

}