@font-face{font-family:'Golos';src:url(webfonts/golos-text_regular.woff2) format('woff2'),url(webfonts/golos-text_regular.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Golos';src:url(webfonts/golos-text_demibold.woff2) format('woff2'),url(webfonts/golos-text_demibold.woff) format('woff');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Golos';src:url(webfonts/golos-text_bold.woff2) format('woff2'),url(webfonts/golos-text_bold.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Golos';src:url(webfonts/golos-text_black.woff2) format('woff2'),url(webfonts/golos-text_black.woff) format('woff');font-weight:800;font-style:normal;font-display:swap}body{width:100%;height:100%;position:relative;color:#fff;font-size:32px;font-family:"Golos",sans-serif;text-align:center;background-color:#001C83}img{margin:0;padding:0;border:none}p{color:#001C83;margin:20px auto;font-size:40px;line-height:normal;text-align:left}a,a:hover{color:#001C83;text-decoration:none}h1{margin:10px auto;color:#fff;font-size:75px;font-weight:700;display:none;visibility:hidden;opacity:0}div{visibility:visible;outline:0 solid #fff;outline-offset:0}body:not(.using-mouse) div:focus,body:not(.using-mouse) button:focus{outline:15px solid #fff;outline-offset:-1px;border:0!important}body:not(.using-mouse) .popin div:focus,body:not(.using-mouse) .popin button:focus,body:not(.using-mouse) .intro div:focus{outline:15px solid #001C83;outline-offset:-1px;border:0!important}i,em{font-style:italic}b,strong{font-weight:700}.light{font-weight:300}button{all:unset;cursor:pointer}#site{width:100%;height:100%;margin:auto;position:absolute;left:0;top:0;background-color:#000;transform-origin:left top;overflow:hidden}#rotation{width:0;height:0;margin:auto;position:fixed;left:0;top:0;background-color:#3CD2FF;z-index:9999;display:none;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden}#rotation.show{width:100%;height:100%;opacity:1!important;display:flex!important;visibility:visible!important;background-image:url(../img/tourne-ecran.gif);background-position:center;background-repeat:no-repeat;background-size:contain}#rotation p{padding:10px 30px;line-height:30px;font-size:20px;font-style:italic;text-align:center}.screen{width:100%;height:100%;margin:auto;position:absolute;left:0;top:0;background-color:#001C83;background-repeat:no-repeat;background-position:center;background-size:contain;z-index:1;opacity:0;display:none}.screen h2{width:fit-content;margin:auto;padding:20px 50px;position:relative;color:#4754E1;font-size:43px;font-weight:800;background-color:#fff;border-radius:0 0 30px 30px;z-index:3;display:flex;align-items:center}#chargement{display:flex;opacity:1;background-repeat:no-repeat;background-position:center;justify-content:center;align-items:center;flex-direction:column}#chargement .info{position:absolute;right:20px;bottom:20px}#chargement .info p{color:#fff;font-size:14px;text-align:right;margin:0}.cta{width:270px;height:60px;padding:20px;margin:auto;position:absolute;left:0;right:0;bottom:50px;color:#001C83;font-weight:700;font-size:40px;background-color:#FFDD86;border-radius:40px;cursor:pointer;user-select:none;border:10px solid #F16544;border-top:0;box-shadow:0 10px 0 #001C83;display:flex;justify-content:center;align-items:center}.cta.bis{background-color:#BAE7F9;border:10px solid #5262FC;border-top:0}.cta:hover{margin-bottom:0;border-top:10px solid #F16544;bottom:40px;box-shadow:none}.cta.bis:hover{border-top:10px solid #5262FC}#header{width:100%;position:absolute;top:0;z-index:100;-webkit-transition:top 500ms ease-in-out;transition:top 500ms ease-in-out}#header.off{top:-200px}#header .menu{position:absolute;left:20px;top:20px;display:flex;gap:30px}.bouton{width:120px;height:120px;position:relative;left:0;font-size:50px;color:#053771;background-image:url(../img/bg-bouton-header.png);background-position:center;background-repeat:no-repeat;border-radius:120px;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-transition:left 500ms ease-in-out;transition:left 500ms ease-in-out}.bouton:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-position:center;background-repeat:no-repeat;z-index:2}.bouton:hover{background-image:url(../img/bg-bouton-header-hover.png)}.bouton.off{left:-400px}.bouton.off:hover:before{background-image:url(../img/bg-bouton-header.png)}.bouton.retour:before{background-image:url(../img/picto-retour.png)}.bouton.accueil:before{background-image:url(../img/picto-accueil.png)}.bouton.progression:before{background-image:url(../img/picto-progression.png);left:0}.bouton.son:before{background-image:url(../img/picto-son.png);left:0}.bouton.son.mute:before{background-image:url(../img/picto-son-off.png)}#header.simple .bouton.progression,#header.simple .bouton.son{left:-20px}.bouton.consigne{position:absolute;left:50px;bottom:50px}.bouton.consigne:before{background-image:url(../img/picto-consigne.png)}.info .bouton{background-image:url(../img/bg-bouton-info.png)}.info .bouton.style-2,.info .bouton.style-4{background-image:url(../img/bg-bouton-info-2.png)}.info .bouton:before{background-image:url(../img/picto-info.png)}.info .bouton:hover{background-image:url(../img/bg-bouton-header-hover.png)}.info .bouton:hover:before{background-image:url(../img/picto-info-hover.png)}#header .badges{position:absolute;right:120px;top:20px;border-radius:120px;display:flex;gap:30px}#header .badge{width:120px;height:120px;border-radius:120px;cursor:pointer}.badge{width:215px;height:215px;margin:auto;border-radius:215px;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;background:conic-gradient(#ffdd86 0%,#1b3fa7 0deg)}.badge.ok{background:transparent!important}#header .badge:before{width:100px;height:100px;border-radius:100px}.badge:before{content:"";width:185px;height:185px;border-radius:185px;overflow:hidden;background-color:#BAE7F9;background-position:center;background-repeat:no-repeat;background-size:160px}.badge.ok:before{background-color:#fff0}#header .badge .picto{width:100px;height:100px;background-size:80px}.badge .picto{width:185px;height:185px;position:absolute;background-position:center;background-repeat:no-repeat;background-size:160px;opacity:.2}.badge.ok .picto{opacity:1;background-size:150px}.badge.etats .picto{background-image:url(../img/picto-badge-etats.png)}.badge.cycle .picto{background-image:url(../img/picto-badge-cycle.png)}.badge.trajets .picto{background-image:url(../img/picto-badge-trajets.png)}.badge.etats.ok .picto{background-image:url(../img/picto-badge-etats-ok.png)}.badge.cycle.ok .picto{background-image:url(../img/picto-badge-cycle-ok.png)}.badge.trajets.ok .picto{background-image:url(../img/picto-badge-trajets-ok.png)}#accueil{background-image:url(../img/accueil-bg-simple.jpg);background-position:center;background-repeat:no-repeat}#accueil .logo{display:block;margin:65px auto}#accueil .titre{display:block;margin:100px auto 30px;opacity:0;transform:scale(.2);-webkit-transition:all 1000ms ease-in-out;transition:all 1000ms ease-in-out}#accueil .titre.show{opacity:1;transform:scale(1)}#accueil .titre.show:active{transform:scale(.9)}#accueil .perso.garcon{width:187px;height:239px;position:absolute;left:351px;top:1200px;background-image:url(../img/perso-garcon-1.png);background-position:center;background-repeat:no-repeat;background-size:contain;-webkit-transition:all 1000ms cubic-bezier(.175,.885,.32,1.275) 500ms;transition:all 1000ms cubic-bezier(.175,.885,.32,1.275) 500ms}#accueil .perso.garcon.show{top:420px;animation:1.5s ease-in-out 1.5s infinite alternate pesanteur-garcon}@keyframes pesanteur-garcon{from{top:420px}to{top:440px}}#accueil .perso.fille{width:197px;height:313px;position:absolute;left:1248px;top:1200px;background-image:url(../img/perso-fille-1.png);background-position:center;background-repeat:no-repeat;background-size:contain;-webkit-transition:all 1000ms cubic-bezier(.175,.885,.32,1.275) 200ms;transition:all 1000ms cubic-bezier(.175,.885,.32,1.275) 200ms}#accueil .perso.fille.show{top:205px;animation:1.3s ease-in-out 1.2s infinite alternate pesanteur-fille}@keyframes pesanteur-fille{from{top:205px}to{top:225px}}#accueil .perso.show.vu{animation-delay:0s}#accueil .menu{width:100%;position:absolute;bottom:170px;display:flex;justify-content:center;gap:45px}#accueil .menu div,#chapitre .programme div{width:420px;height:80px;margin-bottom:10px;padding:10px 20px;top:0;color:#001C83;font-weight:700;font-size:40px;background-color:#FFDD86;border-radius:40px;cursor:pointer;user-select:none;border:10px solid #F16544;border-top:0;box-shadow:0 10px 0 #001C83;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px}#accueil .menu div:hover,#chapitre .programme div:hover{margin-bottom:0;border-top:10px solid #F16544;top:10px;box-shadow:none}#accueil .menu div:last-child{width:160px;height:160px;padding:20px;position:absolute;right:120px;top:-350px;border-radius:300px}#accueil .lien{width:fit-content;padding:10px;position:absolute;bottom:85px;left:100px;color:#FFF;font-weight:400;font-size:32px;border-radius:10px;cursor:pointer}#accueil .lien.reset{left:0;right:0;margin:auto;padding-left:50px;background-image:url(../img/picto-reinit.png);background-position:left center;background-repeat:no-repeat}.popin{display:block;content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgb(55 129 165 / .4);backdrop-filter:blur(5px);z-index:101;opacity:0}.popin .content{width:1240px;height:590px;margin:auto;position:absolute;left:0;right:0;top:0;bottom:0;background-color:#fff;border:10px solid #5062F4;border-radius:40px}.popin .fermer{width:120px;height:120px;position:absolute;top:-30px;right:-30px;font-size:50px;color:#fff;background-color:#5062F4;background-image:url(../img/picto-fermer.png);background-position:center;background-repeat:no-repeat;border-radius:120px;overflow:hidden;cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center;-webkit-transition:background-color 200ms ease-in-out;transition:background-color 200ms ease-in-out}.popin .fermer:hover{background-color:#001C83}.popin h2{padding:50px 35px 50px 180px;color:#5062F4;font-size:64px;font-weight:800;text-align:left}.popin h2:before{content:"";display:block;width:120px;height:120px;position:absolute;top:20px;left:30px;background-position:center;background-repeat:no-repeat;border-radius:120px}.popin.reset h2:before{background-image:url(../img/picto-reset.png)}.popin.progression h2:before{background-color:#BAE7F9;background-image:url(../img/picto-progression.png)}.popin .inside{padding:0 100px 0 180px}.popin p{min-height:90px;font-weight:600;align-items:center}.popin .recommencer,.popin .rejouer,.popin .annuler{left:-400px;bottom:100px}.popin .recommencer:hover,.popin .rejouer:hover,.popin .annuler:hover{bottom:90px}.popin .quitter,.popin .continuer,.popin .reset{left:400px;bottom:100px}.popin .reset{width:350px}.popin .quitter:hover,.popin .continuer:hover,.popin .reset:hover{bottom:90px}.popin .son{position:absolute;top:170px;left:30px}.popin.reset .content:before{content:"";display:block;width:259px;height:398px;position:absolute;right:-115px;bottom:-82px;background-image:url(../img/perso-fille-3.png);background-position:center;background-repeat:no-repeat;background-size:contain}.popin.credits .content:before{content:"";display:block;width:110px;height:213px;position:absolute;left:35px;top:-70px;background-image:url(../img/perso-garcon-2.png);background-position:center;background-repeat:no-repeat;background-size:contain}.popin.credits p{min-height:auto;font-size:30px;line-height:50px}.popin.recompense .content{width:1050px;height:750px}.popin.recompense .content:before{content:"";width:299px;height:458px;position:absolute;left:-38px;top:342px;background-image:url(../img/perso-fille-1.png);background-position:center;background-repeat:no-repeat;background-size:contain}.popin.recompense .son{top:152px}.popin.recompense .badge .picto{width:250px;height:260px;margin-top:10px;background-size:contain;opacity:0;transform:scale(6);transition:all 500ms ease-in-out}.popin.recompense .badge .picto.show{opacity:1;transform:scale(1)}.popin.recompense .annuler{left:0;bottom:50px}.popin.recompense .annuler:hover{bottom:40px}.popin .slider{width:1492px;height:665px;margin:auto;position:absolute;left:0;right:0;top:0;bottom:0;background-color:#fff;border:10px solid #5062F4;border-radius:40px;display:flex}.popin .slider .txt{width:50%;position:relative;border-radius:50px 0 0 50px}.popin .slider .txt h2{color:#5062F4}.popin .slider .txt.style-2 h2,.popin .slider .txt.style-4 h2{color:#001C83}.popin .slider .txt h2:before{background-color:#5062F4;background-image:url(../img/picto-info.png)}.popin .slider .txt.style-2 h2:before,.popin .slider .txt.style-4 h2:before{background-color:#001C83}.popin .slider .txt p{min-height:90px;padding:0 35px 0 180px;font-size:36px}.popin .slider .img{width:50%;position:relative;border-radius:0 30px 30px 0;overflow:hidden}.popin .slider .img .list{width:100%;height:100%;position:absolute;top:0;left:0;display:flex}.popin .slider .img .list img{width:100%;height:100%;position:relative;object-fit:cover;object-position:center}.popin .nav{margin:auto;position:absolute;left:0;right:0;bottom:50px;display:flex;justify-content:center;align-items:center;gap:30px}.popin .nav .arrow{width:120px;height:134px;margin:0 45px;background-image:url(../img/bouton-next.png);background-position:center bottom;background-repeat:no-repeat;background-size:contain;border-radius:120px;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center}.popin .nav .arrow.prev{background-image:url(../img/bouton-prev.png)}.popin .nav .arrow:hover{background-image:url(../img/bouton-next-hover.png)}.popin .nav .arrow.prev:hover{background-image:url(../img/bouton-prev-hover.png)}.popin .nav .arrow.off,.popin .nav .arrow.off:hover{opacity:.4}.popin .nav .point{width:30px;height:30px;background:#001C83;border-radius:30px;cursor:pointer;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}.popin .nav .point.on{background-color:#F16544}.popin.progression .content{width:1490px;height:780px}.popin .score{width:450px;height:453px;display:inline-block;margin:15px;background-color:#BAE7F9;border-radius:20px}.popin .score.quiz{height:auto}.popin .score.total{width:930px;height:auto;position:relative;background-color:#FFDD86}.popin .score.total:before{content:"";width:264px;margin:auto;padding:10px 0;position:absolute;right:-128px;bottom:-5px;color:#001C83;font-weight:700;transform:rotate(-5deg)}.popin .score.total.parfait:before{content:"Parfait !";background-color:#87F059;border:4px solid #38B500}.popin .score h3{margin:20px auto;color:#001C83;font-size:36px;font-weight:800}.popin .score p{min-height:auto;text-align:center;font-size:28px}.popin .score p span{display:block;margin-top:20px;font-size:32px;font-weight:800}.popin .score.quiz p,.popin .score.total p{margin:20px auto;font-size:36px;font-weight:800}.popin .score.total p span{display:inline;font-size:32px;font-weight:700}#chapitre{background-image:url(../img/etats-bg.jpg);background-position:center;background-repeat:no-repeat}#chapitre .programme{width:100%;position:absolute;bottom:180px;display:flex;justify-content:center;gap:250px}#chapitre .perso.garcon{width:187px;height:239px;position:absolute;left:1143px;top:1200px;background-image:url(../img/perso-garcon-1.png);background-position:center;background-repeat:no-repeat;background-size:contain;-webkit-transition:all 1000ms cubic-bezier(.175,.885,.32,1.275) 500ms;transition:all 1000ms cubic-bezier(.175,.885,.32,1.275) 500ms}#chapitre .perso.garcon.show{top:366px;animation:1.5s ease-in-out 1.5s infinite alternate pesanteur-garcon2}@keyframes pesanteur-garcon2{from{top:366px}to{top:386px}}#chapitre .perso.fille{width:197px;height:313px;position:absolute;left:442px;top:1200px;background-image:url(../img/perso-fille-1.png);background-position:center;background-repeat:no-repeat;background-size:contain;-webkit-transition:all 1000ms cubic-bezier(.175,.885,.32,1.275) 200ms;transition:all 1000ms cubic-bezier(.175,.885,.32,1.275) 200ms}#chapitre .perso.fille.show{top:326px;animation:1.3s ease-in-out 1.2s infinite alternate pesanteur-fille2}@keyframes pesanteur-fille2{from{top:326px}to{top:346px}}#chapitre .perso.show.vu{animation-delay:0s}#apprendre .chapitre{width:100%;height:100%;margin:auto;position:absolute;left:0;top:0;background-size:cover;background-position:center}#apprendre .info{position:absolute}#apprendre .info span{width:300px;position:absolute;left:-90px;font-size:32px;font-weight:700}#apprendre .info span.style-1{color:#4059F6}#apprendre .info span.style-2{color:#001C83}#apprendre .info span.style-3{color:#fff}#apprendre .info span.style-4{color:#fff}#apprendre .info span.top{top:-50px}#apprendre .info span.bottom{top:135px}.popin.consigne-apprendre .content:before{content:"";display:block;width:213px;height:416px;position:absolute;right:-50px;bottom:50px;background-image:url(../img/perso-fille-2.png);background-position:center;background-repeat:no-repeat;background-size:contain}.popin.consigne-apprendre h2:before{background-color:#BAE7F9;background-image:url(../img/picto-consigne.png)}.popin.consigne-apprendre p{display:block;margin:0;padding-right:80px}.popin.consigne-apprendre p img{position:relative;top:15px}.popin.consigne-apprendre .cta{bottom:100px}.popin.consigne-apprendre .cta:hover{bottom:90px}#mission .objectif{width:100%;height:100%;margin:auto;position:absolute;left:0;top:0;background-size:cover;background-position:center;background-color:#94C6E3;opacity:1;display:flex;justify-content:center;align-items:center;z-index:2}#mission .objectif .perso.garcon{width:187px;height:239px;position:absolute;left:118px;top:300px;background-image:url(../img/perso-garcon-1.png);background-position:center;background-repeat:no-repeat;background-size:contain;-webkit-transition:all 1000ms cubic-bezier(.175,.885,.32,1.275) 500ms;transition:all 1000ms cubic-bezier(.175,.885,.32,1.275) 500ms}#mission .objectif .intro{width:1052px;margin:auto;padding:50px 50px 30px 50px;position:relative;top:-80px;left:100px;background-color:#fff;border-radius:40px}#mission .objectif .intro:before{content:"";display:inline-block;height:0;width:0;position:absolute;left:-95px;top:50%;border-right:100px solid #fff;border-bottom:60px solid #fff0}#mission .objectif .intro h3{margin-bottom:60px;padding-left:130px;color:#4059F6;font-weight:800;font-size:64px;text-align:left}#mission .objectif .intro .son{position:absolute;top:30px;left:30px}#mission .objectif .intro p{font-weight:600;font-size:32px;text-align:left}#mission .objectif .cta{width:500px;bottom:130px}#mission .objectif .cta:hover{bottom:120px}#mission .labo h3.panneau{padding:20px 40px;position:absolute;top:102px;right:624px;color:#fff;font-weight:700;font-size:32px;background-color:#5262FC;border:10px solid #fff;border-radius:10px}#mission .labo{width:100%;height:100%;margin:auto;position:absolute;left:0;top:0;background-image:url(../img/mission-labo.jpg);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;gap:50px}#mission .labo .anim{width:100%;height:100%;margin:auto;position:absolute;left:0;top:0;background-size:cover;background-position:center;user-select:none}#mission .labo .machines{width:100%;height:100%;margin:auto;position:absolute;left:0;top:0;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;gap:50px}#mission .labo .anim .gros-tuyaux{width:318px;height:228px;margin:auto;position:absolute;left:0;top:611px;background-image:url(../img/labo/gros-tuyaux.png);background-position:center;background-repeat:no-repeat;background-size:cover}#mission .labo .anim .gros-nuage{width:173px;height:108px;margin:auto;position:absolute;left:-173px;top:703px;background-image:url(../img/labo/gros-nuage.png);background-position:center;background-repeat:no-repeat;animation:nuageAnimation 15s linear infinite}#mission .labo .anim .gros-nuage.nuage1{animation-delay:0s}#mission .labo .anim .gros-nuage.nuage2{animation-delay:3s}#mission .labo .anim .gros-nuage.nuage3{animation-delay:6s}#mission .labo .anim .gros-nuage.nuage4{animation-delay:9s}#mission .labo .anim .gros-nuage.nuage5{animation-delay:12s}@keyframes nuageAnimation{0%{left:-173px;opacity:1}90%{left:880px;opacity:1}100%{left:1000px;opacity:0}}#mission .labo .anim .goutte{width:33px;height:58px;margin:auto;position:absolute;left:1118px;top:535px;background-image:url(../img/labo/goutte.png);background-position:center;background-repeat:no-repeat;animation:goutteAnimation 10s linear infinite}#mission .labo .anim .goutte.goutte1{left:1118px;animation-delay:3s}#mission .labo .anim .goutte.goutte2{left:1118px;animation-delay:5.6s}#mission .labo .anim .goutte.goutte3{left:1200px;animation-delay:4.3s}#mission .labo .anim .goutte.goutte4{left:1282px;animation-delay:3.7s}#mission .labo .anim .goutte.goutte5{left:1282px;animation-delay:5.1s}#mission .labo.trajets .anim .goutte.goutte1{left:1282px}#mission .labo.trajets .anim .goutte.goutte2{left:1282px}#mission .labo.trajets .anim .goutte.goutte3{left:1364px}#mission .labo.trajets .anim .goutte.goutte4{left:1446px}#mission .labo.trajets .anim .goutte.goutte5{left:1446px}@keyframes goutteAnimation{0%{top:336px}15%{top:1000px}100%{top:1000px}}#mission .labo .anim .vapeur{width:377px;height:243px;margin:auto;position:absolute;left:588px;top:37px;opacity:0;transform:scale(.5);transform-origin:left bottom;background-image:url(../img/labo/vapeur.png);background-position:center;background-repeat:no-repeat;animation:vapeurAnimation 15s linear infinite}@keyframes vapeurAnimation{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.25)}100%{opacity:0;transform:scale(2)}}#mission .labo .machines .manivelle{width:144px;height:144px;margin:auto;position:absolute;left:1144px;top:189px;background-image:url(../img/labo/manivelle.png);background-position:center;background-repeat:no-repeat;animation:manivelleAnimation 10s ease-in-out infinite;animation-delay:2s}#mission .labo.trajets .machines .manivelle{left:1308px}@keyframes manivelleAnimation{0%{transform:rotate(0deg)}10%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}#mission .labo .machines .diode{width:14px;height:14px;margin:auto;position:absolute;left:444px;top:662px;background-image:url(../img/labo/diode.png);background-position:center;background-repeat:no-repeat;border-radius:14px;opacity:0;box-shadow:0 0 10px #18F126;animation:diodeAnimation 2s steps(1) infinite}#mission .labo .machines .diode.diode1{left:444px;animation-delay:0s}#mission .labo .machines .diode.diode2{left:486px;animation-delay:0.1s}#mission .labo .machines .diode.diode3{left:528px;animation-delay:0.2s}#mission .labo .machines .diode.diode4{left:570px;animation-delay:0.3s}#mission .labo .machines .diode.diode5{left:612px;animation-delay:0.4s}#mission .labo .machines .diode.diode6{left:654px;animation-delay:0.5s}#mission .labo.trajets .machines .diode{top:655px}#mission .labo.trajets .machines .diode.diode1{left:608px}#mission .labo.trajets .machines .diode.diode2{left:650px}#mission .labo.trajets .machines .diode.diode3{left:692px}#mission .labo.trajets .machines .diode.diode4{left:734px}#mission .labo.trajets .machines .diode.diode5{left:776px}#mission .labo.trajets .machines .diode.diode6{left:818px}@keyframes diodeAnimation{0%{opacity:0}20%{opacity:0}35%{opacity:1;transform:scale(1.1)}50%{opacity:0}100%{opacity:0}}#mission .labo .machines .thermometre{width:49px;height:117px;margin:auto;position:absolute;left:861px;top:230px;background-image:url(../img/labo/thermometre.gif);background-position:center;background-repeat:no-repeat}#mission .labo .anim .reservoir{width:259px;height:669px;margin:auto;position:absolute;left:1523px;top:278px;background-image:url(../img/labo/reservoir.gif);background-position:center;background-repeat:no-repeat}#mission .labo .perso.garcon{width:187px;height:239px;position:absolute;right:-230px;top:356px;background-image:url(../img/perso-garcon-1.png);background-position:center;background-repeat:no-repeat;background-size:contain;transform:scaleX(-1);-webkit-transition:all 1000ms cubic-bezier(.175,.885,.32,1.275) 500ms;transition:all 1000ms cubic-bezier(.175,.885,.32,1.275) 500ms}#mission .labo .perso.garcon.show{right:160px}#mission .labo.cycle .perso.garcon,#mission .labo.trajets .perso.garcon{width:157px;height:201px;position:absolute;left:545px;bottom:-200px;top:auto;background-image:url(../img/perso-garcon-5.png);background-position:center;background-repeat:no-repeat;background-size:contain;transform:scaleX(1);-webkit-transition:all 1000ms cubic-bezier(.175,.885,.32,1.275) 500ms;transition:all 1000ms cubic-bezier(.175,.885,.32,1.275) 500ms}#mission .labo.cycle .perso.garcon.show,#mission .labo.trajets .perso.garcon.show{bottom:60px}#mission .quete{width:280px;height:280px;position:relative;color:#fff;font-weight:700;font-size:30px;display:flex;justify-content:space-between;align-items:center;flex-direction:column}#mission .quete.off{opacity:.2}#mission .quete:before{content:"";width:264px;margin:auto;padding:10px 0;position:absolute;left:0;right:0;top:-78px;color:#001C83;transform:rotate(-5deg)}#mission .quete.parfait:before{content:"Parfait !";background-color:#87F059;border:4px solid #38B500}#mission .quete.ok:before{content:"Presque !";background-color:#FFDD86;border:4px solid #EBA925}#mission .quete.ko:before{content:"Aïe !";color:#fff;background-color:#D40012;border:4px solid #FF7259}#mission .quete h4{min-height:76px;padding:0 20px;font-size:36px;display:flex;align-items:center}#mission .quete .jouer{width:180px;margin:0 auto 60px;position:relative;bottom:auto}#mission .quete .jouer:hover{bottom:-10px}#mission .challenge{bottom:100px}#mission .challenge.off{opacity:.2}#mission .challenge:hover{bottom:90px}#play{width:100%;height:100%;margin:auto;position:absolute;left:0;top:0;background-color:#fff;background-image:url(../img/mission-play-bg.jpg);background-position:center;background-size:cover;opacity:0;z-index:2;display:flex;justify-content:center;align-items:center;flex-direction:column}#play .loader{width:200px;height:200px}#play .titre{width:fit-content;padding:15px 40px;margin:auto;position:absolute;top:130px;left:0;right:0;color:#fff;font-weight:800;font-size:42px;background-color:#5062F4;border-radius:40px;z-index:10}#play .score{width:100px;height:100px;padding:0 20px;position:absolute;bottom:-400px;left:208px;color:#fff;font-weight:700;font-size:40px;background-color:#5262FC;border:10px solid #fff;border-radius:10px;display:flex;align-items:center;justify-content:center;z-index:2;transition:bottom 1000ms ease-in-out}#play .score.show{bottom:27px}#play .score:before{content:"";display:block;width:85px;height:93px;position:absolute;right:-95px;top:48px;background-image:url(../img/tuyau-courbe.png);background-position:center;background-repeat:no-repeat;background-size:contain}#play .jardinier{content:"";display:block;width:162px;height:225px;position:absolute;right:54px;top:225px;background-image:url(../img/perso-jardinier.png);background-position:center;background-repeat:no-repeat;background-size:contain}body.using-mouse #play #affichage-clavier{display:none}body:not(.using-mouse) #play #affichage-clavier{width:260px;display:block;position:absolute;left:160px;bottom:164px;font-size:22px;line-height:32px;z-index:2}#game{width:1493px;height:766px;margin:auto;position:absolute;left:0;right:0;top:162px;background-color:#C5E3FF;background-image:url(../img/mission-game-bg.png);background-position:center;background-size:cover;border:10px solid #5062F4;border-radius:50px;overflow:hidden;opacity:0}#game.game-6{width:782px;height:766px}#game.game-12{width:673px;height:778px}#game.game-pacman{width:1380px;height:710px;background-image:none;background-color:#fff}#game.game-pacman canvas{position:relative;top:46px}#game.game-running{width:782px;height:742px}.popin.consigne-game .titre,.popin.end-game .titre{width:fit-content;padding:25px 60px;margin:auto;position:absolute;top:-62px;left:0;right:0;color:#fff;font-weight:800;font-size:64px;background-color:#5062F4;border-radius:40px}.popin.consigne-game h2,.popin.end-game h2{padding:90px 35px 10px 180px}.popin.consigne-game .son,.popin.end-game .son{top:65px}.popin.consigne-game .content:before,.popin.end-game .content:before{content:"";display:block;width:333px;height:362px;position:absolute;right:-150px;bottom:-70px;background-image:url(../img/perso-garcon-4.png);background-position:center;background-repeat:no-repeat;background-size:contain;transform:scaleX(-1)}.popin.end-game.parfait .content:before{width:310px;height:397px;right:-105px;bottom:-100px;background-image:url(../img/perso-garcon-5-bis.png);transform:scaleX(1)}.popin.end-game.ok .content:before{width:212px;height:413px;right:-75px;bottom:-96px;background-image:url(../img/perso-garcon-2-bis.png);transform:scaleX(1)}.popin.end-game.ko .content:before{width:286px;height:353px;right:-120px;bottom:-20px;background-image:url(../img/perso-garcon-3-bis.png);transform:scaleX(1)}.popin.consigne-challenge .inside p{display:block}.popin.consigne-challenge .inside p img{position:relative;top:12px}.popin.consigne-challenge.challenge-pacman .content:before,.popin.end-game.challenge-pacman .content:before{content:"";display:block;width:311px;height:439px;position:absolute;right:-136px;bottom:-75px;background-image:url(../img/perso-jardinier.png);background-position:center;background-repeat:no-repeat;background-size:contain;transform:scaleX(1)}.popin.consigne-quete.quete-6 .content{height:640px}.popin.consigne-quete.quete-6 .inside p{line-height:58px;font-size:36px}.popin.consigne-quete.quete-6 .inside p img{height:50px;position:relative;top:10px}.popin.consigne-quete.quete-8 .inside p{line-height:58px;font-size:36px}.popin.consigne-quete.quete-8 .inside p img.grenouille{height:50px;position:relative;top:10px}.popin.consigne-quete.quete-11 .inside p img{position:relative;top:5px}.popin.consigne-challenge .inside p{line-height:58px}.popin.consigne-challenge.challenge-casse-briques .content{height:640px}.popin.consigne-challenge.challenge-casse-briques .inside p img{height:45px}#quiz{background-image:url(../img/quiz-bg.jpg)}#quiz h2 .picto{margin-right:20px}#quiz .timeline{width:fit-content;margin:auto;position:absolute;left:0;right:0;top:175px;display:flex;justify-content:center;gap:88px}#quiz .timeline:before{content:"";width:calc(100% - 6px);height:10px;position:absolute;top:30px;left:3px;background-color:#fff;z-index:-1}#quiz .timeline div{width:50px;height:50px;font-size:32px;font-weight:700;color:#fff;background-color:#5262FC;border:10px solid #fff;border-radius:50px;display:flex;justify-content:center;align-items:center;-webkit-transition:background-color 500ms ease-in-out;transition:background-color 500ms ease-in-out}#quiz .timeline div.on{border:10px solid #001C83}#quiz .timeline div.good{color:#001C83;background-color:#87F059}#quiz .timeline div.bad{color:#fff;background-color:#D40012}#quiz .question{width:834px;height:80px;margin:auto;padding:20px;position:absolute;left:0;right:0;top:280px;font-weight:700;color:#fff;display:flex;justify-content:center;align-items:center;background-color:#5262FC;border:10px solid #fff;border-radius:20px}#quiz .reponses{min-height:100px;margin:auto;position:absolute;left:0;right:0;top:420px;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:90px;background-position:top center;background-repeat:no-repeat}#quiz .reponses.vrai-faux{padding-top:180px;background-image:url(../img/quiz-reponses-bg-2.png)}#quiz .reponses.qcm-txt{padding-top:50px;flex-direction:column;gap:20px;background-image:url(../img/quiz-reponses-bg-1.png)}#quiz .reponses.qcm-img{padding-top:100px;flex-direction:column;flex-direction:row;gap:25px;background-image:url(../img/quiz-reponses-bg-3.png)}#quiz .reponses div,#quiz .reponses button{width:190px;height:80px;margin-bottom:10px;padding:10px 20px;top:0;color:#001C83;font-weight:700;font-size:32px;background-color:#fff;border-radius:40px;cursor:pointer;user-select:none;border:10px solid #5262FC;border-top:0;box-shadow:0 10px 0 #001C83;display:flex;justify-content:center;align-items:center;flex-direction:column}body:not(.using-mouse) #quiz .reponses div:focus,body:not(.using-mouse) #quiz .reponses button:focus{outline:15px solid #001C83}#quiz .reponses.qcm-txt div,#quiz .reponses.qcm-txt button{width:800px}#quiz .reponses.qcm-img div,#quiz .reponses.qcm-img button{width:350px;height:260px;padding:0;border-radius:50px;overflow:hidden}#quiz .reponses.qcm-img div img,#quiz .reponses.qcm-img button img{object-fit:cover;width:100%;height:100%}#quiz .reponses div:hover,#quiz .reponses button:hover{margin-bottom:0;border-top:10px solid #5262FC;top:10px;box-shadow:none}#quiz .solution{width:784px;margin:auto;padding:10px 80px 40px 30px;position:absolute;left:0;right:0;top:1050px;font-weight:700;color:#1778D2;background-color:#fff;border-radius:10px;-webkit-transition:top 200ms ease-in-out;transition:top 200ms ease-in-out}#quiz .solution.on{top:480px}#quiz .solution.good{background-color:#E0FFD2}#quiz .solution.good:before{content:"";display:block;width:110px;height:213px;position:absolute;right:-50px;bottom:-50px;background-image:url(../img/perso-garcon-2.png);background-position:center;background-repeat:no-repeat;background-size:contain;z-index:2}#quiz .solution.bad{background-color:#FFD7CC}#quiz .solution.bad:before{content:"";display:block;width:129px;height:159px;position:absolute;right:-50px;bottom:-50px;background-image:url(../img/perso-garcon-3.png);background-position:center;background-repeat:no-repeat;background-size:contain;z-index:2}#quiz .solution p{font-size:32px}#quiz .solution p:first-child{font-size:48px}#quiz .solution.good p:first-child{color:#288400}#quiz .solution.bad p:first-child{color:#D40012}#quiz .solution.qcm-img{width:630px;padding-right:400px}#quiz .solution .preview{width:350px;height:100%;position:absolute;top:0;right:0;border-radius:0 10px 10px 0;overflow:hidden}#quiz .solution .preview img{width:100%;height:115%;top:-5%;position:relative;object-fit:cover}#quiz .cta{bottom:100px;opacity:0}#quiz .cta:hover{bottom:90px}#quiz .score{width:194px;height:190px;position:absolute;left:30px;bottom:95px;color:#fff;font-size:40px;font-weight:700;background-color:#5262FC;border:10px solid #fff;border-radius:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}#quiz .score span{font-size:64px;font-weight:700}.popin.consigne-quiz .content:before{content:"";display:block;width:187px;height:239px;position:absolute;left:-28px;top:-88px;background-image:url(../img/perso-garcon-1.png);background-position:center;background-repeat:no-repeat;background-size:contain}.popin.consigne-quiz p,.popin.end-quiz p{display:flex}.popin.end-quiz .content:before{content:"";display:block;width:212px;height:232px;position:absolute;left:-50px;top:-84px;background-image:url(../img/perso-garcon-4.png);background-position:center;background-repeat:no-repeat;background-size:contain}