@font-face{font-family:LuckiestGuy;src:url(../assets/fonts/LuckiestGuy-Regular.woff2) format("woff2")}@font-face{font-family:OpenDyslexic;src:url(../assets/fonts/OpenDyslexic-Regular.woff2) format("woff2")}@font-face{font-family:Lexend;src:url(../assets/fonts/Lexend-Regular.woff2) format("woff2")}body,html{margin:0;overflow:hidden;padding:0}body{background-image:url(../assets/images/fond.webp);color:#0e0e0e;font-family:router,sans-serif;font-size:20px}.body--pmr,.html--pmr{overflow-y:auto}ul{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none}button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;outline:none;text-align:inherit}button,h1{margin:0;padding:0}h1{font-family:LuckiestGuy,sans-serif;font-size:71px}h2,h3{font-family:LuckiestGuy,sans-serif;font-size:25px;letter-spacing:2px;text-transform:uppercase}h2,h3,p{margin:0;padding:0}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.nav{align-items:center;background-color:#9fa3fd;border-bottom:3px solid #0e0e0e;box-sizing:border-box;display:flex;font-family:LuckiestGuy,sans-serif;justify-content:space-between;padding:0 38px;position:fixed;width:100%;z-index:5}.nav__logo{-webkit-text-stroke:2px #000;color:#fefefe;font-size:31px;letter-spacing:2px;text-transform:uppercase}.nav__list{background-color:#fefefe;display:flex}.nav__el{align-items:center;border-left:3px solid #0e0e0e;border-right:3px solid #0e0e0e;display:flex}.nav__el img{vertical-align:middle}.nav__el a,.nav__el button{padding:20px 25px}.nav__el--active{background-color:#c8c8c8}.nav__el:first-child{border-left:3px solid #0e0e0e;border-right:none}.nav__el:last-child{border-left:none;border-right:3px solid #0e0e0e}.test{height:100vh;width:100vw}.test--hidden{display:none}.test__img{background-image:url(../assets/images/1.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;height:60vh;left:0;margin-top:68px;position:fixed;top:0;width:100vw;z-index:-1;z-index:-2}.test__minuteur{color:#fefefe;display:flex;font-family:LuckiestGuy,sans-serif;font-size:31px;font-size:47px;justify-content:end;letter-spacing:2px;padding:99px 38px 0 0}.test__questionnaire{background-image:url(../assets/images/fond.webp);border:3px solid #0e0e0e;border-bottom:none;border-top-left-radius:58px;border-top-right-radius:58px;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;left:0;padding:38px 38px 25px;position:fixed;width:100%}.test__question{background-color:#ffd56c;border:3px solid #0e0e0e;border-radius:25px;display:flex;font-weight:600;line-height:120%;padding:20px}.test__question p:first-of-type{margin-right:5px}.test__question span{display:block}.test__list{-moz-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:1fr 1fr;justify-items:center;margin:38px 0;row-gap:20px}.test__el{width:100%}.test__validation{background-color:#fefefe;font-weight:600;margin:0 auto;padding:21px 47px 20px;width:-moz-fit-content;width:fit-content}.test__validation--hidden{visibility:hidden}.test__reponse{background-color:#fefefe;height:100%;line-height:120%;padding:20px;width:100%}.test__reponse--active{background-color:#c8c8c8}.test button{border:3px solid #0e0e0e;border-radius:58px}.format{align-items:center;background-color:#9fa3fd;box-sizing:border-box;display:flex;font-weight:600;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;text-align:center;top:0;width:100vw;z-index:6}@media (min-width:1180px) and (max-height:1024px){.format{display:none}}.pmr{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.pmr__globale{padding-top:73px}.pmr__titre{background-image:url(../assets/images/pmr_titre.svg);color:transparent;font-size:109px;letter-spacing:2px;margin-bottom:71px;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pmr__titre,.pmr__visuels{background-position:50%;background-repeat:no-repeat;background-size:contain}.pmr__visuels{align-items:center;background-image:url(../assets/images/pmr.svg);display:flex;font-weight:600;height:480px;justify-content:center;text-align:center;width:100%}.pmr__list:first-child .pmr__el{background-image:url(../assets/images/phylactere_g.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.pmr__list:first-child .pmr__el:first-child{transform:translateX(-100%) translateY(-50%)}.pmr__list:first-child .pmr__el:nth-child(2){transform:translateX(-100%) translateY(-30%)}.pmr__list:first-child .pmr__el:nth-child(3){transform:translateX(-100%) translateY(-10%)}.pmr__list:nth-child(2) .pmr__el{background-image:url(../assets/images/phylactere_d.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.pmr__list:nth-child(2) .pmr__el:first-child{transform:translateX(90%) translateY(-50%)}.pmr__list:nth-child(2) .pmr__el:nth-child(2){transform:translateX(100%) translateY(-40%)}.pmr__list:nth-child(2) .pmr__el:nth-child(3){transform:translateX(100%) translateY(-10%)}.pmr__el{margin-bottom:71px;padding:22px 47px 44px}.pmr__el:last-child{margin-bottom:0}.comprendre{align-items:center;background-image:url(../assets/images/background-mobilite.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;padding:166px 0}.comprendre__groupe{width:803px}.comprendre__titre{background-color:#ffd56c;border:3px solid #0e0e0e;border-top-left-radius:47px;border-top-right-radius:47px;padding:20px 47px}.comprendre__contenu{background-color:#fefefe;background-image:url(../assets/images/damier-comprendre.svg);background-position:bottom;background-repeat:no-repeat;background-size:100% auto;border-bottom:3px solid #0e0e0e;border-bottom-left-radius:47px;border-bottom-right-radius:47px;border-left:3px solid #0e0e0e;border-right:3px solid #0e0e0e;line-height:160%;padding:20px 47px 70px}.comprendre__contenu span{display:block}.categories{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.categories__h2{background-color:#ffd56c;border:3px solid #0e0e0e;border-radius:47px;box-sizing:border-box;margin-bottom:38px;padding:20px 47px;width:100%}.categories__h3{background-color:#9fa3fd;border:3px solid #0e0e0e;border-top-left-radius:47px;border-top-right-radius:47px;padding:20px 47px;text-align:center}.categories__contenu{background-color:#fefefe;border-bottom:3px solid #0e0e0e;border-bottom-left-radius:47px;border-bottom-right-radius:47px;border-left:3px solid #0e0e0e;border-right:3px solid #0e0e0e;line-height:160%;padding:20px 47px}.categories__globale{padding-top:73px;width:1100px}.categories__permanentes{margin-right:38px}.categories__groupe{display:flex}.categories__list{min-width:650px}.categories__el:first-child{margin-bottom:38px}.noise{animation:noise .2s step-start infinite;background-image:url(https://images.unsplash.com/photo-1580243117731-a108c2953e2c?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80);background-position:50% 50%;background-repeat:no-repeat;background-size:120%;height:100vh;opacity:.06;position:fixed;width:100vw;z-index:-1}@keyframes noise{0%{background-position:50% 50%}10%{background-position:62% 38%}20%{background-position:35% 57%}30%{background-position:40% 64%}40%{background-position:68% 35%}50%{background-position:51% 54%}60%{background-position:40% 35%}80%{background-position:52% 65%}90%{background-position:38% 64%}to{background-position:51% 60%}}.resultats{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.resultats:before{background-image:url(../assets/images/mr_feu_gauche.webp);background-position:100%;transform:translateX(100px) translateY(250px)}.resultats:after,.resultats:before{background-repeat:no-repeat;content:"";height:100%;position:absolute;width:100%;z-index:-1}.resultats:after{background-image:url(../assets/images/mr_feu_droite.webp);background-position:0;transform:translateX(-100px) translateY(50px)}.resultats--hidden{display:none}.resultats__global{padding-top:69px;width:680px}.resultats__h2{background-color:#ffd56c;border:3px solid #0e0e0e;border-top-left-radius:47px;border-top-right-radius:47px;padding:20px 47px}.resultats__h3{font-size:38px;margin-bottom:38px}.resultats__score{font-size:38px}.resultats__list{background-color:#fefefe;background-image:url(../assets/images/damier-resultats.svg);background-position:bottom;background-repeat:no-repeat;background-size:100% auto;border-bottom:3px solid #0e0e0e;border-bottom-left-radius:47px;border-bottom-right-radius:47px;border-left:3px solid #0e0e0e;border-right:3px solid #0e0e0e;display:flex;justify-content:space-evenly;line-height:160%;padding:47px 47px 97px}.resultats__el{align-items:center;display:flex;flex-direction:column}.resultats__contenu{background-color:#9fa3fd;border:3px solid #0e0e0e;border-radius:47px;line-height:160%;margin:38px 0;padding:20px 47px}.resultats__boutons{display:flex;justify-content:center}.resultats__bouton{background-color:#fefefe;border:3px solid #0e0e0e;border-radius:58px;font-weight:600;padding:21px 47px 20px;width:-moz-fit-content;width:fit-content}.resultats__bouton:first-child{margin-right:38px}.avant{align-items:center;background-color:hsla(0,0%,5%,.8);display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:3}.avant--hidden{display:none}.avant__global{padding-top:69px;width:519px}.avant__titre{background-color:#ffd56c;border:3px solid #0e0e0e;border-top-left-radius:47px;border-top-right-radius:47px;justify-content:space-between;padding:20px 47px}.avant__list,.avant__titre{align-items:center;display:flex}.avant__list{background-color:#fefefe;background-image:url(../assets/images/damier-avant.svg);background-position:bottom;background-repeat:no-repeat;background-size:100% auto;border-bottom:3px solid #0e0e0e;border-bottom-left-radius:47px;border-bottom-right-radius:47px;border-left:3px solid #0e0e0e;border-right:3px solid #0e0e0e;flex-direction:column;line-height:140%;padding:47px 47px 97px}.avant__el:first-child{margin-bottom:38px;text-align:center}.avant img{vertical-align:middle}.explications{align-items:center;background-color:hsla(0,0%,5%,.8);display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:3}.explications--hidden{display:none}.explications__global{padding-top:69px;width:735px}.explications__h2{background-color:#ffd56c;border:3px solid #0e0e0e;border-top-left-radius:47px;border-top-right-radius:47px;padding:20px 47px}.explications__list{align-items:center;background-color:#fefefe;background-image:url(../assets/images/damier-explications.svg);background-position:bottom;background-repeat:no-repeat;background-size:100% auto;border-bottom:3px solid #0e0e0e;border-bottom-left-radius:47px;border-bottom-right-radius:47px;border-left:3px solid #0e0e0e;border-right:3px solid #0e0e0e;display:flex;flex-direction:column;line-height:140%;padding:47px 47px 97px}.explications__el:first-child{margin-bottom:38px}.explications__bouton{background-color:#fefefe;border:3px solid #0e0e0e;border-radius:58px;font-weight:600;margin-top:38px;padding:21px 47px 20px;width:-moz-fit-content;width:fit-content}.parametres{align-items:center;background-color:hsla(0,0%,5%,.8);display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:3}.parametres--hidden{display:none}.parametres__global{margin-bottom:36px;padding-top:69px;width:519px}.parametres__titre{align-items:center;background-color:#ffd56c;border:3px solid #0e0e0e;border-top-left-radius:47px;border-top-right-radius:47px;display:flex;justify-content:space-between;padding:20px 47px}.parametres__list{background-color:#fefefe;border-bottom:3px solid #0e0e0e;border-bottom-left-radius:47px;border-bottom-right-radius:47px;border-left:3px solid #0e0e0e;border-right:3px solid #0e0e0e;display:flex;flex-direction:column;gap:36px;line-height:140%;padding:47px}.parametres__el{align-items:center;display:flex;justify-content:space-between}.parametres__validation{background-color:#fefefe;border:3px solid #0e0e0e;border-radius:58px;font-weight:600;margin:0 auto;padding:21px 47px 20px;width:-moz-fit-content;width:fit-content}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#c8c8c8;border:2px solid #000;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{box-sizing:border-box;position:absolute;transition:.4s}.slider:before{background-color:#fff;border:2px solid #000;border-radius:50%;content:"";height:26px;left:4px;top:50%;transform:translateY(-50%);width:26px}input:checked+.slider{background-color:#ffd56c}input:checked+.slider:before{transform:translateX(22px) translateY(-50%)}.accueil{align-items:center;background-image:url(../assets/images/background-accueil.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.accueil--hidden{display:none}.accueil__global{align-items:center;display:flex;flex-direction:column;gap:36px;justify-content:center;padding-top:69px}.accueil__button{background-color:#fefefe;border:3px solid #0e0e0e;border-radius:58px;font-weight:600;margin:0 auto;padding:21px 47px 20px;width:-moz-fit-content;width:fit-content}.accueil__images{align-items:center;display:flex;flex-direction:column;justify-content:center}.accueil p{background-color:#ffd56c;border:3px solid #0e0e0e;border-radius:47px;font-weight:600;line-height:160%;padding:47px;width:650px}.accueil svg{display:block}.preferences{align-items:center;background-image:url(../assets/images/background-preferences.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:69px 47px 0;width:100vw}.preferences--hidden{display:none}.preferences h2{background-color:#9fa3fd;border:3px solid #0e0e0e;border-radius:47px;margin-bottom:36px}.preferences h2,.preferences span{box-sizing:border-box;padding:20px 47px;width:100%}.preferences span{background-color:#ffd56c;border-bottom:3px solid #0e0e0e;border-top-left-radius:47px;border-top-right-radius:47px;font-family:LuckiestGuy,sans-serif;font-size:25px;letter-spacing:2px;margin:0;text-align:center;text-transform:uppercase}.preferences__list{display:grid;gap:36px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto)}.preferences__el button{align-items:center;background-color:#fefefe;border:3px solid #0e0e0e;border-radius:47px;display:flex;flex-direction:column;height:300px;width:300px}.preferences__el button svg{height:100%;padding:47px}.preferences__button-img{display:block;margin:auto;width:60%}.preferences__el{align-items:center;display:flex;flex-direction:column}.dyslexic-font{line-height:160%}.dyslexic-font,.pmr--dyslexic{font-family:OpenDyslexic,sans-serif}.apprentissage__timer--dyslexic,.dyslexic-font h1,.dyslexic-font h2,.dyslexic-font h3,.dyslexic-font h4,.dyslexic-font h5,.dyslexic-font h6,.nav--dyslexic{font-family:Lexend,sans-serif}.etape__image--dyslexic{bottom:10%;position:absolute}.etape__image--agrandis{bottom:5%;position:absolute}.text-size-active li,.text-size-active p,.text-size-active span{font-size:24px}.text-size-active h2{font-size:37px}.text-size-active h3{font-size:30px}.apprentissage__timer-span.text-size-active{font-size:84px!important}.text-size-disabled li,.text-size-disabled p,.text-size-disabled span{font-size:20px}.text-size-disabled h2{font-size:25px}.text-size-disabled h3{font-size:27px}.apprentissage__timer-span.text-size-disabled{font-size:84px!important}.falc-active .etape__image,.falc-active .falc__img,.falc-active .pmr,.falc-active .pmr__falc{display:none!important}.falc-active .bg__img,.falc-active .comprendre__contenu,.falc-active section,.falc-active section:after,.falc-active section:before{background-image:none!important}.falc-active .falc__el{margin-bottom:80px}.falc-active .categories,.falc-active .comprendre{height:auto;margin-bottom:80px}.falc-active .categories__groupe{flex-direction:column}.falc-active .categories__globale{padding:0}.falc-active .categories__falc{margin:0 auto 80px;width:803px}.falc-active .comprendre{padding-bottom:0}.instructions{align-items:center;background-image:url(../assets/images/background-instructions.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;gap:36px;height:100vh;justify-content:center;padding:69px 47px 0;width:100vw}.instructions--hidden{display:none}.instructions h2{background-color:#9fa3fd;border-radius:47px}.instructions h2,.instructions h3{border:3px solid #0e0e0e;box-sizing:border-box;padding:20px 47px;width:100%}.instructions h3{background-color:#ffd56c;border-top-left-radius:47px;border-top-right-radius:47px;text-align:center}.instructions span{display:block;text-align:center}.instructions__list{align-items:center;display:flex;gap:36px;justify-content:center}.instructions__etape{box-sizing:border-box;width:350px}.instructions__button{background-color:#fefefe;border:3px solid #0e0e0e;border-radius:58px;font-weight:600;margin:0 auto;padding:21px 47px 20px;width:-moz-fit-content;width:fit-content}.instructions__contenu{align-items:center;background-color:#fefefe;border-bottom:3px solid #0e0e0e;border-bottom-left-radius:47px;border-bottom-right-radius:47px;border-left:3px solid #0e0e0e;border-right:3px solid #0e0e0e;display:flex;flex-direction:column;gap:20px;height:200px;padding:20px;position:relative}.instructions svg{height:100%}.instructions__contenu--dyslexic{height:288px}.instructions__contenu--agrandis{height:220px}.instructions__button--disabled{pointer-events:none}.instructions__button--enabled{background-color:#fefefe;cursor:pointer;pointer-events:auto}.instructions__etape{opacity:.5;padding-bottom:20px;transition:opacity .3s}.instructions__checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fefefe;border:2px solid #0e0e0e;border-radius:50%;display:flex;height:60px;margin:20px auto 0;width:60px}.instructions__checkbox:checked{background-image:url(../assets/images/checked.svg);background-position:50%;background-repeat:no-repeat}.instructions__button--disabled{cursor:not-allowed;opacity:.5}.apprentissage{align-items:center;background-image:url(../assets/images/background-aprentissage.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;gap:36px;height:100vh;justify-content:center;padding:69px 47px 0;width:100vw}.apprentissage--hidden{display:none}.apprentissage__button{background-color:#fefefe;border:3px solid #0e0e0e;border-radius:58px;font-weight:600;margin:0 auto;padding:21px 47px 20px;width:-moz-fit-content;width:fit-content}.apprentissage__card{width:350px}.apprentissage h2{background-color:#ffd56c;border:3px solid #0e0e0e;border-top-left-radius:47px;border-top-right-radius:47px;box-sizing:border-box;font-size:25px!important;padding:20px 47px;text-align:center;width:100%}.apprentissage span{font-family:LuckiestGuy,sans-serif;font-size:84px;letter-spacing:2px;margin:0;padding:0;text-transform:uppercase}.apprentissage__timer{align-items:center;background-color:#fefefe;border-bottom:3px solid #0e0e0e;border-bottom-left-radius:47px;border-bottom-right-radius:47px;border-left:3px solid #0e0e0e;border-right:3px solid #0e0e0e;display:flex;height:200px;justify-content:center}

/*# sourceMappingURL=app.css.map*/