@media (max-width: 800px){
    .pageDecors > img{
        height: 550px;
    }
}

/* -------------------------- HEADER -------------------------- */

.pageDecors .headerPage{
    padding: 200px 13% 0px 13%;
}

.pageDecors .headerPage a{
    display: flex;
    align-items: center;
    gap: 23px;
    margin-bottom: 13px;
}

.pageDecors .headerPage a p{
    font-size: 40px;
    line-height: 60px;
    font-weight: 100;
    text-transform: uppercase;
    color: #000;
}

.pageDecors .headerPage .titre{
    font-size: 119px;
    line-height: 119px;
    font-weight: 100;
    text-transform: uppercase;
}

/* -------------------------- SECTION 1 -------------------------- */

.pageDecors .section1{
    padding: 0px 50px 0px 19%;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 100px;
    margin-top: -100px;
}

.pageDecors .section1 .titre{
    margin-bottom: 24px;
}

.pageDecors .section1 .image__container{
    width: 100%;
    max-width: 50%;
}

.pageDecors .section1 figcaption{
    width: 100%;
    max-width: 50%;
}

.pageDecors .section1 .image__container img{
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='719.184' height='810.218' viewBox='0 0 719.184 810.218'%3E%3Cpath id='Tracé_19653' data-name='Tracé 19653' d='M686.256,179.067,392.018,9.191a64.842,64.842,0,0,0-64.853,0L32.925,179.067A64.848,64.848,0,0,0,.5,235.231V574.988a64.852,64.852,0,0,0,32.425,56.164L327.166,801.028a64.842,64.842,0,0,0,64.853,0L686.256,631.152a64.856,64.856,0,0,0,32.428-56.164V235.231A64.851,64.851,0,0,0,686.256,179.067Z' transform='translate(0 0)' stroke='%23000' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='719.184' height='810.218' viewBox='0 0 719.184 810.218'%3E%3Cpath id='Tracé_19653' data-name='Tracé 19653' d='M686.256,179.067,392.018,9.191a64.842,64.842,0,0,0-64.853,0L32.925,179.067A64.848,64.848,0,0,0,.5,235.231V574.988a64.852,64.852,0,0,0,32.425,56.164L327.166,801.028a64.842,64.842,0,0,0,64.853,0L686.256,631.152a64.856,64.856,0,0,0,32.428-56.164V235.231A64.851,64.851,0,0,0,686.256,179.067Z' transform='translate(0 0)' stroke='%23000' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A");
}

.pageDecors .section1 .image__container > svg{
    left: 0%;
    top: 0%;
}

@media (max-width: 1800px){
    .pageDecors .section1{
        padding: 30px 50px 0px 19%;
        margin-top: -20px;
    }
}

@media (max-width: 1600px){
    .pageDecors .section1{
        padding: 30px 50px 0px 10%;
        margin-top: -40px;
    }
}

@media (max-width: 1300px){
    .pageDecors .section1{
        gap: 60px;
        padding: 30px 80px 0px 80px;
        margin: 0px;
    }
    .pageDecors .headerPage .titre{
        font-size: 90px;
        line-height: 90px;
    }
    .pageDecors .section1 .titre p{
        font-size: 40px;
        line-height: 40px;
    }
}

@media (max-width: 992px){
    .pageDecors .section1{
        flex-direction: column-reverse;
    }
    .pageDecors .section1 figcaption,
    .pageDecors .section1 .image__container{
        max-width: 100%;
    }
    .pageDecors .headerPage{
        padding: 110px 80px 0px 80px;
    }
}

@media (max-width: 600px){
    .pageDecors .headerPage{
        padding: 110px 36px 0px 36px;
    }
    .pageDecors .section1{
        gap: 60px;
        padding: 30px 36px 0px 36px;
        margin: 0px;
    }
    .pageDecors .headerPage a p{
        font-size: 30px;
        line-height: 46px;
    }
    .pageDecors .headerPage a{
        margin-bottom: 6px;
    }
    .pageDecors .headerPage .titre{
        font-size: 46px;
        line-height: 46px;
    }
    .pageDecors .section1 .titre p{
        font-size: 33px;
        line-height: 33px;
    }
}

/* -------------------------- SECTION 2 -------------------------- */

