#presentation .section-container .presentation {
    background-color: #F0F3F8;
}

#presentation .section-container .presentation:nth-of-type(2) {
    background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0.00) 100%), #1B2312;
}

#presentation .section-container .presentation > div .text-container {
    padding: 40px 20px;
}

#presentation .section-container .presentation .text-container h2 {
    margin-bottom: 10px;
    color: #AC795C;
}

#presentation .section-container .presentation .text-container p {
    color: black;
    margin-bottom: 0;
}

#presentation .section-container .presentation:nth-of-type(2) .text-container p {
    color: white;
}

#presentation .section-container .presentation > div figure {
    position: relative;
}

#presentation .section-container .presentation > div figure .bottom-linear-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    background: linear-gradient(0deg, #1B2312 0%, rgba(27, 35, 18, 0.00) 100%);
}

/* Rooms sections */
.rooms-section .video-container {
    position: relative;
    height: 40vh;
}

.rooms-section .video-container .top-linear-gradient-video,
.rooms-section .video-container .bottom-linear-gradient-video {
    position: absolute;
    height: 25%;
    width: 100%;
    left: 0;
}

.rooms-section .video-container .top-linear-gradient-video {
    top: 0;
    background: linear-gradient(180deg, #1C1917 0%, rgba(28, 25, 23, 0.00) 100%);
}

.rooms-section .video-container .bottom-linear-gradient-video {
    bottom: 0;
    background: linear-gradient(360deg, #1C1917 0%, rgba(28, 25, 23, 0.00) 100%);
}

.rooms-section .video-container video {
    display: block;
}

.rooms-section .slide-part .room-description {
    position: relative;
}

.rooms-section .slide-part .room-description figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.rooms-section .slide-part .room-description figure .fullsize-linear-gradient {
    background:
            linear-gradient(0deg, #1C1917 0%, rgba(28, 25, 23, 0.00) 100%),
            linear-gradient(180deg, #1C1917 0%, rgba(28, 25, 23, 0.00) 100%);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.rooms-section .slide-part .room-description .title-container {
    padding: 20px 20px 0 20px;
    position: relative;
    z-index: 99;
}

.rooms-section .slide-part .room-description .title-container p {
    margin-bottom: 0;
}

.rooms-section .slide-part .swiper-container {
    background-color: #1C1917;
    padding: 40px 20px;
    overflow: hidden;
}

.rooms-section .slide-part .swiper-container .swiper-rooms {
    position: relative;
    margin-bottom: 20px;
}

.rooms-section .slide-part .swiper-container figure img {
    height: 400px;
}

.rooms-section .slide-part .swiper-container .swiper-rooms .swiper-pagination {
    bottom: -30px;
}

.rooms-section .slide-part .swiper-container .swiper-rooms .swiper-pagination .swiper-pagination-bullet {
    border: 1px solid var(--title-color);
}

.rooms-section .slide-part .swiper-container .swiper-rooms .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--title-color);
}

.rooms-section .slide-part .swiper-container .swiper-rooms .swiper-rooms-nav {
    position: absolute;
    top: 50%;
    width: 100%;
}


    /* Tablette version */
    @media screen and (min-width: 768px) {
        #presentation .section-container .presentation > div .text-container {
            padding: 40px;
        }

        /* Rooms sections */
        .rooms-section .slide-part {
            display: flex;
        }

        .rooms-section .slide-part .room-description .title-container {
            padding: 40px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .rooms-section .slide-part .room-description figure {
            height: 100%;
        }

        .rooms-section .slide-part .room-description,
        .rooms-section .slide-part .swiper-container {
            width: 50%;
        }

        .rooms-section .slide-part .swiper-container {
            padding: 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .rooms-section .slide-part .swiper-container figure img {
            height: 450px;
        }
    }


        /* Desktop version */
        @media screen and (min-width: 992px) {
            #presentation .section-container .presentation > div .text-container {
                padding: 60px;
            }

            /* Rooms sections */
            .rooms-section .video-container {
                height: 75vh;
            }

            .rooms-section .slide-part .room-description .title-container {
                padding: 60px;
            }

            .rooms-section .slide-part .swiper-container {
                padding: 60px;
            }

            .rooms-section .slide-part .swiper-container figure img {
                height: 500px;
            }
        }


        @media screen and (min-width: 1200px) {
            .rooms-section .slide-part .room-description {
                width: 35%;
            }

            .rooms-section .slide-part .swiper-container {
                width: 65%;
            }
        }