@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Ubuntu:wght@300;400;700&display=swap);.step-transition{display:flex;flex-grow:1;width:100%;flex-direction:column}.step-transition .scroll-arrow{cursor:pointer;opacity:0;width:60px;height:60px;position:fixed;bottom:30px;right:30px;border-radius:50%;transition:opacity .3s,color .3s ease,background-color .3s ease;background-repeat:no-repeat;background-position:50%;background-color:rgba(21,48,96,.7);background-image:url(../33d010c158d46ef942843b3609b7ee22.svg)}.step-transition .scroll-arrow:hover{background-color:rgba(21,48,96,.9)}.step-transition .scroll-arrow:active{background-color:#153060}.step-transition .scroll-arrow.blink{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:scale-easeInElastic;animation-name:scale-easeInElastic;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes scale-easeInElastic{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes scale-easeInElastic{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.intro[data-v-89b2b4a6]{width:100%;height:100%;position:relative;flex-grow:1;overflow:hidden;padding-bottom:280px}.intro[data-v-89b2b4a6]:after{content:"GTA";position:absolute;color:hsla(0,0%,100%,.5);font-size:341px;font-weight:700;bottom:0;right:0;line-height:235px}.intro .header[data-v-89b2b4a6]{height:160px;width:1024px;max-width:100%;background-color:#1794d3;color:#fff;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;margin:0 auto;border-radius:0 0 8px 8px;padding:0 40px}.intro .header .title[data-v-89b2b4a6]{font-family:Roboto,sans-serif;font-weight:700;font-size:.95rem}.intro .header .module-title[data-v-89b2b4a6]{font-weight:700;font-size:2.25rem;margin-top:5px}.intro .requirements[data-v-89b2b4a6]{display:flex;align-items:center;justify-content:center;height:60px;position:relative;padding-left:120px;width:1024px;background-color:#fff;box-shadow:1px 1px 3px rgba(0,0,0,.16);margin:10px auto}.intro .requirements[data-v-89b2b4a6]:before{content:"Pré-requis";position:absolute;color:#fff;font-weight:700;font-size:1.27rem;display:flex;align-items:center;justify-content:center;background-color:#153060;height:100%;top:0;left:0;width:175px}.intro .content[data-v-89b2b4a6]{width:1024px;max-width:100%;box-shadow:1px 1px 3px rgba(0,0,0,.16);border-radius:2px;background-color:#fff;color:#153060;margin:10px auto 0 auto;padding:5px 5px 5px 20px;display:flex;align-items:center;justify-content:space-between}.intro .content .learnings-wrapper[data-v-89b2b4a6]{text-align:left;flex-grow:1;margin-right:40px}.intro .content .learnings-wrapper .learnings-title[data-v-89b2b4a6]{font-weight:700;font-size:1.25rem;padding:20px 0}.intro .content .learnings-wrapper p[data-v-89b2b4a6]:not(.learnings-title){height:75px;display:flex;align-items:center;padding-left:20px;font-family:Roboto,sans-serif;background-color:#ddecf3;color:#2b5f77;font-weight:700;width:100%;margin:10px 0}.intro .content .rules-wrapper[data-v-89b2b4a6]{align-self:stretch;width:390px;background-color:#153060;color:#fff;border-radius:2px;text-align:left;padding:25px 30px}.intro .content .rules-wrapper .rules-title[data-v-89b2b4a6]{font-weight:700;font-size:1.25rem;padding-bottom:10px}.intro .content .rules-wrapper .rule[data-v-89b2b4a6]{margin-top:20px}.intro .content .rules-wrapper .rule .label[data-v-89b2b4a6]{font-weight:700;font-size:1.15rem}.intro .content .rules-wrapper .rule .value[data-v-89b2b4a6]{font-family:Roboto,sans-serif}.intro .button-wrapper[data-v-89b2b4a6]{display:flex;align-items:center;justify-content:center;margin-top:30px;margin-bottom:15px}.intro .duration[data-v-89b2b4a6]{color:#4c7485;font-family:Roboto,sans-serif;font-size:.9rem}.intro .footer[data-v-89b2b4a6]{z-index:2;position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 40px;height:90px}.game[data-v-67d4ce35]{flex-grow:1;display:flex;flex-direction:column}.game .head[data-v-67d4ce35]{padding:15px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#153060;transition:color .3s ease,background-color .3s ease;min-height:84px}.game .head.success[data-v-67d4ce35]{background-color:#1794d3}.game .head .title[data-v-67d4ce35]{color:#fff;font-size:1.63rem;font-weight:700;margin-bottom:5px}.game .head .sub-title[data-v-67d4ce35]{color:#fff;font-family:Roboto,sans-serif;font-size:.95rem}.game .head .button[data-v-67d4ce35]{margin-top:10px;min-width:150px}.game .content[data-v-67d4ce35],.outro[data-v-c7dc7732]{flex-grow:1;display:flex;flex-direction:column}.outro[data-v-c7dc7732]{width:100%;height:100%;position:relative;overflow:hidden;padding-bottom:280px;align-items:center}.outro[data-v-c7dc7732]:after{content:"GTA";position:absolute;color:hsla(0,0%,100%,.5);font-size:341px;font-weight:700;bottom:0;right:0;line-height:235px}.outro .header[data-v-c7dc7732]{width:1024px;margin:0 auto;padding-top:60px;text-align:left}.outro .header .title[data-v-c7dc7732]{font-family:Roboto,sans-serif;font-weight:700;font-size:.95rem;color:#2b5f77}.outro .header .sub-title[data-v-c7dc7732]{margin-top:10px;font-size:1.9rem}.outro .content[data-v-c7dc7732]{max-width:1024px;margin-top:30px;box-shadow:1px 1px 3px rgba(0,0,0,.16);border-radius:2px;background-color:#fff;display:flex;text-align:left;padding:5px 0}.outro .content .score-wrapper[data-v-c7dc7732]{padding:25px;display:flex;flex-direction:column}.outro .content .score-wrapper .score-title[data-v-c7dc7732]{font-weight:700;font-size:1.25rem}.outro .content .score-wrapper .score-details[data-v-c7dc7732]{display:flex;flex-grow:1;justify-content:center;flex-direction:column;background-color:#ddecf3;border-radius:4px;padding:25px 20px;margin-top:20px;min-width:564px}.outro .content .score-wrapper .score-details .detail-title[data-v-c7dc7732]{font-weight:700;font-size:1.1rem}.outro .content .score-wrapper .score-details .detail-content[data-v-c7dc7732]{margin-top:5px;font-family:Roboto,sans-serif;font-size:.95rem}.outro .memo-wrapper[data-v-c7dc7732]{min-height:172px;min-width:380px;margin:25px 20px 25px 10px;background-color:#ce1431;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:2px}.outro .memo-wrapper .title[data-v-c7dc7732]{margin-bottom:30px;font-weight:700;font-size:1.25rem}.outro .exit-wrapper[data-v-c7dc7732]{margin-top:20px;width:1024px;max-width:100%;padding:20px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;background-color:#1794d3;border-radius:8px}.outro .exit-wrapper .title[data-v-c7dc7732]{font-size:1.8rem;font-weight:700}.outro .exit-wrapper .button[data-v-c7dc7732]{margin-top:20px}.outro .button[data-v-c7dc7732]{margin-top:40px;width:320px}.outro.is-ie .content .score-wrapper[data-v-c7dc7732]{max-width:610px}.dialog{background-color:#153060;color:#fff;border-radius:2px;padding:20px 30px;position:relative;z-index:2;box-shadow:2px 2px 5px hsla(0,0%,50.2%,.5)}.dialog:after{content:"";background-image:url(../261249ff2512d3ca7becb983e15ed8bc.svg);position:absolute;display:inline-block;width:16px;height:30px}.dialog.top:after{top:0;left:50%;transform:translateX(-50%) rotate(180deg)}.dialog.top-right:after{top:-25px;left:94%;transform:rotate(180deg)}.dialog.left:after{left:-20px;top:50%;transform:translateY(-50%) rotate(90deg)}.popup-wrapper .overlay[data-v-0380e12d],.popup-wrapper[data-v-0380e12d]{position:fixed;top:0;left:0;height:100%;width:100%;z-index:20}.popup-wrapper .overlay[data-v-0380e12d]{background-color:rgba(92,96,103,.75)}.popup-wrapper .popup-content[data-v-0380e12d]{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:20px;z-index:21;border-radius:2px;box-shadow:2px 1px 20px rgba(0,0,0,.25);background-color:#fff;color:#153060;max-height:100%;overflow-y:auto}.popup-wrapper .popup-content .head[data-v-0380e12d]{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.popup-wrapper .popup-content .head .close-button[data-v-0380e12d]{background-image:url(../8a6a5ae183fb4486b2f2aec13e617dc0.svg);background-repeat:no-repeat;background-position:50%;background-size:25px;position:absolute;right:0;top:0;width:50px;height:50px;cursor:pointer;background-color:#ce1431;border:none;z-index:21;border-radius:2px}.popup-wrapper .popup-content .head .title[data-v-0380e12d]{display:inline-block;text-align:center;font-size:1.4rem;font-weight:700;margin-bottom:0;padding-top:10px}.card-game{min-height:610px}.card-game,.card-game .game-area{flex-grow:1;display:flex;flex-direction:column}.card-game .game-area{padding:15px 15px 0 15px;justify-content:space-between;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.card-game .game-area .boxes{display:flex;justify-content:center;position:relative;padding-bottom:150px}.card-game .game-area .boxes .box{display:flex;align-items:center;justify-content:center;color:#fff;background-color:#1794d3;width:302px;height:180px;position:relative;background-image:url(../382318f69e9f923182b76d6b4b1da033.svg);background-blend-mode:multiply;background-repeat:no-repeat}.card-game .game-area .boxes .box.is-ie:before{content:"";background:rgba(36,121,160,.5);position:absolute;top:0;bottom:0;width:100%;height:100%}.card-game .game-area .boxes .box.is-ie:first-child:before,.card-game .game-area .boxes .box.is-ie:nth-child(2):before,.card-game .game-area .boxes .box.is-ie:nth-child(3):before,.card-game .game-area .boxes .box.is-ie:nth-child(4):before{background-color:rgba(43,146,193,.8)}.card-game .game-area .boxes .box.is-ie .label{position:relative}.card-game .game-area .boxes .box:first-child{background-color:#2b92c1}.card-game .game-area .boxes .box:nth-child(2){background-color:#326db1}.card-game .game-area .boxes .box:nth-child(3){background-color:#20a8c1}.card-game .game-area .boxes .box:nth-child(4){background-color:#2b5f77}.card-game .game-area .boxes .box .mini-cards-stack{position:absolute;width:287px;height:58px;top:7px;left:7px;display:flex;align-items:center}.card-game .game-area .boxes .box .mini-cards-stack .mini-card{height:100%;margin-right:1px;width:3px;background-image:url(../ee14bcec665ee38daa91fdf71dbab868.svg);background-repeat:no-repeat}.card-game .game-area .boxes .box .label{margin-top:40px;font-size:1.25rem;font-weight:700}.card-game .game-area .boxes .box .dropzone-wrapper{position:absolute;top:150px;width:130px;height:180px;left:50%;transform:translateX(-50%)}.card-game .game-area .boxes .box .dropzone-wrapper.clickable{cursor:pointer}.card-game .game-area .boxes .box .dropzone-wrapper.clickable:hover .drop-zone{background-color:hsla(0,0%,72.2%,.6);border-style:solid}.card-game .game-area .boxes .box .dropzone-wrapper.clickable:hover .drop-zone:before{content:"Cliquez ou déposez une carte";color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-style:italic;position:absolute;padding:0 15px;width:125px;height:180px}.card-game .game-area .boxes .box .dropzone-wrapper .drop-zone{width:130px;height:180px;border:1px dashed #da0a2b;background-color:rgba(255,88,43,.15);border-radius:10px;position:absolute;z-index:2}.card-game .game-area .boxes .box .dropzone-wrapper .drop-zone.drag-hover{cursor:-webkit-grab;cursor:grab;background-color:hsla(0,0%,72.2%,.6);border-style:solid}.card-game .game-area .boxes .box .dropzone-wrapper .drop-zone.drag-hover:before{content:"Cliquez ou déposez une carte";color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-style:italic;position:absolute;padding:0 15px;width:125px;height:180px}.card-game .game-area .boxes .box .dropzone-wrapper .drop-zone.hidden{background-color:transparent;border:none}.card-game .game-area .boxes .box .dropzone-wrapper .drop-zone .answer-bloc{position:relative}.card-game .game-area .boxes .box .dropzone-wrapper .drop-zone .answer-bloc .answer{position:absolute;background-repeat:no-repeat;width:100%;height:100%;top:0;left:0;background-position:50%;background-size:120px;border-radius:10px}.card-game .game-area .boxes .box .dropzone-wrapper .drop-zone .answer-bloc .answer.wrong-answer{background-color:rgba(77,77,79,.75);background-image:url(../e1cf165df6e3a133c69db12366757e73.svg)}.card-game .game-area .boxes .box .dropzone-wrapper .drop-zone .answer-bloc .answer.right-answer{background-image:url(../0440a82ea3d7e866c7cc6c5334c482b7.svg)}.card-game .game-area .boxes .box+.box{margin-left:15px}.card-game .game-area .boxes .boxes-dialog{position:absolute;top:230px;right:0}.card-game .game-area .boxes .boxes-dialog.bottom{top:528px}.card-game .game-area .boxes .boxes-dialog p{display:flex;align-items:center}.card-game .game-area .boxes .boxes-dialog p .popup-button{position:static;margin:0 10px;cursor:default}.card-game .game-area .card-info-wrapper{height:75px;margin-top:40px;margin-bottom:10px}.card-game .game-area .card-info-wrapper .card-info{background-color:#fff;box-shadow:1px 1px 3px rgba(0,0,0,.16);height:75px;position:relative;display:flex;align-items:center;justify-content:center;padding-left:75px;border-radius:2px}.card-game .game-area .card-info-wrapper .card-info:before{content:"i";font-family:Georgia,Times New Roman,serif;font-size:1.4rem;background-color:#153060;color:#fff;font-weight:700;width:75px;height:75px;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.card-game .game-area .cards{display:flex;position:relative}.card-game .game-area .cards .card-stack{position:relative;top:30px;margin-left:50px}.card-game .game-area .cards .card-stack .score-bloc{margin-bottom:20px;text-align:left}.card-game .game-area .cards .card-stack .score-bloc .score-label{text-transform:uppercase;font-size:.9rem;font-family:Roboto,sans-serif;color:#2b5f77}.card-game .game-area .cards .card-stack .score-bloc .score{font-size:1.25rem;font-weight:700}.card-game .game-area .cards .card-stack .stack{position:relative;background-image:url(../f8d7a05e252cdec68404ddf73489800d.svg);width:143px;height:190px;box-shadow:0 22px 5px hsla(0,0%,50.2%,.5)}.card-game .game-area .cards .card-stack .stack.clickable{cursor:pointer}.card-game .game-area .cards .card-stack .stack .remaining-cards{position:absolute;top:50px;left:10px;color:#fff;font-weight:700;width:110px;text-align:center}.card-game .game-area .cards .card-stack .stack .remaining-cards span{font-size:1.8rem}.card-game .game-area .cards .current-card{margin-left:50px;display:flex;align-items:center}.card-game .game-area .cards .current-card .card-label{margin-left:35px;height:80px;display:flex;align-items:center;justify-content:center;background-color:#fff;box-shadow:1px 1px 3px rgba(0,0,0,.16);padding:0 25px;font-size:1.1rem;border-radius:4px;font-weight:900;align-self:flex-start;margin-top:40px;position:relative}.card-game .game-area .cards .current-card .card-label.show-arrow:after{content:"";background-image:url(../807e88158ae907b772f32f3c70ffda26.svg);position:absolute;display:inline-block;width:16px;height:30px;left:-20px;top:50%;transform:translateY(-50%) rotate(90deg)}.card-game .game-area .cards .current-card .card-placeholder{width:130px;min-width:130px;height:180px;background-color:hsla(0,0%,72.2%,.4);border-radius:10px}.card-game .game-area .cards .current-card .card-placeholder.transparent{background-color:transparent}.card-game .game-area .cards .current-card .card-placeholder .test-ie.invisible-if-is-ie{display:none;opacity:0}.card-game .game-area .cards .current-card .card-placeholder .card{cursor:-webkit-grab;cursor:grab}.card-game .game-area .cards .current-card .card-placeholder .card:active{cursor:-webkit-grabbing;cursor:grabbing}.card-game .game-area .cards .current-card .card-placeholder+.card-placeholder{margin-left:-108px;background-color:transparent}.card-game .game-area .cards .cards-dialog{position:absolute;top:170px;left:250px}.card-game .game-area .popup-button{position:absolute;right:25px;bottom:20px}.card-game .game-area .card-game-next-button{width:180px;position:absolute;left:50%;bottom:50px;transform:translateX(-50%)}.card-game .card{background-size:100% 100%;background-color:#fff;width:130px;height:180px;border-radius:10px;box-shadow:1px 1px 5px hsla(0,0%,50.2%,.9);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-game-step,.card-game .card{position:relative}.card-exit-button{max-width:190px;position:absolute;left:50%;bottom:10px;transform:translateX(-50%)}.retry-button{margin:0 auto}.step-label-wrapper{margin-top:20px;margin-bottom:5px}.step-label-wrapper,.step-label-wrapper .step-index{display:flex;align-items:center;justify-content:center}.step-label-wrapper .step-index{width:40px;height:40px;background-color:#ce1431;color:#fff;font-weight:700;font-size:1.2rem;border-radius:50%;margin-right:15px}.step-label-wrapper .step-label{background-color:#fff;border-radius:2px;padding:15px 40px;font-weight:700}.saisie-absence-game{position:relative}.saisie-absence-game .popup-button{position:absolute;z-index:2;right:10px;top:10px}.saisie-absence-game .popup-wrapper .mail-content{background-color:#ddecf3;padding:20px;text-align:left;font-family:Roboto,sans-serif;font-size:.9rem;margin:40px 100px 20px 100px;border-radius:2px}.saisie-absence-game .popup-wrapper .mail-content strong{font-family:Ubuntu,sans-serif;font-size:1.1rem}.saisie-absence-game .popup-wrapper .button{margin:0 auto}.saisie-absence-game .svg-wrapper{max-width:100%}.saisie-absence-game .svg-wrapper svg{min-height:500px;max-width:100%}.saisie-absence-game .svg-wrapper svg text{font-family:Ubuntu,sans-serif;font-weight:700}.saisie-absence-game .svg-wrapper svg .overlay{transition:opacity .3s;opacity:0}.saisie-absence-game .svg-wrapper svg .overlay.visible{opacity:.4}.saisie-absence-game .svg-wrapper svg .item .hint{cursor:pointer}.saisie-absence-game .svg-wrapper svg .item .bubble,.saisie-absence-game .svg-wrapper svg .item .hint:hover rect{transition:opacity .3s ease-out;opacity:0}.saisie-absence-game .svg-wrapper svg .item.activ .bubble{opacity:1}body{margin:0;padding:0}html{scroll-behavior:smooth}p{margin:0}button:focus{outline:none}*,:after,:before{box-sizing:border-box}#app{font-family:Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#153060;background-color:#ddecf3;max-width:1280px;min-height:100vh;margin:0 auto;flex-direction:column}#app,.button{display:flex;align-items:center;justify-content:center}.button{height:50px;padding:0 20px;background-color:#ce1431;font-weight:700;font-size:.95rem;color:#fff;border:none;border-radius:2px;cursor:pointer;transition:color .3s ease,background-color .3s ease;min-width:180px}.button:hover{background-color:#a00f26}.button.disabled{border:1px solid #4c7485;background-color:#ddecf3;color:#4c7485;cursor:default}.popup-button{padding:0 10px 0 60px;cursor:pointer;background-color:#ce1431;border-radius:2px;border:none;font-size:.9rem;font-family:Ubuntu,sans-serif;transition:color .3s ease,background-color .3s ease}.popup-button,.popup-button:before{color:#fff;height:50px;font-weight:700}.popup-button:before{content:"i";font-family:Georgia,Times New Roman,serif;font-size:1.4rem;width:50px;border-right:1px solid #fff;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.popup-button:hover{background-color:#a00f26}.download-button{min-width:280px;padding:0 10px 0 60px;cursor:pointer;background-color:#fff;color:#ce1431;text-decoration:none;border-radius:2px;border:none;font-weight:700;font-size:.9rem;font-family:Ubuntu,sans-serif;transition:color .3s ease,background-color .3s ease;position:relative}.download-button,.download-button:before{height:50px;display:flex;align-items:center;justify-content:center}.download-button:before{content:"";background-image:url(../ca2a21ba68e4c641b4291fd1265009ea.svg);background-repeat:no-repeat;background-position:50%;width:50px;border-right:1px solid #ddecf3;position:absolute;top:0;left:0}.download-button:hover{text-decoration:underline}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}