.pageDecors .section2{
    padding: 0px 6% 0px 17%;
    display: flex;
    align-items: center;
}

.pageDecors .section2 img{
    width: 55%;
}

.pageDecors .section2 figcaption{
    background-color: var(--gold);
}

.pageDecors .section2 figcaption .titre{
    margin-bottom: 10px;
}

.pageDecors .section2 figcaption .titre p,
.pageDecors .section2 figcaption .titre p strong,
.pageDecors .section2 figcaption p{
    color: #fff !important;
}

.pageDecors .section2 figcaption .titre p,
.pageDecors .section2 figcaption .titre p strong{
    line-height: 80px;
}

.pageDecors .section2 figcaption{
    transform: translateX(-40%);
    padding: 10% 7% 10% 12%;
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='656.664' height='739.899' viewBox='0 0 656.664 739.899'%3E%3Cpath id='Tracé_19651' data-name='Tracé 19651' d='M627.513,163.771,358.48,8.446a59.287,59.287,0,0,0-59.3,0L30.147,163.771A59.293,59.293,0,0,0,.5,215.124V525.776a59.3,59.3,0,0,0,29.647,51.353L299.183,732.454a59.288,59.288,0,0,0,59.3,0L627.513,577.129a59.3,59.3,0,0,0,29.65-51.353V215.124A59.3,59.3,0,0,0,627.513,163.771Z' transform='translate(-0.5 -0.5)' fill='%23a48906'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='656.664' height='739.899' viewBox='0 0 656.664 739.899'%3E%3Cpath id='Tracé_19651' data-name='Tracé 19651' d='M627.513,163.771,358.48,8.446a59.287,59.287,0,0,0-59.3,0L30.147,163.771A59.293,59.293,0,0,0,.5,215.124V525.776a59.3,59.3,0,0,0,29.647,51.353L299.183,732.454a59.288,59.288,0,0,0,59.3,0L627.513,577.129a59.3,59.3,0,0,0,29.65-51.353V215.124A59.3,59.3,0,0,0,627.513,163.771Z' transform='translate(-0.5 -0.5)' fill='%23a48906'/%3E%3C/svg%3E%0A");
}

@media (max-width: 1600px){
    .pageDecors .section2{
        padding: 0px 8% 0px 8%;
        position: relative;
        margin-top: 120px;
        margin-bottom: 60px;
    }
    .pageDecors .section2 figcaption{
        position: absolute;
        top: 50%;
        right: 0px;
        width: 50%;
        transform: translate(-15%, -50%);
        padding: 10% 7% 10% 10%;
    }
}

@media (max-width: 1300px){
    .pageDecors .section2 figcaption .titre p,
    .pageDecors .section2 figcaption .titre p strong{
        font-size: 40px;
        line-height: 45px !important;
    }
    .pageDecors .section2{
        padding: 0px 80px 0px 80px;
    }
}

@media (max-width: 992px){
    .pageDecors .section2{
        flex-direction: column-reverse;
        margin-top: 0px;
        margin-bottom: 0px;
        gap: 20px;
    }
    .pageDecors .section2 figcaption{
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        transform: none;
        padding: 18% 15%;
    }
    .pageDecors .section2 img{
        width: 100%;
    }
}

@media (max-width: 700px){
    .pageDecors .section2{
        padding: 0px;
    }
    .pageDecors .section2 img{
        padding: 0px 15px;
    }
    .pageDecors .section2 figcaption{
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        transform: none;
        padding: 18% 15%;
    }
}

@media (max-width: 600px){
    .pageDecors .section2 figcaption{
        padding: 20% 20%;
        -webkit-mask-size: cover;
        mask-size: cover;
    }
}

@media (max-width: 500px){
    .pageDecors .section2 figcaption{
        padding: 25% 36px;
    }
}


/* -------------------------- SECTION 3 -------------------------- */

.pageDecors .section3{
    padding: 100px 10% 24px 10%;
}

.pageDecors .section3 h2{
    text-align: center;
}

@media (max-width: 992px){
    .pageDecors .section3{
        padding: 50px 80px 24px 80px;
    }
}

@media (max-width: 600px){
    .pageDecors .section3{
        padding: 50px 36px 24px 36px;
    }
}

/* -------------------------- SECTION 4 / SLIDER -------------------------- */

