.sc-bandeau .cliping::after {
    opacity: 1;
    background: linear-gradient(90deg, var(--cLDarkGreen) 7.58%, rgba(12, 105, 65, 0.10) 66.8%);
}
.sc-bandeau {z-index: 2;}
.sc-bandeau .ct-dc {inset: 0 0 -30px;}
.sc-bandeau .ct-dc .ct-dc > img {filter: drop-shadow(0px 4px 24px var(--cLBlackTransparent13));}
.sc-bandeau .ct-dc .float-left {
    bottom: -9%;
    width: min(200px,25vw);
    height: min(200px, 25vw);
    left: calc(50vw - 48%);
}
.sc-bandeau .ct-dc .float-right {
    bottom: -8%;
    left: calc(50vw + 22%);
    width: min(185px,25vw);
    height: min(185px,25vw);
}
.sc-bandeau .cliping {
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center bottom;
    mask-position: center bottom;
    background-color: var(--cLForestGreenDark);
    -webkit-mask-image: url(../images/bandeau-home.svg);
    mask-image: url(../images/bandeau-home.svg);
}
.sc-bandeau .cliping::after {
    position: absolute;
    inset: 0;
    z-index: 2;
    content: '';
    opacity: 0.02;
    mix-blend-mode: multiply;
    background-color: var(--cLForestGreenDark);
}
.sc-bandeau {
    & [class^="text"] {
        position: relative;
        z-index: 2;
        color: var(--cLWhite);
        justify-content: center;
        min-height: min(500px,85vw);
        padding-block: min(280px,40vw) min(40px,17vw);
        & p:has( img) {
            display: flex;
            gap: .5em 1em;
            justify-self: center;
            & img {
                object-fit: contain;
                height: min(57px,7vw);
                width: min(183.614px,30vw);
                filter: drop-shadow(2px 4px 6px black);
            }
        }
        & h1 {font-size: var(--fs60);}
    }
}
/* .sc-bandeau [class^="text"] img {width: min(183.614px,30vw);object-fit: contain;} */
/* .sc-bandeau [class^="text"] h1 {font-size: var(--fs60);} */
.sc-bandeau [class^="text"] :is(h1,h2,h3,h4,h5,h6,[class*="ttl-"]) {color: inherit;}
body:has( #page_theme) .sc-bandeau [class^="text"] :is(h1,h2,h3,h4,h5,h6,[class*="ttl-"]) {color: var(--page_theme) !important;}
body:has( #page_theme) .sc-bandeau [class^="text"] :is(h1,h2,h3,h4,h5,h6,[class*="ttl-"]) * {color: inherit !important;}
@media screen and (min-width:1024px){
    .sc-bandeau .ct-dc .float-left {
        bottom: 0%;
        left: calc(50vw - 35%);
    }
    .sc-bandeau .ct-dc .float-right {
        bottom: 10%;
        left: calc(50vw + 30%);
    }
}