/*nav xx% */
.SmartDisplayF,.SmartDisplayD{display:none!important;}
html,body{overflow-x:hidden;}
body{overflow:hidden;}
iframe{border:none;}
/* marges  25 50 */
/*nav marges */
.nav{position:fixed;display:flex;flex-direction:column;gap:12vh;gap:12dvh;align-items:center;height:100vh;height:100dvh;transition:top .5s ease;top:-100vh;top:-100dvh;justify-content:flex-end;box-sizing:border-box;padding:25px;z-index:2000;padding-bottom:calc( 50px - ( ( 72px - 47px ) / 2 ) );padding-top:50vh;padding-top:50dvh;}
.nav-buttons-ul{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:25px;}
.nav-rs-ul{flex-wrap:nowrap;display:flex;gap:18px;align-items:center;justify-content:center;}

.hm-container{position:fixed;top:0px;left:0px;width:72px;height:72px;z-index:2001;}
.hm-elmts{transition:opacity .5s ease;position:absolute;background-position: center;background-size:contain;}
.hm-container .hm-on{background-image:url("../imgs/elmts/interface/hm-on.webp");opacity:0;}
.hm-container .hm-off{background-image:url("../imgs/elmts/interface/hm-off.webp");}
.nav-decoration-container{padding:0px;padding-bottom:50vh;padding-bottom:50dvh;box-sizing:border-box;position:absolute;}
.nav-decoration-content{background-image:url("../imgs/elmts/deco/deco-hm.webp");background-repeat:no-repeat;background-position: center;background-size:contain;}
.nav-rs-li-a{width:48px;background:#000000;mask-repeat: no-repeat;mask-size: contain;mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;-webkit-mask-position: center;transition: background-color 0.3s ease; height:72px;}

.smartMenu-on .nav{top:0;}
.smartMenu-on .hm-on{opacity:1;}
.smartMenu-on .hm-off{opacity:0;}

/*interfaces*/
.buttonh4-container{box-sizing:border-box;padding:7px;padding-top:5px;padding-bottom:3px;}

/*anim*/
.article-anim{/*height:100vh;height:100dvh;*/height:100vw;align-items:flex-end;justify-content:center;padding:12.5px;padding-top:50px;padding-bottom:50px;box-sizing:border-box;}
.full-anim-container{ display: flex;align-items:center;justify-content:center;}
.full-anim-content{aspect-ratio:80/64;max-width:100%;max-height:100%;width:auto;height:auto;}
.full-anim-content img{max-width:1600px;max-height:800px;}
.svg-brouillon-container{position:absolute;opacity:0;}
.anim-arrow-down{position:absolute;top:auto;bottom:0;box-sizing:border-box;padding:25px;display:flex;align-items:center;justify-content:center;}
.anim-arrow-img{width:50px;mask-image: url('../imgs/elmts/interface/arrow.webp');-webkit-mask-image: url('../imgs/elmts/interface/arrow.webp');mask-repeat: no-repeat;mask-size: contain;mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;-webkit-mask-position: center;transition: background-color 0.3s ease;}
.anim-arrow-img img{opacity:0;}
/*elmts anim*/
.anim-svg-container,.anim-rond{position:absolute;opacity:0;transform: translate(-50%, -50%);height:auto;aspect-ratio: 1 / 1;display:flex;align-items:center;justify-content: center;}
.anim-rond{aspect-ratio:1/1;border-radius:50%;}
.anim-svg-container svg{width:100%;height:auto;}

/*etats initiaux anim*/
.anim-svg-container-bv1{top:28.3%;width:44%;left:50%;opacity:0; transform: translate(-50%, -50%) scale(2) rotate(-90deg);}
.anim-svg-container-bv2{top:28.3%;width:44%;left:50%;opacity:0; transform: translate(-50%, -50%) scale(3.2) rotate(80deg);}
.anim-svg-container-bv3{top:28.3%;width:44%;left:50%;opacity:0; transform: translate(-50%, -50%) scale(4.3) rotate(70deg);}
.anim-svg-container-bv4{top:28.3%;width:44%;left:50%;opacity:0; transform: translate(-50%, -50%) scale(4.8) rotate(-80deg);}
.anim-rond-parent-0-enfant-0,.anim-rond-parent-0-enfant-1,.anim-rond-parent-0-enfant-2{width:1.4%;top:28.3%;left:50%;transform: translate(-50%, -50%) scale(1) rotate(0);}
.anim-svg-container-bv-shape{top:28.3%;width:44%;left:50%;transform: translate(-50%, -50%) scale(0.1) rotate(80deg);}
.anim-svg-container-bv-txt{top:28.3%;width:44%;left:50%;transform: translate(-50%, -50%) scale(1) rotate(0);margin-left:-15%;}
.anim-svg-container-bv-txt-trace{top:28.3%;width:44%;left:50%;transform: translate(-50%, -50%) scale(1) rotate(0);margin-left:0;  will-change: transform;}
.trace-b0,.trace-b1,.trace-b2{opacity:0;}
.anim-rond-parent-3-enfant-0,.anim-rond-parent-3-enfant-1,.anim-rond-parent-3-enfant-2,.anim-rond-parent-2-enfant-0,.anim-rond-parent-2-enfant-1,.anim-rond-parent-2-enfant-2,.anim-rond-parent-1-enfant-0,.anim-rond-parent-1-enfant-1,.anim-rond-parent-1-enfant-2{transform: translate(-50%, -50%) scale(1) rotate(0);width:1.4%;opacity:0;}
.anim-svg-container-ml-shape{left:50%;top:84%;width:26%;/*margin-left:10%;margin-top:4%;*/transform: translate(-50%, -50%) scale(0.1) rotate(0deg);}
.anim-svg-container-pm-shape{left:86.4%;top:84%;width:26%;transform: translate(-50%, -50%) scale(0.1) rotate(0deg);/*margin-left:4%;margin-top:-5%;*/}
.anim-svg-container-rdp-shape{left: 13.4%;top: 84.2%;width:26%;transform: translate(-50%, -50%) scale(0.1) rotate(0deg);margin-left:0%;margin-top:0%;}
.anim-svg-container-ml-txt{left:50%;top:84%;width:26%;transform: translate(-50%, -50%) scale(1) rotate(0);}
.anim-svg-container-pm-txt{left:86.4%;top:84%;width:26%;transform: translate(-50%, -50%) scale(1) rotate(90deg);}
.anim-svg-container-rdp-txt{left: 13.4%;top: 84.2%;width:26%;transform: translate(-50%, -50%) scale(1) rotate(-120deg);}
.anim-arrow-img{opacity:0;}
/*video*/
.article-video{margin-bottom:100px;}
.article-video-section-vimeo{padding-top: calc( 9 * 100% / 16 );clip-path: polygon(25px 0,100% 0,100% calc( 100% - 25px ), calc( 100% - 25px ) 100%, 0 100%, 0 25px);}
.article-video-section-vimeo-iframe{position:absolute;border:none;}
.video-bouton-container{position:absolute;top:auto;bottom:15px;display:flex;align-items:center;justify-content:center;}
.article-video-soundchange{width:36px;height:36px;}
.video-bouton-container .video-bouton-ico{position:absolute;mask-repeat: no-repeat;mask-size: contain;mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;-webkit-mask-position: center;transition: background-color 0.3s ease;}
.audioOn{opacity:0;}
.audioActiv .audioOn{opacity:1;}
.audioActiv .audioOff{opacity:0;}
.version-off-button{position:absolute;}
.video-bouton-container .soundChange{cursor: pointer;user-select: none;-webkit-user-select: none;-moz-user-select:none;-ms-user-select:none;}

/*portaits*/
.article-portraits{box-sizing:border-box;padding-top:25px;padding-bottom:25px;}
.article-portraits-titre{display:flex;flex-direction:row;justify-content:center;}
.article-portraits-container-ul{width:100%;}
.article-portraits-ul{ display:flex;min-width: 100%;height: auto;scroll-snap-align: start;display: flex;align-items: center;  overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;  scrollbar-width: none; -ms-overflow-style: none;  }
.article-portraits-ul::-webkit-scrollbar {display: none; height: 0;width: 0;}
.article-portraits-li{flex: 0 0 100%;scroll-snap-align:start;display:flex;flex-direction:column;box-sizing:border-box;}
.article-portrait-image-container{z-index:1;aspect-ratio:3 / 2 ;display:flex;align-items:center;justify-content:center; overflow:hidden;background-position: center;background-size: cover;}
.article-portraits-li-up{display:flex;flex-direction:column;align-items:center;gap:20px;}
.article-portraits-li-left{display:flex;flex-direction:column;align-items:flex-end;box-sizing:border-box;}
.article-portraits-li-titre{height:74px;margin-right:25px;margin-bottom:-18px;z-index:1;}
.article-portraits-li-right{display:flex;align-items:center;flex-direction:column;margin-bottom:25px;}
.article-portraits-eclat{width: 80px;margin-bottom: 5px;}
.article-portrait-citation{padding-left:25px;padding-right:25px;box-sizing:border-box;}
.article-portraits-phare{width:115px;margin-left:calc( 25px );margin-top: 12px;margin-bottom: 15px;}
.article-portrait-txt{box-sizing:border-box;padding-left:60px;padding-right:60px;}
.article-portraits-player-container{box-sizing:border-box;padding:25px;display:flex;flex-direction:column;gap:25px;}
.portraits-player{display:flex;height:56px;align-items:center;flex-direction:center;}
.sharer-portrait-ul{display:flex;flex-direction:row;justify-content:flex-end;gap:12px;box-sizing:border-box;padding-left:25px;padding-right:25px;}
.sharer-portrait-li-img{width:42px;opacity:0;}
.sharer-portrait-li{border-radius:50%;border:1px solid #000000;}
.sharer-portrait-li-a{mask-repeat: no-repeat;mask-size: contain;mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;-webkit-mask-position: center;transition: background-color 0.3s ease;}
.arrow-portraits-container{position:absolute;top:auto;bottom:calc( 175px + 20vw );}
.arrow-portraits{width:38px;mask-repeat: no-repeat;mask-size: contain;mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;-webkit-mask-position: center;transition: background-color 0.3s ease;}
.arrow-portraits-right{mask-image: url('../imgs/elmts/interface/arrow-r.webp');-webkit-mask-image: url('../imgs/elmts/interface/arrow-r.webp');}
.arrow-portraits-left{mask-image: url('../imgs/elmts/interface/arrow-l.webp');-webkit-mask-image: url('../imgs/elmts/interface/arrow-l.webp');}
.overlay-podcastics{position:absolute;cursor:pointer;}
.overlay-podcastics-on{z-index:-3000;}
.arrow-portraits img{opacity:0;}

.arrow-portraits-container-left{left:10px;}
.arrow-portraits-container-right{left:auto;right:10px;}
.cookies-podcast-buttons-part{width:auto; flex: 1 1 auto;}
.cookies-podcast-wrapper{box-sizing:border-box;min-height:calc( 56px + 25px + 44px );display:flex;flex-direction:row;align-items:center;gap:25px;padding:25px;background-color:#EEEEEE;border-radius:25px;}
.cookies-podcast-txt-part-a{text-decoration:underline; text-underline-offset: 2px;cursor:pointer;}
.caroussel-begin .arrow-portraits-container-left,.caroussel-end .arrow-portraits-container-right{display:none;}
.dynamique-deco-portaits-container{position:relative;aspect-ratio:5/1;margin-top:-25px;}
.dynamique-deco-portaits{position:absolute;left:0;background-image: url('../imgs/elmts/deco/motif-portraits-0.svg');background-repeat: repeat-x;background-position: 0 0;pointer-events: none;  /* pour ne pas bloquer le scroll */}
.boule-caroussel{transition:.8s ease;aspect-ratio:1 / 1;width:1.5%;transform:translate( -50% -50% );border-radius:50%;position:absolute;}
.boule-caroussel-portrait-0{left:11%;top:55%;}
.boule-caroussel-portrait-1{left:49%;top:46%;}
.boule-caroussel-portrait-2{left:42%;top:21%;}
.h-caroussel-container[data-step="1"] .boule-caroussel-portrait-0{left:20%;top:28%;}
.h-caroussel-container[data-step="1"] .boule-caroussel-portrait-1{left:23%;top:69%;}
.h-caroussel-container[data-step="1"] .boule-caroussel-portrait-2{left:36%;top:38%;}
.h-caroussel-container[data-step="2"] .boule-caroussel-portrait-0{left:72%;top:59%;}
.h-caroussel-container[data-step="2"] .boule-caroussel-portrait-1{left:51%;top:47%;}
.h-caroussel-container[data-step="2"] .boule-caroussel-portrait-2{left:44%;top:49%;}


/*decouverte*/
.article-decouverte{box-sizing:border-box;padding-top:25px;padding-bottom:calc( 20vw );}
.article-decouverte-titre{display:flex;flex-direction:row;justify-content:center;margin-bottom:25px;}
.article-decouverte-container-ul{width:100%;}
.article-decouverte-ul{ display:flex;min-width: 100%;height: auto;scroll-snap-align: start;display: flex;align-items: center;  overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;  scrollbar-width: none; -ms-overflow-style: none;  }
.article-decouverte-ul::-webkit-scrollbar {display: none; height: 0;width: 0;}
.article-decouverte-li{z-index:1;flex: 0 0 100%;scroll-snap-align:start;display:flex;flex-direction:column;box-sizing:border-box;min-height:1px;height:auto;aspect-ratio:30 / 52;}

.decouverteImg-container{position:absolute;background-position:center;background-size:cover;aspect-ratio:1/1;background-repeat:no-repeat;}
.decouverteTxt-container{position:absolute;aspect-ratio:1/1;}
.bouton-audio-container{width:42px;aspect-ratio:1/1;position:absolute;top:26%;left:17.5%;transform:translate(-50%,-50%);}
.bouton-audio-container .decouverte-bouton-ico{position:absolute;mask-repeat: no-repeat;mask-size: contain;mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;-webkit-mask-position: center;transition: background-color 0.3s ease;}
.playAudioOff,.audioPlaying .playAudioOn{opacity:0;}
.audioPlaying .playAudioOff{opacity:1;}
.decouverte-scotch::after{ content: "";position: absolute;top: -7%;left:50%;transform: translateX(-50%) rotate(0deg);width: 40%;aspect-ratio: 5 / 1;
    background: #ff6b00dd;z-index: 1;pointer-events: none;}

.arrow-decouverte-container{position:absolute;top:auto;bottom:5%;z-index:10;}
.arrow-decouverte{width:38px;mask-repeat: no-repeat;mask-size: contain;mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;-webkit-mask-position: center;transition: background-color 0.3s ease;}
.arrow-decouverte-right{mask-image: url('../imgs/elmts/interface/arrow-r.webp');-webkit-mask-image: url('../imgs/elmts/interface/arrow-r.webp');}
.arrow-decouverte-left{mask-image: url('../imgs/elmts/interface/arrow-l.webp');-webkit-mask-image: url('../imgs/elmts/interface/arrow-l.webp');}
.arrow-decouverte img{opacity:0;}
.arrow-decouverte-container-left{left:10px;}
.arrow-decouverte-container-right{left:auto;right:10px;}
.caroussel-begin .arrow-decouverte-container-left,.caroussel-end .arrow-decouverte-container-right{display:none;}
.dynamique-deco-decouverte-container{position:absolute;top:auto;bottom:-25vw;aspect-ratio:1290 /698 ;}
.dynamique-deco-decouverte{position:absolute;left:0;background-image: url('../imgs/elmts/deco/ncercle-1.svg');background-repeat: repeat-x;background-position: 0 0;pointer-events: none;  /* pour ne pas bloquer le scroll */}
.dynamique-deco-decouverte1{position:absolute;left:0;background-image: url('../imgs/elmts/deco/ncercle-2.svg');background-repeat: repeat-x;background-position: 0 0;pointer-events: none;  /* pour ne pas bloquer le scroll */}
.dynamique-deco-decouverte2{position:absolute;left:0;background-image: url('../imgs/elmts/deco/npoints-0.svg');background-repeat: repeat-x;background-position: 0 0;pointer-events: none;  /* pour ne pas bloquer le scroll */}
.dynamique-deco-decouverte3{position:absolute;left:0;background-image: url('../imgs/elmts/deco/npoints-1.svg');background-repeat: repeat-x;background-position: 0 0;pointer-events: none;  /* pour ne pas bloquer le scroll */}
.boule-caroussel-decouverte-0{left:11%;top:55%;}
.boule-caroussel-decouverte-1{left:49%;top:46%;}
.boule-caroussel-decouverte-2{left:42%;top:21%;}
.h-caroussel-container[data-step="1"] .boule-caroussel-decouverte-0{left:20%;top:28%;}
.h-caroussel-container[data-step="1"] .boule-caroussel-decouverte-1{left:23%;top:69%;}
.h-caroussel-container[data-step="1"] .boule-caroussel-decouverte-2{left:36%;top:38%;}
.h-caroussel-container[data-step="2"] .boule-caroussel-decouverte-0{left:72%;top:59%;}
.h-caroussel-container[data-step="2"] .boule-caroussel-decouverte-1{left:51%;top:47%;}
.h-caroussel-container[data-step="2"] .boule-caroussel-decouverte-2{left:44%;top:49%;}


/*recrutement*/
.article-recrutement{box-sizing:border-box;padding:50px;padding-top:0;}
.recrutement-section{display:flex;flex-direction:column;gap:25px;}
.recrutement-part-recrutement{display:flex;flex-direction:column;gap:25px;align-items:center;}
.recrutement-titre{display:flex;align-items:center;justify-content:center;flex-direction:column;}
.img-recrutement-titre{width:160px;margin-bottom:0px;}
.img-recrutement-fleche{width:24px;}
.content-recrutement-ul{gap:30px;display:flex;flex-direction:column;}
.content-recrutement-li{display:flex;flex-direction:column;align-items:center;gap:25px;}
.content-recrutement-li-0{gap:15px;}
.img-recrutement-loupe{width:110px;}
.img-ligne-h{max-width:400px;margin-top:20px;margin-bottom:20px;}
.img-contact-smartphone{width:80px;}
.img-contact-enveloppe{width:80px;}
.content-contacter-li{display:flex;flex-direction:column;align-items:center;}
.text-recrutement-li{ display: flex;flex-direction: row;}
.text-recrutement-li::before {content: "•"; flex-shrink: 0;margin-right: 4px;font-size: 15px;line-height: 1.15;}
.text-recrutement-li-bold::before {font-weight:bold;}
.recrutement-part-contacter{gap:10px;display:flex;flex-direction:column;}
.content-contacter-ul{gap:20px;display:flex;flex-direction:column;}

/*footer*/
.footer{box-sizing:border-box;padding:25px;padding-top:130px;margin-top:210px;}
.footer-logos-ul{position:absolute;gap:12px;top:-30px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:center;}
.footer-logos-li{width:60px;height:60px;}
.footer-ul{display:flex;flex-direction:row;justify-content:space-between;}
.svg-points-footer{position:absolute;width:200px;left:calc( 50% - 100px );top:auto;bottom:130px;}

/*cookies gestion*/
.volet-cookies-container{position:fixed;top:100vh;transition:.5s ease;bottom:0;width:100%;z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background-color: rgba(255, 255, 255, 0.85);backdrop-filter: blur(7px);-webkit-backdrop-filter: blur(7px);}
.volet-cookies-wrapper{max-width:500px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:20px;overflow-y:auto;}
.volet-cookies-logo{max-width:150px;margin-bottom:15px;}
.block-gestion-cookies{max-width:400px;display:flex;flex-direction:column;gap:10px;margin-top:40px;margin-bottom:30px;}	
.rect-cookies{width:100%;background-color:#F5F5F5;padding:15px;box-sizing:border-box;gap:15px;}
.block-cookies-liste-boutons{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;}
.rect-cookies p{font-size:15px;line-height:20px;font-weight:600;}
.info-rect-cookies{font-size:11px!important;line-height:15px!important;font-style:italic;font-weight:400!important;}
.rect-cookies{display:flex;flex-direction:row;align-items:center;}
.rect-cookies *{width:100%;}
.rect-cookies-right{text-align:right;font-weight:400!important;width:auto;}
.switch-container{width:50px;height:24px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;float:right;}
.switch-line{background-color:#aaaaaa;height:6px;border-radius:3px;transition:.5s ease;}
.switch-circle{position:absolute;width:24px;height:24px;left:0px;background-color:#777777;border-radius:15px;transition:.5s ease;}
.rect-cookies-activ .switch-circle{background-color:#ff6b00;left:calc( 100% - 24px );}
.rect-cookies-activ .switch-line{background-color:#ff9f3f;}
.input-cookies{opacity:0;position:absolute;}
.activ-volet-cookies.volet-cookies-container{top:0;}

.open-cookies-bouton{position:fixed;cursor:pointer;box-shadow: -1px -1px 2px rgba(0,0,0,.3);z-index:2999;box-sizing:border-box;padding:2px;padding-left:5px;padding-right:5px;position:fixed;top:auto;bottom:0;left:auto;right:0;}
.open-cookies-bouton p{font-size:12px;}

/*custom diap*/
/* 1 */
.customDiap-1 .decouverteImg-container-0{width:35%;}
.customDiap-1 .decouverteImg-container-1{width:65%;aspect-ratio : 31/35 ;left:auto;right:0;}
.customDiap-1 .decouverteTxt-container-0{width:38%;top:30%;left:6%;background-color:#faccba;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:10px;}
.customDiap-1 .decouverteImg-container-2{width:38%;top:30%;left:calc( 6% + 5% + 38% );}
.customDiap-1 .decouverteImg-container-3{width:calc( 38% + 38% + 5% );top:calc( 30% - 5% + 30% );left:6%;aspect-ratio : 10/7 ;}
.diapwrapper-1-0{width:60%;left:20%;display:flex;flex-direction:column;gap:15px;align-items:flex-end;top:auto;bottom:0;position:absolute;}
.diapwrapper-1-0-cadre-0,.diapwrapper-1-0-cadre-1{padding:1px;box-sizing:border-box;max-width:100%;}
.diapwrapper-1-0 *{text-align:right;}

/* 2 */
.customDiap-2 .decouverteImg-container-0{aspect-ratio :100/215;width:19%;}
.customDiap-2 .decouverteImg-container-1{aspect-ratio :16/9;top:6%;left:3%;width:96%;}
.customDiap-2 .decouverteImg-container-2{aspect-ratio :29/46;width:61%;left:3%;top:40%;}
.customDiap-2 .decouverteImg-container-3{width:17%;left:64%;top:50%;}

/* 3 */
.customDiap-3 .decouverteImg-container-0{aspect-ratio :15/10;width:81.5%;left:auto;right:0;top:6%;}
.customDiap-3 .decouverteImg-container-1{aspect-ratio :33/26;top:61%;width:71%;left:5%;}
.diapwrapper-3-cadre-0{top:32%;left:5%;position: absolute;display:flex;transform: rotate(-90deg);transform-origin: top left;background-color:#faccba;width: 45%;height: 5%;box-sizing:border-box;padding:10px;align-items:center;justify-content:center;padding-left:30px;padding-right:30px;}
.customDiap-3 .bouton-audio-container {top: 51%;left: 22.5%;}
.diapwrapper-3-cadre-1{position:absolute;width:81.5%;box-sizing:border-box;padding:15px;left:auto;right:0;top:46%;display:flex;justify-content:center;align-items:center;}
.diapwrapper-3-cadre-2{position:absolute;width:71%;box-sizing:border-box;padding:15px;left: 18%;top: 57.5%;}
.customDiap-3 .decouverteImg-container-0.decouverte-scotch::after {top:-5%;background-color:#faccbadd;}

/*4*/
.customDiap-4 .decouverteImg-container-0{aspect-ratio :70/81;width:90%;left:5%;top:6%;}
.diapwrapper-4-cadre-0{width:60%;left:0;top:53%;}
.customDiap-4 .decouverteImg-container-0.decouverte-scotch::after {top:-3.6%;background-color:#faccbadd;}

/*5*/
.customDiap-5 .decouverteImg-container-0{top:3%;left:auto;right:12%;width:22%;z-index:1;}
.customDiap-5 .decouverteImg-container-1{aspect-ratio:24/25;width:100%;top:9.5%;}
.diapwrapper-5-cadre-0{width:70%;left:15%;top:72.5%;}

/*6*/
.customDiap-6 .decouverteImg-container-0{top:9%;left:12%;width:30%;}
.customDiap-6 .decouverteImg-container-1{top:3%;left:41%;width:53%;aspect-ratio:26/17;}
.customDiap-6 .decouverteImg-container-2{top:26.5%;left:6%;width:88%;aspect-ratio:16/9;}
.customDiap-6 .decouverteImg-container-3{top:58%;left: 13%;width:48%;aspect-ratio :116/153;}
.customDiap-6 .decouverteImg-container-4{top: 59.5%;left:57%;width:30%;}
.customDiap-6 .bouton-audio-container {top: 83%;left: 71%;}
.diapwrapper-6-0{width:60%;left:25%;display:flex;flex-direction:column;gap:15px;align-items:flex-end;top:auto;bottom:0%;position:absolute;}
.diapwrapper-6-0-cadre-0,.diapwrapper-6-0-cadre-1{padding:1px;box-sizing:border-box;max-width:100%;}
.diapwrapper-6-0 *{text-align:right;}
.diapwrapper-6-cadre-1{position:absolute;width:10%;height:auto;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;left:3%;top:58%;}
.diapwrapper-6-cadre-1 p{ writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;transform: rotate(180deg);}

/*7*/
.customDiap-7 .decouverteImg-container-0{aspect-ratio:154/231;width:65%;left:29%;top:3%;z-index:1;}
.customDiap-7 .decouverteImg-container-1{aspect-ratio:157/185;top:47%;left:6%;width:64%;}
.customDiap-7 .decouverteImg-container-2{top:auto;bottom:4%;width:21%;left:60%;}
.diapwrapper-7-cadre-0{position:absolute;width:auto;height:auto;left:19%;top:8%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;padding-top:30px;padding-bottom:30px;background-color:#faccba;}
.diapwrapper-7-cadre-0 p{ writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;transform: rotate(180deg);}
.diapwrapper-7-cadre-1{width:56%;left:auto;right:10%;top:auto;z-index:2; position:absolute; bottom:18%;}
.diapwrapper-7-cadre-2{width:64%;left:6%;top:92%;}

/*8*/
.customDiap-8 .decouverteImg-container-0{aspect-ratio:50/8;top: 0;left: 13%;width: 75%;}
.customDiap-8 .decouverteImg-container-1{left: 15%;width: 21%;top: 8%;}
.customDiap-8 .decouverteImg-container-2{aspect-ratio:3/2;top: 7%;left: auto;right: 6%;width: 56%;}
.customDiap-8 .decouverteImg-container-3{aspect-ratio:65/100;aspect-ratio: 65/100;top: 26.5%;left: 36%;width: 15%;z-index: 1;}
.customDiap-8 .decouverteImg-container-4{aspect-ratio:16/9;top: 31.2%;left: auto;right: 6%;width: 78%;}
.customDiap-8 .decouverteImg-container-5{aspect-ratio:608/635;top: 62%;width: 52%;left: 17%;}
.customDiap-8 .decouverteImg-container-6{width: 13%;left: 79%;top: 62%;}
.diapwrapper-8-cadre-0{position:absolute;width:auto;height:auto;left:7%; top:31%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px;background-color: #faccba;}
.diapwrapper-8-cadre-0 p{writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;transform: rotate(180deg);}
.diapwrapper-8-cadre-1{position: absolute;width:auto;height:auto;left:12%;top:62%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding: 0;}
.diapwrapper-8-cadre-1 p{writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;transform: rotate(180deg);}
.diapwrapper-8-cadre-2{width: 20%;left:auto;right:0;top: 59%;position: absolute;}
.diapwrapper-8-cadre-3{position: absolute;width: auto; height: auto;left: auto; right: 24%;top: auto;display: flex;flex-direction: column;justify-content: center;align-items:center;top:59%;}
.diapwrapper-8-cadre-3 h2{writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;transform: rotate(180deg);}
.customDiap-8 .decouverteTxt-container-0{width:29%;left:5%;top:7%; height:21.7%;display:flex; flex-direction:column;justify-content:flex-end;}
.customDiap-8 .decouverteTxt-container-0 p{font-size:11px;text-align:right;}
.customDiap-8 .decouverteImg-container-5.decouverte-scotch::after {top:-5%;transform: translateX(-50%) rotate(-4deg);width:40%;aspect-ratio: 7 / 2;}

/*9*/
.customDiap-9 .decouverteImg-container-0{aspect-ratio:2/3;top:3%;left:11.2%;width: 63%;}
.customDiap-9 .decouverteImg-container-1{left:75%;width:25%;top:39%;}
.customDiap-9 .decouverteImg-container-2{aspect-ratio:16/9;top:63%;left:6%;width:79%;}
.diapwrapper-9-cadre-0{position:absolute;width:6%;height:auto;left:3.5%;top:3%;display:flex;flex-direction:column;justify-content:flex-end;}
.diapwrapper-9-cadre-0 h2{writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;transform: rotate(180deg);}
.diapwrapper-9-cadre-1{position:absolute;width:auto;height:auto;left:75.2%;top:3%;display:flex;flex-direction:column;justify-content:flex-end;}
.diapwrapper-9-cadre-1 h2{writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;transform: rotate(180deg);}
.diapwrapper-9-cadre-2{position:absolute;width:74%;top:58%;display:flex;flex-direction:column;align-items: flex-end;}
.diapwrapper-9-cadre-3{position:absolute;width:21%;left:auto;right:0;top:55%;display:flex;flex-direction:column;align-items:center;}
.diapwrapper-9-cadre-4{position:absolute;width:auto;height:auto;left:auto;right:6%; top:auto;bottom: 11.4%;display:flex;flex-direction:column;justify-content:flex-end;padding:5px;background-color: #faccba;}
.diapwrapper-9-cadre-4 p{writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;transform: rotate(180deg);}
.customDiap-9 .decouverteTxt-container-0{width:72%; left:13%;top:90%;height:auto;display:flex; flex-direction:column;justify-content:flex-end;aspect-ratio: initial;}
.customDiap-9 .decouverteTxt-container-0 p{font-size:11px;text-align:right;}

/*10*/
.customDiap-10 .decouverteImg-container-0{aspect-ratio:7/4;left:auto;width: 61%;top: 1%;right:0;}
.customDiap-10 .decouverteImg-container-1{aspect-ratio:43/66;left:6%;width: 45.5%;top: 11%;}
.customDiap-10 .decouverteImg-container-2{aspect-ratio:608/635;left: auto;right:8%;top:31%;width:49%;}
.customDiap-10 .decouverteImg-container-2.decouverte-scotch::after {top:-5%;transform: translateX(-50%) rotate(-4deg);width:40%;aspect-ratio: 7 / 2;}
.customDiap-10 .decouverteImg-container-3{aspect-ratio:16/9;width: 65%;top: 68%;left:6%;}
.diapwrapper-10-cadre-0{position:absolute;width:auto;height:auto;left: 10%;top: 7%;}
.diapwrapper-10-cadre-1{position:absolute;width:auto;height:auto;left:auto;right: 10%;top: 25%;}
.diapwrapper-10-cadre-2{position:absolute;width: 52%;left: auto;right: 8%;top:63%;}
.diapwrapper-10-cadre-3{position:absolute;width:auto;height:auto;left: 17%;right: auto;top:91%;padding:5px;background-color: #faccba;}

.article-decouverte-container-ul.h-caroussel-container .boule-caroussel-decouverte-0{left:50%;top:71%;}
.article-decouverte-container-ul.h-caroussel-container .boule-caroussel-decouverte-1{left:88%;top:62%;}
.article-decouverte-container-ul.h-caroussel-container .boule-caroussel-decouverte-2{top:59%;left:17%;}

.article-decouverte-container-ul.h-caroussel-container[data-step="1"] .boule-caroussel-decouverte-0{left:86%;top:68%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="1"] .boule-caroussel-decouverte-1{left:31%;top: 75%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="1"] .boule-caroussel-decouverte-2{left: 56%;top: 71%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="2"] .boule-caroussel-decouverte-1{left: 81%;top: 58%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="2"] .boule-caroussel-decouverte-2{left: 31%;top: 75%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="2"] .boule-caroussel-decouverte-0{left: 62%;top: 59%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="3"] .boule-caroussel-decouverte-1{left: 87%; top: 68%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="3"] .boule-caroussel-decouverte-1{left: 29%;top: 70%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="3"] .boule-caroussel-decouverte-0{top: 66%;left: 55%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="4"] .boule-caroussel-decouverte-1{left:50%;top:71%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="4"] .boule-caroussel-decouverte-2{left:88%;top:62%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="4"] .boule-caroussel-decouverte-0{top:59%;left:17%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="5"] .boule-caroussel-decouverte-0{left:86%;top:68%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="5"] .boule-caroussel-decouverte-1{left:31%;top: 75%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="5"] .boule-caroussel-decouverte-2{left: 56%;top: 71%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="6"] .boule-caroussel-decouverte-1{left: 81%;top: 58%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="6"] .boule-caroussel-decouverte-2{left: 31%;top: 75%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="6"] .boule-caroussel-decouverte-0{left: 62%;top: 59%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="7"] .boule-caroussel-decouverte-0{left: 87%; top: 68%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="7"] .boule-caroussel-decouverte-1{left: 29%;top: 70%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="7"] .boule-caroussel-decouverte-2{top: 66%;left: 55%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="8"] .boule-caroussel-decouverte-0{left:50%;top:71%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="8"] .boule-caroussel-decouverte-1{left:88%;top:62%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="9"] .boule-caroussel-decouverte-1{top:59%;left:17%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="9"] .boule-caroussel-decouverte-0{left:86%;top:68%;}
.article-decouverte-container-ul.h-caroussel-container[data-step="9"] .boule-caroussel-decouverte-2{left: 56%;top: 71%;}

.text-bandes{line-height: 4;--lh: 4em;--band: 2.6em; padding: 0 0.3em;display: inline; box-decoration-break: clone;-webkit-box-decoration-break: clone;padding-left:5vw;padding-right:5vw;background-image:  linear-gradient( to bottom,white 0 var(--band), transparent var(--band) var(--lh));background-size: 100% var(--lh);background-repeat: repeat-y;background-position: 0 calc((var(--lh) - var(--band)) / 2);}
.forced-contain{background-size:contain;}
.forced-rounded{border-radius:50%;}
.miniDiapTxt{font-size:12px;}

/*gestion step*/
.stepanimated{transition:1s ease;}
.stepdelay1{transition-delay:.1s;}
.stepdelay2{transition-delay:.2s;}
.stepdelay3{transition-delay:.3s;}
.stepdelay4{transition-delay:.4s;}
.stepdelay5{transition-delay:.5s;}
.stepdelay6{transition-delay:.6s;}
.stepdelay7{transition-delay:.7s;}
.stepdelay8{transition-delay:.8s;}
.step-before .stepfrombot{transform:translate(0%, -30vh);opacity:0;}
.step-after .stepfrombot{transform:translate(0%, 30vh);opacity:0;}
.step-before .steopopacity{opacity:0;transition:.5s ease;}
.step-after .steopopacity{opacity:0;transition:.5s ease;}
.step-before .stepfromscale{transform:scale(3);opacity:0;}
.step-after .stepfromscale{transform:scale(3);opacity:0;}
.step-before .stepfromright{transform:translate(-30vw, 0%);opacity:0;}
.step-after .stepfromright{transform:translate(30vw, 0%);opacity:0;}
.step-before .stepfrombot{transform:translate(0%, 20vh);opacity:0;}
.step-after .stepfromtop{transform:translate(0%, -20vh);opacity:0;}

/*customDiap specific bleuunven*/
.diapwrapper-6-0 {
  width: 70%;
  left: 15%;}
.customDiap-6 .decouverteImg-container-4{top:55.5%;}
.customDiap-6 .decouverteImg-container-0{left:8%;top:5%;}
  .diapwrapper-6-0  h2{font-size:16pt;}
  .customDiap-6 .bouton-audio-container{top:75%;}