/*nav 66.7% */
.respOn{display:none;}
html,body{overflow-x:hidden;}
/*part classic*/
.article-classic{box-sizing:border-box;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;}
article{overflow:hidden;}

.nav{z-index:1500;position:sticky;}
.nav-content-hm-wrapper{z-index:2000;position:absolute;width:34px;height:34px;top:20px;left:20px;}
.nav-paddings{box-sizing:border-box;padding:20px;}
.nav-logo-container{max-width:160px;width:100%;}
.nav{top:-170px;display:flex;flex-direction:row;align-items:center;position:fixed;justify-content:center;transition:.5s ease;}

.menu{z-index:1500;position:fixed;box-sizing:border-box;padding:60px;left:0;right:0;top:-324px;transition:.5s ease;}
.scrolldown .nav{top:0!important;}
.nav-menu-ul{display:flex;flex-direction:column;}
.nav-menu-ul-li{flex-direction:column;display:flex;}
.nav-menu-line-container{width:18px;margin-top:12px;margin-bottom:12px;}

.nav-menu-line-container .ligne-desk{display:none;}
.nav-menu-line-container svg{float:left;display:block;}
.img-deco-header{width:132px;top:auto;bottom:calc( -60px - 22px );left:calc( 50% - 66px );position:absolute;}

.hm-wrapper{position:fixed;width:28px;height:24px;left:22px;top:22px;z-index:1600;}
.hm-elmts{position:absolute;top:calc( 50% - 1px );height:2px;width:100%;border-radius:2px;transition:.5s ease;}
.hm-0{top:0;width:23px;}
.hm-2{top:22px;width:23px;}
.hm-activ .hm-0{width:24px;top:calc( 50% - 1px );transform: rotate(47deg);}
.hm-activ .hm-1{width:0;left:50%;}
.hm-activ .hm-2{width:26px;top:calc( 50% - 1px );transform: rotate(-47deg);}
.hm-activ .menu{top:0;}

/*header*/
.section-header{display:flex;flex-direction:column;align-items:center;}
.header-pres-ul{display:flex;flex-direction:column;align-items:center;max-width:280px;gap:40px;}
.header-pres-li{display:flex;flex-direction:column;align-items:center;gap:20px;}
.header-pres-up{max-width:210px;}
.article-header{box-sizing: border-box;padding: 20px;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: 30px;}

/*baseLine*/
.baseline-article{z-index:2;overflow:visible;padding-top:40px;padding-bottom:40px;}
.bloc-travers-baseline{position:absolute;width:160px;height:60px;top:-30px;left:calc( 50% - 80px );display:flex;align-items:center;justify-content:center;}
.baseline-icon-container{width:90px;}
.baseline-section{box-sizing:border-box;padding:20px;padding-top:70px;padding-bottom:70px;display:flex;align-items:center;justify-content:center;}
.bloc-travers-baseline-up .baseline-icon-container{width:80px;}
.bloc-travers-BG{position:absolute;transform:rotate(-2deg);}
.bloc-travers-baseline-down{top:auto;bottom:-30px;}
.without-picto-baseline .baseline-section{padding-top:0;padding-bottom:0;}
.without-picto-baseline.baseline-article{padding-bottom:0;}

/*baseline2*/
.article-second-baseline .baseline-section{padding-top:40px;padding-bottom:40px;}
/*.article-second-baseline{padding-bottom:0!important;}*/
.article-second-baseline .baseline-section{flex-direction:column;}
.article-second-baseline h2{font-size:25px;line-height:30px;font-weight:700;}
.double-line-second-baseline{width:90px;margin-top:10px;margin-bottom:10px;}
.baseline-2-content p{text-align:center;}
.baseline-2-content{display:flex;flex-direction:column;gap:15px;}

