@charset "UTF-8";body{display:flex;flex-direction:column;min-height:100vh;margin:0;font-family:LM;}main{position:relative;flex-grow:1;height:fit-content;display:flex;flex-direction:column;overflow:hidden;}form{display:flex;flex-direction:column;flex:1;}.hidden{display:none;}.error{background:#f00;padding:10px;border-radius:10px;margin-bottom:10px;margin-top:10px;color:#fff;}h1,h2,h3,h4,h5,h6{margin:0;}.bold{font-weight:bold;}.underline{text-decoration:underline;}@font-face{font-family:LM;src:url(../Fonts/LeroyMerlinSans-Regular.otf);}@font-face{font-family:LM;src:url(../Fonts/leroymerlinsansoffice-bold.ttf);font-weight:bold;}@font-face{font-family:LM;src:url(../Fonts/leroymerlinsansofficelight-regular.ttf);font-weight:100;}.header{background-color:#ebf5dd;height:100px;}.header .header-image{width:100%;height:100%;}.header .header1{display:block;}.header .header2{display:none;}@media(min-width:478px){.header .header1{display:none;}.header .header2{display:block;}}.btn{border:0;border-radius:20px;padding:12px 0;width:100%;max-width:300px;font-size:2rem;font-weight:bold;cursor:pointer;min-height:48px;font-family:LM;}.btn--main{background:#005a5e;color:#fff;}.btn--secondary{background-color:#fff;color:#005a5e;}.btn--bigpad{padding:.5625rem 3.75rem;}.btn-press{position:relative;cursor:pointer;transition:all .1s ease;box-shadow:0 4px 0 rgba(0,0,0,.2),0 5px 5px rgba(0,0,0,.15);transform:translateY(0);}.btn-press:active{box-shadow:0 1px 0 rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.15);transform:translateY(3px);}.modal{display:flex;justify-content:center;align-items:flex-start;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.88);color:#000;z-index:1000;}.modal--hidden{display:none;}.modal--center{align-items:center;}.modal__content{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:90vw;max-width:500px;min-height:100px;max-height:90vh;background:#ebf5dd;margin-top:1.5rem;border-radius:15px;text-align:center;padding:20px 10px;animation:anim-modal .3s ease;color:#005a5e;}.modal__content--mt{margin-top:10rem;}.modal__content.close{animation:close-modal .3s ease;}.modal__content .close-btn{position:absolute;right:1rem;top:1rem;font-size:1.5rem;z-index:100;cursor:pointer;}.modal__content__quit{position:absolute;top:10px;right:10px;cursor:pointer;z-index:10;}.modal__body{display:flex;flex-direction:column;align-items:center;padding:0 2rem;gap:20px;overflow:auto;}.modal__footer{padding:10px;text-align:left;width:100%;text-align:center;}.modal__footer .btn{height:45px;font-size:1.2rem;min-height:30px;padding:0;max-width:200px;border-radius:15px;display:flex;flex-direction:column;justify-content:center;margin-top:20px;}.modal__footer p{font-size:.6rem;}@keyframes scaleImage{0%{transform:translateX(-50%) scale(1);}100%{transform:translateX(-50%) scale(1.3);}}@-webkit-keyframes load2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes load2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes anim-modal{from{transform:scale(0);}to{transform:scale(1);}}@keyframes close-modal{from{transform:scale(1);}to{transform:scale(0);}}.checkbox-container{display:flex;align-items:center;gap:6px;margin-bottom:5px;text-align:left;margin-top:10px;}.checkbox-container .custom-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:24px;height:24px;border:2px solid #005a5e!important;border-radius:6px;background-color:#fff;cursor:pointer;position:relative;transition:all .3s ease;}.checkbox-container .custom-checkbox input[type=checkbox]:focus,.checkbox-container .custom-checkbox input[type=checkbox]:focus-visible,.checkbox-container .custom-checkbox input[type=checkbox]:active{outline:0!important;box-shadow:none!important;border-color:#005a5e!important;}.checkbox-container .custom-checkbox input[type=checkbox]:checked{background-color:#fff!important;}.checkbox-container .custom-checkbox input[type=checkbox]:checked::before{content:"✓";position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);color:#005a5e;font-size:20px;font-weight:bold;}.checkbox-container .custom-checkbox input[type=checkbox]:hover{border-color:rgba(255,255,255,.8);background-color:rgba(255,255,255,.1);}.checkbox-container .fid-label{font-weight:100;font-size:.8rem;}.checkbox-container .fid-label a{color:#005a5e;text-underline-offset:3px;}@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}@keyframes fallBounce{0%{opacity:0;transform:translateY(-300px);}10%{opacity:1;}70%{transform:translateY(15px);}85%{transform:translateY(-8px);}95%{transform:translateY(4px);}100%{opacity:1;transform:translateY(0);}}.page-default{background-color:#78be20;flex:1;display:flex;flex-direction:column;}.page-default .paint-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99;pointer-events:none;}.page-default .banner{width:100%;overflow:hidden;position:relative;padding:10px;background-color:#ebf5dd;transform:rotate(-1deg);margin-top:-10px;}.page-default .banner-list{width:max-content;display:flex;animation:marquee 40s linear infinite;}.page-default .banner-list-item{flex-shrink:0;font-size:.9rem;padding-right:10px;color:#005a5e;font-weight:900;}.page-default .banner-list-item:last-child{padding-right:0;}.page-default .container{color:#fff;display:flex;flex-direction:column;align-items:center;margin-top:18px;flex:1;}.page-default .container .content{width:100%;flex-direction:column;align-items:center;display:flex;flex:1;}.page-default .container .title{margin:0;font-size:2.9rem;line-height:1;position:relative;}.page-default .container .title span{font-size:1.6rem;position:absolute;vertical-align:top;}.page-default .container .subtitle{margin:0;line-height:1;margin-top:-3px;}.page-default .container .images{display:flex;flex-direction:column;margin-top:15px;position:relative;}.page-default .container .images .image{width:250px;border-radius:15px;position:relative;}.page-default .container .images .pastille1{margin-left:20px;}.page-default .container .images .pastille2{margin-top:-58px;}.page-default .container .images .pastille3{margin-top:-30px;margin-left:18px;-webkit-box-shadow:-17px 14px 10px 1px rgba(0,0,0,.35);box-shadow:-17px 14px 10px 1px rgba(0,0,0,.35);}.page-default .container .images .animate-pastille1{animation:fallBounce 1s ease-out .6s both;}.page-default .container .images .animate-pastille2{animation:fallBounce 1s ease-out .4s both;}.page-default .container .images .animate-pastille3{animation:fallBounce 1s ease-out .2s both;}.page-default .container .images .wiggle-animation{animation:wiggle .5s ease-in-out;}.page-default .container .images .pastille-container-1{position:relative;z-index:1;}.page-default .container .images .pastille-container-2{position:relative;z-index:2;}.page-default .container .images .pastille-container-3{position:relative;z-index:3;}.page-default .container .form{margin-top:20px;width:100%;display:flex;flex-direction:column;align-items:center;flex:1;}.page-default .container .form .checkbox-container .custom-checkbox input[type=checkbox]{border:2px solid #fff!important;background-color:#fff;}.page-default .container .form .checkbox-container .custom-checkbox input[type=checkbox]:checked{background-color:#fff;border-color:#fff!important;}.page-default .container .form .checkbox-container .custom-checkbox input[type=checkbox]:checked::before{color:#78be20;}.page-default .container .form .checkbox-container label{font-weight:100;font-size:.9rem;}.page-default .container .form .checkbox-container label a{color:#fff;text-underline-offset:3px;}.page-default .container .paint-container{width:100%;height:100%;position:relative;z-index:10;flex:1;max-height:200px;}.page-default .container .paint-container .mentions{position:absolute;bottom:5px;left:10px;font-size:.7rem;font-weight:100;cursor:pointer;z-index:99;text-decoration:underline;}.page-default .container .paint-container .roller{position:absolute;right:0;z-index:10;bottom:-130px;width:250px;transform:rotate(-5deg);}#modal_mention .modal__content{background:#fff;padding-top:30px;}#modal_mention .modal__content .modal__body{align-items:start;text-align:start;}#modal_mention .modal__content .modal__body .credit{display:flex;flex-direction:column;gap:30px;}#modal_mention .modal__content .modal__body h3{margin-top:20px;margin:0;text-transform:uppercase;}#modal_mention .modal__content .modal__body p{margin:0;}#modal_mention .modal__content .modal__footer{display:flex;flex-direction:column;align-items:center;}.modal-already-play .modal__content{background-color:#fff;}.modal-already-play .modal__content .modal__body{gap:5px;}.modal-already-play .modal__content .modal__body .message{font-weight:bold;font-size:1.2rem;}.modal-already-play .modal__content .modal__body .retry{display:flex;flex-direction:column;align-items:center;}.modal-already-play .modal__content .modal__body .arrow-icon{width:50px;height:25px;margin:10px 0 10px 0;background:#00695c;clip-path:polygon(50% 100%,0 0,100% 0);}.modal-already-play .modal__content .modal__body .btn{font-size:1.3rem;padding:12px;max-width:max-content;background-color:#78be20;}.modal-already-play .modal__content .modal__body .retry-message{font-weight:bold;font-size:1.2rem;color:#78be20;}.modal-already-play .modal__content .modal__body .emoji{font-size:2rem;}.modal-loading .modal__content{background-color:#fff;}.modal-loading .modal__content .modal__body{padding:0;overflow:hidden;}.modal-loading .modal__content .modal__body .spinner{border:4px solid #f3f3f3;border-top:4px solid #005a5e;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes wiggle{0%,100%{transform:rotate(0deg) scale(1);}25%{transform:rotate(-8deg) scale(1.05);}75%{transform:rotate(8deg) scale(1.05);}}.page-optin{background-color:#ebf5dd;flex:1;display:flex;flex-direction:column;align-items:center;}.page-optin .container{flex:5;display:flex;flex-direction:column;align-items:center;text-align:center;color:#005a5e;padding:0 30px;max-width:500px;}.page-optin .container .title{font-size:1.8rem;line-height:1.8rem;margin:20px;font-weight:bold;}.page-optin .container .subtitle{font-size:1.2rem;line-height:1.2rem;margin:20px;font-weight:bold;}.page-optin .container .checkbox-container{margin-top:0;max-width:350px;line-height:1.1rem;}.page-optin .container .checkbox-container .custom-checkbox input[type=checkbox]:focus,.page-optin .container .checkbox-container .custom-checkbox input[type=checkbox]:focus-visible,.page-optin .container .checkbox-container .custom-checkbox input[type=checkbox]:active{outline:0!important;box-shadow:none!important;border-color:#005a5e!important;}.page-optin .container .error{margin-top:0;}.page-optin .container .container-optin{background-color:#78be20;padding:20px;border-radius:20px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;margin-top:15px;}.page-optin .container .container-optin .optin-title{margin:0;font-size:1.3rem;line-height:1.3rem;}.page-optin .container .container-optin .optin-subtitle{margin:10px 0;font-size:.8rem;color:#fff;font-weight:200;}.page-optin .container .container-optin .btn{font-size:1.3rem;display:flex;flex-direction:column;gap:0;margin-bottom:10px;border-radius:10px;max-width:260px;align-items:center;}.page-optin .container .container-optin .btn span{font-size:1rem;font-weight:100;}.page-optin .container .container-optin .link-modal{background-color:transparent;border:0;color:#fff;font-size:.8rem;text-decoration:underline;font-weight:100;margin:10px;cursor:pointer;}.page-optin .footer-optin{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:.6rem;justify-content:end;padding-bottom:10px;color:#005a5e;margin-top:20px;}.page-optin .footer-optin .required{color:#000;}.page-optin .footer-optin a{color:#005a5e;}.optin-modal{align-items:center;display:flex;flex-direction:column;}.optin-modal h1{text-transform:uppercase;margin:0;}.optin-modal h2{margin:0;font-size:1.3rem;}.optin-modal h4{margin:0;font-size:1rem;color:#78be20;}.optin-modal .labelAccept{font-size:.8rem;max-width:400px;margin-bottom:20px;}.optin-modal .checkbox-container{width:120px;margin-bottom:0;margin-top:5px;max-width:400px;}.optin-modal .checkbox-container .custom-checkbox input[type=checkbox]{margin-bottom:0;background-color:#fff;}.optin-modal .checkbox-container .custom-checkbox input[type=checkbox]:focus,.optin-modal .checkbox-container .custom-checkbox input[type=checkbox]:focus-visible,.optin-modal .checkbox-container .custom-checkbox input[type=checkbox]:active{outline:0!important;box-shadow:none!important;border-color:#005a5e!important;}.optin-modal .checkbox-container .fid-label{font-weight:400;font-size:.9rem;}.optin-modal .btn{margin-top:20px;font-size:1.7rem;border-radius:10px;max-width:250px;margin-bottom:20px;}.optin-modal .link{font-weight:100;font-size:.8rem;text-decoration:underline;cursor:pointer;}#modal_protection .modal__content{background:#fff;padding-top:30px;}#modal_protection .modal__content .modal__body{align-items:start;text-align:start;}#modal_protection .modal__content .modal__body .protection_donnees{display:flex;flex-direction:column;gap:30px;}#modal_protection .modal__content .modal__body .protection_donnees div:last-child{display:flex;flex-direction:column;gap:8px;}#modal_protection .modal__content .modal__body h2{line-height:1;margin:0;text-transform:uppercase;text-align:center;}#modal_protection .modal__content .modal__body h3{margin-top:20px;margin:0;text-transform:uppercase;}#modal_protection .modal__content .modal__body h4{margin:10px 0;}#modal_protection .modal__content .modal__body ul{margin:0;padding-left:15px;}#modal_protection .modal__content .modal__body p{margin:0;}#modal_protection .modal__content .modal__footer{display:flex;flex-direction:column;align-items:center;}.page-game{background-image:url("../Images/Game/background.png");background-position:center;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;}.page-game .tuto{background:#78be20;padding:10px 30px;display:flex;flex-direction:column;align-items:center;border-radius:15px;box-sizing:border-box;position:relative;min-height:250px;padding-left:50px;max-width:250px;width:100%;text-align:center;gap:2px;margin-left:25px;z-index:10;transition:opacity .5s ease,transform .5s ease;}.page-game .tuto h1{margin:0;color:#fff;font-size:1.2rem;line-height:1;}.page-game .tuto h2{margin:0;color:#005a5e;font-size:1rem;line-height:1.1rem;}.page-game .tuto .circle-roller{position:absolute;height:55px;width:55px;background-color:#fff;border-radius:50%;border:8px solid #005a5e;left:-30px;}.page-game .tuto .circle-roller .image-roller{width:50px;right:1px;position:absolute;top:-3px;}.page-game .tuto hr{width:100%;border-color:#005a5e;}.page-game .tuto .swipe-instruction{text-align:center;color:#fff;z-index:1000;border-radius:15px;}.page-game .tuto .swipe-instruction .instruction-text{font-size:1.5rem;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.5);}@media(max-width:480px){.page-game .tuto .swipe-instruction .instruction-text{font-size:1.2rem;margin-bottom:20px;}}.page-game .tuto .swipe-instruction .finger-animation{position:relative;width:200px;height:100px;margin:10px auto;background-image:url(../Images/Game/background.png);border-radius:15px;margin-top:10px;margin-bottom:20px;}.page-game .tuto .swipe-instruction .finger-animation .tuto_paint{position:absolute;top:10px;width:90%;height:20px;background-color:#005a5e;padding:10px;box-sizing:border-box;left:50%;transform:translate(-50%,0%);border-radius:50px;}.page-game .tuto .swipe-instruction .finger-animation .finger{position:absolute;top:10px;width:60px;height:80px;transform-origin:center center;animation:fingerSwipe 2s ease-in-out infinite;}.page-game .tuto .swipe-instruction .finger-animation .finger img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 2px 8px rgba(0,0,0,.3));}.page-game .tuto .swipe-instruction .finger-animation .direction-arrows{position:absolute;width:100%;height:100%;}.page-game .tuto .swipe-instruction .finger-animation .arrow-left{position:absolute;left:-30px;}.page-game .tuto .swipe-instruction .finger-animation .arrow-right{position:absolute;right:-30px;}.page-game .tuto .btn{position:absolute;bottom:-20px;height:40px;font-size:.9rem;min-height:30px;padding:0;max-width:160px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin-top:20px;cursor:pointer;text-align:center;align-items:center;width:100%;}.page-game .roller-footer{position:absolute;bottom:-100px;width:250px;right:-50px;z-index:5;opacity:1;transform:rotate(-5deg);}.page-game .roller-footer.animate-roller{animation:rollerDiagonal 2s ease-out forwards;}.page-game .paint-canvas{position:fixed;top:0;left:0;width:100vw;top:100px!important;height:calc(100vh - 100px)!important;background:transparent;z-index:1;pointer-events:none;cursor:none;touch-action:none;transform:translateZ(0);will-change:contents;}.page-game .canvas-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:3px solid #005a5e;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.3);z-index:15;transition:opacity .5s ease;}.page-game .canvas-container #paintCanvas{cursor:none;display:block;}.page-game .roller-cursor{position:fixed;pointer-events:none;z-index:1000;transform:translate(-50%,-50%);width:100px;height:100px;display:none;}.page-game .roller-cursor .cursor-roller-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));}@keyframes rollerDiagonal{0%{bottom:-100px;right:-50px;}100%{bottom:30vh;right:40vw;}}@keyframes rollerPaint{0%{bottom:-100px;right:-50px;opacity:0;}10%{opacity:1;}40%{bottom:20vh;right:30vw;}60%{bottom:35vh;right:15vw;}80%{bottom:25vh;right:25vw;}100%{bottom:30vh;right:40vw;opacity:1;}}.tuto{transition:opacity .5s ease,transform .5s ease;}.page-game{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;}@keyframes fadeInInstruction{from{opacity:0;transform:translate(-50%,-50%) scale(.8);}to{opacity:1;transform:translate(-50%,-50%) scale(1);}}@keyframes fingerSwipe{0%{left:10px;transform:rotate(-5deg);}25%{left:50px;transform:rotate(0deg);}50%{left:130px;transform:rotate(5deg);}75%{left:70px;transform:rotate(0deg);}100%{left:10px;transform:rotate(-5deg);}}.page-win{background-color:#ebf5dd;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;color:#005a5e;position:relative;}.page-win .container{max-width:500px;padding:20px;}.page-win .container h1{font-size:1.6rem;}.page-win .container h2{font-size:1.3rem;font-weight:500;}.page-win .container h3{font-size:1.2rem;margin-top:-15px;}.page-win .container .content-border{display:flex;max-width:500px;position:relative;background-color:#005a5e;color:#fff;padding:15px 20px;border-radius:15px;margin:20px;align-items:center;gap:5px;margin-bottom:0;}.page-win .container .content-border .icon-tel{display:none;position:absolute;right:0;bottom:5px;}.page-win .container .info-text{font-size:.8rem;margin-top:15px;}.page-win .container .btn-return{width:fit-content;padding:12px 20px;margin-top:20px;font-size:20px;}.page-win .container .close-button{position:absolute;right:20px;top:0;width:48px;height:48px;border-radius:50%;padding:0;}.page-win .container .close-button span{font-size:40px;}.page-win .paint-container{width:100%;height:100%;position:relative;z-index:10;flex:1;max-height:200px;}.page-win .paint-container .roller{position:absolute;right:0;z-index:10;bottom:-110px;width:250px;transform:rotate(-5deg);}.page-lose{background-color:#ebf5dd;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;color:#005a5e;}.page-lose .container{max-width:500px;flex:1;padding:50px 20px 20px 20px;}.page-lose .container h1{font-size:1.6rem;}.page-lose .container h2{font-size:1.3rem;font-weight:500;margin-bottom:25px;}.page-lose .container .subtitle{font-size:1.2rem;font-weight:bold;}.page-lose .paint-container{width:100%;height:100%;position:relative;z-index:10;flex:1;max-height:200px;}.page-lose .paint-container .roller{position:absolute;right:0;z-index:10;bottom:-110px;width:250px;transform:rotate(-5deg);}.error-page{width:100%;height:100%;flex:1;align-items:center;justify-content:center;display:flex;text-align:center;font-size:2rem;}