.ecran-page{z-index:0;background:var(--background);color:var(--foreground);font-family:var(--font-orbitron), "Helvetica Neue", Arial, sans-serif;-webkit-font-smoothing:antialiased;--bande:min(92vw, 1120px);flex-direction:column;align-items:center;padding:clamp(5.2rem,11vh,7.5rem) 0 clamp(1.2rem,3.5vh,2.6rem);display:flex;position:fixed;inset:0;overflow:hidden}.ecran-page[data-large]{--bande:min(96vw, 1560px)}.ecran-page:after{content:"";pointer-events:none;opacity:.3;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .14 0 0 0 0 .13 0 0 0 0 .11 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.ecran-page .vignette{pointer-events:none;background:radial-gradient(70% 60% at 50% 38%,#ffffff38,#0000 72%),radial-gradient(at 50% 118%,#3c322817,#0000 60%);position:absolute;inset:0}.ecran-page>header{-webkit-backdrop-filter:none;backdrop-filter:none;font-family:var(--font-chakra), system-ui, sans-serif;background:0 0}.ecran-page .mot{left:50%;top:var(--mot-haut,42%);z-index:1;pointer-events:none;width:min(90vw,1500px);position:absolute;transform:translate(-50%,-50%)}.ecran-page .mot svg{width:100%;height:auto;display:block;overflow:visible}.ecran-page .mot path{stroke:var(--mine-2h)}.ecran-page .onglets{z-index:6;flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:clamp(.4rem,.9vw,.85rem);width:min(94vw,1180px);display:flex}.ecran-page .bulle{cursor:pointer;color:var(--foreground);background:var(--background);border:var(--trait-commande) solid var(--filet-commande);border-radius:var(--rayon-commande);font:inherit;white-space:nowrap;padding:calc(.62rem - 1.5px) calc(1.05rem - 1.5px);font-size:clamp(.78rem,1.05vw,.98rem);font-weight:500;transition:background-color .25s,border-color .25s,color .25s,scale .25s;position:relative;box-shadow:0 10px 18px -12px #140e0661,0 1px 2px #140e061a}.ecran-page .bulle:hover{border-color:var(--foreground);scale:1.06}.ecran-page .bulle:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.ecran-page .bulle.active{background:var(--foreground);border-color:var(--foreground);color:var(--background)}.ecran-page .bulle .compte{color:var(--muted);margin-left:.55rem;font-size:.72em}.ecran-page .bulle.active .compte{color:color-mix(in srgb, var(--background) 72%, transparent)}.ecran-page .contenu{z-index:5;min-height:0;width:var(--bande);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--foreground) 22%, transparent) transparent;flex-direction:column;flex:auto;justify-content:safe center;margin-top:clamp(.9rem,2.4vh,1.7rem);display:flex;overflow-y:auto}@media (max-width:1279px){.ecran-page{padding-top:9.5rem}}@media (max-width:760px){.ecran-page{padding-top:10rem}.ecran-page .onglets{gap:.35rem}.ecran-page .bulle{padding:calc(.36rem - 1.5px) calc(.6rem - 1.5px);font-size:.66rem}.ecran-page .bulle .compte{display:none}}@media (prefers-reduced-motion:reduce){.ecran-page .bulle{transition:none}.ecran-page .bulle:hover{scale:1}}@media print{.ecran-page{background:0 0;height:auto;padding:0;display:block;position:static;overflow:visible}.ecran-page:after,.ecran-page .vignette,.ecran-page .mot,.ecran-page .onglets,.ecran-page>header{display:none!important}.ecran-page .contenu{width:auto;height:auto;max-height:none;margin:0;display:block;overflow:visible}}.ecran-page .carrousel{flex:auto;width:100%;min-height:0;margin:0;padding:0;list-style:none;position:relative}.ecran-page .carrousel>li{--ecart-voisine:min(58%, calc(var(--bande) / 2 - 219px));width:min(92vw,560px);max-height:100%;transition:transform .55s cubic-bezier(.7,0,.2,1),opacity .55s;position:absolute;top:50%;left:50%}.ecran-page .carrousel>li>.carte{overscroll-behavior:contain;max-height:100%;overflow-y:auto}.ecran-page .carrousel>li[data-pos="0"]{opacity:1;z-index:3;transform:translate(-50%,-50%)scale(1)}.ecran-page .carrousel>li[data-pos="-1"]{transform:translate(calc(-50% - var(--ecart-voisine)), -50%) scale(.78);opacity:.42;z-index:2}.ecran-page .carrousel>li[data-pos="1"]{transform:translate(calc(-50% + var(--ecart-voisine)), -50%) scale(.78);opacity:.42;z-index:2}.ecran-page .carrousel>li[data-pos="-2"]{transform:translate(calc(-50% - var(--ecart-voisine)), -50%) scale(.7);opacity:0;z-index:1;pointer-events:none}.ecran-page .carrousel>li[data-pos="2"]{transform:translate(calc(-50% + var(--ecart-voisine)), -50%) scale(.7);opacity:0;z-index:1;pointer-events:none}.ecran-page .carrousel .prendre{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}@media (max-width:860px){.ecran-page .carrousel>li[data-pos]{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(1)}.ecran-page .carrousel>li[data-pos="0"]{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.ecran-page .carrousel>li{transition:none}}@keyframes doc-entre{0%{opacity:0;transform:translateX(var(--dxd))}to{opacity:1;transform:translate(0)}}.ecran-page [data-doc-sens=avant]{--dxd:34px;animation:.34s cubic-bezier(.2,.8,.2,1) both doc-entre}.ecran-page [data-doc-sens=arriere]{--dxd:-34px;animation:.34s cubic-bezier(.2,.8,.2,1) both doc-entre}@keyframes ecran-fondu{0%{opacity:0}}.ecran-page .ecran-fondu{animation:.3s ease-out backwards ecran-fondu}@media (prefers-reduced-motion:reduce){.ecran-page [data-doc-sens],.ecran-page .ecran-fondu{animation:none}}.ecran-page .plaque{isolation:isolate;background-image:linear-gradient(150deg,#ffffff80 0%,#fff0 40%),linear-gradient(330deg,#6e5a3a1a 0%,#6e5a3a00 45%);position:relative;box-shadow:inset 0 1px #fffc,inset 1px 0 #fff6,inset -1px 0 #3c2c1812,inset 0 -1px #3c2c181f,0 2px 4px #3c2c181a,0 20px 34px -18px #3c2c1866,0 48px 70px -34px #3c2c184d}.ecran-page .plaque:after{content:"";border-radius:inherit;pointer-events:none;opacity:.5;background:linear-gradient(115deg,#0000 36%,#ffffff80 47%,#0000 58%);position:absolute;inset:0}.ecran-page .carrousel>li:not([data-pos="0"]) .plaque{box-shadow:none}