.jeux-apercu{--fond:#fff;--texte:#2f3d33;--muet:#66756b;--sauge:#56735e;--sauge-texte:#fff;--sauge-50:#f2f5f1;--sauge-100:#dde8da;--sauge-300:#9bae9a;--or:#d4af37;--or-texte:#8a7535;--papier:#fbfaf6;--scene:#f7f5ee;--valise:#fff;--vert-ok:#3f8f5a;aspect-ratio:16/10;background:var(--scene);border-bottom:2px dashed var(--or);position:relative;overflow:hidden;container-type:inline-size}.jeux-apercu>svg{width:100%;height:100%;display:block}.jeux-apercu-porte{z-index:3;letter-spacing:.2em;text-transform:uppercase;background:var(--sauge);color:var(--sauge-texte);border-radius:4px;padding:3px 8px;font-size:9px;font-weight:600;position:absolute;top:8px;left:10px}.jeux-apercu svg text{font-family:var(--font-sans)}.jeux-apercu .serif{font-family:var(--font-display)}.dq-question,.dq-r1,.dq-r2,.dq-r3,.dq-r4,.dq-coche,.dq-tap,.dq-plus,.dq-s1,.dq-expli,.ti-v1,.ti-v2,.ti-v3,.ti-v4,.ti-badge,.ti-legende,.cs-halo,.cs-ouvert,.cs-valise,.pp-budget,.vr-onde,.vr-texte{transform-box:fill-box;transform-origin:50%}.dq-chrono{transform-box:fill-box;transform-origin:0}.cs-anse{transform-box:fill-box;transform-origin:0 100%}.jeux-apercu:not(.joue) *,.jeux-apercu:not(.joue) :before,.jeux-apercu:not(.joue) :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.jeux-apercu *,.jeux-apercu :before,.jeux-apercu :after{animation-play-state:paused!important;animation-delay:calc(var(--duree) * -.88)!important}}html.a11y-animations .jeux-apercu *,html.a11y-animations .jeux-apercu :before,html.a11y-animations .jeux-apercu :after{animation-duration:var(--duree)!important;animation-iteration-count:infinite!important;animation-play-state:paused!important;animation-delay:calc(var(--duree) * -.88)!important}.ap-defi{--duree:5s}.ap-defi *{animation-duration:var(--duree);animation-timing-function:ease-out;animation-iteration-count:infinite;animation-fill-mode:both}.dq-question{animation-name:dq-question}@keyframes dq-question{0%{opacity:0;transform:translateY(6px)}8%,93%{opacity:1;transform:none}to{opacity:0}}.dq-r1{animation-name:dq-r1}.dq-r2{animation-name:dq-r2}.dq-r3{animation-name:dq-r3}.dq-r4{animation-name:dq-r4}@keyframes dq-r1{0%,8%{opacity:0;transform:scale(.92)}13%{opacity:1;transform:none}50%{opacity:1}56%,93%{opacity:.4}to{opacity:0}}@keyframes dq-r2{0%,10%{opacity:0;transform:scale(.92)}15%,93%{opacity:1;transform:none}to{opacity:0}}@keyframes dq-r3{0%,12%{opacity:0;transform:scale(.92)}17%{opacity:1;transform:none}50%{opacity:1}56%,93%{opacity:.4}to{opacity:0}}@keyframes dq-r4{0%,14%{opacity:0;transform:scale(.92)}19%{opacity:1;transform:none}50%{opacity:1}56%,93%{opacity:.4}to{opacity:0}}.dq-bonne-fond{animation-name:dq-vert;animation-timing-function:linear}@keyframes dq-vert{0%,49%{fill:var(--fond);stroke:var(--sauge-300)}52%,to{fill:var(--vert-ok);stroke:var(--vert-ok)}}.dq-bonne-texte{animation-name:dq-vert-texte;animation-timing-function:linear}@keyframes dq-vert-texte{0%,49%{fill:var(--texte)}52%,to{fill:#fff}}.dq-coche{animation-name:dq-coche}@keyframes dq-coche{0%,51%{opacity:0;transform:scale(.4)}56%,93%{opacity:1;transform:none}to{opacity:0}}.dq-tap{animation-name:dq-tap}@keyframes dq-tap{0%,44%{opacity:0;transform:scale(.3)}48%{opacity:.55;transform:scale(1)}56%,to{opacity:0;transform:scale(1.8)}}.dq-chrono{animation-name:dq-chrono;animation-timing-function:linear}@keyframes dq-chrono{0%,20%{transform:scaleX(1)}48%,to{transform:scaleX(.42)}}.dq-plus{animation-name:dq-plus}@keyframes dq-plus{0%,52%{opacity:0;transform:translateY(8px)}58%{opacity:1;transform:none}72%{opacity:1;transform:translateY(-8px)}78%,to{opacity:0;transform:translateY(-12px)}}.dq-s0{animation-name:dq-s0;animation-timing-function:linear}.dq-s1{animation-name:dq-s1}@keyframes dq-s0{0%,63%{opacity:1}64%,to{opacity:0}}@keyframes dq-s1{0%,63%{opacity:0;transform:scale(1)}66%{opacity:1;transform:scale(1.3)}72%,93%{opacity:1;transform:scale(1)}to{opacity:0}}.dq-expli{animation-name:dq-expli}@keyframes dq-expli{0%,62%{opacity:0;transform:translateY(4px)}70%,93%{opacity:1;transform:none}to{opacity:0}}.ap-intrus{--duree:5s}.ap-intrus *{animation-duration:var(--duree);animation-timing-function:ease-out;animation-iteration-count:infinite;animation-fill-mode:both}.ti-v1{animation-name:ti-v1}.ti-v2{animation-name:ti-v2}.ti-v3{animation-name:ti-v3}.ti-v4{animation-name:ti-v4}@keyframes ti-v1{0%{opacity:0;transform:scale(.85)}8%{opacity:1;transform:none}62%{opacity:1}68%,93%{opacity:.4}to{opacity:0}}@keyframes ti-v2{0%,4%{opacity:0;transform:scale(.85)}12%{opacity:1;transform:none}62%{opacity:1}68%,93%{opacity:.4}to{opacity:0}}@keyframes ti-v3{0%,8%{opacity:0;transform:scale(.85)}16%{opacity:1;transform:none}93%{opacity:1}to{opacity:0}}@keyframes ti-v4{0%,12%{opacity:0;transform:scale(.85)}20%{opacity:1;transform:none}62%{opacity:1}68%,93%{opacity:.4}to{opacity:0}}.ti-curseur{transform-box:view-box;transform-origin:0 0;animation-name:ti-curseur;animation-timing-function:ease-in-out}@keyframes ti-curseur{0%,20%{opacity:0;transform:translate(95px,70px)}24%{opacity:1;transform:translate(95px,70px)}33%{transform:translate(240px,64px)}42%{transform:translate(240px,152px)}54%{opacity:1;transform:translate(92px,150px)}58%{transform:translate(92px,150px)scale(.8)}61%{opacity:1;transform:translate(92px,150px)}66%,to{opacity:0;transform:translate(92px,150px)}}.ti-cadre{animation-name:ti-cadre;animation-timing-function:ease-in-out}@keyframes ti-cadre{0%,57%{stroke-dashoffset:100px;opacity:1}68%,93%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.ti-badge{animation-name:ti-badge}@keyframes ti-badge{0%,64%{opacity:0;transform:scale(.3)rotate(-12deg)}70%{opacity:1;transform:scale(1.15)rotate(-6deg)}74%,93%{opacity:1;transform:scale(1)rotate(-6deg)}to{opacity:0;transform:rotate(-6deg)}}.ti-legende{animation-name:ti-legende}@keyframes ti-legende{0%,70%{opacity:0}76%,93%{opacity:1}to{opacity:0}}.ap-mystere{--duree:5.5s;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:5%;padding:8% 6% 4%;display:grid}.ap-mystere *{animation-duration:var(--duree);animation-timing-function:ease-out;animation-iteration-count:infinite;animation-fill-mode:both}.dm-indices{flex-direction:column;gap:2.4cqw;min-width:0;display:flex}.dm-titre{letter-spacing:.16em;text-transform:uppercase;color:var(--or-texte);font-size:3.2cqw;font-weight:600}.dm-indice{background:var(--fond);border:1px solid var(--sauge-100);border-left:3px solid var(--or);color:var(--texte);border-radius:6px;padding:1.8cqw 2.6cqw;font-size:3.7cqw;line-height:1.3}.dm-indice b{color:var(--or-texte);font-weight:600}.dm-i1{animation-name:dm-i1}.dm-i2{animation-name:dm-i2}.dm-i3{animation-name:dm-i3}@keyframes dm-i1{0%,3%{opacity:0;transform:translate(-8px)}10%,93%{opacity:1;transform:none}to{opacity:0}}@keyframes dm-i2{0%,17%{opacity:0;transform:translate(-8px)}24%,93%{opacity:1;transform:none}to{opacity:0}}@keyframes dm-i3{0%,31%{opacity:0;transform:translate(-8px)}38%,93%{opacity:1;transform:none}to{opacity:0}}.dm-bravo{font-family:var(--font-display);color:var(--vert-ok);font-size:4.2cqw;font-weight:600;animation-name:dm-bravo}@keyframes dm-bravo{0%,64%{opacity:0;transform:translateY(4px)}72%,93%{opacity:1;transform:none}to{opacity:0}}.dm-scene{perspective:700px;aspect-ratio:3/4;width:33cqw;position:relative}.dm-carte{transform-style:preserve-3d;animation-name:dm-flip;animation-timing-function:cubic-bezier(.5,0,.3,1);position:absolute;inset:0}@keyframes dm-flip{0%,44%{transform:rotateY(0)translateY(0)}47%{transform:rotateY(0)translateY(-4px)scale(1.04)}60%,94%{transform:rotateY(180deg)translateY(0)}to{transform:rotateY(180deg)}}.dm-face{backface-visibility:hidden;text-align:center;border-radius:3cqw;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;box-shadow:0 2cqw 4cqw #1e2d232e}.dm-dos{outline-offset:-2.2cqw;color:#d4af37;background:#56735e;border:.8cqw solid #d4af37;outline:.4cqw solid #56735e}.dm-dos .q{font-family:var(--font-display);font-size:14cqw;line-height:1}.dm-dos .t{letter-spacing:.18em;text-transform:uppercase;color:#f3e9c6;margin-top:2cqw;font-size:2.3cqw}.dm-face-avant{color:#2f3d33;background:#fbfaf6;border:.8cqw solid #d4af37;padding:2cqw;transform:rotateY(180deg)}.dm-face-avant svg{width:80%;height:auto}.dm-face-avant .ville{font-family:var(--font-display);color:#56735e;margin-top:1.5cqw;font-size:5.2cqw;font-weight:600;line-height:1.1}.dm-face-avant .pays{letter-spacing:.18em;text-transform:uppercase;color:#8a7535;font-size:2.6cqw}.dm-eclat{border:2px solid var(--or);opacity:0;border-radius:50%;animation-name:dm-eclat;position:absolute;inset:-12%}@keyframes dm-eclat{0%,58%{opacity:0;transform:scale(.6)}62%{opacity:.9}74%,to{opacity:0;transform:scale(1.25)}}.ap-billet{--duree:4.5s;perspective:800px;place-items:center;display:grid}.ap-billet *{animation-duration:var(--duree);animation-iteration-count:infinite;animation-fill-mode:both}.bg-billet{aspect-ratio:2.35;color:#3f5646;width:78cqw;transform-style:preserve-3d;background:linear-gradient(125deg,#f3dc8a 0%,#d4af37 38%,#e9cf74 55%,#b8902a 100%);border-radius:3cqw;grid-template-columns:1fr 24%;animation-name:bg-pivot;animation-timing-function:ease-in-out;display:grid;position:relative;overflow:hidden;box-shadow:0 4cqw 7cqw #5a461447,inset 0 0 0 .5cqw #ffffff59}@keyframes bg-pivot{0%{transform:rotateY(-26deg)rotateX(12deg)}50%{transform:rotateY(24deg)rotateX(-8deg)}to{transform:rotateY(-26deg)rotateX(12deg)}}.bg-billet:after{content:"";pointer-events:none;animation:bg-brille var(--duree) ease-in-out infinite both;background:linear-gradient(105deg,#0000 40%,#ffffffbf 50%,#0000 60%);position:absolute;inset:-20% -60%}@keyframes bg-brille{0%,18%{transform:translate(-70%)}42%,to{transform:translate(70%)}}.bg-gauche{flex-direction:column;justify-content:space-between;min-width:0;padding:3.6cqw 4cqw;display:flex}.bg-marque{letter-spacing:.24em;text-transform:uppercase;font-size:2.3cqw;font-weight:700}.bg-titre{font-family:var(--font-display);font-size:6.2cqw;font-weight:700;line-height:1}.bg-ligne{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:3cqw;font-size:2.6cqw;font-weight:600;display:flex}.bg-dest{font-family:var(--font-display);letter-spacing:.06em;color:#2f3d33;padding:0 1.5cqw;font-size:6cqw;font-weight:700;display:inline-block;position:relative}.bg-feuille{background:repeating-linear-gradient(135deg,#c9a23a 0 1.2cqw,#e4c766 1.2cqw 2.4cqw);border-radius:1cqw;animation-name:bg-gratte;animation-timing-function:steps(6,end);position:absolute;inset:-.6cqw -.4cqw;box-shadow:inset 0 0 0 .3cqw #fff6}@keyframes bg-gratte{0%,40%{clip-path:inset(0)}72%,94%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}.bg-talon{letter-spacing:.1em;text-transform:uppercase;border-left:.5cqw dashed #3f56468c;flex-direction:column;justify-content:space-between;padding:3.6cqw 2.4cqw;font-size:2.3cqw;font-weight:600;display:flex}.bg-talon strong{font-size:4.2cqw;font-family:var(--font-display);letter-spacing:0;display:block}.bg-etincelle{width:5cqw;height:5cqw;color:var(--or);animation-name:bg-etincelle;animation-timing-function:ease-in-out;position:absolute}.bg-etincelle svg{width:100%;height:100%;display:block}@keyframes bg-etincelle{0%,to{opacity:0;transform:scale(.2)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.bg-e1{top:9%;left:8%;animation-duration:calc(var(--duree) / 2)!important}.bg-e2{top:12%;right:9%;animation-duration:calc(var(--duree) / 3)!important}.bg-e3{bottom:9%;left:46%;animation-duration:calc(var(--duree) / 2.5)!important}.bg-e4{width:3.4cqw;height:3.4cqw;bottom:14%;right:6%;animation-duration:calc(var(--duree) / 1.5)!important}.ap-code{--duree:6s}.ap-code *{animation-duration:var(--duree);animation-iteration-count:infinite;animation-fill-mode:both}.cs-m1,.cs-m2,.cs-m3{transform-box:view-box;transform-origin:0 0}.cs-m1{animation-name:cs-m1}.cs-m2{animation-name:cs-m2}.cs-m3{animation-name:cs-m3}@keyframes cs-m1{0%,6%{animation-timing-function:cubic-bezier(.3,.1,.2,1);transform:translateY(0)}34%,94%{transform:translateY(-420px)}to{transform:translateY(0)}}@keyframes cs-m2{0%,6%{animation-timing-function:cubic-bezier(.3,.1,.2,1);transform:translateY(0)}44%,94%{transform:translateY(-510px)}to{transform:translateY(0)}}@keyframes cs-m3{0%,6%{animation-timing-function:cubic-bezier(.3,.1,.2,1);transform:translateY(0)}54%,94%{transform:translateY(-360px)}to{transform:translateY(0)}}.cs-fen1{animation-name:cs-f1}.cs-fen2{animation-name:cs-f2}.cs-fen3{animation-name:cs-f3}@keyframes cs-f1{0%,33%{stroke:#b8902a;stroke-width:1px}35%,94%{stroke:var(--vert-ok);stroke-width:2px}to{stroke:#b8902a}}@keyframes cs-f2{0%,43%{stroke:#b8902a;stroke-width:1px}45%,94%{stroke:var(--vert-ok);stroke-width:2px}to{stroke:#b8902a}}@keyframes cs-f3{0%,53%{stroke:#b8902a;stroke-width:1px}55%,94%{stroke:var(--vert-ok);stroke-width:2px}to{stroke:#b8902a}}.cs-anse{animation-name:cs-anse;animation-timing-function:cubic-bezier(.3,1.6,.5,1)}@keyframes cs-anse{0%,58%{transform:translateY(0)rotate(0)}66%,92%{transform:translateY(-9px)rotate(-14deg)}to{transform:translateY(0)rotate(0)}}.cs-halo{animation-name:cs-halo;animation-timing-function:ease-out}@keyframes cs-halo{0%,58%{opacity:0;transform:scale(.7)}64%{opacity:.9}80%,to{opacity:0;transform:scale(1.5)}}.cs-ouvert{animation-name:cs-ouvert;animation-timing-function:ease-out}@keyframes cs-ouvert{0%,62%{opacity:0;transform:translateY(6px)scale(.8)}70%,93%{opacity:1;transform:none}to{opacity:0}}.cs-valise{animation-name:cs-valise;animation-timing-function:ease-in-out}@keyframes cs-valise{0%,64%{transform:rotate(0)}67%{transform:rotate(-1.5deg)}70%{transform:rotate(1.5deg)}73%,to{transform:rotate(0)}}.ap-parcours{--duree:6s}.ap-parcours *{animation-duration:var(--duree);animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}.pp-trace{animation-name:pp-trace}@keyframes pp-trace{0%,10%{stroke-dashoffset:100px}26.3%{stroke-dashoffset:72.8px}39.7%{stroke-dashoffset:50.5px}54.2%{stroke-dashoffset:26.4px}70%,to{stroke-dashoffset:0}}.pp-avion{transform-box:view-box;transform-origin:0 0;animation-name:pp-avion}@keyframes pp-avion{0%{opacity:0;transform:translate(90px,45px)rotate(5deg)}8%,10%{opacity:1;transform:translate(90px,45px)rotate(5deg)}25.8%{transform:translate(148px,50px)rotate(5deg)}26.8%{transform:translate(150px,51px)rotate(114deg)}39.2%{transform:translate(130px,94px)rotate(114deg)}40.2%{transform:translate(131px,96px)rotate(49deg)}53.7%{transform:translate(164px,134px)rotate(49deg)}54.7%{transform:translate(166px,136px)rotate(31deg)}70%,92%{opacity:1;transform:translate(215px,165px)rotate(31deg)}to{opacity:0;transform:translate(215px,165px)rotate(31deg)}}.pp-v1,.pp-v2,.pp-v3,.pp-v4,.pp-v5{animation-timing-function:step-end}.pp-v1{animation-name:pp-v1}.pp-v2{animation-name:pp-v2}.pp-v3{animation-name:pp-v3}.pp-v4{animation-name:pp-v4}.pp-v5{animation-name:pp-v5}@keyframes pp-v1{0%{fill:#fff}10%,96%{fill:#d4af37}to{fill:#fff}}@keyframes pp-v2{0%{fill:#fff}26.3%,96%{fill:#d4af37}to{fill:#fff}}@keyframes pp-v3{0%{fill:#fff}39.7%,96%{fill:#d4af37}to{fill:#fff}}@keyframes pp-v4{0%{fill:#fff}54.2%,96%{fill:#d4af37}to{fill:#fff}}@keyframes pp-v5{0%{fill:#fff}70%,96%{fill:#d4af37}to{fill:#fff}}.pp-budget{animation-name:pp-budget;animation-timing-function:ease-out}@keyframes pp-budget{0%,72%{opacity:0;transform:translateY(6px)}78%,93%{opacity:1;transform:none}to{opacity:0}}.pp-reste0{animation-name:pp-r0;animation-timing-function:step-end}.pp-reste1{animation-name:pp-r1;animation-timing-function:step-end}.pp-reste2{animation-name:pp-r2;animation-timing-function:step-end}@keyframes pp-r0{0%{opacity:1}35%{opacity:0}to{opacity:0}}@keyframes pp-r1{0%{opacity:0}35%{opacity:1}62%{opacity:0}to{opacity:0}}@keyframes pp-r2{0%{opacity:0}62%{opacity:1}to{opacity:1}}.ap-reel{--duree:5s}.ap-reel *{animation-duration:var(--duree);animation-iteration-count:infinite;animation-fill-mode:both}.vr-sol{transform-box:view-box;transform-origin:0 0;animation-name:vr-sol;animation-timing-function:cubic-bezier(.2,.5,.35,1)}@keyframes vr-sol{0%{transform:translate(0)}50%,94%{transform:translate(-330px)}to{transform:translate(0)}}.vr-nuages{transform-box:view-box;transform-origin:0 0;animation-name:vr-nuages;animation-timing-function:linear}@keyframes vr-nuages{0%{transform:translate(0)}to{transform:translate(-120px)}}.vr-avion{transform-box:view-box;transform-origin:0 0;animation-name:vr-avion;animation-timing-function:ease-in-out}@keyframes vr-avion{0%,50%{transform:translate(160px,52px)rotate(0)}54%{transform:translate(160px,56px)rotate(10deg)}70%{transform:translate(160px,132px)rotate(8deg)scale(.82)}75%,94%{transform:translate(160px,140px)rotate(0)scale(.78)}to{transform:translate(160px,52px)rotate(0)}}.vr-viseur{animation-name:vr-viseur;animation-timing-function:ease-out}@keyframes vr-viseur{0%,46%{opacity:.9}54%,to{opacity:0}}.vr-onde{animation-name:vr-onde;animation-timing-function:ease-out}@keyframes vr-onde{0%,73%{opacity:0;transform:scale(.5)}76%{opacity:1}90%,to{opacity:0;transform:scale(2.2)}}.vr-texte{animation-name:vr-texte;animation-timing-function:ease-out}@keyframes vr-texte{0%,74%{opacity:0;transform:translateY(6px)scale(.9)}80%,93%{opacity:1;transform:none}to{opacity:0}}.ap-classement{--duree:5s}.ap-classement *{animation-duration:var(--duree);animation-timing-function:ease-out;animation-iteration-count:infinite;animation-fill-mode:both}.cl-m1,.cl-m2,.cl-m3{transform-box:fill-box;transform-origin:bottom}.cl-n1,.cl-n2,.cl-n3,.cl-etoile,.cl-toi{transform-box:fill-box;transform-origin:50%}.cl-m2{animation-name:cl-m2}.cl-m1{animation-name:cl-m1}.cl-m3{animation-name:cl-m3}@keyframes cl-m2{0%,6%{transform:scaleY(0)}22%,94%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes cl-m1{0%,14%{transform:scaleY(0)}32%,94%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes cl-m3{0%,22%{transform:scaleY(0)}38%,94%{transform:scaleY(1)}to{transform:scaleY(0)}}.cl-n2{animation-name:cl-n2}.cl-n1{animation-name:cl-n1}.cl-n3{animation-name:cl-n3}@keyframes cl-n2{0%,24%{opacity:0;transform:translateY(6px)}32%,93%{opacity:1;transform:none}to{opacity:0}}@keyframes cl-n1{0%,34%{opacity:0;transform:translateY(6px)}42%,93%{opacity:1;transform:none}to{opacity:0}}@keyframes cl-n3{0%,40%{opacity:0;transform:translateY(6px)}48%,93%{opacity:1;transform:none}to{opacity:0}}.cl-etoile{animation-name:cl-etoile}@keyframes cl-etoile{0%,50%{opacity:0;transform:scale(.3)rotate(-40deg)}58%{opacity:1;transform:scale(1.25)rotate(0)}64%,93%{opacity:1;transform:scale(1)}to{opacity:0}}.cl-toi{animation-name:cl-toi}@keyframes cl-toi{0%,64%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.1)}74%,93%{opacity:1;transform:none}to{opacity:0}}