.slider-carrousel {width: 100%;margin: 4rem 0;}
.container-bloc-slider {padding: 0;}
.container-bloc-slider .slick-prev,.container-bloc-slider .slick-next{position: initial;display: inline-block;}
.container-bloc-slider .slick-prev:before,.container-bloc-slider .slick-next:before{display: none;}
.container-bloc-slider .slider-navigation {display: none; position: absolute; background-color: #fafafa; right: 2rem; top: 5rem;z-index: 1; color: var(--couleur-texte); border-radius: 5px;}
.container-bloc-slider .slider-navigation button {transform: none; font-size: 1.2rem; padding: 8px; width: auto; height: auto;}
.container-bloc-slider .slider-navigation span {font-size: 1.4rem; font-weight: 400; letter-spacing: 2px; padding: 5px 8px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; display: inline-block; min-width: 50px; text-align: center;}
.container-bloc-slider {position: relative;}

.container-bloc-slider .slick-slide .slide-content { opacity: 0; transform: translateY(120%); will-change: transform, opacity; transition: opacity .9s, transform .9s cubic-bezier(.26,.54,.32,1) .3s; padding-left: 0; padding-right: 0; flex-direction: column; margin-top: 3rem;}

.container-bloc-slider .slick-active .slide-content {opacity: 1;transform: translateY(0);}



.container-bloc-slider.entete-center .slide-content {text-align: center;align-items: center; justify-content: center;}
.container-bloc-slider:not(.entete-center) .slide-content {justify-content: flex-end;}
.container-bloc-slider.entete-center .slide-content .btn-cta {margin-left: auto; margin-right: auto;}
.container-bloc-slider h1, .container-bloc-slider h2 {margin-top: 0;}
.container-bloc-slider .slick-active .image-slide  img{transform: scale(1);}

.container-bloc-slider .slick-slide .image-slide {position: relative;overflow: hidden; width: 100%; aspect-ratio: 16/9; height: 100%;}
.container-bloc-slider .slick-slide .image-slide:before {content: "";pointer-events: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: radial-gradient(rgba(0, 0, 0, .36) 0%, transparent 100%);}

.container-bloc-slider.border-radius .slick-slide .image-slide {border-radius: var(--border-radius);}
.container-bloc-slider .image-slide img {display: block;position: absolute;left: 0;top: 0;height: 100%;object-fit: cover;width: 100%; transform: scale(1.2); will-change: transform; transition: transform 2s cubic-bezier(.21,.6,.35,1);}
.container-bloc-slider.border-radius .image-slide img {border-radius: var(--border-radius);}

/*
.image-slide iframe, .image-slide object, .image-slide embed {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    aspect-ratio: 16/9;
}*/

.image-slide .video-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 2px solid #000; /* Add a border */
    background-color: #f0f0f0; /* Add a background color */
}

@media (min-width: 768px) {
    .container-bloc-slider .slick-slide .slide-content {padding-left: 5rem; padding-right: 5rem; margin-top: 0; }
    .container-bloc-slider .slider-navigation {display: block;}
    .container-bloc-slider:not(.entete-center) .slide-content {padding-bottom: 6rem;}
    .container-bloc-slider .slide-content {position: absolute; top: 0; left: 0;right: 0; bottom: 0; display: flex; z-index: 2;}
    .container-bloc-slider.entete-center .slide-content {max-width: 80rem;}
    }
    
@media (min-width: 1000px) {
    .container-bloc-slider:not(.entete-center) h2, .container-bloc-slider:not(.entete-center) h1 {max-width: 60%;}
}

/* Styles pour la vidéo YouTube en arrière-plan */
.container-bloc-slider.has-youtube-bg {
    position: relative;
    overflow: hidden;
}

.youtube-background-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    overflow: hidden;
}

.youtube-bg-player {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
}

/* Masquer la vidéo YouTube en arrière-plan sur mobile pour des performances optimales */
@media (max-width: 767px) {
    .youtube-background-container {
        display: none;
    }
}

/* Overlay pour améliorer la lisibilité du contenu par-dessus la vidéo */
.container-bloc-slider.has-youtube-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 0;
    pointer-events: none;
}

/* S'assurer que le contenu du slider reste au-dessus de la vidéo */
.container-bloc-slider.has-youtube-bg .slider-carrousel,
.container-bloc-slider.has-youtube-bg .slider-navigation {
    z-index: 1;
}

/* Ajuster la hauteur minimale pour les sliders avec vidéo en arrière-plan */
.container-bloc-slider.has-youtube-bg {
    aspect-ratio: 16/9;
}

/* Masquer complètement tous les éléments d'interface YouTube */
.youtube-background-container iframe {
    pointer-events: none; /* Désactive toutes les interactions */
}

/* Masquer les éléments YouTube qui pourraient apparaître */
.youtube-background-container .ytp-chrome-top,
.youtube-background-container .ytp-chrome-bottom,
.youtube-background-container .ytp-watermark,
.youtube-background-container .ytp-gradient-top,
.youtube-background-container .ytp-gradient-bottom,
.youtube-background-container .ytp-show-cards-title,
.youtube-background-container .ytp-pause-overlay,
.youtube-background-container .ytp-upnext,
.youtube-background-container .ytp-endscreen-content,
.youtube-background-container .ytp-ce-element,
.youtube-background-container .ytp-cards-teaser,
.youtube-background-container .ytp-suggested-action,
.youtube-background-container .ytp-videowall-still,
.youtube-background-container .ytp-impression-link {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}