body:has(.ville){background:#0b0c0e}.ville{height:100svh;color:var(--ce-ivoire);font-family:var(--font-text);background:#0d1118;position:relative;overflow:clip}.ville__scene{background:#11151b;position:absolute;inset:0;overflow:clip}.pov{z-index:2;position:absolute;inset:0;overflow:hidden}.pov__cadre{aspect-ratio:1672/941;background:#11151b url(/accueil/affiche-paysage-lqip.jpg) 50%/cover no-repeat;width:max(100vw,177.683svh);position:absolute;top:50%;left:50%;translate:-50% -50%}.pov__cadre picture,.pov__img,.pov__video{width:100%;max-width:none;height:100%;display:block}.pov__video{object-fit:cover;pointer-events:none;position:absolute;inset:0}.ville-js .pov__video:not(.joue),.ville-3d .pov__img,.ville-3d:not(.ville-mobile) .pov__video,.ville-3d.ville-part .pov__video{opacity:0}.ville-3d .pov__cadre{background:0 0}@media (aspect-ratio<=4/5){.pov__cadre{aspect-ratio:941/1672;background-image:url(/accueil/affiche-portrait-lqip.jpg);width:max(100vw,56.2799svh)}.pov__cadre .zone{left:var(--pl);top:var(--pt);width:var(--pw);height:var(--ph)}.pov__cadre .zone__corps{left:var(--pex);top:var(--pey)}}.ville__canvas{z-index:1;opacity:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ville-3d .ville__canvas{opacity:1}.ville-repli .ville__canvas{display:none}.ville__voile{z-index:3;pointer-events:none;transition:opacity 1s var(--ease-out) .1s;background:radial-gradient(120% 95% at 50% 45%,#0000 60%,#05070a73 100%),linear-gradient(#05070a80 0,#0000 13% 70%,#05070a99 100%),radial-gradient(42% 30% at 50% 100%,#05070ab8,#0000);position:absolute;inset:0}.ville-part .ville__voile{opacity:0}@media (aspect-ratio<=4/5){.ville__voile{background:linear-gradient(#05070a80 0,#0000 11% 58%,#05070a8c 78%,#05070acc 100%)}}.zones{z-index:2;position:absolute;inset:0}.zone{left:var(--l);top:var(--t);width:var(--w);height:var(--h);color:var(--ce-ivoire);cursor:pointer;scroll-snap-align:center;-webkit-tap-highlight-color:transparent;border-radius:2px;text-decoration:none;display:block;position:absolute}.zone:focus{outline:none}.zone:focus-visible{outline-offset:-2px;outline:2px solid #f2cf86}.zone--nh:focus-visible{outline-color:#ff6b6e}.zone__corps{left:var(--ex);top:var(--ey);translate:calc(-50% + var(--bord,0px)) calc(-100% - 10px);white-space:nowrap;z-index:1;min-block-size:48px;transition:opacity .35s var(--ease-out);justify-items:center;gap:.1rem;padding:.5rem 1rem .45rem;display:grid;position:absolute}.zone__nom{text-shadow:0 2px 14px #000000e6;line-height:1}.zone--ce .zone__nom{font:500 1.45rem/1 var(--font-serif);letter-spacing:.3em;margin-right:-.3em}.zone--nh .zone__nom{font:600 1.15rem/1 var(--font-tech);letter-spacing:.22em;color:var(--nhr-chrome-clair);margin-right:-.22em;font-stretch:125%}.zone__suite{font:600 .75rem/1.4 var(--font-text);letter-spacing:.34em;text-transform:uppercase;color:#d9d3c8;text-shadow:0 1px 8px #000000f2;margin-right:-.34em}.zone__tag{white-space:nowrap;font:700 .75rem/1 var(--font-text);letter-spacing:.16em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .25s var(--ease-out), transform .35s var(--ease-out);background:#08090bdb;margin-bottom:.3rem;padding:.5rem .75rem;position:absolute;bottom:100%;left:50%;transform:translateY(6px)}.zone--ce .zone__tag{color:#f2cf86;box-shadow:inset 0 0 0 1px #f2cf868c}.zone--nh .zone__tag{color:#ff6b6e;box-shadow:inset 0 0 0 1px #ff464699}.zone.is-hover .zone__tag,.zone:focus-visible .zone__tag{opacity:1;transform:none}@media (hover:hover){.zone:hover .zone__tag{opacity:1;transform:none}}.zone__corps:after{content:"";background:linear-gradient(#f2cf86,#0000);width:1px;height:10px;position:absolute;top:100%;left:50%}.zone--nh .zone__corps:after{background:linear-gradient(#ff4646,#0000)}.zone--bord .zone__corps:after{display:none}.zone__corps:before{content:"";z-index:-1;background:radial-gradient(closest-side,#05070ab3,#05070a59 70%,#0000);position:absolute;inset:-.2rem -.6rem}.ville-anim .zone:not(.is-on) .zone__corps{visibility:hidden}.ville-part .zone__corps{transition-duration:.2s;opacity:0!important}.ville-part .zones{pointer-events:none}.zone__fleche{display:none}.zone--bord .zone__fleche{font:400 1.3rem/1 var(--font-text);color:currentColor;display:block;position:absolute;top:50%;translate:0 -50%}.zone--bord.zone--gauche .zone__fleche{left:.25rem}.zone--bord.zone--gauche .zone__fleche:after{content:"‹"}.zone--bord.zone--droite .zone__fleche{right:.25rem}.zone--bord.zone--droite .zone__fleche:after{content:"›"}.zone--bord .zone__corps{background:#08090bcc;padding-inline:1.6rem}.zone--ce.zone--bord .zone__corps{box-shadow:inset 0 0 0 1px #f2cf8680}.zone--nh.zone--bord .zone__corps{box-shadow:inset 0 0 0 1px #ff46468c}.zone--bord .zone__corps:before{display:none}.zone--bord .zone__corps{translate:calc(-50% + var(--bord,0px)) calc(-100% - .6rem);align-content:center;min-block-size:44px;top:100%}.zone--bord .zone__suite,.zone--bord .zone__tag{display:none}.ville__entete{z-index:5;pointer-events:none;transition:opacity .4s var(--ease-out);align-items:center;padding:1.15rem clamp(1rem,3vw,2.5rem);display:flex;position:absolute;inset:0 0 auto}.ville__marques{pointer-events:auto;color:var(--ce-pierre);align-items:center;gap:.8rem;min-block-size:44px;text-decoration:none;display:inline-flex}.ville__marques img{width:auto;height:17px}.ville__marques span{font:300 1rem/1 var(--font-serif)}.ville__marques:focus-visible{outline:2px solid var(--ce-or);outline-offset:4px}.ville__entete{justify-content:space-between}.ville__son{pointer-events:auto}.ville-part .ville__son{opacity:0;pointer-events:none}.ville__texte{z-index:4;text-align:center;pointer-events:none;width:min(44rem,64vw);position:absolute;bottom:clamp(1.4rem,5.5vh,3.8rem);left:50%;translate:-50%}.ville__texte .ville__invite{justify-content:center}.ville__sur{font:600 .7rem/1.4 var(--font-text);letter-spacing:.38em;text-transform:uppercase;color:var(--ce-pierre);margin:0 0 1rem}.ville__sur span{color:var(--ce-or);margin:0 .4em}.ville__titre{font:300 clamp(1.9rem, 1rem + 2.1vw, 3.3rem)/1.05 var(--font-serif);letter-spacing:-.01em;color:var(--ce-ivoire);text-wrap:balance;text-shadow:0 2px 30px #0009;margin:0}.ville__titre em{color:#e3cf9f;font-style:italic}.ville__invite{font:600 .72rem/1.4 var(--font-text);letter-spacing:.32em;text-transform:uppercase;color:#ddd7cc;align-items:center;gap:.9rem;margin:1.4rem 0 0;display:flex}.ville__filet{background:linear-gradient(90deg, transparent, var(--ce-or));transform-origin:0;block-size:1px;inline-size:46px;animation:ville-filet 2.8s var(--ease-in-out,ease) infinite}@keyframes ville-filet{0%{opacity:.4;transform:scaleX(.2)}50%{opacity:1;transform:scaleX(1)}to{opacity:.4;transform:scaleX(.2)}}.ville-seq.ville-anim .ville__texte>*{opacity:0}.ville-seq:not(.ville-anim) .ville__texte>*{opacity:0;animation:.6s 6s forwards ville-secours}@keyframes ville-secours{to{opacity:1}}.ville__pause{z-index:5;cursor:pointer;min-block-size:44px;font:700 .75rem/1 var(--font-text);letter-spacing:.2em;text-transform:uppercase;color:#ddd7cc;background:#08090b99;border:1px solid #f4efe62e;border-radius:2px;align-items:center;gap:.6rem;padding:0 1rem;transition:border-color .2s,opacity .4s;display:inline-flex;position:absolute;bottom:clamp(1rem,4vh,2rem);right:clamp(1rem,3vw,2.5rem)}.ville__pause:hover{border-color:#f4efe673}.ville__pause:focus-visible{outline:2px solid var(--ce-or);outline-offset:3px}.ville__pause-ico{border-inline:3px solid;block-size:10px;inline-size:9px}.ville__pause[aria-pressed=true] .ville__pause-ico{border:0;border-left:9px solid;border-block:5px solid #0000;block-size:0;inline-size:0}.ville-repli .ville__pause{display:none}.ville-part .ville__entete,.ville-part .ville__pause{opacity:0;pointer-events:none}@media (aspect-ratio<=4/5){.ville__texte{left:1rem;right:1rem;bottom:calc(max(1rem, env(safe-area-inset-bottom)) + 4.4rem);text-align:center;width:auto;max-width:none;translate:none}.ville__sur{letter-spacing:.3em;margin-bottom:.6rem;font-size:.6rem}.ville__titre{font-size:clamp(1.55rem,1rem + 2.6vw,2.2rem)}.ville__invite{justify-content:center;margin-top:.8rem;font-size:.64rem}.ville__invite .ville__filet{inline-size:28px}.zone--ce .zone__nom{font-size:1.1rem}.zone--nh .zone__nom{font-size:.9rem}.zone__suite{letter-spacing:.26em;margin-right:-.26em;font-size:.75rem}}@media (width<=600px){.ville__marques img{height:14px}.zone--ce .zone__nom{font-size:1.2rem}.zone--nh .zone__nom{font-size:.98rem}}:root{--ouv-ce:min(34vw, 60vh, 560px);--ouv-nh:calc(var(--ouv-ce) * .84);--ouv-x:calc(var(--ouv-ce) * .085);--ouv-ecart:calc(var(--ouv-ce) * .16)}@media (aspect-ratio<=1){:root{--ouv-ce:min(74vw, 34vh, 440px);--ouv-nh:calc(var(--ouv-ce) * .8);--ouv-x:calc(var(--ouv-ce) * .09);--ouv-ecart:calc(var(--ouv-ce) * .1)}}.ouv{z-index:200;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:none;position:fixed;inset:0;overflow:hidden}html.ville-ouv .ouv{display:block}html.ville-ouv .ouv:not(.ouv--pilote){animation:.5s 8s forwards ouv-secours}@keyframes ouv-secours{to{opacity:0;visibility:hidden}}.ouv__fond{will-change:opacity;background:#000;position:absolute;inset:0}.ouv__logos{justify-content:center;align-items:center;gap:var(--ouv-ecart);pointer-events:none;will-change:opacity;display:flex;position:absolute;inset:0}@media (aspect-ratio<=1){.ouv__logos{flex-direction:column}}.ouv__logo{will-change:transform;flex:none;position:relative}.ouv__logo--ce{width:var(--ouv-ce)}.ouv__logo--nh{width:var(--ouv-nh)}.ouv__logo svg{width:100%;max-width:none;height:auto;display:block;overflow:visible}.ouv__plein{will-change:transform}.ouv__coulee{position:absolute;inset:-2%;overflow:hidden}.ouv__cache{will-change:transform;background:linear-gradient(0deg,#0000 0,#000 22%);height:140%;position:absolute;top:0;left:0;right:0}.ouv__trait{will-change:opacity;width:100%;height:100%;position:absolute;inset:0}.ouv__trait path{fill:none;stroke-linecap:butt;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ouv__logo--ce .ouv__trait path{stroke:#d9c48f;stroke-width:1.15px}.ouv__logo--ce .ouv__trait path.halo{stroke:#c8b07a;stroke-width:4px;opacity:.16}.ouv__logo--nh .ouv__trait path{stroke:#e4e8ec;stroke-width:1.1px}.ouv__logo--nh .ouv__trait path.halo{stroke:#c9cdd2;stroke-width:4px;opacity:.12}.ouv__croix{width:var(--ouv-x);aspect-ratio:1;will-change:transform, opacity;flex:none;position:relative}.ouv__croix svg{width:100%;height:100%;display:block;overflow:visible}.ouv__croix line{stroke:url(#ouv-croix);stroke-width:1.25px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:102 102;stroke-dashoffset:102px}.ouv__repere-b{z-index:2;pointer-events:none;mix-blend-mode:screen;will-change:opacity;position:absolute;inset:0}.ouv__repere{aspect-ratio:1;opacity:0;will-change:opacity, transform;background:radial-gradient(circle,#ff5a5af2 0,#ff3b3f99 14%,#d0141c38 38%,#0000 68%);border-radius:50%;width:15%;position:absolute;top:6.9%;left:50.76%;translate:-50% -50%}.ouv--reduit .ouv__croix line{stroke-dashoffset:0}.ouv--reduit .ouv__repere{opacity:.65}.ouv-passer{z-index:201;left:50%;bottom:max(28px, env(safe-area-inset-bottom));cursor:pointer;min-height:44px;color:var(--ce-pierre);font:600 12px/1 var(--font-text);letter-spacing:.24em;text-transform:uppercase;background:#0000008c;border:0;border-radius:2px;padding:14px 18px;transition:color .2s;position:fixed;translate:-50%}html:not(.ville-ouv) .ouv-passer{display:none}.ouv-passer:hover,.ouv-passer:focus-visible{color:var(--ce-ivoire)}.ouv-passer:focus-visible{outline:2px solid var(--ce-or);outline-offset:3px}@media (prefers-reduced-motion:reduce){.ville__filet{opacity:1;animation:none;transform:none}.zone__corps,.zone__tag,.ville__voile{transition:none}}.ville-pied{color:var(--ce-pierre);background:#0b0c0e;border-top:1px solid #c8b07a2e;padding:clamp(3rem,8vh,5rem) clamp(1rem,4vw,3.5rem) 2.5rem}.ville-pied__marques{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:2.5rem clamp(2rem,6vw,6rem);max-width:72rem;display:grid}.ville-pied__lien{color:var(--ce-pierre);font:400 .95rem/1.6 var(--font-text);align-content:start;gap:.7rem;text-decoration:none;display:grid}.ville-pied__lien img{width:auto;height:18px}.ville-pied__lien strong{color:var(--ce-ivoire);font:600 .78rem/1.3 var(--font-text);letter-spacing:.24em;text-transform:uppercase}.ville-pied__lien span{max-width:34rem}.ville-pied__lien:hover strong{color:var(--ce-or)}.ville-pied__lien:focus-visible{outline:2px solid var(--ce-or);outline-offset:6px}.ville-pied__note{margin:3rem 0 0;font-size:.8rem}.ville-revient .ville__scene:after{content:"";z-index:60;pointer-events:none;background:var(--ville-retour) 0 0 / 100% 100% no-repeat;animation:.4s 4s forwards ville-revenu;position:absolute;inset:0}.ville-revient-prec .ville__scene:after{animation-delay:9s}.ville-revenu .ville__scene:after{animation:.4s forwards ville-revenu}@keyframes ville-revenu{to{opacity:0;visibility:hidden}}.ville-revient:not(.ville-revenu) .ville__entete,.ville-revient:not(.ville-revenu) .ville__pause,.ville-revient:not(.ville-revenu) .ville__voile{opacity:0}.zone--bientot{cursor:default}.zone--bientot .zone__fleche{display:none}.zone--bientot .zone__corps{opacity:.82}
