.has-greyBg .has-deco-left:before,
.has-greyBg .has-deco:before {
    background-color: var(--c-jaune)
}

.has-greyBg .FileIcon-wrp {
    background-color: var(--c-blanc)
}

@media (max-width:767.98px) {
    .BannerSlider:after {
        background-color: var(--fgColor, var(--c-gris));
        content: "";
        display: block;
        height: 1.875rem;
        inset-block-end: 0;
        inset-inline-start: 50%;
        position: absolute;
        width: .0625rem
    }
}

@media (min-width:768px) {
    .BannerSlider.is-full {
        -webkit-padding-after: 0;
        padding-block-end: 0
    }
}

.BannerSlider-inner {
    position: relative
}

@media (min-width:768px) {
    .BannerSlider-inner {
        -webkit-margin-before: 6.25rem;
        margin-block-start: 6.25rem
    }

    .BannerSlider-inner:before {
        background-color: var(--c-blanc);
        content: "";
        display: block;
        grid-column: 4;
        grid-column: 5/-1;
        inset: 0;
        position: absolute;
        z-index: 0
    }

    .is-full .BannerSlider-inner {
        -webkit-margin-before: 0;
        margin-block-start: 0;
        margin-inline: -1.25rem;
        position: static;
        width: auto
    }

    .is-full .BannerSlider-inner:before {
        display: none
    }
}

.BannerSlider-slider {
    position: relative
}

@media (min-width:768px) {
    .BannerSlider-slider:before {
        background-image: url(/build/images/banner-slider.c8692381.svg);
        background-position: 100%;
        background-repeat: no-repeat;
        background-size: auto 100%;
        content: "";
        height: 35.625rem;
        inset-block-start: -4.75rem;
        inset-inline-end: -8.125rem;
        position: absolute;
        width: 35.625rem
    }

    .is-full .BannerSlider-slider {
        overflow: hidden
    }

    .is-full .BannerSlider-slider:before {
        display: none
    }
}

.BannerSliderItem {
    display: grid;
    pointer-events: none
}

.BannerSliderItem.is-active {
    pointer-events: auto
}

@media (min-width:768px) {
    .BannerSliderItem:not(.is-full) {
        gap: 1.25rem;
        grid-template-columns: 1fr 1fr
    }
}

.BannerSliderItem-inner {
    display: grid
}

@media (min-width:768px) {
    .BannerSliderItem-inner {
        gap: 1.25rem;
        grid-template-columns: 1fr 1fr
    }
}

.BannerSliderItem-img {
    position: relative
}

.BannerSliderItem-img img {
    width: 100%
}

@media (min-width:768px) {
    .BannerSliderItem-img {
        min-height: 32.9375rem;
        transform: translateY(-100px)
    }

    .BannerSliderItem-img img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        width: 100%
    }

    .is-full .BannerSliderItem-img {
        inset: 0;
        position: absolute;
        transform: none
    }
}

.BannerSliderItem-content {
    background-color: var(--c-blanc);
    padding-block: 1.875rem;
    padding-inline: 1.25rem
}

@media (min-width:768px) {
    .BannerSliderItem-content {
        padding-block: 5.3125rem;
        padding-inline: 5rem 6.25rem
    }

    .BannerSliderItem-content:before {
        background-color: var(--c-jaune);
        content: "";
        height: 4px;
        inset-block-end: 100%;
        position: absolute;
        width: 6.875rem
    }

    .is-full .BannerSliderItem-content {
        position: relative
    }

    .is-full .BannerSliderItem-content:before {
        display: none
    }
}

.BannerSliderItem-topTitle {
    font-family: Montserrat, sans-serif;
    font-size: ezm(16px);
    font-weight: 500;
    text-transform: uppercase
}

.BannerSliderItem-title,
.BannerSliderItem-topTitle {
    -webkit-margin-after: 1.25rem;
    margin-block-end: 1.25rem
}

.BannerSliderItem-title {
    font-size: 2.25rem
}

.BannerSliderItem-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    justify-content: flex-start
}

.BannerSlider-nav {
    display: flex;
    inset-block-start: 0;
    inset-inline-end: 0;
    position: absolute
}

.BannerSlider-nav .Slider-btnPrev {
    inset-block-start: .9375rem;
    inset-inline-start: 0;
    position: relative
}

.is-full .BannerSlider-nav .Slider-btnPrev {
    inset-block-start: -4.1875rem
}

.BannerSlider-nav .Slider-btnNext {
    inset-block-start: 0;
    inset-inline-end: 0;
    position: relative;
    transform-origin: 100% 0
}

.is-full .BannerSlider-nav {
    inset-block-end: 13.75rem;
    inset-block-start: auto;
    inset-inline-end: 1.25rem
}

@media (min-width:768px) {
    .is-full .BannerSlider-nav:before {
        background-image: url(/build/images/banner-slider2-full.c43c9f17.svg);
        background-repeat: no-repeat;
        content: "";
        height: 63.125rem;
        inset-block-end: -22.125rem;
        inset-inline-start: -18.4375rem;
        pointer-events: none;
        position: absolute;
        transform: rotate(.5turn);
        width: 55.625rem;
        z-index: 1
    }
}

@media (min-width:1200px) {
    .is-full .BannerSlider-nav {
        inset-inline-end: calc(50vw - 36.25rem)
    }
}

.Slider-wrapper {
    align-items: center;
    display: flex;
    transition-property: transform
}

@media (max-width:767.98px) {
    .BannerHome .Slider-wrapper {
        min-height: 20rem
    }
}

@media (min-width:768px) {
    .BannerHome .Slider-wrapper {
        height: 37.5rem
    }
}

 .video-container {
     max-width: 800px;
     margin: 0 auto;
 }

 video {
     width: 100%;
 }

 .controls {
     margin-top: 10px;
 }


