/*nav xx% */
.SmartDisplayF,.SmartDisplayD{display:none!important;}
html,body{overflow-x:hidden;}
body{overflow:hidden;}

/* 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;}
.nav-rs-li-img{width:auto;height:72px;filter:brightness(0) saturate(100%);}

.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;}

.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;align-items:flex-end;justify-content:center;padding:12.5px;padding-top:50px;padding-bottom:100px;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;}

/*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);}

/*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:25px;display:flex;align-items:center;justify-content:center;}
.audioOn{opacity:0;}
.audioActiv .audioOn{opacity:1;}
.audioActiv .audioOff{opacity:0;}
.audioActiv.soundChange{background-color:transparent;}
.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{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;border-radius:50%;border:1px solid #000000;}
.arrow-portraits-container{position:absolute;top:auto;bottom:calc( 175px + 20vw );}
.arrow-portraits{width:38px;filter: brightness(0) saturate(100%) invert(47%) sepia(27%) saturate(4183%) hue-rotate(358deg) brightness(100%) contrast(108%);}
.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:10/1;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%;}
/*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;}