/*block-txt*/
.article-txt{margin-top:30px;}
.article-txt{box-sizing:border-box;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.section-txt{gap:15px;display:flex;flex-direction:row;}
.ligne-section-txt{width:1px;flex: 0 0 auto;}

/*bloc long-texte*/
.classic-texte-container{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:20px;}

/***podcasts***/
/*.les-podcasts-article{padding-top:80px;}*/
.podcasts-liste-ul{display:flex;flex-direction:column;gap:20px;align-items:center;}
.podcasts-liste-li{margin-top:30px;/*taille image/2 ++ */}
.podcasts-liste-li-align-1 .podcasts-liste-li-up{padding-right:20px;box-sizing:border-box;}
.podcasts-liste-li-align-0 .podcasts-liste-li-up{padding-left:20px;box-sizing:border-box;}
.podcasts-liste-li-down{height:0;overflow:hidden;}
.podcasts-liste-li-up-txt-container{position:absolute;overflow:hidden;}
.podcasts-liste-li-up-txt-container{box-sizing:border-box;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;}
.podcasts-liste-li-align-1 .podcasts-liste-li-up-txt-container{padding-right:80px;}
.podcasts-liste-li-align-0 .podcasts-liste-li-up-txt-container{padding-left:80px;align-items:flex-end;}
.podcasts-liste-li-align-0 .podcasts-liste-li-up-txt-container *{text-align:right;}
.podcasts-liste-li-up-cat-svg{width:20%;margin-bottom:8px;}
.img-deco-podcasts{width:132px;top:-22px ;left:calc( 50% - 66px );position:absolute;z-index:100;}
.img-deco-podcasts{width:80px;top:-16px ;left:calc( 50% - 40px );position:absolute;z-index:100;}
.ico-open-podcast-container{position:absolute;left:15px;top:auto;bottom:20px;width:64px;height:64px;}
.podcasts-liste-li-align-1 .ico-open-podcast-container{left:auto;right:15px;}
.ico-open-podcast-svg{position:absolute;top:auto;bottom:0;transition:.4s ease;}
.ico-open-podcast-svg *{fill:#FFFFFF;}
.ico-open-podcast-svg-off{width:34px;left:calc( 50% - 17px );}
.ico-open-podcast-svg-on{transform:translateY(84px);}
.podcast-isOpen .ico-open-podcast-svg-on,.podcasts-liste-li-up-content:hover .ico-open-podcast-svg-on,.ico-open-podcast-svg-off{transform:translateY(0px);}
.podcasts-liste-li-up-content:hover .ico-open-podcast-svg-off,.podcast-isOpen .ico-open-podcast-svg-off{transform:translateY(84px);}
.podcasts-liste-li-down{box-sizing:border-box;padding-left:20px;padding-right:20px;}
.podcasts-liste-li-down-txt-container{display:flex;flex-direction:column;gap:0;margin-bottom:20px;}
.podcasts-liste-li-down-citation-container{box-sizing:border-box;padding:44px;padding-bottom:20px;}
.podcasts-liste-li-down-citation-guillemet-svg{position:absolute;top:0;left:0;width:40px;top:30px;}
.podcasts-liste-li-down-citation-ligne-container{display:flex;flex-direction:row;justify-content:center;}
.podcasts-liste-li-down-citation-ligne-svg{width:110px;margin-top:8px;}
.podcasts-li-down-ligne-desk{width:1px;border-radius:1px;}
.podcasts-liste-li-down-nocookies{padding:12px;box-sizing:border-box;border-radius:12px;}
.partage-podcast-container{margin-top:30px;display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-start;gap:20px;margin-bottom:20px;}
.partage-podcast-ul{display:flex;flex-direction:row;justify-content:flex-end;gap:10px;}
.partage-podcast-li-a{width:34px;border-radius:17px;box-sizing:border-box;}
.partage-podcast-li-a svg{display:block;}
.partager-bouton-container{box-sizing:border-box;padding:6px;padding-left:36px;padding-right:12px;}
.partager-bouton-container svg{position:absolute;width:54px;height:54px;left:-12px;top:-12px;}

/*footer*/
.footer{box-sizing:border-box;padding:20px;padding-top:40px;padding-bottom:40px;overflow:hidden;}
.section-footer{display:flex;flex-direction:column;align-items:center;gap:20px;}
.retour-svg{width:34px;height:34px;}
.retour-svg *{fill:#000000;}
.line-svg-footer{width:90px;}
.logo-svg-footer{width:180px;}
.zone-bouton-retour{display:flex;flex-direction:row;align-items:center;}

/*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;}
.volet-cookies{display:flex;flex-direction:column;align-items:center;overflow-y:auto;box-sizing:border-box;padding:20px;max-height:100vh;overflow-y:auto;padding-top:40px;padding-bottom:40px;}
.volet-cookies-wrapper{max-width:500px;display:flex;flex-direction:column;align-items:center;}
.volet-cookies-logo{max-width:200px;}
.volet-cookies-titre{margin-top:30px;margin-bottom:15px;}
.volet-cookies-texte{font-size:15px;line-height:20px;}	
.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:#0023FF;left:calc( 100% - 24px );}
.rect-cookies-activ .switch-line{background-color:#7799FF;}

.input-cookies{opacity:0;position:absolute;}
.activ-volet-cookies.volet-cookies-container{top:0;}

.open-cookies-bouton{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;line-height:16px;}
.cookies-bouton{height:16px;display:flex;align-items:center;justify-content:center;padding-bottom:1px;}
.ml-spacer{height:10px;}
.ml-table-ul{display:flex;flex-direction:column;gap:20px;}
.ml-table-li-content{box-sizing:border-box;padding:10px;}
.boutons-sm-article .baseline-section{display:flex;flex-direction:column;gap:20px;}
.custom-bouton{height:14px;padding-left:4px;padding-right:4px;padding-bottom:3px;display:flex;align-items:center;justify-content:center;}
.boutons-sm-article{margin-bottom:20px;}

.special-cookies-image{position:relative;margin:0;padding:0;left:0;top:0;}

.section-embleme{display:flex;align-items:center;justify-content:center;padding:20px;padding-top:50px;}
.section-embleme-container{max-width:400px;}

.all-embleme-groupes{opacity:0;transition:.7s ease;}

#ELMT-PREEND{animation: animOpacity 10s ease forwards;animation-delay: 0s;filter: blur(5px);}
#BG0{animation: animOpacity 2s linear forwards;animation-delay: 0s;filter: blur(0px);}

#LINE1{transform:translate(-50px,100px);animation: animDirOpacity 1.5s ease  forwards;animation-delay: 0.7s;}
#LINE3{transform:translate(70px,70px);animation: animDirOpacity 1.5s ease forwards;animation-delay: 0.7s;}
#BG1{animation: animOpacity 0.3s linear forwards;animation-delay: 2.2s;filter: blur(0px);}

#LINE4{transform:translate(-20px,-50px);animation: animDirOpacity 1.5s ease forwards;animation-delay: 2s;}
#LINE2{transform:translate(-50px,25px);animation: animDirOpacity 1.5s ease forwards;animation-delay: 2s;}
#BG2{animation: animOpacity .3s linear forwards;animation-delay: 3.2s;filter: blur(0px);}

#LINE51{transform:translate(0px,50px);animation: animDirOpacity 1.5s ease forwards;animation-delay: 3.7s;}
#LINE6{transform:translate(30px,0px);animation: animDirOpacity 1.5s ease forwards;animation-delay: 3.7s;}
#BG3{animation: animOpacity .3s linear forwards;animation-delay: 4.9s;filter: blur(0px);}
#BG4{animation: animOpacity .3s linear forwards;animation-delay: 4.9s;filter: blur(0px);}
#ELMT-END{animation: animOpacity 1.5s linear forwards;animation-delay: 4.5s;filter: blur(10px);}
#ELMTS1{animation: animOpacity 1.5s linear forwards;animation-delay: 5.5s;filter: blur(10px);}

/*animations pour les volets déroulants*/
.animable-depliant{transition:.5s ease; transition-delay:0s;opacity:0;}

.animable-depliant.podcasts-liste-li-down-citation-guillemet-svg{transform:translate(0px,150px);}
.podcast-isOpen .animable-depliant.podcasts-liste-li-down-citation-guillemet-svg{transition-delay:0s;}

h3.animable-depliant{transform:translate(150px,0px);}
.podcast-isOpen h3.animable-depliant{transition-delay:.2s;}

.animable-depliant.podcasts-li-down-ligne-desk{transform:translate(0px,-100px);}
.podcast-isOpen .podcasts-li-down-ligne-desk{transition-delay:0s;}

.animable-depliant.podcasts-liste-li-down-citation-ligne-container{transform:translate(150px,0px);}
.podcast-isOpen .podcasts-liste-li-down-citation-ligne-container{transition-delay:0s;}

.podcasts-liste-li-down-txt.animable-depliant{transform:translate(150px,0px);}
.podcast-isOpen .podcasts-liste-li-down-txt.animable-depliant{transition-delay:0.4s;}

.podcasts-liste-li-down-player.animable-depliant{transform:translate(150px,0px);}
.podcast-isOpen .podcasts-liste-li-down-player.animable-depliant{transition-delay:.6s;}

.podcasts-liste-li-down-nocookies.animable-depliant{transform:translate(150px,0px);}
.podcast-isOpen .podcasts-liste-li-down-nocookies.animable-depliant{transition-delay:.6s;}

.partage-podcast-container.animable-depliant{transform:translate(150px,0px);}
.podcast-isOpen .partage-podcast-container.animable-depliant{transition-delay:1s;}

.podcast-isOpen .animable-depliant{opacity:1;transform:translate(0,0);}

/*apropos*/
.liste-partenaire-article{display:flex;flex-direction:column;align-items:center;}
.img-propos{margin-bottom:40px;max-width:240px;}
.propos-image-content{display:flex;flex-direction:column;align-items:center;margin-top:20px;margin-bottom:40px;}
.liste-partenaire-article .podcasts-liste-li-down-citation-container{display:flex;flex-direction:column;align-items:center;}
.aproposbody .podcasts-liste-li-down-citation-container p{text-align:center;}

.liste-partenaire-article .podcasts-liste-li-down-txt{box-sizing:border-box;padding:44px;padding-bottom:20px;padding-top:0;}
.liste-partenaire-article .podcasts-liste-li-down-citation-ligne-svg{margin-top:20px;margin-bottom:10px;}
.aproposbody .baseline-section{margin-bottom:20px;}
.propos-classic-texte{padding-top:30px;padding-bottom:30px;}

@keyframes animOpacity {to {opacity: 1;filter: blur(0px);}}
@keyframes animDirOpacity {to {opacity: 1;transform:translate(0,0px);filter: blur(0px);}}