@font-face{font-family:lemon milk;src:url(/fonts/Lemon_Milk/LEMONMILK-Light.woff2)format("woff2"),url(/fonts/Lemon_Milk/LEMONMILK-Light.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:lemon milk;src:url(/fonts/Lemon_Milk/LEMONMILK-Regular.woff2)format("woff2"),url(/fonts/Lemon_Milk/LEMONMILK-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:lemon milk;src:url(/fonts/Lemon_Milk/LEMONMILK-Medium.woff2)format("woff2"),url(/fonts/Lemon_Milk/LEMONMILK-Medium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:lemon milk;src:url(/fonts/Lemon_Milk/LEMONMILK-Bold.woff2)format("woff2"),url(/fonts/Lemon_Milk/LEMONMILK-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:lemon milk;src:url(/fonts/Lemon_Milk/LEMONMILK-LightItalic.woff2)format("woff2"),url(/fonts/Lemon_Milk/LEMONMILK-LightItalic.woff)format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:lemon milk;src:url(/fonts/Lemon_Milk/LEMONMILK-RegularItalic.woff2)format("woff2"),url(/fonts/Lemon_Milk/LEMONMILK-RegularItalic.woff)format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:lemon milk;src:url(/fonts/Lemon_Milk/LEMONMILK-MediumItalic.woff2)format("woff2"),url(/fonts/Lemon_Milk/LEMONMILK-MediumItalic.woff)format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:lemon milk;src:url(/fonts/Lemon_Milk/LEMONMILK-BoldItalic.woff2)format("woff2"),url(/fonts/Lemon_Milk/LEMONMILK-BoldItalic.woff)format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:coolvetica;src:url(/fonts/Coolvetica/Coolvetica-Regular.woff2)format("woff2"),url(/fonts/Coolvetica/Coolvetica-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:coolvetica;src:url(/fonts/Coolvetica/Coolvetica-Italic.woff2)format("woff2"),url(/fonts/Coolvetica/Coolvetica-Italic.woff)format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:coolvetica;src:url(/fonts/Coolvetica/Coolvetica-HeavyComp.woff2)format("woff2"),url(/fonts/Coolvetica/Coolvetica-HeavyComp.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:coolvetica condensed;src:url(/fonts/Coolvetica/Coolvetica-Cond.woff2)format("woff2"),url(/fonts/Coolvetica/Coolvetica-Cond.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:coolvetica cram;src:url(/fonts/Coolvetica/Coolvetica-Cram.woff2)format("woff2"),url(/fonts/Coolvetica/Coolvetica-Cram.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}body{color:#333;font-family:coolvetica,sans-serif}.main-title{font-family:lemon milk,Arial,sans-serif;font-size:1.5rem;color:#fff;text-align:center}.description{font-family:coolvetica,Arial,sans-serif;font-size:1.5rem;color:#fff;text-align:center;width:100%}body.homepage-1{background-color:#fff;color:#000}body.bonjour-1{background-color:#fff;color:#000}body.split-1{background-color:#fff;color:#000}body.painting-1{background-image:url("/images/tableau foret.svg");width:100%;height:100vh;background-size:cover;background-position:50%;background-repeat:no-repeat}body.painting-2{background-image:url(/images/tableauchateau.svg);width:100%;height:100vh;background-size:cover;background-position:50%;background-repeat:no-repeat}body.painting-3{background-image:url("/images/tableau mer.svg");width:100%;height:100vh;background-size:cover;background-position:50%;background-repeat:no-repeat}body.painting-4{background-image:url("/images/tableau sanglier.svg");width:100%;height:100vh;background-size:cover;background-position:50%;background-repeat:no-repeat}.question-container{display:flex;justify-content:center;flex-direction:column;height:100vh;padding:0 20px;gap:50px}.question{font-family:coolvetica,Arial,sans-serif;font-size:1.4rem;color:#fff;text-align:center;width:100%}.button{color:#000;position:relative;z-index:1;padding:1.5rem 1rem;background-color:#faebdc;font-size:1rem;font-weight:700;font-family:lemon milk,sans-serif;text-align:center;text-decoration:none;border:8px solid #d19f61;border-radius:8px}.button:after{content:"";background-image:url(/images/branchedroite.svg);position:absolute;top:8%;right:5%;width:40px;height:100%;background-size:contain;background-position:50%;background-repeat:no-repeat;z-index:-1;transform:translateX(100%)}.button-container{display:flex;justify-content:center;width:100%;position:relative}.button-container--branchright{position:absolute;top:70%;left:75%;transform:translate(-50%,-50%)}.button-container--branchleft{position:absolute;top:70%;left:75%;transform:translate(-50%,-50%)}.answers{display:flex;flex-direction:column;align-items:center;gap:1rem}.answer{width:100%;display:flex;justify-content:center}.button,.buttonstart{transition:transform .08s ease}.button:active,.buttonstart:active{transform:scale(.94)}.suivantbutton{color:#000;position:relative;z-index:1;padding:1.5rem 1rem;background-color:#faebdc;font-size:1rem;font-weight:700;font-family:lemon milk,sans-serif;text-align:center;text-decoration:none;border:8px solid #d19f61;border-radius:8px;transition:transform .12s ease,background-color .12s ease}.suivantbutton:active{transform:scale(.95);background-color:#e7d2b8}.suivantbutton:before{content:"";background-image:url(/images/branches.svg);position:absolute;top:-10%;right:135%;width:100px;height:100%;background-size:contain;background-position:50%;background-repeat:no-repeat;z-index:-1;transform:translateX(100%)}.buttonaccueil{display:inline-block;padding:1rem 2rem;background-color:#faebdc;color:#000;font-family:lemon milk,sans-serif;font-size:1rem;text-align:center;text-decoration:none;border:3px solid #d19f61;border-radius:8px;position:relative;transition:transform .12s ease,background-color .12s ease}.buttonaccueil:active,.buttonaccueil.is-clicked{transform:scale(.95);background-color:#e7d2b8}.buttonaccueil::after{content:"";position:absolute;right:-40px;top:0;width:40px;height:100%;background:url(/images/home_icon.svg)no-repeat 50%/contain;pointer-events:none}.buttonstart-container{display:flex;justify-content:center;width:100%}.buttonstart{color:#000;position:relative;z-index:1;padding:1.5rem 2rem;background-color:#faebdc;font-size:1.5rem;font-weight:700;font-family:lemon milk,sans-serif;text-align:center;text-decoration:none;border:8px solid #d19f61;border-radius:8px}.buttonstart:after{content:"";background-image:url("/images/bouton commencer et acceuil.svg");position:absolute;top:0;right:0;width:40px;height:100%;background-size:contain;background-position:50%;background-repeat:no-repeat;z-index:-1;transform:translateX(100%)}.buttonstart-container{position:relative}.buttonstart-container--branchright{position:absolute;top:70%;left:75%;transform:translate(-50%,-50%)}.buttonstart-container--branchleft{position:absolute;top:70%;left:75%;transform:translate(-50%,-50%)}html,body{width:100%;height:100%;margin:0}.split-page{width:100vw;height:100vh;position:relative;overflow:hidden;box-sizing:border-box}.split-page .split-instruction{position:absolute;bottom:1rem;left:1rem;font-family:coolvetica,sans-serif;font-size:1.2rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.7);z-index:3;max-width:45%;word-wrap:break-word;line-height:1.3}.split-page .split-container{display:flex;width:100%;height:100%;flex-wrap:nowrap}.split-page .split-item{flex:1;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;background-size:cover;background-position:50%;transition:transform .2s ease,filter .2s ease;box-sizing:border-box}.split-page .split-item:hover{transform:scale(1.02);filter:brightness(1.1)}.split-page .split-item .split-item-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;height:100%;padding:5% 3%;box-sizing:border-box}.split-page .split-item .split-item-description{font-family:coolvetica,sans-serif;font-size:1.2rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.7);margin-bottom:auto;text-align:left;max-width:100%;word-wrap:break-word}.split-page .split-item .split-item-text{font-family:lemon milk,sans-serif;font-size:2rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.7);text-align:center;margin-top:auto}@media(max-width:1024px){.split-item-description{font-size:1rem}.split-item-text{font-size:1.8rem}.split-instruction{font-size:1rem}}@media(max-width:768px){.split-item-description{font-size:.9rem}.split-item-text{font-size:1.5rem}.split-instruction{font-size:.9rem;bottom:.5rem;left:.5rem}}.split-overlay-svg{position:absolute;bottom:0;right:0;height:35%;max-height:75vh;width:auto;max-width:40vw;z-index:4;pointer-events:none;transition:height .2s ease,width .2s ease}.split-branches-image{position:absolute;bottom:0;left:0;width:clamp(120px,25vw,520px);height:auto;z-index:1;pointer-events:none}html,body{width:100%;height:100%;margin:0;overflow:hidden;background-color:#3b3b3b}.bonjour-page-wrapper::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.7);z-index:-1}.bonjour-page{overflow:hidden;background-image:url("/images/tableau foret.svg");width:100%;height:100vh;background-size:cover;background-position:50%;background-repeat:no-repeat}.bonjour-page-wrapper{position:relative;width:100vw;height:100vh}.bonjour-text{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px;height:100%;padding-left:30px;padding-right:30px;max-width:60ch;text-align:center;font-family:coolvetica,sans-serif;color:#fff;font-size:clamp(1.4rem,2.5vw,1.6rem);line-height:1.4;position:relative;z-index:2}.bonjour-overlay-svg{position:absolute;bottom:0;right:0;width:clamp(200px,30vw,600px);height:auto;z-index:1;pointer-events:none}.bonjour-branches{position:absolute;top:0;left:0;width:clamp(190px,25vw,520px);height:auto;z-index:1;pointer-events:none}.simple-page-container{display:flex;align-items:center;justify-content:center;gap:30px;flex-direction:column;height:100vh;padding-left:30px;padding-right:30px}body.homepage::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(0,0,0,.3) 0%,rgba(0,0,0,.7) 50%,rgba(0,0,0,.9) 100%);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:-1;backdrop-filter:blur(2px)}*{margin:0;padding:0;box-sizing:border-box}.diceWrap{position:absolute;width:200px;height:200px;top:calc(25% - 100px);left:calc(50% - 100px)}.diceWrap::before{position:absolute;content:"";width:70%;height:10%;top:90%;left:15%;background:rgba(0,0,0,.2);border-radius:100%;filter:blur(10px)}.diceWrap2{position:absolute;width:200px;height:200px;top:calc(50% - 100px);left:calc(30% - 100px)}.diceWrap2::before{position:absolute;content:"";width:70%;height:10%;top:90%;left:15%;background:rgba(0,0,0,.2);border-radius:100%;filter:blur(10px)}.diceWrap3{position:absolute;width:200px;height:200px;top:calc(50% - 100px);left:calc(70% - 100px)}.diceWrap3::before{position:absolute;content:"";width:70%;height:10%;top:90%;left:15%;background:rgba(0,0,0,.2);border-radius:100%;filter:blur(10px)}.dice{position:absolute;width:100px;height:100px;top:calc(50% - 50px);left:calc(50% - 50px);transform-style:preserve-3d;transform:rotate3d(0,.9,.9,90deg);transition:.5s cubic-bezier(.42,1.57,.62,.86)}.dice.rolling{animation:rotatePerFace 3s cubic-bezier(.42,1.57,.62,.86)infinite}.dice.throw{animation:rotateDice .7s ease-in reverse,throwDice 1s linear}.diceFace{box-sizing:border-box;position:absolute;width:100px;height:100px;background-color:#f6f3f0;border:2px solid #fff;border-radius:20px;transform-style:preserve-3d;transition:.5s}.diceFace::before{position:absolute;content:"";width:100%;height:100%;background-color:#fff;border-radius:20px;transform:translateZ(-1px)}.diceFace::after{position:absolute;content:"";width:20px;height:20px;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:#131210;border-radius:100%;transform:translateZ(1px)}.front{transform:translateZ(50px)}.front::after{width:40px;height:40px;margin:-20px 0 0 -20px;background-color:#f63330}.up{transform:rotateX(90deg)translateZ(50px)}.up::after{margin:-30px 0 0 -30px;box-shadow:40px 40px #131210}.left{transform:rotateY(-90deg)translateZ(50px)}.left::after{margin:-40px 0 0 -40px;box-shadow:30px 30px #131210,60px 60px #131210}.right{transform:rotateY(90deg)translateZ(50px)}.right::after{margin:-30px 0 0 -30px;background-color:#f63330;box-shadow:40px 0 #f63330,0 40px #f63330,40px 40px #f63330}.bottom{transform:rotateX(-90deg)translateZ(50px)}.bottom::after{margin:-36px 0 0 -36px;box-shadow:26px 26px #131210,52px 52px #131210,52px 0 #131210,0 52px #131210}.back{transform:rotateX(180deg)translateZ(50px)}.back::after{margin:-40px 0 0 -30px;box-shadow:40px 0 #131210,0 30px #131210,40px 30px #131210,0 60px #131210,40px 60px #131210}.dice.red .diceFace{background-color:rgba(250,0,0,.45);border-radius:30px}.dice.red .diceFace::after{background-color:#fff}.dice.red .front::after{background-color:#fff}.dice.red .up::after{box-shadow:40px 40px white}.dice.red .left::after{box-shadow:30px 30px white,60px 60px white}.dice.red .right::after{background-color:#fff;box-shadow:40px 0 white,0 40px white,40px 40px white}.dice.red .bottom::after{box-shadow:26px 26px white,52px 52px white,52px 0 white,0 52px white}.dice.red .back::after{box-shadow:40px 0 white,0 30px white,40px 30px white,0 60px white,40px 60px white}.dice.blue .diceFace{background-color:rgba(0,0,255,.45)}.dice.blue .diceFace::after{background-color:#fff}.dice.blue .front::after{background-color:#fff}.dice.blue .up::after{box-shadow:40px 40px white}.dice.blue .left::after{box-shadow:30px 30px white,60px 60px white}.dice.blue .right::after{background-color:#fff;box-shadow:40px 0 white,0 40px white,40px 40px white}.dice.blue .bottom::after{box-shadow:26px 26px white,52px 52px white,52px 0 white,0 52px white}.dice.blue .back::after{box-shadow:40px 0 white,0 30px white,40px 30px white,0 60px white,40px 60px white}.dice.black .diceFace{background-color:#111}.dice.black .diceFace::after{background-color:#db0}.dice.black .front::after{background-color:#3ef}.dice.black .up::after{box-shadow:40px 40px #db0}.dice.black .left::after{box-shadow:30px 30px #db0,60px 60px #db0}.dice.black .right::after{background-color:#3ef;box-shadow:40px 0 #3ef,0 40px #3ef,40px 40px #3ef}.dice.black .bottom::after{box-shadow:26px 26px #db0,52px 52px #db0,52px 0 #db0,0 52px #db0}.dice.black .back::after{box-shadow:40px 0 #db0,0 30px #db0,40px 30px #db0,0 60px #db0,40px 60px #db0}.dice.pink .diceFace{background-color:#f69;border-radius:40px}.dice.pink .diceFace::after{background-color:#ffe}.dice.pink .front::after{background-color:#fe9}.dice.pink .up::after{box-shadow:40px 40px #ffe}.dice.pink .left::after{box-shadow:30px 30px #ffe,60px 60px #ffe}.dice.pink .right::after{background-color:#fe9;box-shadow:40px 0 #fe9,0 40px #fe9,40px 40px #fe9}.dice.pink .bottom::after{box-shadow:26px 26px #ffe,52px 52px #ffe,52px 0 #ffe,0 52px #ffe}.dice.pink .back::after{box-shadow:40px 0 #ffe,0 30px #ffe,40px 30px #ffe,0 60px #ffe,40px 60px #ffe}@keyframes rotateDice{30%{transform:rotate3d(1,1,1,0)}100%{transform:rotate3d(1,1,1,720deg)}}@keyframes rotatePerFace{16%{transform:rotate3d(-.1,.6,-.4,180deg)}32%{transform:rotate3d(-.85,-.42,.73,180deg)}48%{transform:rotate3d(-.8,.3,-.75,180deg)}64%{transform:rotate3d(.3,.45,.9,180deg)}80%{transform:rotate3d(-.16,.6,.18,180deg)}100%{transform:rotate3d(-.1,.3,-1,180deg)}}@keyframes throwDice{20%{margin-top:-100px}40%{margin-top:0}60%{margin-top:-30px}80%{margin-top:0}85%{margin-top:-10px}90%{margin-top:0}95%{margin-top:-3px}100%{margin-top:0}}.controller{position:absolute;width:250px;padding:20px;bottom:0;right:0;background-color:rgba(0,0,0,.7);color:#fff;text-align:center;line-height:40px;border-radius:10px 0 0 0}.controller button{background-color:#f63330;color:#fff;border:none;padding:10px 20px;margin:5px;cursor:pointer;border-radius:5px;font-size:14px;transition:background-color .3s}.controller button:hover{background-color:#d42220}.controller input[type=range]{width:120px;vertical-align:middle;display:none}.X{display:none}.controller select{padding:8px;border-radius:5px;border:none;background-color:#fff;cursor:pointer}#diceVal{font-size:24px;font-weight:700;color:#f63330}