.section-bandeau-entete {background-color: var(--couleur-bg); gap: 30px; position: relative; flex-direction: column;}
.contenu-bandeau-entete {gap: 30px; flex-direction: column; }

h1::before{transition: left 0.8s ease;left: -100%;}
.section-bandeau-entete.animate-before h1::before { left: -90px;}
.bloc-right>.plyr--youtube {position: relative; overflow: visible;}

.bloc-slider .plyr{height:100%;}
.bloc-slider .plyr--video .plyr__controls{margin-left:auto; margin-bottom: 20px; background: transparent;width: 20%;}
/*.plyr__control svg { fill:var(--couleur-principale);}
.plyr__control:hover svg { fill:white;}*/
.plyr__volume{max-width: 160px; margin-left: auto !important; margin-right: 0 !important;}
.plyr__volume .plyr__control svg{width: 18px; height: 18px;}
.plyr__volume button.plyr__control {background: transparent; border: 3px solid var(--couleur-blanc); border-radius: 50px; width: 35px; height: 35px; filter: drop-shadow(3px 3px 4px rgb(0 0 0 / 0.4));}
.bloc-slider .plyr--video { --plyr-color-main: var(--couleur-principale);}
.bloc-slider .plyr__poster{background-size: cover;}
button.plyr__control--overlaid {background: transparent; border: 3px solid var(--couleur-blanc); width: 90px; height: 90px; filter: drop-shadow(3px 3px 4px rgb(0 0 0 / 0.4));}
button.plyr__control--overlaid:hover {background: transparent !important; width: 95px; height: 95px;}
button.plyr__control--overlaid:hover svg {height: 44px; width: 100%;}
.plyr__control--overlaid svg {left: 55%; transform: translateX(-50%); height: 40px; width: 100%;}

.bloc-right .plyr__controls .plyr__controls__item:not(.plyr__volume) {opacity: 0; transition: all 250ms ease-in-out;}
.bloc-right .plyr--youtube:hover .plyr__controls .plyr__controls__item:not(.plyr__volume) {opacity: 1;}
.section-bandeau-entete .bloc-left{z-index: 10;}

.module-picto.section-bandeau-entete .bloc-left::before {content: ''; background-image: var(--motif-metier); background-size: contain; background-repeat: no-repeat; width: 220px; height: 220px; position: absolute; bottom: 0; left: 0;}

@media screen and (max-width: 1676px) {
    .module-picto.section-bandeau-entete .bloc-left::before {left: -106px;}
}
@media screen and (max-width: 1462px) {
    .module-picto.section-bandeau-entete .bloc-left::before {left: -159px;}
}
@media screen and (max-width: 1356px) {
    .module-picto.section-bandeau-entete .bloc-left::before {display: none;}
}
@media screen and (min-width: 768px) {
    .bloc-slider .plyr--video .plyr__controls{margin-left:auto; margin-bottom: 50px; background: transparent; margin-right: 150px;}
    .contenu-bandeau-entete {gap: 100px; flex-direction: row; /*max-height: 550px;*/}
    .contenu-bandeau-entete .bloc-left {max-width: 520px; margin-left: auto; margin-top:auto;margin-bottom:auto; padding: 0 1rem; }
    .contenu-bandeau-entete .bloc-left {width: 50%;}
    .section-bandeau-entete.chevauche-section .bloc-left {padding-bottom: 150px;}
    .section-bandeau-entete.chevauche-section .overlay img {max-height: none;}
    .section-bandeau-entete.chevauche-section .contenu-bandeau-entete::after {display: none;}
    .module-picto.section-bandeau-entete {position: relative;}
    /*.section-bandeau-entete {max-height: 550px;}*/
    .section-bandeau-entete.chevauche-section {max-height: 100%;}
    .module-chevrons_en_bas_a_droite .contenu-bandeau-entete::after {content: url(/wp-content/uploads/2023/08/picto-chevrons-gauche-1.svg); width: 260px; bottom: -83px; right: 0; position: absolute; filter: drop-shadow(3px 5px 8px rgb(0 0 0 / 0.15));}
    .module-chevrons_en_bas_a_droite {z-index: 10;}
    .plyr__volume{max-width: 260px;}
    .plyr__volume .plyr__control svg{width: 50px; height: 50px;}
    .plyr__volume button.plyr__control {background: transparent; border: 3px solid var(--couleur-blanc); border-radius: 50px; width: 70px; height: 70px; filter: drop-shadow(3px 3px 4px rgb(0 0 0 / 0.4));}

}