.pageDecors .section4{
    position: relative;
    margin: 0px 10%;
    margin-bottom: 140px;
}

.pageDecors .section4 .swiperDecors .swiper-slide img{
    width: 100%;
    aspect-ratio: 16/9;
}

.pageDecors .section4 .swiperNavigation{
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 76px);
    transform: translate(-50%, 0);
    z-index: 1;
}

.pageDecors .section4 .swiperNavigation .swiperNavigation__container{
    position: relative;
}

.pageDecors .section4 .swiperNavigation .swiper-button-prev,
.pageDecors .section4 .swiperNavigation .swiper-button-next{
    position: absolute;
    background-color: #fff;
    border-radius: 100%;
    width: 76px;
    height: 76px;
}

.pageDecors .section4 .swiperNavigation .swiper-button-prev{
    left: 0px;
}

.pageDecors .section4 .swiperNavigation .swiper-button-next{
    right: 0px;
}

.pageDecors .section4 .swiperNavigation .swiper-button-prev::after,
.pageDecors .section4 .swiperNavigation .swiper-button-next::after{
    position: relative;
    content: "";
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.pageDecors .section4 .swiperNavigation .swiper-button-next::after{
    transform: translateX(-30%);
    transition: 300ms ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51.4' height='32.4' viewBox='0 0 51.4 32.4'%3E%3Cpath id='Tracé_19608' data-name='Tracé 19608' d='M58.1,64.8l1.4,1.4L75.7,50,59.5,33.8l-1.4,1.4L71.9,49H24.3v2H71.9Z' transform='translate(-24.3 -33.8)'/%3E%3C/svg%3E%0A");
}

.pageDecors .section4 .swiperNavigation .swiper-button-prev::after{
    transform: translateX(30%);
    transition: 300ms ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51.4' height='32.4' viewBox='0 0 51.4 32.4'%3E%3Cpath id='Tracé_19608' data-name='Tracé 19608' d='M58.1,64.8l1.4,1.4L75.7,50,59.5,33.8l-1.4,1.4L71.9,49H24.3v2H71.9Z' transform='translate(75.7 66.2) rotate(180)'/%3E%3C/svg%3E%0A");
}

@media (min-width: 993px){
    .pageDecors .section4 .swiperNavigation .swiper-button-next:hover::after,
    .pageDecors .section4 .swiperNavigation .swiper-button-prev:hover::after{
        transform: translateX(0%);
        transition: 300ms ease;
    }
}

@media (max-width: 992px){
    .pageDecors .section4{
        margin: 0px;
        margin-bottom: 75px;
        overflow: hidden;
    }
    .pageDecors .section4 .swiperNavigation{
        width: calc(100% + 45px);
        transform: translate(-50%, -20px);
    }
    .pageDecors .section4 .swiperNavigation .swiper-button-next,
    .pageDecors .section4 .swiperNavigation .swiper-button-prev{
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        transform: none;
        margin: 0px;
        padding: 0px;
        width: 53px;
        height: 53px;
    }
    .pageDecors .section4 .swiperNavigation .swiperNavigation__container{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

/* -------------------------- SECTION IMAGE -------------------------- */

.pageDecors > img{
    width: 100%;
}

/* -------------------------- SECTION 5 -------------------------- */

.pageDecors .section5{
    padding: 75px 19% 0px 19%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.pageDecors .section5 .titre{
    margin-bottom: 37px;
    text-align: center;
}

.pageDecors .section5 > p{
    text-align: center;
    max-width: 680px;
    margin-bottom: 20px;
}

.pageDecors .section5 iframe{
    margin-top: 50px;
    margin-bottom: 50px;
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}

@media (max-width: 1400px){
    .pageDecors .section5{
        padding: 75px 13% 0px 13%;
    }
}

@media (max-width: 992px){
    .pageDecors .section5{
        padding: 75px 0px 0px 0px;
    }
    .pageDecors .section5 .titre{
        padding: 0px 80px;
    }
    .pageDecors .section5 > p{
        padding: 0px 80px;
    }
    .pageDecors .section5 iframe{
        aspect-ratio: 1;
    }
}

@media (max-width: 600px){
    .pageDecors .section5 .titre{
        padding: 0px 36px;
    }
    .pageDecors .section5 > p{
        padding: 0px 36px;
    }
}