@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap");@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{--scale-font-size:14px;--scale-font-size-tablet:14px;--scale-font-size-mobile:14px;--translate-x:100%;font-family:Open Sans,serif}html{font-size:var(--scale-font-size)}body{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Open Sans,serif}body,p{font-size:1rem}*,p{margin:0}*{padding:0;box-sizing:border-box}@media screen and (min-width:767px)and (max-width:1024px){*{font-size:var(--scale-font-size-tablet)}}body,html{width:100%;height:100%;background:linear-gradient(180deg,#1c4b86,#203975);color:#1c4b86}.sitewrapper{position:relative;display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;align-items:center;margin:0}a{text-decoration:none;color:inherit;font-family:degular-regular,sans-serif;cursor:pointer;transition:all .25s ease-in-out}a:hover{color:#000}ul{list-style:none}button{cursor:pointer}@font-face{font-family:basteleur-bold;font-style:normal;src:url(/_next/static/media/Basteleur-Bold.b60994cc.ttf) format("truetype")}@font-face{font-family:basteleur-moonlight;font-style:normal;src:url(/_next/static/media/Basteleur-Moonlight.79112843.ttf) format("truetype")}@font-face{font-family:degular-regular;font-style:normal;src:url(/_next/static/media/Degular-Regular.7ea9ace4.ttf) format("truetype")}@font-face{font-family:degular-semibold;font-style:normal;src:url(/_next/static/media/Degular-Semibold.88d3710c.ttf) format("truetype")}.subtitle-h2{font-family:basteleur-moonlight;font-size:1.55rem;color:#1c4b86;font-weight:400;font-style:normal}@media screen and (max-width:767px){.subtitle-h2{font-size:1.2rem}}.subtitle-h3{font-family:basteleur-moonlight;font-size:1rem;color:#132945;font-weight:400;font-style:normal}.subtitle-h4{font-family:Open Sans;font-size:1.5rem;color:#fff;font-weight:900;font-style:italic}@media screen and (max-width:767px){.subtitle-h4{font-size:1rem}}.subtitle-h5{font-family:Open Sans;font-size:1.33rem;color:#1c4b86;font-weight:900;font-style:italic}@media screen and (max-width:767px){.subtitle-h5{font-size:1rem}}.subtitle-h5--orange{font-size:1.33rem;color:#fd7f38}.subtitle-h5--orange,.subtitle-h6{font-family:Open Sans;font-weight:900;font-style:italic}.subtitle-h6{font-size:1.55rem;color:#1c4b86}.subtitle-h6--orange{color:#fd7f38}@media screen and (max-width:767px){.subtitle-h6{font-size:1.2rem}}.subtitle-h7{letter-spacing:.05rem;font-family:basteleur-bold;font-size:.66rem;color:#1c4b86;font-weight:900;font-style:normal}.subtitle-h7--yellow{color:#fde427}.subtitle-h7--white{color:#fff}.subtitle-h8{font-family:basteleur-moonlight;font-size:.66rem;color:#fff;font-weight:400;font-style:normal}.basteleur_bold_32{font-size:1.33rem}.basteleur_bold_20,.basteleur_bold_32{font-family:basteleur-bold;color:#fff;font-weight:900;font-style:normal}.basteleur_bold_20{font-size:1.11rem}.basteleur_bold_20--yellow{color:#fde427}.title-h1{font-family:basteleur-bold;font-size:1.77rem;color:#1c4b86;font-weight:900;font-style:normal}@media screen and (max-width:767px){.title-h1{font-size:1.3rem}}.title-h2{font-family:basteleur-bold;font-size:1.77rem;color:#fff;font-weight:900;font-style:normal}@media screen and (max-width:767px){.title-h2{font-size:1.3rem}}.title-h3{color:#132945}.title-h3,.title-h4{font-family:basteleur-moonlight;font-size:1.375rem;font-weight:400;font-style:normal}.title-4,.title-h4{color:#fff}.title-4{font-family:basteleur-moonlight;font-size:1.5rem;font-weight:400;font-style:normal}.number-v1{margin:0;padding:0;line-height:14rem;font-family:degular-semibold;font-size:21rem;color:#fd7f38;font-weight:400;font-style:normal}@media screen and (max-width:767px){.number-v1{font-size:12rem;line-height:10rem}}.number-v2{margin:0;padding:0;font-family:degular-semibold;font-size:10rem;color:#fd7f38;font-weight:400;font-style:normal}.number-v2--blue{color:#1c4b86}@media screen and (max-width:767px){.number-v2{font-size:2.5rem}}.number-v3{margin:0;padding:0;font-family:basteleur-bold;font-size:6rem;color:#fff;font-weight:400;font-style:normal}@media screen and (min-width:767px)and (max-width:1024px){.number-v3{font-size:3rem}}@media screen and (max-width:767px){.number-v3{font-size:2rem}}.number-v4{margin:0;padding:0;line-height:0rem;font-family:basteleur-bold;font-size:4rem;color:#fff;font-weight:400;font-style:normal}@media screen and (min-width:767px)and (max-width:1024px){.number-v4{font-size:5rem}}@media screen and (max-width:767px){.number-v4{font-size:4rem}}.text-1{font-family:Open Sans;font-size:1.28rem;color:#fff;font-weight:400;font-style:normal}.text-1--blue{color:#1c4b86}.text-2{font-family:degular-regular;font-size:1rem;color:#fff;font-weight:400;font-style:normal}@media screen and (max-width:767px){.text-2{font-size:.8rem}}.text-3{font-family:Open Sans;font-size:1.12rem;color:#fff}.links-2,.text-3{font-weight:400;font-style:normal}.links-2{font-family:degular-regular;font-size:1.11rem;color:#1c4b86}@media screen and (max-width:767px){.links-2{font-size:.8rem}}.links-3{font-family:degular-regular;font-size:1rem;color:#fff;font-weight:400;font-style:normal}@media screen and (max-width:767px){.links-3{font-size:.8rem}}.italic-1{font-size:1.125rem;color:#1c4b86}.italic-1,.italic-2{font-family:Open Sans;font-weight:900;font-style:italic}.italic-2{font-size:1rem;color:#132945}.btn{border:none;z-index:10;font-family:degular-semibold,sans-serif;letter-spacing:.05rem;font-size:1rem;cursor:pointer;padding-inline:2rem;padding-block:.65rem;border-radius:2.22rem;transition:all .25s ease-in-out;text-transform:uppercase}@media screen and (max-width:767px){.btn{font-size:1rem}}.btn--disabled{color:#132945;opacity:.5}.btn:hover{background:#fde427;box-shadow:0 0 10px hsla(0,0%,100%,.863)}.btn:disabled{cursor:not-allowed}.btn__start{background-color:#fff;color:#1c4b86;transition:all .25s ease-in-out}.btn__start:hover{background-color:#132945;color:#fff}@media screen and (max-width:767px){.btn__start:hover{background-color:#fff;color:#1c4b86}}.btn__menu{background-color:#1c4b86;color:#fff;transition:all .25s ease-in-out}.btn__menu:hover{background-color:#132945;color:#fff}@media screen and (max-width:767px){.btn__menu:hover{background-color:#1c4b86;color:#fff}}.btn__menu--disabled{background-color:#fff;color:#1c4b86;border:2px solid #1c4b86;cursor:not-allowed}.btn__menu--disabled:hover{background-color:#b2b9c2;color:#1c4b86}.btn__menu--noColor{margin-top:1rem;background-color:#fff;color:#1c4b86}.btn__noBack{background:none;color:#fff;box-shadow:none}.btn__noBack:hover{background:none;box-shadow:none;color:#fde427}.btn__special{background:linear-gradient(45deg,#ff8500,#ffab00);border:none;border-radius:25px;padding:.3rem 1.5rem;color:#fff4d0;box-shadow:0 0 10px hsla(0,0%,100%,.863);display:flex;align-items:center;gap:10px;line-height:1rem}.btn__special span{font-size:.8rem;display:block;text-transform:none;font-weight:400;line-height:1rem}.btn__special:disabled{opacity:.5;cursor:not-allowed}.btn__special{font-family:Open Sans;font-size:1.6rem;color:#fff;font-weight:500;font-style:normal}.btn__special--hidded{position:absolute;left:0;height:100%;width:100%;transform:translateX(-100%);z-index:0;background:linear-gradient(45deg,#ff8500,#ffab00);transition:all .5s ease-in-out}.btn__special--active{background:#fde427}.btn__special--animated{transform:translateX(0)}.btn__special--disabled{pointer-events:none;background:#132945;color:#1c4b86;box-shadow:0 0 0 rgba(0,0,0,.863)}.btn__special--power{display:flex;justify-content:center;align-items:center;gap:1rem;width:9.37rem;padding:0;height:2.375rem;align-self:center;pointer-events:none;position:relative;overflow:hidden}.btn__special--inactive{background:#132945;box-shadow:0 0 0 rgba(0,0,0,.863);font-family:Open Sans;font-size:1rem;color:#1c4b86;font-weight:900;font-style:normal}.btn__special--inactive img{color:#1c4b86;z-index:1}.btn__special--inactive p{z-index:1;transition:all .5s ease-in-out}.btn__special--inactive:hover{background:#132945;color:#fff;box-shadow:0 0 0 hsla(0,0%,100%,.863)}.btn--disabled{background-color:#b2b9c2;cursor:not-allowed}.btn__valider{background-color:#fde427;color:#132945;text-shadow:0 0 10px hsla(0,0%,100%,.863);padding:.58rem 1.5rem}.btn__valider,.btn__valider--selected{box-shadow:0 0 10px hsla(0,0%,100%,.863)}.btn__valider--selected{background:linear-gradient(45deg,#ff8500,#ffab00);color:#fff}.btn__textAnimated{color:#fff;animation:textclip 2s linear .65s forwards}.btn__animatedEnd{background-color:#fde427}.btn__close,.btn__rounded{border-radius:4rem;border:none;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center}.btn__rounded{background-color:#fff}.btn__rounded svg{width:100%;height:100%;color:#fd7f38}.btn__fullscreen{background-color:#fff;color:#fd7f38;display:flex;justify-content:center;align-items:center;padding:.5rem;min-width:auto}.btn__fullscreen--active{background-color:#1c4b86;color:#fff}.btn__fullscreen svg{width:1.2rem;height:1.2rem}.btn__fullscreen--blue{background-color:#fff;color:#1c4b86}@keyframes colorSwipe{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes textclip{to{background-position:-200%}}.header{flex-direction:column;justify-content:center;padding:1rem}.header,.header__nav{display:flex;align-items:center;width:100%}.header__nav{justify-content:space-between}.header__content{position:relative;width:100%;margin-bottom:1rem}.header__content,.header__perso{display:flex;justify-content:center;align-items:center}.header__perso{flex-direction:column;gap:.5rem;position:absolute;right:2rem}.header__perso__back{width:-moz-fit-content;width:fit-content;background-color:#fff4d0;border-radius:50px;display:flex}.header__text{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%}.header__text__soundIcon{display:flex;margin-left:auto}.header__text__soundIcon img svg{color:#fff;fill:#fff;stroke:#fff}.header__resume{display:flex;flex-direction:column;justify-content:center;text-align:center;padding-top:.6rem;gap:.6rem;width:100%;margin-top:1rem;padding-bottom:.6rem;border-bottom:.01rem solid #fde427;border-top:.01rem solid #fde427}.header__keysDiv{display:flex;justify-content:space-between;align-items:center}.header__keysDiv__line{background-color:#fde427;width:58%;height:.05rem;box-shadow:0 0 2px rgba(0,0,0,.863)}.header__gameInfos{width:100%;display:flex;justify-content:space-between;align-items:center}.header__gameInfos__list{display:flex;gap:.2rem}.header__attention{padding:.2rem;cursor:pointer;z-index:100;background-color:#1c4b86;transition:border-color .3s ease-in-out}.header__attention--border{border-color:rgba(0,0,0,0)}.question{padding:0 1rem 1.6rem;transition:opacity .1s ease-in-out;position:relative}.question.hidden,.question.visible{opacity:1}.question.tuto{position:absolute;z-index:10}.question p{font-family:Open Sans;font-size:1.2rem;color:#fff;font-weight:500;font-style:normal}.question__header{display:flex;gap:.5rem;padding-bottom:.5rem;align-items:center}.answers{width:100%;scroll-behavior:smooth;overflow-y:auto}.answers::-webkit-scrollbar{width:6px}.answers::-webkit-scrollbar-thumb{background-color:#1c4b86}.answers::-webkit-scrollbar-track{background-color:#fff}.answers__list{width:100%;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;list-style:none;gap:1.33rem}.answers__text{font-family:Open Sans;font-size:1rem;color:#132945;font-weight:500;font-style:normal;background-color:#fff;width:100%;padding:.5rem 1rem;box-shadow:2px 1px 6px rgba(0,0,0,.384);transition:all .3s ease-in-out;opacity:0;cursor:pointer}.answers__text.visible{opacity:1}.answers__text--disabled{cursor:not-allowed;background:radial-gradient(circle,#fd7f38,#fd6b51);color:#fff}.answers__text--selected{background:#fde427;color:#000;box-shadow:2px 0 10px #ffe602}.progress-container{max-width:400px}.progress-container .progress-bar{background-color:#1c4b86;height:.42rem;border-radius:10px;overflow:hidden;position:relative}.progress-container .progress-bar .progress-fill{background:#1c4b86;height:100%;width:0;transition:width .5s ease}.progress-container .progress-bar .progress-fill.progress-active{background:#fde427}.progress-container .progress-text{margin-bottom:.2rem;text-align:right;font-weight:700;font-family:basteleur-bold;font-size:.88rem;color:#fde427;font-weight:400;font-style:normal}.progress-container{position:relative;width:100%;max-width:90%;margin:0 auto}.progress-icon{position:absolute;top:1rem;transition:fill .3s ease;fill:#fde427}.progress-icon--active{fill:#132945}.progress-icon--left{left:-10px;fill:#fde427}.progress-icon--left.progress-icon--active{fill:#132945}.progress-icon--right{right:-10px;fill:#fde427}.progress-icon--right.progress-icon--active{fill:#132945}.svg-fill{fill:#fde427}.progress-icon--active .svg-fill{fill:#132945}.debrief{width:100%;height:100%;max-width:900px;max-height:100vh;overflow:hidden;background-color:rgba(0,0,0,.8);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}.debrief,.debrief__perso{position:absolute;bottom:0}.debrief__perso{height:80%;width:auto;animation:slide-up 1s ease-out forwards}.debrief__persoImg{position:relative;width:100%;height:100%;width:auto}.debrief__wrong{-webkit-clip-path:polygon(0 12%,100% 0,100% 90%,0 100%);clip-path:polygon(0 12%,100% 0,100% 90%,0 100%);background-color:#e54c28;width:100%;height:100vh;margin-bottom:-50vh;margin-top:auto;display:flex;flex-direction:column;padding-top:30%;justify-content:flex-start;align-items:center;text-align:center;color:#fff;text-transform:uppercase;box-shadow:1px -13px 11px -12px rgba(0,0,0,.54)}.debrief__wrong p{font-family:basteleur-bold;font-size:2.4rem;color:#fff;font-weight:500;font-style:normal;text-shadow:2px 2px 10px hsla(0,0%,100%,.2),-2px -2px 6px hsla(0,0%,100%,.3)}.debrief__special{-webkit-clip-path:polygon(0 12%,100% 0,100% 90%,0 100%);clip-path:polygon(0 12%,100% 0,100% 90%,0 100%);background-color:#fde427;width:100%;height:100vh;margin-bottom:-55vh;padding-top:40%;margin-top:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;text-transform:uppercase;box-shadow:1px -13px 11px -12px rgba(0,0,0,.54);animation:slide-up 1s ease-out forwards;font-family:Open Sans;font-size:1rem;color:#132945;font-weight:900;font-style:italic}.debrief__special__text{margin-top:1rem;font-family:basteleur-bold;font-size:1.3rem;color:#132945;font-weight:500;font-style:normal}.debrief__eb{text-transform:uppercase;font-family:Open Sans;font-size:1rem;color:#fde427;font-weight:900;font-style:italic}.debrief__correct{-webkit-clip-path:polygon(0 12%,100% 0,100% 90%,0 100%);clip-path:polygon(0 12%,100% 0,100% 90%,0 100%);background-color:#19b472;width:100%;height:100vh;margin-bottom:-45vh;margin-top:auto;display:flex;flex-direction:column;padding-top:10%;justify-content:flex-start;align-items:center;text-align:center;color:#fff;text-transform:uppercase;box-shadow:1px -13px 11px -12px rgba(0,0,0,.54)}.debrief__correct--text{font-family:basteleur-bold;font-size:2.2rem;color:#fff;font-weight:500;font-style:normal}.debrief__correct--row{display:flex;gap:1rem}.debrief__correct--pointsspan{font-family:basteleur-bold;font-size:2rem;color:#fde427;font-weight:500;font-style:normal}.debrief__correct--points--span{font-size:1.33rem;margin-left:.5rem}.debrief__correct--points{font-family:basteleur-bold;font-size:2rem;color:#fde427;font-weight:500;font-style:normal}.debrief__correct--right{text-align:right;text-transform:lowercase;padding-block:3rem}.debrief__correct--glow{text-shadow:2px 2px 10px hsla(0,0%,100%,.2),-2px -2px 6px hsla(0,0%,100%,.3);margin-bottom:.5rem}.debrief__animation{position:absolute;bottom:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:slide-up 1s ease-out forwards;animation:slide-up 1s ease-out 1s forwards,slide-upOut 1s ease-in forwards;animation-delay:0s,3s}@keyframes slide-up{0%{transform:translateY(100%);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes slide-upOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-200%);opacity:1}}@keyframes slide-up2{0%{transform:translateY(100%);opacity:1}to{transform:translateY(-70%);opacity:1}}.jeu__startModal__list{list-style:none;padding:0;gap:1rem}.jeu__startModal--inactive{color:gray;opacity:.5}.jeu__startModal--active,.jeu__startModal--inactive{transition:color 1s ease-in-out,opacity 1s ease-in-out}.jeu__startModal--active{color:#fff;font-weight:700;opacity:1}.hamburger{width:35px;height:3px;justify-content:space-around;flex-flow:column nowrap;border-radius:12px;cursor:pointer;background-color:rgba(0,0,0,0)}.hamburger,.hamburger__menu{display:flex;align-items:center}.hamburger__menu{flex-direction:column;width:100%;overflow:hidden;min-height:100vh;position:absolute;justify-content:center;left:0;top:0;padding:20px;transition:transform 625ms cubic-bezier(.445,.05,.015,1);background:radial-gradient(circle,#fd7f38,#fd6b51);visibility:hidden}.hamburger__menu,.hamburger__menu li{transform:translateY(-100%);opacity:0}.hamburger__menu li{transition:transform 1s ease-in-out .625s,opacity .2s ease-in-out .2s;font-family:Open Sans;font-size:1rem;color:#fff;font-weight:700;font-style:normal}.hamburger__menu__icon{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:50}.hamburger__menu__icon label{display:flex;flex-direction:column;width:35px;cursor:pointer}.hamburger__menu__icon label span{background:#fff;border-radius:10px;height:3px;margin:3px 0;transition:.4s cubic-bezier(.68,-.6,.32,1.6)}.hamburger__menu__icon span:first-of-type{width:50%}.hamburger__menu__icon span:nth-of-type(2){width:100%}.hamburger__menu__icon span:nth-of-type(3){width:75%}.hamburger__menu__icon input[type=checkbox]{display:none}.hamburger__menu__icon input[type=checkbox]:checked~span:first-of-type{transform-origin:bottom;transform:rotate(45deg) translate(2px)}.hamburger__menu__icon input[type=checkbox]:checked~span:nth-of-type(2){transform-origin:top;transform:rotate(-45deg)}.hamburger__menu__icon input[type=checkbox]:checked~span:nth-of-type(3){transform-origin:bottom;width:50%;transform:translate(15px,-3px) rotate(45deg)}.hamburger__menu.hamburger--open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;z-index:30;transition:all .5s ease-in}.hamburger__menu.hamburger--open li{opacity:1;transform:translateY(0);transition-delay:.4s}.hamburger__menu.hamburger--closed{transform:translateY(-100%);opacity:0;transition:all .5s ease-in;pointer-events:none;z-index:100;visibility:visible;transition-delay:.4s}.hamburger__menu.hamburger--closed li{opacity:0;transform:translateY(-100%);transition:transform .5s ease-in-out,opacity .2s ease-in-out .2s}.hamburger__menu li{padding-block:1rem;position:relative;width:100%;text-transform:uppercase;text-align:center;max-width:1400px}.hamburger__menu a{text-decoration:none;font-size:1.2rem;font-family:Open Sans;font-size:1rem;color:#fff;font-weight:700;font-style:normal}.hamburger__icon{width:2.1994rem;height:2.1994rem;margin-left:1rem}@media screen and (min-width:1024px){.hamburger__icon{padding:.5rem;width:3rem;height:3rem;background-color:#1c4b86;border-radius:.5rem;margin-left:2rem}}.bar{width:100%;height:.15px;border-radius:10px;background-color:#fff;transform-origin:1px;transition:transform .3s ease-in-out}.bar--open-1{transform:translateX(5.0662px) rotate(45deg)}.bar--closed-1{transform:translateX(0) rotate(0)}.bar--open-2{opacity:0}.bar--closed-2{opacity:1}.bar--open-3{transform:translateX(5.0662px) rotate(-45deg)}.bar--closed-3{transform:translateX(0) rotate(0)}.hamburger__menu.hidden{opacity:0;visibility:hidden;transform:translateY(-100%);transition:none}.loading-overlay{position:fixed;top:0;width:100vw;height:100%;background:rgba(0,0,0,.85);display:flex;justify-content:flex-end;align-items:center;flex-direction:column;color:#fff;font-size:1.5rem;z-index:9999;padding:2rem}.loading-overlay p{font-family:Open Sans;font-size:1rem;color:#fff;font-weight:900;font-style:italic}.moon-loader{border:3px solid rgba(0,0,0,0);border-radius:50%;width:2.5rem;height:2.5rem;animation:spin 1.2s linear infinite;margin-bottom:.5rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.progress-button{transition:all .25s ease-in;transition:background-color .3s ease,opacity .3s ease;width:100%;text-align:center;position:relative;overflow:hidden}.progress-button:after{content:"";width:100%;height:100%;background-color:#132945;position:absolute;left:0;bottom:0;z-index:-1;transform:translateX(var(--translate-x,0));transition:transform .3s ease}.progress-button:hover{box-shadow:0 0 20px hsla(0,0%,100%,.863)}.progress-button p{z-index:10}.progress-button.progress-frozen{cursor:not-allowed;background-color:#1c4b86;opacity:.7;box-shadow:inset 0 0 5px rgba(0,0,0,.3)}.progress-button:disabled{cursor:not-allowed}.progress-container{text-align:center}.progress-container .progress-text{margin-bottom:.5rem;text-align:center;width:100%}.btn__valider--clicked{background-color:#1c4b86;box-shadow:inset 0 0 5px rgba(0,0,0,.3);color:#132945;opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none;transition:background-color .3s ease,color .3s ease,opacity .3s ease}@keyframes pulseClicked{0%{background-color:#1c4b86}to{background-color:#fde427}}.page-transition{width:100%;height:100%;position:absolute;top:0;left:0;transition:opacity .5s ease-in-out}.fade-in{opacity:1}.fade-out{opacity:0}.slider__container{width:100%;height:100%;position:relative;right:0}.slider__content{position:relative;width:100%;display:flex;justify-content:center;z-index:0}.slider__content--pouvoir{text-align:center}.slider__content{font-family:Open Sans;font-size:1.28rem;color:#fff;font-weight:500;font-style:normal}.slider__persoItems{width:95%}.slider__items{font-family:Open Sans;font-size:1.14rem;color:#fff;font-weight:500;font-style:normal;background-color:#fd7f38;border-radius:.88rem;box-shadow:inset 1px -1px 10px -2px #853b0a;padding:1rem;width:100%;height:100%;min-height:7rem;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;overflow:hidden;word-wrap:break-word;border:.0625rem solid #fd7f38;will-change:transform;transition:transform .5s ease-in-out;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased}.slider__items p{width:75%}.slider__items--blue{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;opacity:1;height:100%;transform:translateX(-102%);background-color:#1c4b86;will-change:transform;transition:transform .5s ease-in-out;z-index:1;overflow:hidden}.slider__items--blue--animation{transform:translateX(0)}.slider__arrow{height:56px;width:56px;display:flex;justify-content:center;position:absolute;z-index:2;border:none;cursor:pointer}.slider__arrow--left{left:-1rem;bottom:calc(50% - 28px);border-top-right-radius:2rem;border-bottom-right-radius:2rem}.slider__arrow--right{right:-1rem;bottom:calc(50% - 28px);border-top-left-radius:2rem;border-bottom-left-radius:2rem}.slider__arrow svg{color:#1c4b86;font-size:1.5rem}.slider__text{opacity:0;will-change:transform,opacity;transition:transform .5s ease-in-out,opacity .5s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;position:absolute;z-index:1;line-height:1.5;text-align:center;width:100%;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased}.slider__text p{font-size:.9rem;line-height:1rem}.slider__text--perso{top:-15px}.slider__text--disabled{transform:translateX(0);opacity:.8}.slider__text--disabled:after{width:100%;height:100%;opacity:1;z-index:10;content:"Undisponible";position:absolute;display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-family:Open Sans;font-size:1.2rem;color:#1c4b86;font-weight:900;font-style:normal}.slider__text h2{font-size:1.18rem}.slider__text--Right{transform:translateX(100%);opacity:0}.slider__text--Left{transform:translateX(-100%);opacity:0}.slider__text--active{transform:translateX(0);opacity:1;width:100%}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes widthThenOpacityLeft{0%{width:0;opacity:1;right:0;left:auto}70%{width:22px;opacity:1;right:0;left:auto}to{width:16px;opacity:0;right:0;left:auto}}@keyframes widthThenOpacity{0%{width:0;opacity:1}70%{width:22px;opacity:1}to{width:16px;opacity:0}}.progress-indicator{position:relative;margin-top:.5rem;height:10px}.progress-indicator--perso{z-index:100}.progress-indicator__points{display:flex;justify-content:center;align-items:center;gap:.5rem;position:relative;z-index:1}.progress-indicator__points .point{width:6px;height:6px;background-color:#fd7f38;opacity:.6;border-radius:50%;scale:1;will-change:opacity,width,scale;transition:opacity .5s .3s,width .8s,scale .3s}.progress-indicator__points .point.active{width:10px;height:10px;scale:1;opacity:1;background-color:#fd7f38}.progress-indicator__points .point.previous{width:100%;height:6px;transition:width .5s ease-in-out}.progress-indicator__bar{position:absolute;width:0;height:6px;border-radius:2rem;background-color:#fd7f38}.progress-indicator__bar.active{width:16px;transition:width .3s}.personnage-slider{width:100%;display:flex}.loader,.loader:after,.loader:before{border-radius:50%;width:1.5em;height:1.5em;animation-fill-mode:both;animation:bblFadInOut 1.8s ease-in-out infinite}.loader{color:#fff;font-size:7px;position:relative;text-indent:-9999em;transform:translateZ(0);animation-delay:-.16s}.loader:after,.loader:before{content:"";position:absolute;top:0}.loader:before{left:-3.5em;animation-delay:-.32s}.loader:after{left:3.5em}@keyframes bblFadInOut{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@font-face{font-family:EBGaramond-Bold;font-style:normal;font-weight:400;src:url(/animatique-intro/fonts/EBGaramond-Bold.ttf) format("truetype")}#game{width:100vw;height:100vh;position:relative;background:#010a27;overflow:hidden}#game canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-container{font-family:EBGaramond-Bold,sans-serif}#turn{font-style:"EBGaramond-Bold",sans-serif;color:#fff;font-size:30px;letter-spacing:2px;position:fixed}#turn,.landscapeContainer{text-align:center;top:50%;left:50%;transform:translate(-50%,-50%)}.landscapeContainer{z-index:200;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px;width:90%;border-radius:2rem;background-color:#1c4b86;border:.2rem solid #fff;position:absolute}.landscapeContainer__title{color:#fff}.landscapeContainer p{color:#fff;font-size:1.1rem}.landscapeContainer__span{color:#fde427;font-weight:700}.landscapeContainer__modal{position:absolute;z-index:200;background-color:#1c4b86;opacity:.95;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.accueil{flex-direction:column;padding:2.43rem;background:radial-gradient(circle,#fd7f38,#fd6b51)}.accueil,.accueil__wrapper{width:100%;height:100%;display:flex;overflow:hidden;position:relative;justify-content:flex-start;align-items:center}.accueil__wrapper{flex-direction:row;max-width:1600px}@media screen and (max-width:767px){.accueil__wrapper{flex-direction:column}}.accueil__perso{width:50%;height:100%;position:relative;z-index:5;animation:fadeIn 1s ease-in-out;display:flex;justify-content:center;align-items:center}@media screen and (max-width:767px){.accueil__perso{display:none}}.accueil__logo{width:70%;height:20%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1.125rem;position:relative}@media screen and (max-width:767px){.accueil__logo{gap:.8rem}}.accueil__logo__educfi{position:relative;width:100%;height:80%}.accueil__title{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:50%;z-index:5;height:70%}@media screen and (max-width:767px){.accueil__title{padding-block:0;padding-bottom:4rem;width:100%;height:100%}}.accueil__divGame{width:100%;height:35%;display:flex;justify-content:flex-end;align-items:flex-end}@media screen and (max-width:767px){.accueil__divGame{width:100%;height:30%;justify-content:center;align-items:center}}.accueil__gameName{width:100%;height:100%;position:relative;aspect-ratio:780/251;animation:scaleUp 1s ease-in-out;bottom:0}@media screen and (max-width:767px){.accueil__gameName{aspect-ratio:780/251;width:50rem;height:auto}}.accueil__gameName--monnaie{aspect-ratio:725/97;height:60%}.accueil__rectangle{width:160vw;aspect-ratio:2153/827;position:absolute;right:-30%;bottom:0;transform:translateY(50%);z-index:1}@media screen and (max-width:767px){.accueil__rectangle{width:auto;height:90%;right:-100%}}.accueil--blueback{position:absolute;width:100%;height:50%;bottom:0;background:radial-gradient(circle,#1c4b86,#203975);-webkit-clip-path:polygon(0 20%,100% 0,100% 100%,0 100%);clip-path:polygon(0 20%,100% 0,100% 100%,0 100%);box-shadow:-1px 2px 12px 1px rgba(0,0,0,.76)}.accueil__persomobile{display:none;position:relative}@media screen and (max-width:767px){.accueil__persomobile{display:block;width:90%;height:100%;position:relative}.accueil__persomobile img{width:100%;height:auto;align-self:center}}.accueil__fullscreen{top:1rem;z-index:10}@media screen and (max-width:767px){.accueil__fullscreen{right:.5rem}}@media screen and (min-width:1024px){.accueil__fullscreen{right:1rem}}.intro{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;justify-content:flex-start;align-items:center;background:radial-gradient(circle,#fd7f38,#fd6b51)}@media screen and (max-width:767px){.intro{z-index:0}}@media screen and (min-width:767px)and (max-width:1024px){.intro{z-index:0}}.intro__wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:100%;position:relative}@media screen and (max-width:767px){.intro__wrapper{padding-left:0;flex-direction:column}}@media screen and (min-width:767px)and (max-width:1024px){.intro__wrapper{padding-left:0;flex-direction:column}}.intro__burger{padding-top:1rem;padding-left:.5rem;align-self:flex-start;color:#fff}@media screen and (min-width:1024px){.intro__burger{padding-left:2rem}}.intro__flexchild{width:34%;height:100%;position:relative;display:flex;justify-content:flex-end;align-items:center;padding-bottom:2rem;padding-top:6rem;flex-direction:column;gap:2.5rem}@media screen and (max-width:767px){.intro__flexchild{width:100%;height:auto;gap:0;justify-content:flex-start;padding-top:.8rem;padding-bottom:.625rem;overflow:visible}}@media screen and (min-width:767px)and (max-width:1024px){.intro__flexchild{width:100%;height:auto;gap:0;justify-content:flex-start;padding-top:3rem;padding-bottom:.625rem;overflow:visible}}.intro__flexchild__perso{height:100%;width:100%;position:relative;display:flex}@media screen and (max-width:767px){.intro__flexchild__perso{display:none}}@media screen and (min-width:767px)and (max-width:1024px){.intro__flexchild__perso{display:none}}.intro--desktop{display:flex}@media screen and (max-width:767px){.intro--desktop{display:none}}@media screen and (min-width:767px)and (max-width:1024px){.intro--desktop{display:none}}.intro--mobile{display:none}@media screen and (max-width:767px){.intro--mobile{display:flex}}@media screen and (min-width:767px)and (max-width:1024px){.intro--mobile{display:flex}}.intro__gameName{width:80%;height:auto;position:relative;aspect-ratio:780/251}@media screen and (max-width:767px){.intro__gameName{width:70%}}@media screen and (min-width:767px)and (max-width:1024px){.intro__gameName{width:50%}}.intro__nav{display:flex;flex-direction:column;gap:.5rem;justify-content:center;align-items:center;width:100%;color:#000;font-size:1.25rem}@media screen and (max-width:767px){.intro__nav{font-size:1rem;justify-content:flex-end;align-items:flex-end;padding-right:16px;position:absolute;bottom:16px;color:#fff}}@media screen and (min-width:767px)and (max-width:1024px){.intro__nav{font-size:1.25rem;justify-content:flex-end;align-items:flex-end;padding-right:16px;position:absolute;bottom:16px;color:#fff}}.intro__nav__desktop{display:flex}@media screen and (max-width:767px){.intro__nav__desktop{display:none}}@media screen and (min-width:767px)and (max-width:1024px){.intro__nav__desktop{display:none}}.intro__nav__mobile{display:none}@media screen and (max-width:767px){.intro__nav__mobile{display:flex}}@media screen and (min-width:767px)and (max-width:1024px){.intro__nav__mobile{display:flex}}.intro__nav__link{transition:all .25s ease-in-out;font-size:.88rem}.intro__nav__link:hover{color:#fff}.intro__nav__link--border{border-bottom:1px solid #000;padding-bottom:.5rem}@media screen and (max-width:767px){.intro__nav__link--border{border-bottom:1px solid #fff}}@media screen and (min-width:767px)and (max-width:1024px){.intro__nav__link--border{border-bottom:1px solid #fff}}.intro--whiteback{background-color:#fff;color:#000;-webkit-clip-path:polygon(15% 0,100% 0,83% 100%,0 100%);clip-path:polygon(15% 0,100% 0,83% 100%,0 100%);box-shadow:-1px 2px 12px 1px rgba(0,0,0,.26);position:relative}@media screen and (max-width:767px){.intro--whiteback{position:absolute;z-index:-1;-webkit-clip-path:polygon(0 0,100% 5%,100% 100%,0 100%);clip-path:polygon(0 0,100% 5%,100% 100%,0 100%);display:flex;height:60%;bottom:16%}}@media screen and (min-width:767px)and (max-width:1024px){.intro--whiteback{position:absolute;z-index:-1;-webkit-clip-path:polygon(0 0,100% 5%,100% 100%,0 100%);clip-path:polygon(0 0,100% 5%,100% 100%,0 100%);display:flex;height:60%;bottom:150px}}.intro--blueback{position:absolute;right:0;height:100%;background:radial-gradient(circle,#1c4b86,#203975);color:#fff;-webkit-clip-path:polygon(17% 0,100% 0,85% 100%,0 100%);clip-path:polygon(17% 0,100% 0,85% 100%,0 100%);box-shadow:-1px 2px 12px 1px rgba(0,0,0,.76)}@media screen and (max-width:767px){.intro--blueback{bottom:0;left:0;z-index:2;width:100%;height:35%;-webkit-clip-path:polygon(0 20%,100% 0,100% 100%,0 100%);clip-path:polygon(0 20%,100% 0,100% 100%,0 100%);padding-top:3rem;flex-direction:row}}@media screen and (min-width:767px)and (max-width:1024px){.intro--blueback{bottom:0;left:0;z-index:2;display:flex;height:40%;-webkit-clip-path:polygon(0 20%,100% 0,100% 100%,0 100%);clip-path:polygon(0 20%,100% 0,100% 100%,0 100%);overflow:visible}}.intro__rectangle{width:100%;height:100%;position:absolute;left:0}.intro__personnages{width:calc(100% - 8rem);position:relative;height:70%;display:flex;justify-content:center;align-items:center;animation:fadeInUp 1s ease-in-out .3s}@media screen and (max-width:767px){.intro__personnages{display:none}}@media screen and (min-width:767px)and (max-width:1024px){.intro__personnages{display:none}}.intro__list{display:flex;height:30%;margin-left:-4rem;flex-direction:column;justify-content:flex-start;align-items:center;gap:1.5rem}.intro__list__desktop{display:flex}@media screen and (max-width:767px){.intro__list__desktop{display:none}}@media screen and (min-width:767px)and (max-width:1024px){.intro__list__desktop{display:none}}.intro__list__mobile{display:none}@media screen and (max-width:767px){.intro__list__mobile{display:block;width:100%;position:absolute;top:25%;left:16px;z-index:20}}@media screen and (min-width:767px)and (max-width:1024px){.intro__list__mobile{display:flex;position:absolute;gap:2rem;flex-direction:column;top:calc(50% - 200px)}}@media screen and (max-width:767px){.intro__list{align-items:flex-start;margin-left:0;align-self:flex-start;padding-left:1rem;width:100%;position:absolute;z-index:100}}@media screen and (min-width:767px)and (max-width:1024px){.intro__list{align-items:center;margin-left:0;align-self:center;padding-left:1rem;width:100%;position:relative;z-index:100;flex-direction:column}}@media screen and (max-width:767px){.intro__list__item{align-self:flex-end}}@media screen and (min-width:767px)and (max-width:1024px){.intro__list__item{margin-top:15%}}.intro__btn{position:relative;max-width:100%;box-shadow:0 2px 10px rgba(0,0,0,.7)}@media screen and (max-width:767px){.intro__btn--desktop{display:none}}@media screen and (min-width:767px)and (max-width:1024px){.intro__btn--desktop{display:none}}@media screen and (max-width:767px){.intro__btn{position:absolute;left:-36px}}@media screen and (min-width:767px)and (max-width:1024px){.intro__btn{position:relative}}@media screen and (max-width:767px){.intro__btn__top{position:absolute;top:4rem;z-index:10}}@media screen and (min-width:767px)and (max-width:1024px){.intro__btn__top{position:relative}}@media screen and (max-width:767px){.intro__btn__bottom{position:absolute;top:4rem;text-align:center}}@media screen and (min-width:767px)and (max-width:1024px){.intro__btn__bottom{position:relative}}.intro__btn__whiteLeft{box-shadow:0 2px 10px rgba(0,0,0,.7)}@media screen and (max-width:767px){.intro__btn__whiteLeft{position:absolute;right:0;top:2rem;border-bottom-right-radius:0;border-top-right-radius:0}}.intro__personnagesmobile{display:none}@media screen and (max-width:767px){.intro__personnagesmobile{overflow:visible;display:flex;position:absolute;width:307px;height:507px;right:-50px;top:150px;z-index:0}}@media screen and (min-width:767px)and (max-width:1024px){.intro__personnagesmobile{overflow:visible;display:flex;position:absolute;width:460px;height:760px;aspect-ratio:307/507;right:-50px;top:200px;z-index:0}}.intro__persosolomobile{display:none}@media screen and (max-width:767px){.intro__persosolomobile{display:block;position:absolute;left:-10%;bottom:-40%;z-index:10}}@media screen and (min-width:767px)and (max-width:1024px){.intro__persosolomobile{display:block;position:absolute;left:0;bottom:-15vh;z-index:10;width:270px;height:808px}}.intro--slideDown{animation:fadeInDown 1s ease-in-out}.intro--slideUp{animation:fadeInUp 1s ease-in-out}.intro__sound{position:absolute;right:1rem;top:1rem;z-index:10;background-color:#fd7f38;padding:1rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center}.intro__sound svg{width:1rem;height:1rem}@media screen and (max-width:767px){.intro__sound{top:.5rem;right:0;background-color:rgba(0,0,0,0)}.intro__sound svg{width:1.2rem;height:1.2rem}}@media screen and (min-width:767px)and (max-width:1024px){.intro__sound{top:0;right:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{transform:scale(.5)}to{transform:scale(1)}}.intro__list__mobile .subtitle-h3 span{display:block}.create{width:100%;height:100%;display:flex;flex-direction:row;overflow:hidden;position:relative;justify-content:space-between;align-items:center;background:radial-gradient(circle,#fd7f38,#fd6b51)}@media screen and (max-width:767px){.create{flex-direction:column}}.create__div{width:60%;height:100%;background-color:#fff;-webkit-clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}@media screen and (max-width:767px){.create__div{width:100%;-webkit-clip-path:polygon(0 2%,100% 0,100% 100%,0 100%);clip-path:polygon(0 2%,100% 0,100% 100%,0 100%);padding-top:1.5rem;padding-bottom:1.5rem}}.create__div--text{width:22.21rem}.create__div__container{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:column;width:70%}@media screen and (max-width:767px){.create__div__container{gap:0}}.create__leftDiv{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-left:8.75rem;height:100%;width:100%;margin-top:4rem;gap:1rem}@media screen and (max-width:767px){.create__leftDiv{padding:.5rem 1rem;width:100%;height:20%}}.create__leftDiv__nav{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.create__leftDiv__image{position:relative;height:80%;width:100%;transition:opacity .3s ease-in-out;opacity:1}@media screen and (max-width:767px){.create__leftDiv__image{display:none}}.create__leftDiv__image.fade-transition{opacity:0}.create__numberFlex{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding-top:1rem}@media screen and (max-width:767px){.create__numberFlex{gap:.25rem;padding-top:0}}.create__link{color:#fff;padding-bottom:.5rem}.create__buttons,.create__link{display:flex;justify-content:center;align-items:center}.create__buttons{border-radius:1.77rem;width:4.4rem;height:4.4rem;border:none;background-color:#1c4b86;cursor:pointer;transition:background-color .25s ease-in-out}@media screen and (max-width:767px){.create__buttons{width:3.5rem;height:3.5rem;border-radius:1.44rem}}.create__buttons:hover{background-color:#132945}.create__buttons--disabled{background-color:#b2b9c2;cursor:not-allowed;opacity:.33}.create__buttons__list{display:flex;justify-content:center;width:100%;gap:3.5rem}.create__telechargement{display:flex;justify-content:center;align-items:flex-end;gap:.5rem;background-color:rgba(0,0,0,0);border:none;margin-top:4rem}.minimum--white{color:#fff}.extra-image{position:absolute;width:15%;height:auto;left:55%;bottom:10%;transform:translate(-50%,-50%)}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content{background:#fff;padding:2rem;border-radius:1rem;text-align:left;max-width:650px;width:90%}.popup-content.text-1{color:#1c4b86}.popup-buttons{display:flex;justify-content:space-around;margin-top:1.5rem}.popup-buttons span{font-size:1rem;color:#fff}.popup-buttons:hover{cursor:pointer}.btn__confirm{background-color:#1c4b86;color:#fff;padding:.5rem 1rem}.btn__cancel{background-color:#e5e7eb;color:#111827;padding:.5rem 1rem}.session{width:100%;height:100%;display:flex;flex-direction:row;overflow:hidden;position:relative;justify-content:center;align-items:center;background:radial-gradient(circle,#fd7f38,#fd6b51)}@media screen and (max-width:767px){.session{flex-direction:column}}.session__containerLeft{width:30%;height:100%;position:relative;display:flex;justify-content:flex-start;align-items:flex-end;flex-direction:column;margin-top:4rem;padding-left:8.75rem;z-index:1}@media screen and (max-width:767px){.session__containerLeft{width:100%;margin-top:1rem;padding-left:1rem;align-items:center;height:5%}}.session__containerRight{width:70%;height:100%;background-color:#fff;-webkit-clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding-bottom:4rem;padding-left:4rem;overflow-y:auto}@media screen and (max-width:767px){.session__containerRight{width:100%;-webkit-clip-path:polygon(0 2%,100% 0,100% 100%,0 100%);clip-path:polygon(0 2%,100% 0,100% 100%,0 100%);padding-top:1.5rem;padding-bottom:1.5rem;padding-left:.5rem}}.session__containerRight__content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:3rem;gap:1rem;width:80%;max-width:900px;position:relative;padding:1rem;box-sizing:border-box}@media screen and (max-width:767px){.session__containerRight__content{padding-left:0;margin-top:0;width:100%}}.session__containerRight--flex{height:45%}.session__containerRight--flex,.session__containerRight--flexBottom{display:flex;width:100%;flex-direction:column;justify-content:space-between;align-items:center}.session__containerRight--flexBottom{height:15%;margin-top:auto}@media screen and (max-width:767px){.session__containerRight--flexBottom{margin-top:0}}.session__codeList{gap:.5rem;text-decoration:none;list-style:none;width:100%}.session__code,.session__codeList{display:flex;justify-content:center;align-items:center}.session__code{background-color:#fd7f38;color:#fff;width:14.3rem;height:14rem;border-radius:.5rem;box-shadow:inset 5px 5px 12px -9px rgba(0,0,0,.78)}.session__code--start{width:8rem;height:7rem}@media screen and (max-width:767px){.session__code{width:18%;height:10vh}}.session__modal{position:fixed;width:100vw;height:100vh;z-index:100;background:#010a27;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.session__modal h1{width:75%;text-align:center;font-family:Open Sans;font-size:1.11rem;color:#fff;font-weight:900;font-style:italic}.session__modalStart{position:fixed;width:100%;height:100%;z-index:100;display:flex;justify-content:center;align-items:center;flex-direction:column}.session__modalStart__back{position:absolute;z-index:0;background-color:#132945;opacity:.75;width:100%;height:100%}.session__modalStart__content{z-index:10;width:80%;background:radial-gradient(circle,#1c4b86,#203975);color:#fff;border:.2rem solid #fff;border-radius:1.33rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem;gap:1rem;box-shadow:0 0 10px 0 rgba(0,46,114,.75)}.session__modalStart__content p{font-family:Open Sans;font-size:2rem;color:#fff;font-weight:900;font-style:italic}.session__modalStart__buttons{display:flex;gap:.5rem}.session__link{align-self:flex-start;display:flex;align-items:center;background-color:rgba(0,0,0,0);box-shadow:none;border:none}.session__personnages{display:flex}@media screen and (max-width:767px){.session__personnages{display:none}}.session__pouvoirPopIn{position:absolute;height:19rem;z-index:1000;width:100vw;opacity:100%;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#1c4b86,#203975);display:flex;flex-direction:column;justify-content:center;align-items:center}.session__pouvoirPopIn p{width:60%}.session__pouvoirPopIn--space{position:relative;width:100%;height:24rem}.session__pouvoirPopIn--text{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;z-index:10;text-align:center;width:100%;text-shadow:2px 1px 1px #000}.session__pouvoirPopIn--text--title{font-family:basteleur-bold;font-size:4rem;color:#fde427;font-weight:900;font-style:normal}.session__pouvoirPopIn--text--subtitle{text-transform:uppercase;font-family:basteleur-bold;font-size:4rem;color:#fff;font-weight:900;font-style:normal}.session__pouvoirPopIn--text--description i{color:#fff4d0;font-style:normal}.session__pouvoirPopIn--text--description{font-family:basteleur-moonlight;font-size:2rem;color:#fff;font-weight:900;font-style:normal}.session__btns{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;gap:1rem}.session__qrCode{position:absolute;left:1rem;bottom:4rem;z-index:100}@media screen and (max-width:767px){.session__qrCode,.session__replayAnimatic{display:none}}.login{justify-content:center}.login,.login__wrapper{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;align-items:center}.login__wrapper{justify-content:space-between;gap:1rem;max-width:900px}@media screen and (min-width:767px)and (max-width:1024px){.login__wrapper{justify-content:center}}.login span{width:100%;text-align:center}.login__title{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.login__title h1{text-transform:uppercase}.login__div{flex-direction:column;gap:1rem}.login__codeBox,.login__div{text-align:center;display:flex;justify-content:center;align-items:center}.login__codeBox{background:radial-gradient(circle,#fd7f38,#fd6b51);width:15%;height:10vh;border:none;border-radius:.5rem;color:#fff;font-family:degular-semibold,sans-serif;font-size:2.5rem}.login__image{height:30%;width:100%}.login__link{color:#132945;display:flex;justify-content:flex-start;gap:.4rem}.login__link p{font-family:degular-regular;font-size:.88rem;color:#132945;font-weight:400;font-style:normal}.login__nav{width:100%;display:flex;padding-inline:1rem;padding-block:.5rem;justify-content:space-between}.logged{position:relative;background:radial-gradient(circle,#1c4b86,#203975);color:#fff;-webkit-clip-path:polygon(0 7%,100% 0,100% 100%,0 100%);clip-path:polygon(0 7%,100% 0,100% 100%,0 100%);height:55%;width:100%;margin-top:auto}.logged__nav{display:flex;width:100%;justify-content:flex-end;padding:.5rem 1rem}.logged__infos{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem}.logged__infos--subtitle{width:70%}.logged__personnages{position:absolute;z-index:100;bottom:.5rem;height:60%;width:auto}.logged__modal{position:absolute;width:100%;height:100%;z-index:100;background:radial-gradient(circle,#1c4b86,#203975);display:flex;justify-content:center;align-items:center}.logged__modal h1{width:75%;text-align:center;font-family:Open Sans;font-size:1.11rem;color:#fff;font-weight:900;font-style:italic}.jeu{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center;width:100%;background:radial-gradient(circle,#1c4b86,#203975)}.jeu__wrapper{height:100%}.jeu__background,.jeu__wrapper{display:flex;flex-direction:column;width:100%;max-width:900px;overflow-x:hidden}.jeu__background{background:rgba(0,0,0,0);color:#fff;flex:0 0 auto}.jeu__orangeBack{padding-bottom:1rem;width:100%;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;max-width:900px;overflow-x:hidden;background:radial-gradient(circle,#fd7f38,#fd6b51)}.jeu__progressbar{width:100%;gap:1.7rem;padding-inline:1rem}.jeu__instruction{text-align:center;font-family:Open Sans;font-size:1.11rem;color:#fff;font-weight:900;font-style:italic}.jeu__div{gap:.5rem}.jeu__div,.jeu__startModal{display:flex;flex-direction:column;justify-content:center;align-items:center}.jeu__startModal{width:100%;height:100vh;position:relative;gap:2rem;background:radial-gradient(circle,#1c4b86,#203975)}.jeu__startModal__image{width:100%;height:70%;position:relative}.jeu__startModal__soundIcon{margin-left:auto;padding-right:.5rem;padding-top:.5rem}.jeu__startModal__list{display:flex;flex-direction:row;justify-content:center;gap:2rem;font-family:basteleur-bold;font-size:2rem;color:#fff;font-weight:900;font-style:normal}.jeu__startModal--inactive{color:#132945}.jeu__startModal__persoImg{position:relative;height:70%;width:100%}.avatar{height:100%;flex-direction:column;max-width:900px;justify-content:flex-start;position:relative;overflow:hidden;background-color:#fff}.avatar,.avatar__nav{width:100%;display:flex;align-items:center}.avatar__nav{justify-content:flex-end}.avatar__description{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:1rem;padding-inline:.5rem;width:100%;max-width:500px;transition:all .5s ease-in-out}.avatar__description__title{font-family:basteleur-bold;font-size:1.1rem;color:#1c4b86;font-weight:900;font-style:normal;margin-block:.5rem;text-align:center}.avatar__description__subtitle{font-family:Open Sans;font-size:1.1rem;color:#1c4b86;font-weight:600;font-style:normal;margin-top:0}.avatar__description__text{font-family:Open Sans;font-size:1rem;color:#132945;font-weight:600;font-style:normal;overflow:auto;background-color:#fff;text-align:left;z-index:2;line-height:1rem;scroll-behavior:smooth;overflow-y:auto;word-wrap:break-word;width:95%}.avatar__description__text::-webkit-scrollbar{width:6px;padding-left:.5rem}.avatar__description__text::-webkit-scrollbar-thumb{background-color:#1c4b86}.avatar__description__text::-webkit-scrollbar-track{background-color:#fff}.avatar__description__content{display:flex;gap:.5rem;width:100%;height:auto;position:relative;justify-content:flex-start;align-items:flex-start}.avatar__description__sound{padding-top:.5rem;align-self:flex-start}.avatar__description__sound svg{width:1.2rem;height:1.2rem}.avatar__description__image{position:absolute;width:100%;height:100%;margin-left:-15px;z-index:0;opacity:0;transition:transform .5s ease-in-out,opacity .5s ease-in-out;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased}.avatar__description__image--Right{transform:translateX(100%);opacity:0}.avatar__description__image--Left{transform:translateX(-100%);opacity:0}.avatar__description__image--active{transform:translateX(0);opacity:1}.avatar__pouvoir{width:100%;height:68%;position:absolute;z-index:2;bottom:0;color:#fff;-webkit-clip-path:polygon(0 5%,100% 0,100% 100%,0 100%);clip-path:polygon(0 5%,100% 0,100% 100%,0 100%);box-shadow:-1px 2px 12px 1px rgba(0,0,0,.76);background:radial-gradient(circle,#1c4b86,#203975);display:flex;padding-top:5%;padding-inline:1rem;padding-bottom:1rem;flex-direction:column;justify-content:space-between;align-items:center}@media screen and (max-width:767px){.avatar__pouvoir{left:0}}.avatar__pouvoir__row{display:flex;justify-content:"center";align-items:"center";flex-direction:row;justify-content:center;gap:.2rem}.avatar__pouvoir__timer{font-family:basteleur-bold;font-size:.75rem;color:#fde427;font-weight:900;font-style:normal;margin-block:.5rem}.avatar__pouvoir__subtitle{font-family:basteleur-moonlight;font-size:.8rem;color:#fff;font-weight:400;font-style:normal}.avatar__pouvoir__title{font-family:basteleur-bold;font-size:1.18rem;color:#fff;font-weight:900;font-style:normal;text-transform:uppercase}.avatar__pouvoir__text{font-family:Open Sans;font-size:1rem;color:#fff;font-weight:600;font-style:normal;text-align:center;line-height:1rem}.avatar__pouvoir__content{justify-content:center;align-items:center;position:relative;max-width:500px}.avatar__pouvoir__content,.avatar__pouvoir__powerCharge{display:flex;flex-direction:column;gap:.5rem;width:100%;height:auto}.avatar__special__container{display:flex;justify-content:center;align-items:center;gap:1rem}.avatar__special__text{font-family:Open Sans;font-size:1.11rem;color:#fff;font-weight:600;font-style:italic}.avatar__description__image-wrapper{position:relative;height:400px;width:200px;overflow:hidden;margin-left:-2rem;display:flex;justify-content:center;align-items:center}.avatar__image--to-right{transform:translateX(0);animation:slideOutToRight .5s forwards}@keyframes slideInFromRight{0%{transform:translateX(-100%);opacity:.8}to{transform:translateX(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translateX(100%);opacity:.8}to{transform:translateX(0);opacity:1}}@keyframes slideOutToLeft{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes slideOutToRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:0}}.score{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;justify-content:flex-start;background:#fff}.score h1{font-size:2.5rem}.score__content{background-color:#fff;padding:1rem;width:95%;flex-direction:column;justify-content:flex-start;border-radius:.2rem}.score__content,.score__data{display:flex;gap:2rem}@media screen and (max-width:767px){.score__data{flex-direction:column;gap:.5rem}}.score__perso{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}.score .score__list{list-style:none;padding:0;max-width:500px;margin:0 auto;width:100%}.score .score__list .score__list__item{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #b2b9c2;margin:10px 0}.score .score__list .score__list__item img{border-radius:50%}.score .score__list .score__list__item .score__nickname{font-family:basteleur-moonlight;font-size:1rem;color:#1c4b86;font-weight:400;font-style:normal}.score .score__list .score__list__item .score__score{font-family:basteleur-moonlight;font-size:1rem;color:#1c4b86;font-weight:900;font-style:normal}.score .score__menu nav span{background:#1c4b86}.stats{width:100%;height:100%;display:flex;flex-direction:row;overflow-x:hidden;position:relative;justify-content:center;align-items:center;background:radial-gradient(circle,#1c4b86,#203975)}@media screen and (min-width:767px)and (max-width:1024px){.stats{flex-direction:column}}@media screen and (max-width:767px){.stats{flex-direction:column}}.stats__containerLeft{height:100%;width:35%;color:#fff;position:relative;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;padding-left:7.77rem;padding-bottom:2rem;z-index:10}.stats__containerLeft__header{padding-top:2rem}.stats__containerLeft h1{font-family:basteleur-bold;font-size:1.4rem;color:#fff;font-weight:900;font-style:normal}@media screen and (min-width:767px)and (max-width:1024px){.stats__containerLeft h1{font-size:1.2rem}}@media screen and (max-width:767px){.stats__containerLeft h1{font-size:1.2rem}}.stats__containerLeft h2{opacity:.6}@media screen and (max-width:767px){.stats__containerLeft{width:100%;margin:0;padding-left:0;align-items:center;justify-content:center;height:60%}}@media screen and (min-width:767px)and (max-width:1024px){.stats__containerLeft{width:100%;margin-top:0;margin-bottom:0;padding-left:1rem;align-items:center;height:40%;justify-content:center}}.stats__containerLeft__title{margin-bottom:auto;padding-top:1rem}@media screen and (min-width:767px)and (max-width:1024px){.stats__containerLeft__title{margin-bottom:0;text-align:center}}@media screen and (max-width:767px){.stats__containerLeft__title{margin-bottom:0;text-align:center}}.stats__containerLeft__correction{width:100%;margin-top:auto;display:flex;flex-direction:column;justify-content:center;gap:1rem}.stats__containerLeft__correction button{align-self:center;width:90%;color:#1c4b86}@media screen and (min-width:767px)and (max-width:1024px){.stats__containerLeft__correction button{width:auto}}@media screen and (max-width:767px){.stats__containerLeft__correction button{width:auto}}.stats__containerRight{width:65%;height:100%;background-color:#fff;-webkit-clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width:767px){.stats__containerRight{width:100%;padding-top:1.5rem;padding-bottom:1.5rem}}@media screen and (min-width:767px)and (max-width:1024px){.stats__containerRight{width:100%;-webkit-clip-path:polygon(0 2%,100% 0,100% 100%,0 100%);clip-path:polygon(0 2%,100% 0,100% 100%,0 100%);padding-top:1.5rem;padding-bottom:1.5rem}}@media screen and (max-width:767px){.stats__containerRight{width:100%;-webkit-clip-path:polygon(0 2%,100% 0,100% 100%,0 100%);clip-path:polygon(0 2%,100% 0,100% 100%,0 100%);padding-top:1.5rem;padding-bottom:1.5rem}}.stats__containerRight__name{display:flex;justify-content:center;align-items:center;gap:.5rem}.stats__containerRight__list{width:70%;margin-left:6rem;display:flex;flex-direction:column}@media screen and (min-width:767px)and (max-width:1024px){.stats__containerRight__list{width:80%;margin:0}}@media screen and (max-width:767px){.stats__containerRight__list{width:90%;margin:0}}.stats__containerRight__list__item{display:flex;justify-content:space-between;align-items:center;border-bottom:.15rem dotted #1c4b86;padding-block:.5rem}.stats__containerRight__list--avatar{border:1px solid #1c4b86;width:4rem;height:4rem}.stats__containerRight__list--avatar img{width:100%;height:100%}@media screen and (max-width:767px){.stats__containerRight__list--avatar{width:3rem;height:3rem}}.stats__nickname{font-family:basteleur-moonlight;font-size:1.11rem;color:#1c4b86;font-weight:400;font-style:normal}@media screen and (max-width:767px){.stats__nickname{font-size:1rem}}.stats__score{font-family:basteleur-moonlight;font-size:1.11rem;color:#1c4b86;font-weight:900;font-style:normal}@media screen and (max-width:767px){.stats__score{font-size:1rem}}.stats__modal{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;opacity:0;transition:all .3s ease-in-out;z-index:100;pointer-events:none}.stats__modal.active{opacity:1;pointer-events:all}.stats__modal__content{background:radial-gradient(circle,#1c4b86,#203975);width:80%;padding:2rem;border:.2rem solid #fff;border-radius:1rem;box-shadow:5px 5px 15px -4px rgba(0,0,0,.46);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.stats__modal__content h1{font-style:italic}.stats__modal__buttons{display:flex;justify-content:center;align-items:center;gap:1rem}.stats__modal__buttons--cancel{background-color:rgba(0,0,0,0);border:none;padding:.5rem}.stats__modal__buttons--cancel,.stats__modal__buttons--restart{font-family:degular-regular;font-size:1.11rem;color:#fff;font-weight:9400;font-style:normal}.stats__quit{background-color:rgba(0,0,0,0);border:none}.finished-tag{color:#19b472}.correction{width:100%;height:100%;display:flex;flex-direction:column;overflow-x:hidden;position:relative;justify-content:flex-start;align-items:flex-start;background:radial-gradient(circle,#1c4b86,#203975)}@media screen and (min-width:767px)and (max-width:1024px){.correction{flex-direction:column}}@media screen and (max-width:767px){.correction{flex-direction:column;height:100%;justify-content:flex-start}}.correction__content{display:flex;height:auto;flex:1 1;justify-content:center;align-items:flex-start;align-self:center;padding-top:4rem;width:100%}@media screen and (max-width:767px){.correction__content{flex-direction:column;padding-block:1rem;padding-inline:0}}.correction__content__left{padding-left:7rem;padding-top:.5rem;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-bottom:2rem;width:60%}@media screen and (max-width:767px){.correction__content__left{padding-left:0;height:auto;width:100%;justify-content:center;padding-inline:1rem;padding-bottom:1rem}}.correction__containerLeft{width:37%;height:100vh;color:#fff;position:relative;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;padding-left:7.77rem}@media screen and (max-width:767px){.correction__containerLeft{width:100%;padding-left:0;padding-block:1rem;padding-inline:1rem;height:auto}}.correction__containerLeft p{width:100%}.correction__containerLeft h1{font-family:basteleur-bold;font-size:1.4rem;color:#fff;font-weight:900;font-style:normal}@media screen and (min-width:767px)and (max-width:1024px){.correction__containerLeft h1{font-size:1.2rem}}@media screen and (max-width:767px){.correction__containerLeft h1{font-size:1.2rem}}.correction__containerRight{width:65%;background-color:#fff;-webkit-clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);justify-content:flex-start;position:absolute;right:0}.correction__containerRight,.correction__containerRight__content{height:100%;display:flex;flex-direction:column;align-items:center}.correction__containerRight__content{width:90%;justify-content:center;padding-bottom:2rem}@media screen and (max-width:767px){.correction__containerRight__content{width:100%;height:100%;padding-inline:1rem;background:#fff}}.correction__containerRight__buttons{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:auto}.correction__containerRight__buttons button:disabled{color:#b2b9c2;background-color:#fff;opacity:.5}@media screen and (max-width:767px){.correction__containerRight__buttons button{font-size:.9rem;padding-inline:.8rem}.correction__containerRight{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);width:100%;padding-left:0;padding-block:1rem;padding-inline:1rem;height:70%;bottom:0;display:none}}.correction__question{width:70%;font-family:Open Sans;font-size:2rem;color:#fff;font-weight:900;font-style:italic}@media screen and (max-width:767px){.correction__question{font-size:1.2rem;width:100%}}.correction__answersList{display:flex;flex-direction:column;gap:1rem;width:80%}@media screen and (max-width:767px){.correction__answersList{padding-block:1rem;gap:0;width:100%}}.correction__answer{border-bottom:.1rem dotted #1c4b86;padding-block:.5rem;position:relative;font-family:Open Sans;font-size:1.33rem;color:#e54c28;font-weight:900;font-style:italic}.correction__answer.correct{color:#19b472}.correction__answer--icon{position:absolute;left:-2rem;top:calc(50% - 12px)}@media screen and (max-width:767px){.correction__answer{font-size:1rem}}.correction__buttons{margin-top:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2rem}.correction__buttons--mobile{display:none}@media screen and (max-width:767px){.correction__buttons--mobile{display:flex;flex-direction:column;gap:1rem}}.correction__buttons--desktop{display:flex;flex-direction:row;gap:1rem}@media screen and (max-width:767px){.correction__buttons--desktop{display:none}}.correction__buttons button{background-color:rgba(0,0,0,0);color:#fff;text-align:left;padding-left:0}.correction__buttons button:hover{background-color:rgba(0,0,0,0);box-shadow:none;color:#fde427}@media screen and (max-width:767px){.correction__buttons{gap:0}}.correction__header{display:flex;flex-direction:column;gap:0;margin-bottom:2rem;color:#fff}@media screen and (max-width:767px){.correction__header{margin-bottom:2rem}}.correction__stars{display:flex;gap:1rem;margin-bottom:1rem;text-shadow:0 0 1px #fde427,0 0 10px #fde427,0 0 1px #fde427;font-family:Open Sans;font-size:1.33rem;color:#fde427;font-weight:900;font-style:italic}.correction__avatars{display:flex;gap:.5rem;margin:.5rem 0 1rem}.credits{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:1rem;color:#fff;background:radial-gradient(circle,#1c4b86,#203975)}@media screen and (max-width:767px){.credits{justify-content:center}}.credits__wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;position:relative;overflow-x:hidden}.credits h1{color:#fd7f38;height:10%;text-shadow:1px 1px 1px #000}.credits__logo{position:relative;width:30%;height:30%}.credits__logo--desktop{display:block}@media screen and (max-width:767px){.credits__logo--desktop{display:none}}.credits__logo--mobile{display:none}@media screen and (max-width:767px){.credits__logo--mobile{display:block}.credits__logo{height:100%}}.credits__logoContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:20%;height:100%}@media screen and (max-width:767px){.credits__logoContainer{flex-direction:row;width:100%;height:20%}}.credits__menu{align-self:flex-start;margin-bottom:2rem;margin-left:1rem;margin-top:1rem}.credits__content{color:#fff;width:100%;height:80%;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:2rem}@media screen and (max-width:767px){.credits__content{flex-direction:column-reverse;justify-content:flex-end;height:90%}}.credits__image{width:20%;height:80%;position:relative}@media screen and (max-width:767px){.credits__image{width:100%;height:60%}}.credits__text{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}@media screen and (max-width:767px){.credits__text{width:100%;justify-content:flex-start}}.credits__text h3{font-size:1.1rem;text-shadow:2px 2px 2px #000}.tuto{width:100%;height:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;max-width:900px}.tuto__skip{border-top-right-radius:50px;border-top-left-radius:50px;padding:.5rem;text-align:center;margin-top:auto;top:.5rem;left:.5rem;margin-bottom:.5rem;background-color:#fde427;width:30%;color:#1c4b86}.tuto__modal,.tuto__skip{position:absolute;z-index:100}.tuto__modal{background-color:#000;opacity:80%;width:100%;height:100%}.tuto__title{padding:.5rem;text-align:center;background-color:#fff;width:100%;color:#fd7f38;margin-top:auto;border-bottom-right-radius:50px;border-bottom-left-radius:50px}.tuto--row{display:flex;gap:.5rem;justify-content:center;align-items:center}.tuto__div{background-color:#fff}.tuto__content{align-items:center;padding-inline:.5rem;padding-block:.5rem;z-index:200;text-align:center;max-width:calc(900px - 2rem)}.tuto__content,.tuto__list{display:flex;flex-direction:column;gap:.5rem}.tuto__list{background-color:#1c4b86;color:#fff;padding:.5rem;width:calc(100% - 2rem);margin-left:-.5rem;justify-content:space-between}.tuto__info{position:absolute;height:16rem;background-color:#fff;color:#1c4b86;width:95%;align-self:center;opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem;transition:opacity transform .5s ease-in-out ease-in-out .5s;border-radius:1rem;z-index:200;will-change:opacity,transform;transform:translateZ(0)}.tuto__info__keys{top:42%}.tuto__info__level{bottom:5%}.tuto__info__intro{top:50%;transform:translateY(-50%)}.tuto__info--visible{opacity:1}.tuto--surligne{border:.2rem solid #e54c28;padding:.2rem;font-style:normal}.tuto__btn{width:90%;margin-top:auto;transition:opacity .3s ease-in-out}.fin{background:radial-gradient(circle,#1c4b86,#203975);color:#fff}.fin,.fin__wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:1rem;align-items:center;overflow:hidden;position:relative}.fin__wrapper{max-width:900px;padding:1rem}.fin p{font-family:Open Sans;font-size:1.2rem;color:#fff;font-weight:900;font-style:italic}.fin p span{line-height:0;height:20px}.fin h1{font-size:2.5rem;color:#fff;color:#fde427;text-shadow:2px 2px 10px hsla(0,0%,100%,.2),-2px -2px 6px hsla(0,0%,100%,.3)}.fin h1,.fin h2{font-family:basteleur-bold;font-weight:900;font-style:normal}.fin h2{font-size:1.28rem;color:#fff}.fin__subtitle{font-family:basteleur-bold;font-size:1rem;color:#fff;font-weight:900;font-style:normal}.fin__title{display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center}.fin__saveScore{height:auto;gap:1rem;background-color:#fff;color:#1c4b86;padding:1rem;text-align:center;border-radius:1rem;animation:fadeIn .5s ease-in}.fin__saveScore,.fin__saveScore__inputContainer{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.fin__saveScore__inputContainer{gap:.5rem}.fin__saveScore h1{width:100%;font-family:basteleur-bold;font-size:1.5rem;color:#132945;font-weight:900;font-style:normal}.fin__saveScore__input{border-radius:2.22rem;padding-block:.65rem;background-color:#fff;border:.1rem solid #1c4b86;box-shadow:none;color:#fff}.fin__saveScore__input:focus{outline:none}.fin__saveScore__input{font-family:Open Sans;font-size:1rem;color:#1c4b86;font-weight:900;font-style:normal;text-align:center;width:100%}.fin__saveScore__header{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;gap:1.5rem}.fin__saveScore__close{cursor:pointer;border:none;background-color:rgba(0,0,0,0);color:#e54c28;font-size:2.5rem;align-self:flex-end}@media screen and (min-width:767px)and (max-width:1024px){.fin__saveScore__close{font-size:4rem}}.fin__content{margin-top:auto;display:flex;width:100%;height:100%;align-items:flex-end;position:relative}.fin__content__imageContainer{position:relative;width:50%;height:100%;z-index:10;margin-top:2rem}.fin__content__session{position:absolute;height:100%;top:0;justify-content:center;align-items:center;padding:1rem;z-index:30;background:rgba(0,0,0,.55);font-family:Open Sans;font-size:1rem;color:#1c4b86;font-weight:900;font-style:normal}.fin__content__session,.fin__content__stats{width:100%;display:flex;flex-direction:column;gap:1rem}.fin__content__stats{padding-inline:2rem;text-align:left;padding-bottom:3rem;position:relative;z-index:1}.fin__content__stats--points{font-size:1.5rem}.fin__content__stats--number,.fin__content__stats--points{font-family:basteleur-bold;color:#fde427;font-weight:900;font-style:normal}.fin__content__stats--number{font-size:1.8rem}.fin__content__stats--column{display:flex;flex-direction:column;gap:.2rem}.fin__content__stats--row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.2rem;position:relative;z-index:100;padding-block:.5rem}.fin__content__stats--row p{z-index:100}.fin__content__stats--row--green:after{content:"";position:absolute;width:100vw;height:100%;right:-3rem;background-color:#19b472;z-index:0}.fin__content__stats--row--red:after{content:"";position:absolute;z-index:0;width:100vw;height:100%;right:-3rem;background-color:#e54c28}.fin__content__stats--space{display:flex;flex-direction:column;gap:.5rem}.fin__btn{display:flex;justify-content:center;align-items:center;gap:.5rem;color:#e54c28;cursor:pointer}.fin__animatique{position:absolute;width:100%;height:100%;z-index:1000;transition:translate .5s ease-in-out;background-color:#fff}.fin__animatique,.fin__animatique--active{translate:0 0;pointer-events:auto}.fin__animatique--inactive{translate:0 -100%;pointer-events:none}.fin__content img{position:absolute;z-index:10;bottom:0;left:50%;transform:translateX(-50%);height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notFound{width:100%;height:100%;padding-block:1rem;display:flex;justify-content:center;align-items:center;gap:1rem}@media screen and (max-width:767px){.notFound{flex-direction:column}}.notFound__text{padding:2rem;border-left:2px dotted #fff}.notFound h1,.notFound h2{text-shadow:1px 1px 1px #000}.notFound h2{color:#fd7f38}.notFound__image{width:20%;height:50%;position:relative}@media screen and (max-width:767px){.notFound__image{width:100%;height:60%}}.notFound a{text-decoration:underline;color:#fff;transition:all .3s ease-in}.notFound a:hover{color:#fde427}.notFound p{color:#fff;margin-bottom:1rem;font-size:1rem}.animatique__modal{position:absolute;margin:auto;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:1rem;border-radius:1rem;color:#e54c28;font-weight:900}.mentionslegales{text-align:left;width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;justify-content:flex-start;background:#fff}.mentionslegales p{font-size:1rem}.mentionslegales__session{width:100%;background-color:#fff;padding-block:2rem;padding-inline:2rem;border-bottom:1px solid #b2b9c2;display:flex;flex-direction:column;gap:1rem}.mentionslegales__session b{font-size:1.1rem;color:#1c4b86}.mentionslegales__session h2{font-size:1.5rem;color:#fd7f38}.mentionslegales__session ul{padding-left:.5rem;margin:0;display:flex;flex-direction:column;gap:.5rem}.mentionslegales__session li{position:relative;padding-left:1.5em;list-style:none}.mentionslegales__session li a{font-size:1.1rem}.mentionslegales__session li:before{content:"";position:absolute;left:0;top:.7em;width:.5em;height:.5em;background-color:#1c4b86;border-radius:50%;transform:translateY(-50%)}.mentionslegales__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;max-width:900px;text-align:left}.mentionslegales__link{color:#1c4b86;text-decoration:underline;font-weight:700;font-size:1.2rem}.mentionslegales__link:hover{color:#fd7f38}.mentionslegales nav span{background:#1c4b86}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#132945;margin-bottom:1rem;width:100%;padding-left:2rem;max-width:1600px}.breadcrumb a{color:#1c4b86;text-decoration:underline}.breadcrumb a:hover{color:#fd7f38}.breadcrumb span{font-weight:700}.scroll-to-top{position:fixed;right:1rem;bottom:1rem;z-index:200;background:#fff;border:1px solid #ccc;border-radius:50%;width:48px;height:48px;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.8}.scroll-to-top svg{width:32px;height:32px;fill:#fff;transition:transform .3s ease;stroke:#1c4b86}.data-retention-table{overflow-x:auto;margin-top:0;margin-bottom:2rem}.data-retention-table table{width:100%;border-collapse:collapse;font-size:.95rem}.data-retention-table thead{background-color:#f5f5f5}.data-retention-table td,.data-retention-table th{border:1px solid #ddd;padding:12px;text-align:left;vertical-align:top}.data-retention-table th{font-weight:700;background-color:#f0f0f0}@media(max-width:768px){.data-retention-table table,.data-retention-table tbody,.data-retention-table td,.data-retention-table th,.data-retention-table thead,.data-retention-table tr{display:block}.data-retention-table thead{display:none}.data-retention-table tr{margin-bottom:1.5rem;border-bottom:2px solid #ccc}.data-retention-table td{position:relative;padding-left:50%}.data-retention-table td:before{position:absolute;top:12px;left:12px;width:45%;font-weight:700;white-space:nowrap}.data-retention-table td:first-of-type:before{content:"Clé"}.data-retention-table td:nth-of-type(2):before{content:"Type"}.data-retention-table td:nth-of-type(3):before{content:"Description"}.data-retention-table td:nth-of-type(4):before{content:"Durée de conservation"}}