:root {
--nv-papier: #f3eeed;
--nv-papier-2: #e6dfde;
--nv-encre: #1a1412;
--nv-encre-2: #60645c;
--nv-accent: #bc4a2f;
--nv-accent-txt: #a34029;
--nv-accent-sombre: #c96c57;
--nv-filet: #cdb6b1;
--nv-sombre: #13110c;
--nv-sur-sombre: #f2f1f0;
--nv-filet-fort: color-mix(in oklab, var(--nv-encre) 26%, var(--nv-papier));
--nv-voile: color-mix(in oklab, var(--nv-sombre) 78%, transparent);
--nv-titre: 'Darker Grotesque', system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
--nv-corps: 'Zilla Slab', Georgia, "Times New Roman", serif;
--nv-accent-2: #2b5663;
--nv-accent-2-txt: #2b5663;
--nv-tendre-fond: #e4d9d6;
--nv-tendre-fond-2: #dbc5c0;
--nv-tendre-encre: #1a1412;
--nv-tendre-encre-2: #58514f;
--nv-tendre-accent: #8d3823;
--nv-tendre-filet: #bcb2af;
--nv-acc-fond: #a64229;
--nv-acc-fond-2: #953b25;
--nv-acc-encre: #f7f7f6;
--nv-acc-encre-2: #eededa;
--nv-acc-accent: #f7f7f6;
--nv-acc-filet: #bd7562;
--nv-som-fond: #13110c;
--nv-som-fond-2: #23211c;
--nv-som-encre: #f2f1f0;
--nv-som-encre-2: #afaeac;
--nv-som-accent: #ce7b68;
--nv-som-filet: #44423e;
--nv-sec-fond: var(--nv-papier);
--nv-sec-encre: var(--nv-encre);
--nv-t0: clamp(0.72rem, 0.68rem + 0.20vw, 0.80rem);
--nv-t1: clamp(0.86rem, 0.84rem + 0.22vw, 0.95rem);
--nv-t2: clamp(1.00rem, 0.95rem + 0.26vw, 1.13rem);
--nv-t3: clamp(1.18rem, 1.08rem + 0.50vw, 1.44rem);
--nv-t4: clamp(1.50rem, 1.30rem + 1.00vw, 2.20rem);
--nv-t5: clamp(2.00rem, 1.60rem + 2.00vw, 3.40rem);
--nv-t6: clamp(2.80rem, 2.00rem + 4.00vw, 5.60rem);
--nv-t7: clamp(3.40rem, 2.20rem + 6.00vw, 8.00rem);
--nv-t8: clamp(4.00rem, 1.00rem + 15.00vw, 16.00rem);
--nv-lh-display: 1.06;
--nv-lh-titre: 1.14;
--nv-lh-corps: 1.58;
--nv-suivi-caps: 0.14em;
--nv-suivi-display: -0.02em;
--nv-lisible: 64ch;
--nv-e0: 4px;
--nv-e1: 8px;
--nv-e2: 12px;
--nv-e3: 18px;
--nv-e4: 28px;
--nv-e5: clamp(28px, 5.60vw, 44px);
--nv-e6: clamp(40px, 7.50vw, 72px);
--nv-e7: clamp(56px, 11.70vw, 112px);
--nv-e8: clamp(72px, 16.70vw, 160px);
--nv-gout: clamp(20px, 5vw, 88px);
--nv-maxw: 1440px;
--nv-tete-h: 64px;
--nv-barre-h: 62px;
--nv-c: cubic-bezier(.16, 1, .3, 1);
--nv-c2: cubic-bezier(.22, .61, .36, 1);
--nv-d1: 160ms;
--nv-d2: 250ms;
--nv-d3: 420ms;
--nv-d4: 900ms;
--nv-rayon: 0;
--nv-rayon-doux: 3px;
--nv-filet-ep: 1px;
--nv-grain-op: 0.20;
--nv-voile-op: 0.72;
--nv-z-tete: 50;
--nv-z-barre: 60;
--nv-z-panneau: 70;
--nv-focus: 2px solid var(--nv-accent-txt);
--nv-encre-2-monte: #645e5c;
--nv-monte-fond: #f3eeed;
--nv-monte-encre: #1a1412;
color-scheme: light;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd, ul, ol { margin: 0; }
ul, ol { padding: 0; list-style: none; }
img, svg, video { display: block; max-width: 100%; }
img { height: auto; }
button, input, select, textarea { font: inherit; color: inherit; }
button { background: none; border: 0; cursor: pointer; }
a { color: inherit; }
:focus-visible { outline: var(--nv-focus); outline-offset: 3px; }
::selection { background: var(--nv-accent-txt); color: var(--nv-papier); }
html{scroll-behavior:auto}
body {
background: var(--nv-papier);
color: var(--nv-encre);
font-family: var(--nv-corps);
font-size: var(--nv-t2);
line-height: var(--nv-lh-corps);
font-synthesis-weight: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
.nv-page { display: flow-root; }
.nv-bande { width: 100%; }
.nv-wrap {
width: 100%;
max-width: var(--nv-maxw);
margin-inline: auto;
padding-inline: var(--nv-gout);
}
.nv-lisible { max-width: var(--nv-lisible); }
.nv-sec { padding-block: var(--nv-e6); }
.nv-sec-large { padding-block: var(--nv-e7); }
.nv-sec-serre { padding-block: var(--nv-e5); }
.nv-sombre { background: var(--nv-sombre); color: var(--nv-sur-sombre); }
.nv-sombre .nv-sur { color: var(--nv-accent-sombre); }
.nv-sombre .nv-corps, .nv-sombre .nv-note { color: var(--nv-sur-sombre); }
.nv-papier2 { background: var(--nv-papier-2); }
.nv-sec-tete {
display: flex; flex-wrap: wrap; align-items: flex-end;
justify-content: space-between; gap: var(--nv-e4);
margin-bottom: var(--nv-e5);
}
.nv-filet { border: 0; border-top: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-display, .nv-h2, .nv-h3 { font-family: var(--nv-titre); font-weight: 500; }
@supports (text-wrap: balance) { .nv-display, .nv-h2, .nv-h3 { text-wrap: balance; } }
.nv-display {
font-size: var(--nv-t7);
line-height: var(--nv-lh-display);
letter-spacing: var(--nv-suivi-display);
}
.nv-h2 { font-size: var(--nv-t5); line-height: var(--nv-lh-titre); letter-spacing: var(--nv-suivi-display); }
.nv-h2-fort { font-size: var(--nv-t6); }
.nv-h3 { font-size: var(--nv-t4); line-height: var(--nv-lh-titre); }
.nv-sur {
font-family: var(--nv-corps);
font-size: var(--nv-t1);
font-weight: 600;
letter-spacing: var(--nv-suivi-caps);
text-transform: uppercase;
color: var(--nv-accent-txt);
margin-bottom: var(--nv-e2);
}
.nv-corps { font-size: var(--nv-t2); color: var(--nv-encre); }
.nv-chapo { font-size: var(--nv-t3); line-height: 1.45; }
.nv-note { font-size: var(--nv-t1); color: var(--nv-encre-2); }
.nv-mini { font-size: var(--nv-t0); color: var(--nv-encre-2); }
.nv-corps + .nv-corps, .nv-chapo + .nv-corps { margin-top: var(--nv-e3); }
.nv-nombres { font-variant-numeric: tabular-nums; }
.nv-btn {
display: inline-flex; align-items: center; justify-content: center;
gap: var(--nv-e1);
min-height: 48px;
padding: var(--nv-e2) var(--nv-e4);
font-family: var(--nv-corps);
font-size: var(--nv-t2);
font-weight: 600;
line-height: 1.2;
text-decoration: none;
border-radius: var(--nv-rayon);
border: var(--nv-filet-ep) solid transparent;
transition: background-color var(--nv-d1) var(--nv-c), color var(--nv-d1) var(--nv-c), border-color var(--nv-d1) var(--nv-c);
}
.nv-btn-plein { background: var(--nv-accent-txt); color: var(--nv-papier); }
.nv-btn-plein:hover { background: var(--nv-encre); }
.nv-btn-ligne { border-color: var(--nv-encre); color: var(--nv-encre); }
.nv-btn-ligne:hover { background: var(--nv-encre); color: var(--nv-papier); }
.nv-sombre .nv-btn-plein { background: var(--nv-accent-sombre); color: var(--nv-sombre); }
.nv-sombre .nv-btn-ligne { border-color: var(--nv-sur-sombre); color: var(--nv-sur-sombre); }
.nv-sombre .nv-btn-ligne:hover { background: var(--nv-sur-sombre); color: var(--nv-sombre); }
.nv-lien {
display: inline-block;
min-height: 44px;
padding-block: var(--nv-e2);
font-weight: 600;
color: var(--nv-accent-txt);
text-decoration: none;
border-bottom: var(--nv-filet-ep) solid var(--nv-accent-txt);
}
.nv-lien:hover { color: var(--nv-encre); border-color: var(--nv-encre); }
.nv-sombre .nv-lien { color: var(--nv-accent-sombre); border-color: var(--nv-accent-sombre); }
.nv-actions { display: flex; flex-wrap: wrap; gap: var(--nv-e3); margin-top: var(--nv-e4); }
.nv-fig { margin: 0; }
.nv-fig img { width: 100%; object-fit: cover; object-position: var(--nv-cadrage, 50% 50%); }
.nv-fig figcaption {
margin-top: var(--nv-e2);
font-size: var(--nv-t1);
color: var(--nv-encre-2);
}
.nv-ratio-carre img { aspect-ratio: 1 / 1; }
.nv-ratio-portrait img { aspect-ratio: 3 / 4; }
.nv-ratio-paysage img { aspect-ratio: 4 / 3; }
.nv-ratio-large img { aspect-ratio: 16 / 9; }
.nv-ratio-bande img { aspect-ratio: 21 / 9; }
.nv-defs { display: grid; gap: var(--nv-e2); }
.nv-defs > div { display: flex; flex-wrap: wrap; gap: var(--nv-e2); padding-block: var(--nv-e2); border-top: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-defs dt { min-width: 9ch; font-size: var(--nv-t1); color: var(--nv-encre-2); }
.nv-defs dd { margin: 0; font-weight: 600; }
.nv-defs dd a, .nv-pied a[href^="tel:"] { display: inline-flex; align-items: center; min-height: 44px; }
.nv-tarifs { display: grid; gap: 0; }
.nv-tarif {
display: grid; grid-template-columns: 1fr auto; align-items: baseline;
gap: var(--nv-e3);
padding-block: var(--nv-e3);
border-top: var(--nv-filet-ep) solid var(--nv-filet);
}
.nv-tarif-prix { font-variant-numeric: tabular-nums; font-weight: 600; white-space: nowrap; }
.nv-tarif-desc { grid-column: 1 / -1; font-size: var(--nv-t1); color: var(--nv-encre-2); max-width: var(--nv-lisible); }
.nv-mention-prix {
margin-top: var(--nv-e3);
font-size: var(--nv-t1);
color: var(--nv-encre-2);
border-left: 2px solid var(--nv-accent);
padding-left: var(--nv-e2);
}
.nv-tete {
position: sticky; top: 0; z-index: var(--nv-z-tete);
background: var(--nv-papier);
border-bottom: var(--nv-filet-ep) solid var(--nv-filet);
}
.nv-tete-in {
min-height: var(--nv-tete-h);
display: flex; align-items: center; justify-content: space-between; gap: var(--nv-e4);
padding-block: var(--nv-e2);
}
.nv-marque { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--nv-titre); font-size: var(--nv-t3); font-weight: 500; text-decoration: none; letter-spacing: var(--nv-suivi-display); }
.nv-marque img { max-height: 40px; width: auto; }
.nv-nav { display: flex; flex-wrap: wrap; align-items: center; column-gap: clamp(14px, 1.5vw, 28px); row-gap: 0; }
@media (min-width: 761px) { .nv-marque { white-space: nowrap; } }
.nv-nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--nv-t1); font-weight: 600; text-decoration: none; }
.nv-nav a[aria-current="page"] { border-bottom: 2px solid var(--nv-accent-txt); }
.nv-tete-tel { white-space: nowrap; }
.nv-pied { background: var(--nv-sombre); color: var(--nv-sur-sombre); padding-block: var(--nv-e6) var(--nv-e5); }
.nv-pied a { color: var(--nv-sur-sombre); }
.nv-pied .nv-corps, .nv-pied .nv-note, .nv-pied .nv-lede, .nv-pied .nv-chapo,
.nv-pied p, .nv-pied li, .nv-pied dd, .nv-pied address, .nv-pied small { color: var(--nv-sur-sombre); }
.nv-pied-cols { display: grid; gap: var(--nv-e5); grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.nv-pied-t { font-size: var(--nv-t1); text-transform: uppercase; letter-spacing: var(--nv-suivi-caps); color: var(--nv-accent-sombre); margin-bottom: var(--nv-e2); }
.nv-pied li { padding-block: var(--nv-e0); }
.nv-pied li a { display: inline-flex; align-items: center; min-height: 44px; }
.nv-pied-bas { margin-top: var(--nv-e5); padding-top: var(--nv-e3); border-top: var(--nv-filet-ep) solid var(--nv-filet); font-size: var(--nv-t1); }
@media (max-width: 760px) {
.nv-tete-in { min-height: 56px; flex-wrap: wrap; gap: var(--nv-e2); padding-block: var(--nv-e1); }
.nv-marque { flex: 1 1 auto; }
.nv-nav {
order: 3; flex: 1 0 100%;
scrollbar-width: none;
padding-bottom: var(--nv-e0);
}
.nv-nav::-webkit-scrollbar { display: none; }
.nv-tete nav.nv-nav {
flex-wrap: nowrap;
overflow-x: auto;
margin-inline-end: calc(-1 * var(--nv-gout));
padding-inline-end: 0;
column-gap: 0;
row-gap: 0;
scroll-snap-type: x proximity;
-webkit-mask-image: linear-gradient(to right, currentColor 0, currentColor calc(100% - 48px), transparent calc(100% - 8px));
mask-image: linear-gradient(to right, currentColor 0, currentColor calc(100% - 48px), transparent calc(100% - 8px));
}
.nv-tete nav.nv-nav a {
flex: 0 0 auto;
white-space: nowrap;
align-items: center;
line-height: 1.2;
padding-inline-end: var(--nv-e4);
scroll-snap-align: start;
}
}
.js .nv-rv {
opacity: 0;
transform: translateY(14px);
transition: opacity var(--nv-d3) var(--nv-c), transform var(--nv-d3) var(--nv-c);
}
.js .nv-rv.is-in { opacity: 1; transform: none; }
.nv-rv-1 { transition-delay: 60ms; }
.nv-rv-2 { transition-delay: 120ms; }
.nv-rv-3 { transition-delay: 180ms; }
html:not(.js) .nv-rv { opacity: 1; transform: none; }
:root {
--nv-mv-e: cubic-bezier(.2, .7, .2, 1);
--nv-mv-ligne-d: 640ms;
--nv-mv-ligne-pas: 70ms;
--nv-mv-bloc-d: 560ms;
--nv-mv-bloc-pas: 55ms;
--nv-mv-fig-d: 460ms;
--nv-mv-amp: 4.5%;
--nv-mv-echelle: 1.1;
}
[data-nv-mv="titre"] { opacity: 0; }
[data-nv-mv="titre"][data-nv-pret] { opacity: 1; }
.nv-mv-ln { display: block; clip-path: inset(-0.42em -0.16em -0.14em -0.16em); }
.nv-mv-in { display: block; }
[data-nv-mv="titre"][data-nv-pret] .nv-mv-in { transform: translate3d(0, 132%, 0); }
[data-nv-mv="titre"][data-nv-in] .nv-mv-in {
transform: translate3d(0, 0, 0);
transition: transform var(--nv-mv-ligne-d) var(--nv-mv-e);
transition-delay: calc(var(--nv-mv-lbase, 0ms) + var(--nv-mv-i, 0) * var(--nv-mv-ligne-pas));
}
[data-nv-mv="fig"] {
clip-path: none;
opacity: 0;
transform: translate3d(0, 16px, 0) scale(1.03);
}
[data-nv-mv="fig"][data-nv-in] {
opacity: 1; transform: none;
transition: opacity 340ms var(--nv-mv-e),
transform var(--nv-mv-fig-d) var(--nv-mv-e);
}
.nv-mv-cadre { overflow: hidden; }
[data-nv-mv="bloc"] { opacity: 0; transform: translate3d(0, 18px, 0); }
[data-nv-in] > [data-nv-mv="bloc"] {
opacity: 1; transform: none;
transition: opacity var(--nv-mv-bloc-d) var(--nv-mv-e),
transform var(--nv-mv-bloc-d) var(--nv-mv-e);
transition-delay: calc(var(--nv-mv-i, 0) * var(--nv-mv-bloc-pas));
}
[data-nv-prep] .nv-mv-in { will-change: transform; }
[data-nv-prep][data-nv-mv="fig"] { will-change: opacity, transform; }
[data-nv-prep] > [data-nv-mv="bloc"] { will-change: opacity, transform; }
.nv-lien { position: relative; }
.nv-lien::after {
content: "";
position: absolute; left: 0; right: 0; bottom: calc(-1 * var(--nv-filet-ep));
height: 2px;
background: currentColor;
transform: scaleX(0);
transform-origin: 0 50%;
transition: transform 260ms var(--nv-mv-e);
}
.nv-lien:hover::after, .nv-lien:focus-visible::after { transform: scaleX(1); }
.nv-btn { position: relative; overflow: hidden; isolation: isolate; }
.nv-btn::before {
content: "";
position: absolute; inset: 0; z-index: -1;
background: var(--nv-encre);
transform: translate3d(0, 101%, 0);
transition: transform 300ms var(--nv-mv-e);
}
.nv-btn:hover::before, .nv-btn:focus-visible::before { transform: translate3d(0, 0, 0); }
.nv-btn-plein:hover { background: var(--nv-accent-txt); }
.nv-btn-ligne:hover { background: transparent; }
.nv-sombre .nv-btn-plein::before { background: var(--nv-sur-sombre); }
.nv-sombre .nv-btn-plein:hover { background: var(--nv-accent-sombre); }
.nv-sombre .nv-btn-ligne::before { background: var(--nv-sur-sombre); }
.nv-sombre .nv-btn-ligne:hover { background: transparent; }
[data-nv-o] { --nv-mv-od: calc(var(--nv-mv-oi, 0) * 110ms); }
[data-nv-o="txt"] { opacity: 0; transform: translate3d(0, 15px, 0); }
[data-nv-o="txt"][data-nv-in] {
opacity: 1; transform: none;
transition: opacity 620ms var(--nv-mv-e) var(--nv-mv-od),
transform 620ms var(--nv-mv-e) var(--nv-mv-od);
}
[data-nv-o="mot"] > * { opacity: 0; transform: translate3d(var(--nv-mv-dx, 0px), 0, 0); }
[data-nv-o="mot"][data-nv-in] > * {
opacity: 1; transform: none;
transition: opacity 520ms var(--nv-mv-e) var(--nv-mv-od),
transform 900ms var(--nv-mv-e) var(--nv-mv-od);
}
[data-nv-mv="fig"][data-nv-o="fig"] { transition-delay: var(--nv-mv-od); }
[data-nv-o="tete"] { transform: translate3d(0, -102%, 0); }
[data-nv-o="pouce"] { transform: translate3d(0, 102%, 0); }
[data-nv-o="tete"][data-nv-in], [data-nv-o="pouce"][data-nv-in] {
transform: none;
transition: transform 560ms var(--nv-mv-e) var(--nv-mv-od);
}
[data-nv-mv="ligne"] {
--nv-mv-dl: calc(var(--nv-mv-i, 0) * var(--nv-mv-pas, 40ms));
opacity: 0;
transform: translate3d(0, 10px, 0);
}
[data-nv-in] > [data-nv-mv="ligne"],
.nv-mv-hote[data-nv-in] [data-nv-mv="ligne"] {
opacity: 1; transform: none;
transition: opacity 480ms var(--nv-mv-e) var(--nv-mv-dl),
transform 480ms var(--nv-mv-e) var(--nv-mv-dl);
}
[data-nv-mv="ligne"] [data-nv-filet], .nv-mv-trait {
transform: scaleX(0);
transform-origin: 0 50%;
}
[data-nv-in] > [data-nv-mv="ligne"] [data-nv-filet],
[data-nv-in] > [data-nv-mv="ligne"] > .nv-mv-trait,
.nv-mv-hote[data-nv-in] [data-nv-mv="ligne"] [data-nv-filet],
.nv-mv-hote[data-nv-in] [data-nv-mv="ligne"] > .nv-mv-trait {
transform: scaleX(1);
transition: transform 560ms var(--nv-mv-e) calc(var(--nv-mv-dl) + 150ms);
}
.nv-mv-borde { position: relative; border-top-color: transparent !important; }
.nv-mv-trait {
position: absolute; left: 0; right: 0;
top: calc(-1 * var(--nv-mv-bw, 1px));
height: var(--nv-mv-bw, 1px);
background: var(--nv-filet-fort);
pointer-events: none;
}
[data-nv-mv="ligne"] [data-nv-prix] {
font-variant-numeric: tabular-nums;
opacity: 0;
transform: translate3d(5px, 0, 0);
}
[data-nv-in] > [data-nv-mv="ligne"] [data-nv-prix],
.nv-mv-hote[data-nv-in] [data-nv-mv="ligne"] [data-nv-prix] {
opacity: 1; transform: none;
transition: opacity 420ms var(--nv-mv-e) calc(var(--nv-mv-dl) + 270ms),
transform 420ms var(--nv-mv-e) calc(var(--nv-mv-dl) + 270ms);
}
[data-nv-prep] > [data-nv-mv="ligne"] { will-change: opacity, transform; }
.nv-mv-rideau { position: relative; }
.nv-mv-voile {
position: absolute; inset: 0;
z-index: 1;
pointer-events: none;
background: var(--nv-sur-sombre);
opacity: .06;
}
[data-nv-mv="rideau"][data-nv-in] > .nv-mv-voile { opacity: 0; transition: opacity 500ms var(--nv-mv-e); }
[data-nv-mv="rideau"] > *:not(.nv-mv-voile) { transform: translate3d(0, 8px, 0); }
[data-nv-mv="rideau"][data-nv-in] > *:not(.nv-mv-voile) {
transform: none;
transition: transform 560ms var(--nv-mv-e);
}
.nv-mv-etal { position: relative; }
@media (min-width: 900px) and (pointer: fine) {
.nv-mv-etal { height: calc(var(--nv-mv-bande, 0px) + var(--nv-mv-course, 0px)); }
.nv-mv-etal-colle {
position: sticky;
top: max(0px, calc((100vh - var(--nv-mv-bande, 0px)) / 2));
display: flex; flex-direction: column; justify-content: center;
height: var(--nv-mv-bande, auto);
overflow: hidden;
}
.nv-mv-etal-rail {
overflow: visible !important;
scroll-snap-type: none !important;
transform: translate3d(var(--nv-mv-ex, 0px), 0, 0);
}
}
.nv-mv-fil-rel { position: relative; }
.nv-mv-trace {
position: absolute; top: 0; bottom: 0;
left: calc(-1 * var(--nv-e3, 16px));
width: 4px; height: 100%;
pointer-events: none;
overflow: visible;
}
.nv-mv-trace path {
fill: none;
stroke: var(--nv-accent-txt);
stroke-width: 2;
stroke-dasharray: 1000;
stroke-dashoffset: var(--nv-mv-tr, 1000);
}
.nv-sombre .nv-mv-trace path { stroke: var(--nv-accent-sombre); }
@media (max-width: 899px) { .nv-mv-trace { display: none; } }
.nv-mv-echo {
margin: 0;
font-family: var(--nv-titre);
font-size: var(--nv-t3);
line-height: 1.15;
color: var(--nv-sur-sombre);
}
.nv-mv-echo span { display: inline-block; }
.nv-mv-chiffre { position: relative; }
.nv-mv-souligne {
position: absolute; left: 0; right: 0; bottom: -0.16em;
height: 2px;
background: var(--nv-accent-txt);
pointer-events: none;
transform: scaleX(0);
transform-origin: 0 50%;
}
.nv-sombre .nv-mv-souligne { background: var(--nv-accent-sombre); }
[data-nv-in] .nv-mv-souligne {
transform: scaleX(1);
transition: transform 560ms var(--nv-mv-e) calc(var(--nv-mv-i, 0) * 90ms);
}
[data-nv-mv="tuile"] { opacity: 0; transform: translate3d(0, var(--nv-mv-ty, 18px), 0); }
[data-nv-in] > [data-nv-mv="tuile"] {
opacity: 1; transform: none;
transition: opacity 560ms var(--nv-mv-e) calc(var(--nv-mv-i, 0) * 60ms),
transform 560ms var(--nv-mv-e) calc(var(--nv-mv-i, 0) * 60ms);
}
.nv-mv-rec { display: block; position: relative; overflow: hidden; }
.nv-mv-rec > img { display: block; opacity: 0; }
.nv-mv-rec-p {
position: absolute; inset: 0;
display: grid;
grid-template-columns: repeat(var(--nv-mv-rn, 4), 1fr);
pointer-events: none;
}
.nv-mv-rec-b { position: relative; display: block; overflow: hidden; }
.nv-mv-rec-f {
position: absolute; left: 0; right: 0;
top: calc(-1 * var(--nv-mv-ramp, 0px));
height: calc(100% + 2 * var(--nv-mv-ramp, 0px));
background-image: var(--nv-mv-rec-src);
background-repeat: no-repeat;
background-size: calc(var(--nv-mv-rn, 4) * 100%) 100%;
background-position: var(--nv-mv-rx, 0%) center;
transform: translate3d(0, var(--nv-mv-rd, 0px), 0);
will-change: transform;
}
html.nv-js body {
background-color: var(--nv-mv-teinte, var(--nv-papier));
transition: background-color 620ms var(--nv-mv-e);
}
.nv-mv-elan {
transform: scaleX(var(--nv-mv-sx, 1));
transform-origin: var(--nv-mv-so, 0%) 50%;
will-change: transform;
}
.nv-mv-band {
transform: skewY(var(--nv-mv-sk, 0deg));
transform-origin: 50% 50%;
will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: .001ms !important;
animation-iteration-count: 1 !important;
transition-duration: .001ms !important;
scroll-behavior: auto !important;
}
.nv-rv, .js .nv-rv { opacity: 1 !important; transform: none !important; clip-path: none !important; }
[data-nv-mv], .nv-mv-in, [data-nv-o], [data-nv-o] > *,
[data-nv-mv="ligne"] [data-nv-prix], [data-nv-mv="rideau"] > * {
opacity: 1 !important; transform: none !important; clip-path: none !important;
}
.nv-mv-voile, .nv-mv-trait, .nv-mv-trace, .nv-mv-souligne { display: none !important; }
[data-nv-mv="ligne"] [data-nv-filet] { transform: none !important; }
.nv-mv-borde { border-top-color: inherit !important; }
.nv-mv-etal { height: auto !important; }
.nv-mv-etal-colle { position: static !important; height: auto !important; overflow: visible !important; }
.nv-mv-etal-rail { transform: none !important; overflow-x: auto !important; }
.nv-lien::after, .nv-btn::before { display: none !important; }
.nv-mv-barre, .nv-mv-idx { display: none !important; }
.nv-mv-rec > img { opacity: 1 !important; }
.nv-mv-rec-p { display: none !important; }
.nv-mv-elan, .nv-mv-band { transform: none !important; }
html.nv-js body { transition: none !important; }
.nv-kb { transform: none !important; }
.nv-volet { display: none !important; }
.nv-grain { display: none !important; }
}
@media print {
.nv-tete, .nv-pied, [data-barre] { position: static; }
.nv-rv { opacity: 1; transform: none; }
[data-nv-mv], .nv-mv-in, [data-nv-o], [data-nv-o] > * { opacity: 1 !important; transform: none !important; clip-path: none !important; }
.nv-mv-barre, .nv-mv-idx, .nv-mv-voile, .nv-mv-trace, .nv-mv-souligne { display: none !important; }
.nv-mv-etal, .nv-mv-etal-colle { height: auto !important; position: static !important; }
.nv-mv-rec > img { opacity: 1 !important; }
.nv-mv-rec-p { display: none !important; }
.nv-mv-elan, .nv-mv-band { transform: none !important; }
body { background: none; color: var(--nv-encre); }
}
:root {
--nv-mono: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
--nv-ut-h: 34px;
}
@media (max-width: 760px) {
:root { --nv-ut-h: 32px; }
}
.nv-mono {
font-family: var(--nv-mono);
font-size: var(--nv-t1);
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.nv-affiche-mot {
display: flex;
justify-content: space-between;
align-items: baseline;
width: 98vw;
margin-inline: calc(50% - 49vw);
font-family: var(--nv-titre);
font-size: min(320px, calc(98vw / var(--nv-n, 6) * 1.28));
line-height: 0.82;
padding-block: 0.14em 0.06em;
text-transform: uppercase;
letter-spacing: -0.012em;
}
.nv-affiche-mot i { font-style: normal; display: block; }
@media (max-width: 760px) {
.nv-affiche-mot {
width: 98vw;
margin-inline: calc(50% - 49vw);
font-size: min(196px, calc(98vw / var(--nv-n, 6) * 1.28));
}
}
.nv-affiche-mot--plein {
width: 100%;
margin-inline: 0 !important;
font-size: min(320px, calc((min(100vw, var(--nv-maxw)) - 2 * var(--nv-gout)) / var(--nv-n, 6) * 1.22));
}
@media (max-width: 760px) {
main.nv-page, main:not(.nv-page) { display: flex; flex-direction: column; }
main > * { min-width: 0; order: 9; }
main > [data-nv-mob="hero"] { order: 1; }
main > [data-nv-mob="atouts"] { order: 2; }
main > [data-nv-mob="offre"] { order: 3; }
main > [data-nv-mob="images"] { order: 4; }
main .nv-rz { order: 5; }
main > [data-nv-mob="recit"] { order: 6; }
main > [data-nv-mob="lieu"] { order: 7; }
main > [data-nv-mob="plus"] { order: 8; }
main > [data-nv-mob]:not([data-nv-mob="hero"]) { padding-block: var(--nv-e4); }
main > [data-nv-mob] .nv-sec-tete { margin-bottom: var(--nv-e3); }
body main section:not(.nv-hero) img { max-height: 27svh; }
main [data-nv-borne] { display: none; }
main > [data-nv-mob="images"] :is(.nv-rs-rail, .nv-tript-l, .nv-galerie-rail, .nv-ch-rail) {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
gap: var(--nv-e2);
scroll-snap-type: x proximity;
scrollbar-width: none;
margin-inline-end: calc(-1 * var(--nv-gout));
-webkit-mask-image: linear-gradient(to right, currentColor 0, currentColor calc(100% - 48px), transparent calc(100% - 8px));
mask-image: linear-gradient(to right, currentColor 0, currentColor calc(100% - 48px), transparent calc(100% - 8px));
}
main > [data-nv-mob="images"] :is(.nv-rs-rail, .nv-tript-l, .nv-galerie-rail, .nv-ch-rail)::-webkit-scrollbar { display: none; }
main > [data-nv-mob="images"] :is(.nv-rs-rail, .nv-tript-l, .nv-galerie-rail, .nv-ch-rail) > * {
flex: 0 0 76%;
min-width: 0;
margin: 0;
scroll-snap-align: start;
}
.nv-pied { padding-block: var(--nv-e4) var(--nv-e3); }
.nv-pied-cols { gap: var(--nv-e3); }
.nv-pied-t { margin-bottom: var(--nv-e1); }
.nv-pied-bas { margin-top: var(--nv-e3); padding-top: var(--nv-e2); }
}
:root { --nv-filet-ep: 2px; }
.nv-tete { background: var(--nv-sombre); color: var(--nv-sur-sombre); border-bottom: 0; }
.nv-tete-in { min-height: calc(var(--nv-tete-h) + 8px); gap: var(--nv-e3); }
.nv-tete .nv-marque { margin-right: var(--nv-e3); }
.nv-tete::after { content: ""; display: block; height: var(--nv-filet-ep); background: var(--nv-accent); }
.nv-marque { text-transform: uppercase; letter-spacing: 0.02em; }
.nv-nav a { text-transform: uppercase; letter-spacing: 0.08em; color: var(--nv-sur-sombre); }
.nv-nav a[aria-current="page"] { border-bottom-color: var(--nv-accent-sombre); }
.nv-tete-tel {
background: var(--nv-accent-sombre); color: var(--nv-sombre);
border: 0; padding-inline: var(--nv-e3);
display: inline-flex; align-items: center; min-height: 44px;
font-weight: 700; letter-spacing: 0.02em;
}
.nv-tete-tel:hover { background: var(--nv-sur-sombre); color: var(--nv-sombre); border: 0; }
.nv-ch-reglet {
height: 14px;
color: var(--nv-filet-fort);
background-image:
repeating-linear-gradient(to right, currentColor 0 1px, transparent 1px 11px),
repeating-linear-gradient(to right, currentColor 0 2px, transparent 2px 55px);
background-size: 100% 5px, 100% 11px;
background-repeat: no-repeat;
background-position: 0 100%, 0 100%;
border-top: var(--nv-filet-ep) solid var(--nv-filet-fort);
}
.nv-sombre .nv-ch-reglet, .nv-ch-hero-portrait .nv-ch-reglet { color: var(--nv-accent-sombre); border-top-color: var(--nv-accent-sombre); }
.nv-display, .nv-h2, .nv-h3, .nv-sur, .nv-marque, .nv-btn, .nv-lien,
.nv-ch-nom, .nv-ch-prix, .nv-ch-cartouche dd, .nv-ch-fiche dd, .nv-ch-domaine-t,
.nv-ch-communes li, .nv-ch-preuve-i b, .nv-ch-faq summary, .nv-diff b,
.nv-ch-bandeau-l li, .nv-ch-filtre, .nv-curseur b, .nv-verdict b, .nv-puce {
font-variant-ligatures: none;
}
.nv-display, .nv-h2 { font-weight: 800; }
.nv-h3 { font-weight: 700; }
.nv-sur { font-weight: 700; }
.nv-h2 + .nv-chapo, .nv-h2 + .nv-corps, .nv-h3 + .nv-corps { margin-top: var(--nv-e3); }
.nv-ch-num, .nv-ch-ref, .nv-ch-duree, .nv-ch-cartouche dt, .nv-ch-fiche dt {
font-size: var(--nv-t1);
text-transform: uppercase;
letter-spacing: var(--nv-suivi-caps);
font-variant-numeric: tabular-nums;
}
.nv-ch-hero { position: relative; overflow: hidden; background: var(--nv-papier); }
.nv-ch-hero-in { position: relative; }
.nv-ch-titre { margin-block: var(--nv-e2) var(--nv-e4); }
.nv-ch-titre .nv-ch-avant, .nv-ch-titre .nv-ch-apres { display: block; font-size: var(--nv-t4); line-height: var(--nv-lh-titre); letter-spacing: 0; }
.nv-ch-titre .nv-ch-mot {
display: block;
font-size: var(--nv-t8);
line-height: 1.02;
letter-spacing: var(--nv-suivi-display);
text-transform: uppercase;
white-space: nowrap;
}
.nv-ch-mot-long .nv-ch-mot { font-size: var(--nv-t7); }
.nv-ch-titre-portrait .nv-ch-mot { font-size: var(--nv-t7); }
.nv-ch-titre-portrait.nv-ch-mot-long .nv-ch-mot { font-size: var(--nv-t6); }
.nv-ch-hero-txt, .nv-ch-feuille-txt, .nv-ch-portrait-txt, .nv-ch-recit-txt,
.nv-ch-lieu-txt, .nv-ch-bloc-txt, .nv-ch-contact-txt, .nv-hero-media { min-width: 0; }
.nv-ch-hero-mot { padding-block: var(--nv-e5) 0; }
.nv-ch-hero-mot .nv-ch-titre .nv-ch-mot { margin-inline-start: calc(var(--nv-gout) * -1); }
.nv-ch-hero-mot .nv-ch-titre .nv-ch-apres { max-width: var(--nv-lisible); }
.nv-ch-hero-bas { display: grid; gap: var(--nv-e5); padding-bottom: var(--nv-e5); }
.nv-ch-hero-txt .nv-chapo { color: var(--nv-encre); }
.nv-ch-hero-chantier { background: var(--nv-sombre); color: var(--nv-sur-sombre); padding-top: var(--nv-e6); }
.nv-ch-hero-chantier .nv-sur { color: var(--nv-accent-sombre); }
.nv-ch-hero-chantier .nv-chapo, .nv-ch-hero-chantier .nv-ch-credit { color: var(--nv-sur-sombre); }
.nv-ch-chantier-fig { position: absolute; inset: 0; z-index: 0; overflow: hidden; }
.nv-ch-chantier-fig img { width: 100%; height: 100%; object-fit: cover; object-position: var(--nv-cadrage, 50% 46%); filter: grayscale(0.4) contrast(1.06); }
.nv-ch-chantier-fig::after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(
to bottom,
color-mix(in oklab, var(--nv-sombre) 90%, transparent) 0%,
color-mix(in oklab, var(--nv-sombre) 62%, transparent) 26%,
transparent 52%),
linear-gradient(
to top,
var(--nv-sombre) 0%,
color-mix(in oklab, var(--nv-sombre) 92%, transparent) 48%,
color-mix(in oklab, var(--nv-sombre) 58%, transparent) 80%,
transparent 100%);
}
.nv-ch-hero-chantier .nv-ch-hero-in { position: relative; z-index: 2; padding-bottom: var(--nv-e4); }
.nv-ch-titre-chantier { margin: 0; }
.nv-ch-mot-ch { color: var(--nv-sur-sombre); font-weight: 400; }
.nv-ch-dit {
display: block;
margin-top: var(--nv-e3);
padding-top: var(--nv-e3);
border-top: var(--nv-filet-ep) solid color-mix(in oklab, var(--nv-sur-sombre) 30%, transparent);
font-family: var(--nv-corps);
font-size: var(--nv-t3);
font-weight: 500;
line-height: 1.3;
letter-spacing: 0;
color: var(--nv-sur-sombre);
max-width: 34ch;
}
.nv-ch-tech {
margin-top: var(--nv-e3);
padding-top: var(--nv-e2);
border-top: var(--nv-filet-ep) solid var(--nv-accent-sombre);
font-family: var(--nv-mono);
font-size: var(--nv-t1);
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--nv-sur-sombre);
}
.nv-ch-hero-chantier .nv-ch-hero-bas { display: grid; gap: var(--nv-e4); align-items: end; padding-bottom: var(--nv-e4); }
.nv-ch-hero-chantier .nv-btn-plein { background: var(--nv-accent-sombre); color: var(--nv-sombre); }
.nv-ch-hero-chantier .nv-btn-ligne { border-color: var(--nv-sur-sombre); color: var(--nv-sur-sombre); }
.nv-ch-hero-chantier .nv-ch-cartouche dt { color: var(--nv-accent-sombre); }
.nv-ch-hero-chantier .nv-ch-cartouche dd { color: var(--nv-sur-sombre); }
@media (min-width: 900px) {
.nv-ch-hero-chantier .nv-ch-hero-bas { grid-template-columns: minmax(0, 1fr) auto; }
.nv-ch-hero-chantier [data-nv-badges] { justify-self: end; }
}
.nv-ch-hero-portrait { background: var(--nv-sombre); color: var(--nv-sur-sombre); padding-top: var(--nv-e5); }
.nv-ch-hero-portrait .nv-ch-hero-in { display: grid; gap: var(--nv-e4); align-items: end; }
.nv-ch-hero-portrait .nv-sur { color: var(--nv-accent-sombre); }
.nv-ch-hero-portrait .nv-chapo, .nv-ch-hero-portrait .nv-ch-credit { color: var(--nv-sur-sombre); }
.nv-ch-portrait-fig { position: relative; border: var(--nv-filet-ep) solid var(--nv-accent-sombre); }
.nv-ch-portrait-fig img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: var(--nv-cadrage, 50% 50%); }
.nv-ch-credit { margin-top: var(--nv-e1); font-size: var(--nv-t1); color: var(--nv-encre-2); max-width: 46ch; }
.nv-ch-hero-portrait .nv-btn-plein { background: var(--nv-accent-sombre); color: var(--nv-sombre); }
.nv-ch-hero-portrait .nv-btn-ligne { border-color: var(--nv-sur-sombre); color: var(--nv-sur-sombre); }
.nv-ch-cartouche-bande { border-top: var(--nv-filet-ep) solid var(--nv-accent-sombre); margin-top: var(--nv-e4); }
.nv-ch-hero-cadre { padding-block: var(--nv-e4) var(--nv-e5); background: var(--nv-papier-2); }
.nv-ch-feuille { border: var(--nv-filet-ep) solid var(--nv-encre); background: var(--nv-papier); padding: var(--nv-e3); }
.nv-ch-feuille-tete {
display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between;
gap: var(--nv-e2) var(--nv-e4);
padding-bottom: var(--nv-e2);
border-bottom: var(--nv-filet-ep) solid var(--nv-filet-fort);
}
.nv-ch-feuille-tete .nv-sur { margin-bottom: 0; }
.nv-ch-ref { color: var(--nv-encre-2); }
.nv-ch-titre-feuille { padding-top: var(--nv-e3); }
.nv-ch-feuille-corps { display: grid; gap: var(--nv-e4); padding-block: var(--nv-e3) var(--nv-e4); align-items: start; }
.nv-ch-feuille-txt { display: flex; flex-direction: column; justify-content: flex-start; gap: var(--nv-e3); }
.nv-ch-feuille-txt .nv-actions { margin-top: 0; }
.nv-ch-feuille-fig img { width: 100%; aspect-ratio: 16 / 10; max-height: 330px; object-fit: cover; object-position: var(--nv-cadrage, 50% 50%); border: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-ch-cartouche { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-top: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-ch-cartouche > div { padding: var(--nv-e2) var(--nv-e3) var(--nv-e2) 0; border-right: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-ch-cartouche > div:last-child { border-right: 0; }
.nv-ch-cartouche dt { color: var(--nv-encre-2); margin-bottom: var(--nv-e0); }
.nv-ch-cartouche dd { margin: 0; font-family: var(--nv-titre); font-size: var(--nv-t3); font-weight: 700; line-height: var(--nv-lh-titre); }
.nv-ch-hero-portrait .nv-ch-cartouche dt { color: var(--nv-encre-2); }
.nv-ch-hero-portrait .nv-ch-cartouche { border-top: 0; }
.nv-ch-bandeau { background: var(--nv-sombre); color: var(--nv-sur-sombre); }
.nv-ch-bandeau-l { display: flex; flex-wrap: wrap; align-items: stretch; }
.nv-ch-bandeau-l li {
padding: var(--nv-e3) var(--nv-e4) var(--nv-e3) 0;
margin-right: var(--nv-e4);
border-right: var(--nv-filet-ep) solid var(--nv-accent-sombre);
font-size: var(--nv-t1);
font-weight: 700;
letter-spacing: var(--nv-suivi-caps);
text-transform: uppercase;
}
.nv-ch-bandeau-l li:last-child { border-right: 0; margin-right: 0; }
.nv-ch-tete {
display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between;
gap: var(--nv-e3) var(--nv-e5);
margin-bottom: var(--nv-e4);
padding-bottom: var(--nv-e3);
border-bottom: var(--nv-filet-ep) solid var(--nv-encre);
}
.nv-ch-num-l { margin-right: var(--nv-e2); color: var(--nv-encre-2); font-variant-numeric: tabular-nums; }
.nv-sombre .nv-ch-num-l, .nv-ch-hero-portrait .nv-ch-num-l { color: var(--nv-sur-sombre); }
.nv-ch-offre { padding-block: var(--nv-e6); }
.nv-ch-bordereau-tete { display: none; }
.nv-ch-bordereau { display: grid; }
.nv-ch-ligne {
display: grid;
grid-template-columns: 2.6rem minmax(0, 1fr) auto;
gap: var(--nv-e1) var(--nv-e3);
padding-block: var(--nv-e3);
border-top: var(--nv-filet-ep) solid var(--nv-filet-fort);
align-items: baseline;
}
.nv-ch-ligne:last-child { border-bottom: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-ch-num { color: var(--nv-accent-txt); font-weight: 700; }
.nv-ch-ligne .nv-ch-num { grid-row: 1; }
.nv-ch-nom { font-family: var(--nv-titre); font-size: var(--nv-t4); font-weight: 700; line-height: var(--nv-lh-titre); }
.nv-ch-duree { grid-column: 2; color: var(--nv-encre-2); }
.nv-ch-desc { grid-column: 2 / -1; font-size: var(--nv-t2); color: var(--nv-encre-2); max-width: var(--nv-lisible); }
.nv-ch-prix { grid-column: 3; grid-row: 1; font-family: var(--nv-titre); font-size: var(--nv-t4); font-weight: 700; white-space: nowrap; }
.nv-ch-methode { padding-block: var(--nv-e6); background: var(--nv-papier-2); }
.nv-ch-etapes { display: grid; gap: 0; }
.nv-ch-etape {
display: grid;
grid-template-columns: 2.6rem minmax(0, 1fr);
gap: var(--nv-e1) var(--nv-e3);
padding-block: var(--nv-e4);
border-top: var(--nv-filet-ep) solid var(--nv-filet-fort);
}
.nv-ch-etape .nv-ch-num { grid-row: 1 / span 2; }
.nv-ch-etape p { max-width: var(--nv-lisible); }
.nv-ch-recit { padding-block: var(--nv-e6); }
.nv-ch-recit-in { display: grid; gap: var(--nv-e5); }
.nv-ch-recit-fig img { aspect-ratio: 4 / 5; max-height: 460px; border: var(--nv-filet-ep) solid var(--nv-encre); }
.nv-ch-fig figcaption { border-left: var(--nv-filet-ep) solid var(--nv-accent); padding-left: var(--nv-e2); }
.nv-diff { margin-top: var(--nv-e4); padding: var(--nv-e2) var(--nv-e3); border-left: var(--nv-e0) solid var(--nv-accent); background: var(--nv-papier-2); }
.nv-diff b { display: block; font-family: var(--nv-titre); font-size: var(--nv-t4); line-height: var(--nv-lh-titre); }
.nv-ch-domaines { display: grid; gap: 0; margin-top: var(--nv-e4); }
.nv-ch-domaines li {
display: grid; grid-template-columns: 2.6rem minmax(0, 1fr);
gap: var(--nv-e0) var(--nv-e3);
padding-block: var(--nv-e3);
border-top: var(--nv-filet-ep) solid var(--nv-filet-fort);
}
.nv-ch-domaines li:last-child { border-bottom: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-ch-domaine-t { font-family: var(--nv-titre); font-size: var(--nv-t3); font-weight: 700; }
.nv-ch-domaine-d { grid-column: 2; font-size: var(--nv-t2); color: var(--nv-encre-2); max-width: var(--nv-lisible); }
.nv-ch-domaines .nv-ch-num { grid-row: 1 / span 2; }
.nv-ch-zone { padding-block: var(--nv-e6); }
.nv-ch-communes { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 0; margin-bottom: var(--nv-e4); }
.nv-ch-communes li {
padding: var(--nv-e3) var(--nv-e3) var(--nv-e3) 0;
border-top: var(--nv-filet-ep) solid var(--nv-filet-fort);
font-family: var(--nv-titre);
font-size: var(--nv-t3);
font-weight: 700;
}
.nv-ch-communes li:first-child { color: var(--nv-accent-txt); }
.nv-ch-zone-src {
color: var(--nv-encre-2); font-size: var(--nv-t1);
border-left: var(--nv-e0) solid var(--nv-filet-fort);
padding-left: var(--nv-e2);
}
.nv-ch-preuve { padding-block: var(--nv-e3); border-block: var(--nv-filet-ep) solid var(--nv-encre); }
.nv-ch-preuve-l { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--nv-e2) var(--nv-e5); }
.nv-ch-preuve-i { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--nv-e2); }
.nv-ch-preuve-i b { font-family: var(--nv-titre); font-size: var(--nv-t4); line-height: var(--nv-lh-titre); }
.nv-ch-preuve-i .nv-note { font-size: var(--nv-t1); }
.nv-ch-galerie { padding-block: var(--nv-e5); }
.nv-ch-rail {
display: flex; gap: var(--nv-e3);
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-padding-inline: var(--nv-gout);
padding-inline: var(--nv-gout);
padding-block: var(--nv-e3);
}
.nv-ch-rail > li { flex: 0 0 min(78vw, 340px); scroll-snap-align: start; }
.nv-ch-rail > li:last-child { margin-right: var(--nv-e3); }
.nv-ch-rail img { aspect-ratio: 4 / 3; border: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-ch-galerie h2 { margin-bottom: var(--nv-e2); }
.nv-ch-lieu { padding-block: var(--nv-e5) var(--nv-e4); background: var(--nv-papier-2); }
.nv-ch-lieu-in { display: grid; gap: var(--nv-e5); }
.nv-ch-lieu-fig img { aspect-ratio: 4 / 3; max-height: 260px; border: var(--nv-filet-ep) solid var(--nv-encre); }
.nv-ch-fiche { display: grid; gap: 0; margin-block: var(--nv-e3); }
.nv-ch-fiche > div {
display: grid; grid-template-columns: 10rem minmax(0, 1fr);
gap: var(--nv-e2);
padding-block: var(--nv-e3);
border-top: var(--nv-filet-ep) solid var(--nv-filet-fort);
}
.nv-ch-fiche > div:last-child { border-bottom: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-ch-fiche dt { color: var(--nv-encre-2); }
.nv-ch-fiche dd { margin: 0; font-family: var(--nv-titre); font-size: var(--nv-t3); font-weight: 700; line-height: var(--nv-lh-titre); }
.nv-ch-fiche dd a { display: inline-flex; align-items: center; min-height: 44px; }
.nv-ch-appel { padding-block: 0 var(--nv-e6); }
.nv-ch-appel-in { display: grid; gap: var(--nv-e4); padding-top: var(--nv-e6); }
.nv-ch-appel .nv-chapo { color: var(--nv-sur-sombre); }
.nv-ch-appel .nv-ch-form { border-top-color: var(--nv-sur-sombre); }
.nv-ch-appel .nv-champ label { color: var(--nv-sur-sombre); }
.nv-ch-appel .nv-mini { color: var(--nv-sur-sombre); }
.nv-ch-appel .nv-mini a { color: var(--nv-accent-sombre); }
.nv-ch-appel-second { margin-top: var(--nv-e4); }
.nv-ch-appel-second .nv-lien { color: var(--nv-accent-sombre); border-color: var(--nv-accent-sombre); }
.nv-ch-page-tete { padding-block: var(--nv-e5) 0; background: var(--nv-papier-2); }
.nv-ch-page-h1 { font-size: var(--nv-t6); padding-block: var(--nv-e3) var(--nv-e4); }
.nv-ch-intro { padding-block: var(--nv-e5) var(--nv-e4); }
.nv-ch-texte { padding-block: var(--nv-e5); }
.nv-ch-texte h2 { margin-top: var(--nv-e4); }
.nv-ch-cat { padding-block: var(--nv-e5); }
.nv-ch-cat + .nv-ch-cat { padding-top: 0; }
.nv-ch-bloc { padding-block: var(--nv-e5); }
.nv-ch-bloc-in { display: grid; gap: var(--nv-e4); }
.nv-ch-bloc-txt .nv-ch-num { display: block; color: var(--nv-accent-txt); margin-bottom: var(--nv-e1); }
.nv-ch-bloc-fig img { aspect-ratio: 4 / 3; border: var(--nv-filet-ep) solid var(--nv-encre); }
.nv-ch-contact { display: grid; gap: var(--nv-e5); padding-block: var(--nv-e5); }
.nv-ch-faq-sec { padding-block: var(--nv-e6); background: var(--nv-papier-2); }
.nv-ch-faq-l { margin-top: var(--nv-e4); }
.nv-ch-faq { border-top: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-ch-faq:last-child { border-bottom: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-ch-faq summary {
display: flex; align-items: baseline; gap: var(--nv-e3);
min-height: 48px; padding-block: var(--nv-e3);
font-family: var(--nv-titre); font-size: var(--nv-t3); font-weight: 700;
cursor: pointer;
}
.nv-ch-faq summary::marker { color: var(--nv-accent-txt); }
.nv-ch-faq p { padding-bottom: var(--nv-e3); max-width: var(--nv-lisible); }
.nv-ch-filtres { display: flex; flex-wrap: wrap; gap: var(--nv-e2); margin-top: var(--nv-e4); }
.nv-ch-filtre {
min-height: 48px; padding: var(--nv-e2) var(--nv-e3);
border: var(--nv-filet-ep) solid var(--nv-encre);
background: var(--nv-papier);
color: var(--nv-encre);
font-size: var(--nv-t1); font-weight: 700;
text-transform: uppercase; letter-spacing: var(--nv-suivi-caps);
}
.nv-ch-filtre[aria-pressed="true"] { background: var(--nv-encre); color: var(--nv-papier); }
.nv-form { display: grid; gap: var(--nv-e3); max-width: 34rem; }
.nv-champ { display: grid; gap: var(--nv-e1); }
.nv-champ label { font-size: var(--nv-t1); font-weight: 700; text-transform: uppercase; letter-spacing: var(--nv-suivi-caps); }
.nv-champ input, .nv-champ textarea {
min-height: 48px; padding: var(--nv-e2);
background: var(--nv-papier); color: var(--nv-encre);
border: var(--nv-filet-ep) solid var(--nv-encre);
border-radius: var(--nv-rayon);
font-size: var(--nv-t2);
}
.nv-champ textarea { min-height: 120px; }
.nv-ch-form { border-top: var(--nv-filet-ep) solid var(--nv-encre); padding-top: var(--nv-e4); }
.nv-mini { font-size: var(--nv-t1); color: var(--nv-encre-2); max-width: var(--nv-lisible); }
.nv-mini a, .nv-ch-texte a { padding-block: var(--nv-e2); }
.nv-ch-outil-in { padding-block: var(--nv-e5); }
.nv-outil { display: grid; gap: var(--nv-e5); margin-block: var(--nv-e4); }
.nv-etape { padding-block: var(--nv-e3); border-top: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-etape h3 { margin-bottom: var(--nv-e3); }
.nv-etape .nv-nombres { color: var(--nv-accent-txt); margin-right: var(--nv-e1); }
.nv-puces { display: flex; flex-wrap: wrap; gap: var(--nv-e2); }
.nv-puce {
min-height: 48px; padding: var(--nv-e2) var(--nv-e3);
border: var(--nv-filet-ep) solid var(--nv-encre);
background: var(--nv-papier); color: var(--nv-encre);
font-size: var(--nv-t2); font-weight: 600;
}
.nv-puce.on, .nv-puce[aria-pressed="true"] { background: var(--nv-encre); color: var(--nv-papier); }
.nv-curseur { display: flex; align-items: center; gap: var(--nv-e3); }
.nv-curseur input[type="range"] { flex: 1 1 auto; min-height: 44px; accent-color: var(--nv-accent-txt); }
.nv-curseur b { font-family: var(--nv-titre); font-size: var(--nv-t4); }
.nv-outil-verdict { border-top: var(--nv-filet-ep) solid var(--nv-encre); padding-top: var(--nv-e4); }
.nv-verdict { padding-block: var(--nv-e3); border-top: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-verdict:first-of-type { border-top: 0; }
.nv-verdict b { font-family: var(--nv-titre); font-size: var(--nv-t3); display: block; margin-bottom: var(--nv-e1); }
@media (min-width: 900px) {
.nv-ch-hero-mot { padding-top: var(--nv-e6); }
.nv-ch-hero-bas { grid-template-columns: 3fr 2fr; align-items: end; gap: var(--nv-e6); }
.nv-ch-hero-portrait .nv-ch-hero-in { grid-template-columns: 3fr 2fr; gap: var(--nv-e6); }
.nv-ch-portrait-fig img { aspect-ratio: 3 / 4; max-height: 500px; }
.nv-ch-portrait-fig::after {
content: ""; position: absolute; inset: calc(var(--nv-e1) * -1);
border: var(--nv-filet-ep) solid var(--nv-filet); pointer-events: none;
}
.nv-ch-hero-mot .nv-ch-cartouche { border: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-ch-hero-mot .nv-ch-cartouche > div { padding: var(--nv-e2) var(--nv-e3); }
.nv-ch-cartouche dt { white-space: nowrap; }
.nv-ch-feuille {
padding: var(--nv-e4);
display: grid; grid-template-columns: 3fr 2fr;
column-gap: var(--nv-e6); align-content: start;
}
.nv-ch-feuille-tete, .nv-ch-titre-feuille { grid-column: 1 / -1; }
.nv-ch-feuille-corps { display: contents; }
.nv-ch-feuille-txt { grid-column: 1; grid-row: 3; padding-block: var(--nv-e3) var(--nv-e4); }
.nv-ch-feuille-fig {
grid-column: 2; grid-row: 3 / span 2; align-self: stretch;
display: grid; grid-template-rows: 1fr auto; padding-top: var(--nv-e3);
}
.nv-ch-feuille-fig img { height: 100%; min-height: 320px; aspect-ratio: auto; max-height: none; }
.nv-ch-feuille .nv-ch-cartouche { grid-column: 1; grid-row: 4; }
.nv-hero-nu .nv-ch-feuille { grid-template-columns: 1fr; }
.nv-hero-nu .nv-ch-feuille-txt { grid-column: 1 / -1; }
.nv-ch-cartouche { grid-template-columns: repeat(3, 1fr); }
.nv-ch-cartouche > div { padding-inline: var(--nv-e3); }
.nv-ch-cartouche > div:first-child { padding-left: 0; }
.nv-ch-bordereau-tete {
display: grid;
grid-template-columns: 3.4rem minmax(0, 2fr) minmax(0, 3fr) auto;
gap: var(--nv-e1) var(--nv-e3);
padding-bottom: var(--nv-e1);
font-size: var(--nv-t1); text-transform: uppercase;
letter-spacing: var(--nv-suivi-caps); color: var(--nv-encre-2);
}
.nv-ch-bordereau-tete span:last-child { text-align: right; }
.nv-ch-ligne { grid-template-columns: 3.4rem minmax(0, 2fr) minmax(0, 3fr) auto; align-items: baseline; }
.nv-ch-ligne .nv-ch-nom { grid-column: 2; }
.nv-ch-duree { grid-column: 2; }
.nv-ch-desc { grid-column: 3; grid-row: 1 / span 2; }
.nv-ch-prix { grid-column: 4; grid-row: 1; }
.nv-ch-etapes { grid-template-columns: repeat(3, 1fr); gap: 0 var(--nv-e5); }
.nv-ch-communes {
display: flex; flex-wrap: wrap; align-items: baseline;
gap: 0 var(--nv-e4);
border-top: var(--nv-filet-ep) solid var(--nv-encre);
padding-top: var(--nv-e3);
}
.nv-ch-communes li { font-size: var(--nv-t4); border-top: 0; padding: 0 0 var(--nv-e2); }
.nv-ch-communes li + li::before {
content: "·"; margin-right: var(--nv-e4);
font-family: var(--nv-corps); font-size: var(--nv-t3); color: var(--nv-encre-2);
}
.nv-ch-recit-in { grid-template-columns: 3fr 2fr; align-items: start; }
.nv-ch-lieu-in { grid-template-columns: 2fr 3fr; align-items: start; }
.nv-ch-appel-in { grid-template-columns: 3fr 2fr; align-items: end; }
.nv-ch-appel-in.nv-ch-appel-devis { grid-template-columns: 1fr 1fr; align-items: start; gap: var(--nv-e6); }
.nv-ch-bloc-in { grid-template-columns: 3fr 2fr; align-items: start; }
.nv-ch-contact { grid-template-columns: 2fr 3fr; align-items: start; }
}
@media (max-width: 760px) {
.nv-ch-hero-mot { padding-block: var(--nv-e3) 0; }
.nv-ch-hero-cadre { padding-block: var(--nv-e1) var(--nv-e2); }
.nv-ch-titre-feuille { padding-top: var(--nv-e2); }
.nv-ch-hero-portrait { padding-top: var(--nv-e3); }
.nv-ch-feuille { padding: var(--nv-e2); }
.nv-ch-feuille-corps { padding-block: var(--nv-e2); gap: var(--nv-e2); }
.nv-ch-hero .nv-ch-ref { display: none; }
.nv-ch-hero .nv-sur { letter-spacing: 0.05em; }
.nv-ch-feuille-tete { padding-bottom: var(--nv-e1); }
.nv-ch-credit {
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
overflow: hidden; max-width: 100%;
}
.nv-ch-titre { margin-block: var(--nv-e1) var(--nv-e3); }
.nv-ch-titre .nv-ch-avant, .nv-ch-titre .nv-ch-apres { font-size: var(--nv-t3); }
.nv-ch-hero .nv-chapo { font-size: var(--nv-t2); }
.nv-ch-actions { gap: var(--nv-e2); margin-top: var(--nv-e3); }
.nv-ch-actions .nv-btn { flex: 1 0 100%; }
.nv-ch-cartouche { grid-template-columns: 1fr; }
.nv-ch-cartouche > div {
display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--nv-e2);
padding: var(--nv-e1) 0; border-right: 0;
border-top: var(--nv-filet-ep) solid var(--nv-filet-fort);
}
.nv-ch-cartouche > div:first-child { border-top: 0; }
.nv-ch-cartouche > div:nth-child(3) { display: none; }
.nv-ch-cartouche dt { min-width: 8.5rem; margin-bottom: 0; }
.nv-ch-cartouche dd { font-size: var(--nv-t2); }
.nv-ch-feuille-fig img, .nv-ch-portrait-fig img { aspect-ratio: 2 / 1; }
.nv-ch-bandeau-l { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.nv-ch-bandeau-l::-webkit-scrollbar { display: none; }
.nv-ch-bandeau-l li { white-space: nowrap; padding-block: var(--nv-e2); }
.nv-ch-bandeau-l {
-webkit-mask-image: linear-gradient(to right, currentColor 0 76%, transparent 98%);
mask-image: linear-gradient(to right, currentColor 0 76%, transparent 98%);
}
.nv-ch-offre, .nv-ch-methode, .nv-ch-recit, .nv-ch-zone, .nv-ch-lieu { padding-block: var(--nv-e5); }
.nv-ch-fiche > div { grid-template-columns: 1fr; gap: var(--nv-e0); }
.nv-ch-ligne { grid-template-columns: 2.2rem minmax(0, 1fr) auto; }
.nv-ch-nom { font-size: var(--nv-t3); }
.nv-ch-prix { font-size: var(--nv-t3); }
.nv-ch-recit-fig img { max-height: 300px; }
.nv-ch-lieu-fig img { max-height: 240px; }
.nv-ch-communes { grid-template-columns: 1fr 1fr; gap: 0 var(--nv-e3); }
.nv-ch-communes li { font-size: var(--nv-t2); padding-block: var(--nv-e2); }
.nv-ch-etape { padding-block: var(--nv-e3); }
.nv-ch-tete { border-bottom: 0; padding-bottom: 0; margin-bottom: var(--nv-e3); gap: var(--nv-e1) var(--nv-e3); }
.nv-ch-tete > .nv-lien { font-size: var(--nv-t1); text-transform: uppercase; letter-spacing: var(--nv-suivi-caps); }
.nv-ch-recit, .nv-ch-zone { padding-block: var(--nv-e4) var(--nv-e5); }
.nv-ch-lieu { padding-block: var(--nv-e5) var(--nv-e4); }
.nv-ch-appel-in { padding-top: var(--nv-e5); }
.nv-ch-appel { padding-bottom: var(--nv-e5); }
.nv-ch-recit-in, .nv-ch-lieu-in { gap: var(--nv-e4); }
.nv-ch-zone-src { margin-top: var(--nv-e2); }
.nv-ch-page-tete { padding-top: var(--nv-e4); }
.nv-tete-in { min-height: 0; padding-block: var(--nv-e0); gap: var(--nv-e0); }
.nv-nav { padding-bottom: 0; }
.nv-nav {
-webkit-mask-image: linear-gradient(to right, currentColor 0 74%, transparent 97%);
mask-image: linear-gradient(to right, currentColor 0 74%, transparent 97%);
padding-right: var(--nv-e5);
}
}
@media (max-width: 560px) {
.nv-nav a:nth-child(n+3):not(:last-child) { display: none; }
.nv-nav a { letter-spacing: 0.03em; }
.nv-nav { -webkit-mask-image: none; mask-image: none; padding-right: var(--nv-e2); }
}
@media (min-width: 900px) {
.nv-bande.nv-recit-epingle .nv-recit-epingle-in { grid-template-columns: minmax(0, 0.26fr) minmax(0, 1fr); }
.nv-bande.nv-recit-epingle .nv-recit-epingle-bloc { grid-template-columns: 5ch minmax(0, 1fr) minmax(0, 0.74fr); }
.nv-bande.nv-recit-epingle .nv-recit-epingle-bloc:nth-child(even) { grid-template-columns: 5ch minmax(0, 0.74fr) minmax(0, 1fr); }
.nv-bande.nv-recit-epingle.est-aligne .nv-recit-epingle-bloc:nth-child(even) { grid-template-columns: 5ch minmax(0, 1fr) minmax(0, 0.74fr); }
.nv-bande.nv-recit-epingle .nv-recit-epingle-fig img { max-height: 30vh; }
.nv-bande.nv-recit-epingle .nv-recit-epingle-bloc:nth-child(even) .nv-recit-epingle-fig img { max-height: 26vh; }
}
@media (min-width: 900px) {
.nv-ch-lieu-in:not(:has(.nv-ch-lieu-fig)) { grid-template-columns: minmax(0, 1fr); }
.nv-ch-lieu-in:not(:has(.nv-ch-lieu-fig)) .nv-ch-lieu-txt {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 0.82fr);
column-gap: var(--nv-e6);
align-items: start;
max-width: none;
}
.nv-ch-lieu-in:not(:has(.nv-ch-lieu-fig)) .nv-ch-lieu-txt > .nv-sur,
.nv-ch-lieu-in:not(:has(.nv-ch-lieu-fig)) .nv-ch-lieu-txt > .nv-h2,
.nv-ch-lieu-in:not(:has(.nv-ch-lieu-fig)) .nv-ch-lieu-txt > .nv-corps,
.nv-ch-lieu-in:not(:has(.nv-ch-lieu-fig)) .nv-ch-lieu-txt > .nv-actions { grid-column: 1; }
.nv-ch-lieu-in:not(:has(.nv-ch-lieu-fig)) .nv-ch-lieu-txt > .nv-ch-fiche {
grid-column: 2; grid-row: 1 / span 4;
border-left: var(--nv-filet-ep) solid var(--nv-filet);
padding-left: var(--nv-e4);
}
}
@media (min-width: 900px) {
.nv-ch-recit-in:not(:has(.nv-ch-recit-fig)) { grid-template-columns: minmax(0, 1fr); }
.nv-ch-recit-in:not(:has(.nv-ch-recit-fig)) .nv-ch-recit-txt {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 0.88fr);
column-gap: var(--nv-e6);
align-items: start;
}
.nv-ch-recit-in:not(:has(.nv-ch-recit-fig)) .nv-ch-recit-txt > * { grid-column: 1; }
.nv-ch-recit-in:not(:has(.nv-ch-recit-fig)) .nv-ch-recit-txt > .nv-ch-domaines {
grid-column: 2; grid-row: 1 / span 6; margin-top: 0;
}
}
.nv-bande.nv-ch-zone { padding-block: var(--nv-e5) var(--nv-e4); }
@media (min-width: 900px) {
.nv-bande.nv-ch-zone { padding-block: var(--nv-e5) var(--nv-e3); }
}
.nv-bande.m-itineraire-un-geste { padding-block: var(--nv-e5) var(--nv-e4); }
.m-itineraire-un-geste-actions { margin-top: var(--nv-e3); }
.m-itineraire-un-geste-etat { min-height: 0; }
.nv-ch-hero .nv-chapo, .nv-lisible { max-width: 58ch; }
.nv-corps, .nv-chapo { line-height: 1.62; letter-spacing: -0.004em; }
.nv-chapo { line-height: 1.5; }
.nv-ch-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.nv-ch-ligne-cl { position: relative; }
.nv-ch-ligne-lien { position: absolute; inset: 0; z-index: 1; }
.nv-ch-ligne-cl:hover .nv-ch-nom { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; }
.nv-ch-ligne-cl:hover .nv-ch-num { color: var(--nv-accent-txt); }
.nv-ch-ligne-lien:focus-visible { outline: var(--nv-focus); outline-offset: -4px; }
@media (max-width: 560px) {
body[data-page="produit"] .crumbs, body[data-page="panier"] .crumbs, body[data-page="admin"] .crumbs,
body[data-page="produit"] .crumbs a, body[data-page="panier"] .crumbs a,
body[data-page="produit"] .eyebrow, body[data-page="panier"] .eyebrow,
body[data-page="produit"] .small, body[data-page="panier"] .small,
body[data-page="produit"] .btn span, body[data-page="panier"] .btn span,
body[data-page="produit"] .link-u, body[data-page="panier"] .link-u,
body[data-page="produit"] .prod-maison, body[data-page="panier"] .prod-maison,
body[data-page="produit"] .acc-item > button, body[data-page="panier"] .acc-item > button {
font-size: 14px !important;
}
body[data-page="produit"] .crumbs a, body[data-page="panier"] .crumbs a,
body[data-page="produit"] .link-u, body[data-page="panier"] .link-u {
display: inline-flex; align-items: center; min-height: 44px;
}
body[data-page="produit"] .crumbs, body[data-page="panier"] .crumbs { line-height: 1.2; }
}
[data-nv-couleur] {
background-color: var(--nv-sec-fond);
color: var(--nv-sec-encre);
transition: background-color var(--nv-d3) var(--nv-c), color var(--nv-d3) var(--nv-c);
}
[data-nv-couleur="tendre"], section[data-nv-couleur="tendre"] {
--nv-sec-fond: var(--nv-tendre-fond);
--nv-sec-encre: var(--nv-tendre-encre);
--nv-papier: var(--nv-tendre-fond);
--nv-papier-2: var(--nv-tendre-fond-2);
--nv-encre: var(--nv-tendre-encre);
--nv-encre-2: var(--nv-tendre-encre-2);
--nv-accent-txt: var(--nv-tendre-accent);
--nv-filet: var(--nv-tendre-filet);
}
[data-nv-couleur="accent"], section[data-nv-couleur="accent"] {
--nv-sec-fond: var(--nv-acc-fond);
--nv-sec-encre: var(--nv-acc-encre);
--nv-papier: var(--nv-acc-fond);
--nv-papier-2: var(--nv-acc-fond-2);
--nv-encre: var(--nv-acc-encre);
--nv-encre-2: var(--nv-acc-encre-2);
--nv-accent-txt: var(--nv-acc-accent);
--nv-accent: var(--nv-acc-accent);
--nv-filet: var(--nv-acc-filet);
}
[data-nv-couleur="sombre"], section[data-nv-couleur="sombre"] {
--nv-sec-fond: var(--nv-som-fond);
--nv-sec-encre: var(--nv-som-encre);
--nv-papier: var(--nv-som-fond);
--nv-papier-2: var(--nv-som-fond-2);
--nv-encre: var(--nv-som-encre);
--nv-encre-2: var(--nv-som-encre-2);
--nv-accent-txt: var(--nv-som-accent);
--nv-accent: var(--nv-som-accent);
--nv-filet: var(--nv-som-filet);
}
[data-nv-couleur] .nv-btn-plein:hover { background-color: var(--nv-sec-encre); color: var(--nv-sec-fond); }
[data-nv-couleur] .nv-btn-ligne { border-color: var(--nv-sec-encre); color: var(--nv-sec-encre); }
[data-nv-couleur] .nv-btn-ligne:hover { background-color: var(--nv-sec-encre); color: var(--nv-sec-fond); }
[data-nv-couleur] .nv-sur { color: var(--nv-accent-txt); }
[data-nv-couleur] .nv-corps, [data-nv-couleur] p, [data-nv-couleur] li,
[data-nv-couleur] dd, [data-nv-couleur] .nv-chapo { color: var(--nv-sec-encre); }
[data-nv-couleur] .nv-note, [data-nv-couleur] .nv-mini, [data-nv-couleur] figcaption,
[data-nv-couleur] .nv-defs dt { color: var(--nv-encre-2); }
[data-nv-couleur] .nv-filet, [data-nv-couleur] hr { border-color: var(--nv-filet); }
[data-nv-couleur] + [data-nv-couleur] { margin-top: -1px; padding-top: 1px; }
@media (prefers-reduced-motion: reduce) {
[data-nv-couleur] { transition: none; }
}
@media (min-width: 900px) {
.nv-ch-recit-in { grid-template-columns: 2fr 1fr; gap: var(--nv-e5); }
.nv-ch-hero-bas, .nv-ch-feuille-corps { gap: var(--nv-e5); }
.nv-ch-offre, .nv-ch-methode, .nv-ch-recit, .nv-ch-zone, .nv-ch-lieu { padding-block: var(--nv-e5); }
}
.nv-sp { padding-block: var(--nv-e6); border-top: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-ancre { display: contents; }
.nv-sp-tete { max-width: 24ch; }
@media (max-width: 699.98px) {
.nv-sp-tete { max-width: none; }
.nv-sp-tete h2 { font-size: var(--nv-t4); }
}
.nv-sp-tete h2 { margin-top: var(--nv-e1); }
.nv-sp-tete .nv-chapo { margin-top: var(--nv-e2); max-width: 46ch; }
.nv-sp-liste { list-style: none; margin: var(--nv-e4) 0 0; padding: 0; display: grid; gap: 0; }
.nv-sp-i { padding-block: var(--nv-e2); border-top: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-sp-i:last-child { border-bottom: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-sp-n {
font-family: var(--nv-titre);
font-size: var(--nv-t2);
font-weight: 600;
color: var(--nv-accent-txt);
letter-spacing: var(--nv-suivi-caps);
margin-right: var(--nv-e1);
}
.nv-sp-t { font-size: var(--nv-t3); line-height: var(--nv-lh-titre); letter-spacing: var(--nv-suivi-display); margin: 0; }
.nv-sp-d { font-size: var(--nv-t2); line-height: 1.45; color: var(--nv-encre-2); margin: var(--nv-e0) 0 0; max-width: 54ch; }
.nv-sp-l { display: inline-block; margin-top: var(--nv-e1); }
.nv-sp-rail {
list-style: none; margin: var(--nv-e4) 0 0; padding: var(--nv-e2) 0 0;
display: flex; flex-wrap: wrap; gap: var(--nv-e2) var(--nv-e5);
border-top: var(--nv-filet-ep) solid var(--nv-filet);
}
.nv-sp .nv-diff { margin-top: var(--nv-e3); padding-left: var(--nv-e2); border-left: 2px solid var(--nv-accent-txt); }
.nv-sp .nv-diff b { display: block; font-family: var(--nv-titre); font-size: var(--nv-t3); line-height: var(--nv-lh-titre); }
.nv-sp .nv-diff .nv-note { display: block; margin-top: var(--nv-e0); }
.nv-sp-rail li { display: flex; align-items: baseline; gap: var(--nv-e1); }
.nv-sp-rail b { font-family: var(--nv-titre); font-size: var(--nv-t3); font-weight: 600; }
@media (max-width: 760px) {
.nv-sp { padding-block: var(--nv-e4); }
.nv-sp-liste { margin-top: var(--nv-e3); }
.nv-sp-liste > .nv-sp-i:nth-child(n+4) { display: none; }
.nv-sp-i { padding-block: var(--nv-e2); }
.nv-sp-i > .nv-sp-c { display: none; }
.nv-sp-t { font-size: max(15px, var(--nv-t2)); }
.nv-sp-tete .nv-chapo { font-size: max(14px, var(--nv-t1)); line-height: var(--nv-lh-corps); }
.nv-sp-rail { margin-top: var(--nv-e3); }
}
@media (min-width: 700px) {
.nv-sp-i { display: grid; grid-template-columns: 3.4rem 1fr; gap: var(--nv-e3); padding-block: var(--nv-e3); align-items: start; }
.nv-sp-i > h3 { grid-column: 2; }
.nv-sp-i > .nv-sp-c { grid-column: 2; }
.nv-sp-n { float: left; margin-left: -3.4rem; margin-right: 0; }
}
@media (min-width: 900px) {
.nv-sp-in { display: grid; grid-template-columns: 0.9fr 1.1fr; grid-template-rows: auto auto; column-gap: var(--nv-e6); row-gap: 0; align-items: start; }
.nv-sp-tete { position: sticky; top: calc(var(--nv-tete-h) + var(--nv-e4)); grid-row: 1; grid-column: 1; }
.nv-sp-liste { margin-top: 0; grid-row: 1; grid-column: 2; }
.nv-sp-i { padding-block: var(--nv-e4); }
.nv-sp-rail { grid-row: 2; grid-column: 1 / -1; margin-top: var(--nv-e4); }
}
[data-barre] {
position: fixed;
left: 0; right: 0; bottom: 0;
z-index: var(--nv-z-barre);
display: grid;
grid-auto-flow: column;
grid-auto-columns: 1fr;
gap: var(--nv-filet-ep);
min-height: var(--nv-barre-h);
background: var(--nv-filet);
border-top: var(--nv-filet-ep) solid var(--nv-filet);
padding-bottom: calc(12px + env(safe-area-inset-bottom));
}
[data-barre] > a, [data-barre] > button {
display: flex; align-items: center; justify-content: center;
gap: var(--nv-e1);
min-height: 56px;
padding: var(--nv-e2) var(--nv-e2);
font-family: var(--nv-corps);
font-size: var(--nv-t2);
font-weight: 600;
line-height: 1.15;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-decoration: none;
border-radius: var(--nv-rayon);
background: var(--nv-papier);
color: var(--nv-encre);
}
[data-barre] > .nv-barre-p1 { background: var(--nv-accent-txt); color: var(--nv-papier); }
[data-barre] svg { flex: 0 0 auto; }
body { padding-bottom: 0; }
@media (max-width: 760px) {
body { padding-bottom: calc(var(--nv-barre-h) + 12px + env(safe-area-inset-bottom)); }
}
@media (min-width: 761px) {
[data-barre] { display: none; }
}
@media (max-width: 430px) {
[data-barre] > a, [data-barre] > button {
font-size: 14px;
letter-spacing: 0;
padding-inline: var(--nv-e1);
gap: var(--nv-e0);
}
}
:root {
--nv-ce-on: 1;
--nv-ce-pas: 0px;
--nv-ce-fond: var(--nv-papier);
--nv-ce-part: 11%;
}
@media (min-width: 760px) { :root { --nv-ce-pas: 0px; } }
.nv-sombre { --nv-ce-fond: var(--nv-sombre); }
.nv-papier2, .nv-papier-2 { --nv-ce-fond: var(--nv-papier-2); }
.nv-ce {
display: block;
overflow: visible;
list-style: none;
padding-left: 0;
}
.nv-ce > * {
width: auto;
max-width: none;
flex: none;
transform-origin: 50% 0%;
}
.nv-ce > * + * { margin-block-start: var(--nv-e2); }
.nv-ce-c {
position: sticky;
top: calc(var(--nv-tete-h) + var(--nv-e3) + var(--nv-ce-i, 0) * var(--nv-ce-pas));
min-height: var(--nv-ce-h, min(44vh, 360px));
max-height: 82vh;
overflow: hidden;
background-color: var(--nv-sec-fond, var(--nv-ce-fond));
border-top: var(--nv-filet-ep) solid var(--nv-filet);
box-shadow: 0 -12px 30px color-mix(in oklab, var(--nv-encre) 9%, transparent);
}
.nv-ce-c { display: flex; flex-direction: column; }
.nv-ce-c > * { flex: 1 1 auto; min-width: 0; }
.nv-ce-c figure { display: flex; flex-direction: column; }
.nv-ce-c figure img { flex: 1 1 var(--nv-ce-img, min(42vh, 330px)); height: auto; min-height: 0; width: 100%; }
@supports (animation-timeline: view()) {
.nv-ce { view-timeline-name: --nv-ce-t; view-timeline-axis: block; }
.nv-ce-c {
animation: nv-ce-tasse linear both;
animation-timeline: --nv-ce-t;
animation-range: cover calc(26% + var(--nv-ce-i, 0) * var(--nv-ce-part))
cover calc(26% + var(--nv-ce-i, 0) * var(--nv-ce-part) + 26%);
}
.nv-ce > .nv-ce-c:last-child { animation: none; }
}
@keyframes nv-ce-tasse {
from { transform: none; }
to   { transform: scale(0.958); }
}
@media (prefers-reduced-motion: reduce) {
.nv-ce-c {
position: static !important;
min-height: 0 !important;
box-shadow: none !important;
transform: none !important;
animation: none !important;
}
}
@media print {
.nv-ce-c { position: static !important; min-height: 0 !important; box-shadow: none !important; transform: none !important; }
}
.m-cinema-rideau { display: none; }
.js .m-cinema-rideau {
--ct: 950ms;
--cd: 600ms;
display: grid;
align-content: center;
position: fixed; inset: 0;
z-index: 9990;
padding: var(--nv-e6) var(--nv-e5);
background: var(--nv-encre);
color: var(--nv-papier);
clip-path: inset(0 0 0 0);
will-change: clip-path;
animation:
m-cine-lever var(--cd) cubic-bezier(.76, 0, .18, 1) var(--ct) both,
m-cine-fin 1ms linear calc(var(--ct) + var(--cd)) both;
}
@media (max-width: 760px) {
.js .m-cinema-rideau { --ct: 700ms; --cd: 500ms; }
}
@keyframes m-cine-lever { from { clip-path: inset(0 0 0 0); } to { clip-path: inset(0 0 100% 0); } }
@keyframes m-cine-fin { to { visibility: hidden; pointer-events: none; } }
.m-cinema-rideau-in { width: max-content; max-width: 92vw; margin: 0 auto; }
.m-cinema-l { display: block; overflow: hidden; }
.m-cinema-l > i {
display: block;
font-style: normal;
font-family: var(--nv-titre);
font-size: var(--nv-t7);
line-height: var(--nv-lh-display);
letter-spacing: var(--nv-suivi-display);
overflow-wrap: anywhere;
transform: translate3d(0, 108%, 0);
animation: m-cine-pose 760ms cubic-bezier(.2, .7, .2, 1) both;
animation-delay: calc(110ms + var(--i, 0) * 130ms);
}
@keyframes m-cine-pose { from { transform: translate3d(0, 108%, 0); } to { transform: none; } }
.m-cinema-fil {
display: block;
height: var(--nv-filet-ep);
margin-top: var(--nv-e3);
background: currentColor;
opacity: .45;
transform: scaleX(0);
transform-origin: 0 50%;
animation: m-cine-fil 620ms cubic-bezier(.2, .7, .2, 1) 420ms both;
}
@keyframes m-cine-fil { to { transform: scaleX(1); } }
.m-cinema-rideau-saut {
animation: none !important;
clip-path: inset(0 0 100% 0) !important;
transition: clip-path 300ms cubic-bezier(.76, 0, .18, 1);
}
:root.nv-cine .m-cinema-voile,
:root.nv-cine .m-cinema-grain {
position: absolute; inset: 0;
pointer-events: none;
}
:root.nv-cine .m-cinema-grain { inset: -24px; }
:root.nv-cine .m-cinema-voile {
z-index: 2;
background: linear-gradient(
to top,
var(--nv-sombre) 0%,
color-mix(in oklab, var(--nv-sombre) 52%, transparent) 44%,
transparent 78%);
opacity: .10;
animation: m-cine-resp var(--cine-resp, 9.4s) ease-in-out infinite alternate;
}
@keyframes m-cine-resp { from { opacity: .10; } to { opacity: .21; } }
:root.nv-cine .m-cinema-grain {
z-index: 3;
opacity: .06;
background-image: var(--cine-grain);
background-size: 180px 180px;
background-position: 0 0;
transform: translate3d(var(--gx, 0px), var(--gy, 0px), 0);
will-change: transform;
-webkit-mask-image: linear-gradient(to top, var(--nv-encre) 0 28%, transparent 72%);
mask-image: linear-gradient(to top, var(--nv-encre) 0 28%, transparent 72%);
}
:root.nv-cine img.m-cinema-kbd { animation-duration: var(--cine-kb, 22s); }
:root.nv-cine img.m-cinema-kb {
animation: m-cine-kb var(--cine-kb, 22s) cubic-bezier(.33, 0, .2, 1) both;
will-change: transform;
}
@keyframes m-cine-kb { from { transform: scale(1); } to { transform: scale(1.08); } }
:root.nv-cine:not(.nv-cine-ouv) .m-cinema-voile,
:root.nv-cine:not(.nv-cine-ouv) img.m-cinema-kb,
:root.nv-cine:not(.nv-cine-ouv) img.m-cinema-kbd { animation-play-state: paused; }
:root.nv-cine .m-cinema-c1 { overflow: hidden; }
:root.nv-cine img.m-cinema-p[data-nv-in],
:root.nv-cine img.m-cinema-p:not([data-nv-mv]) {
transform: translate3d(0, var(--cy1, 0px), 0) scale(1.07);
filter: blur(var(--cb, 0px));
transition-property: clip-path;
}
:root.nv-cine .m-cinema-c3 {
transform: translate3d(0, var(--cy3, 0px), 0) rotate(var(--cine-ang, 0.4deg));
transform-origin: 0 50%;
}
:root.nv-cine .m-cinema-fx { isolation: isolate; }
:root.nv-cine .m-cinema-cv {
position: absolute;
pointer-events: none;
opacity: 0;
transition: opacity 240ms linear, transform 620ms cubic-bezier(.22, .61, .36, 1);
transform: scale(1);
z-index: 1;
}
:root.nv-cine .m-cinema-cv[data-on] { opacity: 1; transform: scale(1.035); }
:root.nv-cine .nv-btn::before {
transform: none;
clip-path: circle(0% at var(--cx, 50%) var(--cy, 100%));
transition: clip-path 460ms cubic-bezier(.22, .61, .36, 1);
}
:root.nv-cine .nv-btn:hover::before,
:root.nv-cine .nv-btn:focus-visible::before {
transform: none;
clip-path: circle(141% at var(--cx, 50%) var(--cy, 100%));
}
:root.nv-cine [data-nv-mv="ligne"] [data-nv-prix] { filter: blur(2.5px); }
:root.nv-cine [data-nv-in] > [data-nv-mv="ligne"] [data-nv-prix],
:root.nv-cine .nv-mv-hote[data-nv-in] [data-nv-mv="ligne"] [data-nv-prix] {
filter: blur(0);
transition: filter 120ms linear calc(var(--nv-mv-dl, 0ms) + 270ms), opacity 420ms var(--nv-mv-e) calc(var(--nv-mv-dl, 0ms) + 270ms), transform 420ms var(--nv-mv-e) calc(var(--nv-mv-dl, 0ms) + 270ms);
}
.m-cinema-curseur {
position: fixed; left: 0; top: 0;
z-index: var(--nv-z-panneau);
display: grid; place-items: center;
width: 96px; height: 96px;
margin: -48px 0 0 -48px;
border-radius: 50%;
pointer-events: none;
opacity: 0;
transform: translate3d(var(--px, -200px), var(--py, -200px), 0) scale(.09);
transition: opacity 220ms linear, transform 260ms cubic-bezier(.22, .61, .36, 1);
background: var(--nv-encre);
color: var(--nv-papier);
will-change: transform;
}
.m-cinema-curseur[data-vu] { opacity: 1; }
.m-cinema-curseur[data-voir] {
transform: translate3d(var(--px, -200px), var(--py, -200px), 0) scale(1);
background: transparent;
color: var(--nv-papier);
box-shadow: inset 0 0 0 var(--nv-filet-ep) currentColor;
mix-blend-mode: difference;
}
.m-cinema-curseur > span {
font-family: var(--nv-corps);
font-size: 14px;
letter-spacing: var(--nv-suivi-caps);
text-transform: uppercase;
opacity: 0;
transition: opacity 180ms linear;
}
.m-cinema-curseur[data-voir] > span { opacity: 1; }
.m-cinema-curseur[data-vu] { transition: opacity 220ms linear, background 260ms linear, transform 260ms cubic-bezier(.22, .61, .36, 1); }
@media (prefers-reduced-motion: reduce) {
.js .m-cinema-rideau { display: none !important; }
.m-cinema-voile, .m-cinema-grain, .m-cinema-cv, .m-cinema-curseur { display: none !important; }
.m-cinema-c1 { overflow: visible !important; }
img.m-cinema-p, img.m-cinema-kb, img.m-cinema-kbd, .m-cinema-c3 {
transform: none !important; filter: none !important; animation: none !important;
}
}
@media print {
.m-cinema-rideau, .m-cinema-voile, .m-cinema-grain, .m-cinema-cv, .m-cinema-curseur { display: none !important; }
img.m-cinema-p, .m-cinema-c3 { transform: none !important; filter: none !important; }
}
:root {
--cine-kb: 22s;
--cine-resp: 9.4s;
--cine-ang: 0.4deg;
--cine-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.91' numOctaves='2' stitchTiles='stitch' seed='37'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23g)'/%3E%3C/svg%3E");
}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.nv-film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease .1s;pointer-events:none;z-index:1}
.nv-film-video.nv-on{opacity:1}
.nv-hero-media>img~.nv-film-video{z-index:1}
.nv-hero-media>.m-cinema-voile,.nv-hero-media>.m-cinema-grain{z-index:2}
.nv-film-fond{position:absolute;inset:0;overflow:hidden;z-index:0}
.nv-film-fond::after{content:"";position:absolute;inset:0;z-index:2;
background:linear-gradient(to bottom, color-mix(in srgb, var(--nv-sombre) 18%, transparent) 0%, color-mix(in srgb, var(--nv-sombre) 30%, transparent) 42%, color-mix(in srgb, var(--nv-sombre) 74%, transparent) 100%)}
.nv-film-fond.nv-film-clair::after{background:linear-gradient(to bottom, color-mix(in srgb, var(--nv-papier) 22%, transparent) 0%, color-mix(in srgb, var(--nv-papier) 38%, transparent) 42%, color-mix(in srgb, var(--nv-papier) 80%, transparent) 100%)}
@supports not (background: color-mix(in srgb, red 50%, transparent)){
.nv-film-fond::after{background:var(--nv-sombre);opacity:.36}
.nv-film-fond.nv-film-clair::after{background:var(--nv-papier);opacity:.46}
}
.nv-film-fond.nv-film-clair .nv-film-video.nv-on{opacity:1}
.nv-film-fond .nv-film-video{opacity:0}
.nv-film-fond .nv-film-affiche{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.nv-film-fond .nv-film-video.nv-on{opacity:1}
.nv-hero.nv-film-a-fond>*:not(.nv-film-fond){position:relative;z-index:1}
.nv-film-fond.nv-film-mot .nv-film-video.nv-on{opacity:1}
.nv-film-fond .nv-film-masque{position:absolute;inset:0;width:100%;height:100%;z-index:3;display:block}
.nv-hero.nv-film-mot-cache .nv-affiche-mot{visibility:hidden}
.nv-film-sous{position:relative;z-index:0;overflow:hidden}
.nv-film-sous .nv-hero-media,.nv-film-sous .nv-film-fond{will-change:transform}
.nv-film-recouvre{position:relative;z-index:2;margin-top:-7vh;border-radius:calc(var(--nv-rayon) * 7) calc(var(--nv-rayon) * 7) 0 0;box-shadow:0 -22px 48px color-mix(in oklab,var(--nv-sombre) 22%,transparent);background:var(--nv-sec-fond,var(--nv-papier))}
.nv-film-recouvre.nv-sombre{background:var(--nv-sombre)}
@media (max-width:899px){.nv-film-recouvre{margin-top:-4vh;border-radius:calc(var(--nv-rayon) * 5) calc(var(--nv-rayon) * 5) 0 0}}
.nv-film-scrim{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to top,color-mix(in oklab,var(--nv-sombre) 82%,transparent) 0%,color-mix(in oklab,var(--nv-sombre) 40%,transparent) 42%,transparent 72%)}
.nv-hero.nv-film-a-video{color:var(--nv-sur-sombre)}
.nv-hero.nv-film-a-video :is(h1,h2,h3,p,li,.nv-sur,.nv-chapo,.nv-nombres,[class*="-sub"],[class*="-illu"],[class*="-sur"]):not(.nv-btn):not(.nv-btn *):not(.nv-bg *){color:var(--nv-sur-sombre)}
.nv-hero.nv-film-a-video .nv-sur{opacity:.92}
.nv-film-rail-hote{overflow:hidden}
[data-nv-film-rail]{overflow:visible!important;scroll-snap-type:none!important}
.nv-film-piste{display:flex;gap:inherit;will-change:transform;width:max-content}
.nv-film-piste>*{flex:0 0 auto}
[data-nv-film-rail] .nv-film-parc{overflow:hidden}
[data-nv-film-rail] .nv-film-parm{scale:1.12;will-change:transform}
.nv-film-piste.nv-film-batie{gap:clamp(18px,2.2vw,36px);padding-right:8vw;align-items:stretch}
.nv-film-piste.nv-film-batie>*{list-style:none;position:static!important;top:auto!important;transform:none!important;margin:0!important;width:clamp(420px,40vw,680px);height:min(62vh,640px);display:flex}
.nv-film-piste.nv-film-batie>*:nth-child(2n){width:clamp(360px,30vw,520px);height:min(52vh,540px);align-self:flex-end}
.nv-film-piste.nv-film-batie figure{margin:0;width:100%;height:100%;display:flex;flex-direction:column;position:relative}
.nv-film-piste.nv-film-batie figure .nv-film-parc{flex:1 1 auto;min-height:0;height:100%}
.nv-film-piste.nv-film-batie figure .nv-film-parm{height:100%}
.nv-film-piste.nv-film-batie figure img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.nv-film-piste.nv-film-batie figcaption{position:absolute;left:0;bottom:0;padding:.5rem .8rem;background:var(--nv-papier);color:var(--nv-encre);font-size:.9rem;max-width:80%}
.nv-film-rail-hote.nv-film-rail-bati{min-height:100vh;display:flex;flex-direction:column;justify-content:center}
.nv-film-rail-bati .nv-film-tete{display:block;margin-bottom:clamp(20px,3vh,40px)}
.nv-film-rail-bati .nv-film-tete>*:not([data-nv-film-rail]):not(.nv-film-piste){max-width:36rem}
.nv-film-parc{overflow:hidden;display:block;position:relative}
.nv-film-parm{display:block;scale:1.16;will-change:transform}
.nv-film-parm>img{display:block;width:100%}
@media (prefers-reduced-motion: reduce){.nv-film-video{display:none}.nv-film-parm{scale:1}}
:root { --nv-mv-m: 0 100% 0 0; --nv-mv-g: "ad"; }
[data-nv-masque="bas"]        { --nv-mv-m: 0 0 100% 0; }
[data-nv-masque="gauche"]     { --nv-mv-m: 0 100% 0 0; }
[data-nv-masque="centre"]     { --nv-mv-m: 0 50% 0 50%; }
[data-nv-masque="obturateur"] { --nv-mv-m: 50% 0 50% 0; }
[data-nv-masque="capot"]      { --nv-mv-m: 100% 0 0 0; }
[data-nv-masque="diagonale"]  { clip-path: polygon(0% 0%, 0% 0%, -40% 100%, -40% 100%); }
[data-nv-masque="diagonale"][data-nv-in] { clip-path: polygon(0% 0%, 140% 0%, 140% 100%, 0% 100%); }
img.nv-mv-par[data-nv-mv="fig"] {
transform: translate3d(0, calc(var(--nv-mv-py, 0) * var(--nv-mv-amp)), 0) scale(var(--nv-mv-echelle));
}
img.nv-mv-par[data-nv-mv="fig"][data-nv-in] {
transition: opacity 340ms var(--nv-mv-e);
}
.nv-mv-barre {
position: fixed; inset: 0 0 auto 0;
height: 2px;
z-index: var(--nv-z-panneau);
pointer-events: none;
}
.nv-mv-barre i {
display: block; height: 100%;
background: var(--nv-accent-txt);
transform: scaleX(0);
transform-origin: 0 50%;
}
@supports (animation-timeline: scroll()) {
.nv-mv-barre-css i {
animation: nv-mv-progression linear both;
animation-timeline: scroll(root block);
}
}
@keyframes nv-mv-progression { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.nv-mv-idx {
position: fixed; right: 14px; top: 50%;
transform: translateY(-50%);
z-index: var(--nv-z-tete);
display: none;
pointer-events: none;
font-family: var(--nv-corps);
font-size: var(--nv-t1);
font-weight: 600;
line-height: 1.15;
letter-spacing: var(--nv-suivi-caps);
font-variant-numeric: tabular-nums;
color: var(--nv-encre-2);
}
@media (min-width: 1100px) {
.nv-mv-idx { display: grid; gap: 7px; justify-items: end; }
}
.nv-mv-idx-n { color: var(--nv-accent-txt); }
.nv-mv-idx-b { width: 16px; height: var(--nv-filet-ep); background: var(--nv-filet-fort); }
.nv-mv-idx[data-sombre] { color: var(--nv-sur-sombre); }
.nv-mv-idx[data-sombre] .nv-mv-idx-n { color: var(--nv-accent-sombre); }
.nv-mv-idx[data-sombre] .nv-mv-idx-b { background: var(--nv-sur-sombre); }
.nv-rz{scroll-margin-top:calc(var(--nv-tete-h) + 8px);--nv-rz-c:cubic-bezier(.2,.7,.2,1);--nv-rz-p1:max(14px,var(--nv-t1));--nv-rz-bord:var(--nv-filet-ep) solid var(--nv-filet)}.nv-rz-carte{display:grid;grid-template-columns:1fr;border:var(--nv-rz-bord);background:var(--nv-papier)}@media (min-width:900px){.nv-rz-carte{ grid-template-columns:minmax(280px,34%) 1fr; }}.nv-rz-carte > *{ min-width:0; }.nv-rz-talon{padding:var(--nv-e4);display:flex;flex-direction:column;gap:var(--nv-e3);border-bottom:var(--nv-rz-bord)}@media (min-width:900px){.nv-rz-talon{ border-bottom:0; border-right:var(--nv-rz-bord); padding:var(--nv-e5); }}.nv-rz-phrase{font-family:var(--nv-titre);font-weight:500;font-size:var(--nv-t4);line-height:var(--nv-lh-titre);letter-spacing:var(--nv-suivi-display);margin:0}.nv-rz-phrase .nv-rz-jeton{ display:inline-block; transition:opacity var(--nv-d2) var(--nv-rz-c),transform var(--nv-d2) var(--nv-rz-c); }.nv-rz-phrase .nv-rz-jeton.est-neuf{ opacity:0; transform:translateY(6px); }.nv-rz-tiret{display:inline-block;width:2.2em;border-bottom:2px solid currentColor;opacity:.38;vertical-align:.18em}.nv-rz-fil{ position:relative; height:2px; background:currentColor; opacity:.28; }.nv-rz-fil::after{content:""; position:absolute; inset:0;background:currentColor;transform:scaleX(var(--nv-rz-p,0));transform-origin:left center;transition:transform var(--nv-d2) var(--nv-rz-c)}.nv-rz-talon .nv-rz-note{ font-size:var(--nv-rz-p1); line-height:var(--nv-lh-corps); margin:0; }.nv-rz-choisi{ list-style:none; margin:0; padding:0; display:grid; gap:var(--nv-e1); }.nv-rz-choisi li{display:flex; flex-wrap:wrap; gap:var(--nv-e1) var(--nv-e2);padding-top:var(--nv-e1);border-top:var(--nv-filet-ep) solid color-mix(in oklab,currentColor 26%,transparent);font-size:var(--nv-rz-p1);line-height:var(--nv-lh-corps)}.nv-rz-choisi i{ font-style:normal; opacity:.74; min-width:7ch; }.nv-rz-choisi b{ font-weight:600; }@media (min-width:900px){.nv-rz-talon{ position:sticky; top:calc(var(--nv-tete-h) + var(--nv-e2)); align-self:start; }}.nv-rz-scene{ padding:var(--nv-e4); }@media (min-width:900px){ .nv-rz-scene{ padding:var(--nv-e5); } }.nv-rz-etapes{ transition:height var(--nv-d2) var(--nv-rz-c); }.nv-rz-etapes.est-anime{ overflow:hidden; }.nv-rz-etape{opacity:1;transform:none;transition:opacity var(--nv-d2) var(--nv-rz-c),transform var(--nv-d2) var(--nv-rz-c)}.nv-rz-etape.est-entrant{ opacity:0; transform:translateX(14px); }.nv-rz-bloc + .nv-rz-bloc{ margin-top:var(--nv-e4); }.nv-rz-bloc{ border:0; margin:0; padding:0; min-width:0; }.nv-rz-bloc > legend,.nv-rz-etiq,.nv-rz-champ > span{display:block;font-family:var(--nv-corps);font-size:var(--nv-rz-p1);font-weight:600;letter-spacing:var(--nv-suivi-caps);text-transform:uppercase;color:var(--nv-accent-txt);margin-bottom:var(--nv-e2);padding:0}.nv-rz-etiq span,.nv-rz-bloc > legend span{ font-weight:400; letter-spacing:0; text-transform:none; color:var(--nv-encre-2); }.nv-rz-etape > h3:focus{ outline:none; }.nv-rz-etape > h3{font-family:var(--nv-titre);font-weight:500;font-size:var(--nv-t4);line-height:var(--nv-lh-titre);letter-spacing:var(--nv-suivi-display);text-transform:none;color:var(--nv-encre);margin:var(--nv-e3) 0 var(--nv-e4)}.nv-rz-nb{ display:grid; grid-template-columns:repeat(auto-fit,minmax(46px,1fr)); gap:var(--nv-filet-ep); }.nv-rz-choix{padding:var(--nv-e1) var(--nv-e2);font-weight:400;text-align:center;color:var(--nv-encre);background:var(--nv-papier);border-color:var(--nv-filet);cursor:pointer;font-variant-numeric:tabular-nums}.nv-rz-choix:hover:not([disabled]){ background:var(--nv-papier-2); border-color:var(--nv-encre-2); }.nv-rz-choix[aria-pressed="true"],
.nv-rz-choix[aria-pressed="true"]:hover:not([disabled]){background:var(--nv-accent-txt); color:var(--nv-papier); border-color:var(--nv-accent-txt)}.nv-rz-choix[disabled]{ opacity:.34; cursor:default; text-decoration:line-through; }.nv-rz-nb .nv-rz-choix{ font-family:var(--nv-titre); font-size:var(--nv-t3); }.nv-rz-puces{ display:flex; flex-wrap:wrap; gap:var(--nv-e1); }.nv-rz-liste{ display:grid; gap:var(--nv-filet-ep); }.nv-rz-presta{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;gap:var(--nv-e2);width:100%;min-height:56px;padding:var(--nv-e2) var(--nv-e3);text-align:left}.nv-rz-presta-n{ font-size:max(14px,var(--nv-t2)); font-weight:500; }.nv-rz-presta-m{ display:flex; gap:var(--nv-e2); font-size:var(--nv-rz-p1); white-space:nowrap; }.nv-rz-mois{ display:block; margin-bottom:var(--nv-e1); font-size:var(--nv-rz-p1); letter-spacing:var(--nv-suivi-caps); text-transform:uppercase; color:var(--nv-encre-2); }.nv-rz-jours{ display:grid; grid-template-columns:repeat(7,1fr); gap:var(--nv-filet-ep); }.nv-rz-jour{ flex-direction:column; gap:2px; min-height:56px; padding:var(--nv-e1) 2px; }.nv-rz-jour i{ font-style:normal; font-size:max(14px,var(--nv-t0)); text-transform:uppercase; letter-spacing:.06em; opacity:.7; }.nv-rz-jour b{ font-family:var(--nv-titre); font-weight:500; font-size:var(--nv-t3); line-height:1; }.nv-rz-service + .nv-rz-service{ margin-top:var(--nv-e3); }.nv-rz-service-t{font-size:var(--nv-rz-p1);letter-spacing:var(--nv-suivi-caps);text-transform:uppercase;color:var(--nv-encre-2);margin:0 0 var(--nv-e1)}.nv-rz-heures-g{ display:grid; grid-template-columns:repeat(auto-fit,minmax(76px,1fr)); gap:var(--nv-filet-ep); }.nv-rz-grille{ display:grid; grid-template-columns:1fr; gap:var(--nv-e3); }@media (min-width:620px){ .nv-rz-grille-2{ grid-template-columns:1fr 1fr; } }.nv-rz-champ{ display:flex; flex-direction:column; gap:var(--nv-e1); min-width:0; }.nv-rz-champ input,.nv-rz-champ textarea{width:100%;min-height:48px;padding:var(--nv-e2);font-family:var(--nv-corps);font-size:max(16px,var(--nv-t2));color:var(--nv-encre);background:var(--nv-papier);border:var(--nv-rz-bord);border-radius:var(--nv-rayon)}.nv-rz-champ textarea{ min-height:76px; resize:vertical; line-height:var(--nv-lh-corps); }.nv-rz-erreur{ font-size:var(--nv-rz-p1); color:var(--nv-accent-txt); margin:var(--nv-e2) 0 0; }.nv-rz-actions{ display:flex; flex-wrap:wrap; gap:var(--nv-e2); margin-top:var(--nv-e4); }.nv-rz-actions .nv-btn{ flex:1 1 auto; }.nv-rz-etape .nv-rz-aide{ font-size:var(--nv-rz-p1); color:var(--nv-encre-2); line-height:var(--nv-lh-corps); margin:var(--nv-e2) 0 0; }.nv-rz-coche{ display:block; margin-bottom:var(--nv-e3); color:var(--nv-accent-txt); }.nv-rz-coche path{ stroke-dasharray:44; stroke-dashoffset:44; transition:stroke-dashoffset 520ms var(--nv-rz-c); }.nv-rz-coche.est-tracee path{ stroke-dashoffset:0; }.nv-rz-recap{ list-style:none; margin:var(--nv-e3) 0 0; padding:0; border-top:var(--nv-rz-bord); }.nv-rz-recap div{display:flex; flex-wrap:wrap; gap:var(--nv-e2);justify-content:space-between;padding:var(--nv-e2) 0;border-bottom:var(--nv-rz-bord);font-size:max(14px,var(--nv-t2))}.nv-rz-recap dt{ color:var(--nv-encre-2); }.nv-rz-recap dd{ margin:0; text-align:right; }.nv-rz-sr{position:absolute;width:1px; height:1px;margin:-1px; padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.nv-rz-tete{display:flex;align-items:center;gap:var(--nv-e2);width:100%;min-height:56px;padding:var(--nv-e2) 0;text-align:left;background:none;border:0;border-top:var(--nv-rz-bord);color:var(--nv-encre);font-family:var(--nv-corps);font-size:var(--nv-rz-p1);cursor:pointer}.nv-rz-tete[hidden]{ display:none; }.nv-rz-num{ font-family:var(--nv-titre); font-weight:500; font-size:var(--nv-t3); line-height:1; opacity:.5; }.nv-rz-tete-t{ font-weight:600; letter-spacing:var(--nv-suivi-caps); text-transform:uppercase; }.nv-rz-tete-v{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.nv-rz-tete-a{ margin-left:auto; white-space:nowrap; color:var(--nv-accent-txt); border-bottom:var(--nv-filet-ep) solid currentColor; }.nv-rz-tete.est-avenir{ color:var(--nv-encre-2); }.nv-rz-tete.est-avenir .nv-rz-tete-a,.nv-rz-tete.est-avenir .nv-rz-tete-v{ display:none; }.nv-rz-tete.est-avenir .nv-rz-tete-t{ flex:1 1 auto; }.nv-rz-tete.est-resume .nv-rz-tete-t{ display:none; }.nv-rz-tete:hover .nv-rz-tete-a{ color:var(--nv-encre); }@media (min-width:761px){ .nv-rz-tete{ display:none; } }.js .nv-rz-natif{ display:none; }.js .nv-rz-etape[data-init]{ display:none; }html:not(.js) .nv-rz-fin,html:not(.js) [data-suivant],html:not(.js) [data-retour],html:not(.js) .nv-rz-tete{ display:none; }.nv-rz-natif{ margin-top:var(--nv-e3); }@media (max-width:760px){.nv-rz{ padding-block:var(--nv-e3) var(--nv-e2); }.nv-rz-etape .nv-rz-aide{ margin-top:var(--nv-e1); }.nv-rz-champ textarea{ min-height:48px; }.nv-rz-talon,.nv-rz-scene{ padding:var(--nv-e2); }.nv-rz-talon{ gap:var(--nv-e1); }.nv-rz-phrase{ font-size:var(--nv-t3); }.nv-rz-champ > span,.nv-rz-champ > .nv-rz-etiq{ margin-bottom:0; }.nv-rz-bloc > legend{ margin-bottom:var(--nv-e1); }.nv-rz-haut{ margin-top:var(--nv-e2); }.nv-rz-quest{ display:none; }.nv-rz-etape > h3{ font-size:var(--nv-t3); margin:var(--nv-e1) 0 var(--nv-e2); }.nv-rz-bloc + .nv-rz-bloc{ margin-top:var(--nv-e2); }.nv-rz-scene > .nv-h2{ font-size:var(--nv-t3); margin-bottom:var(--nv-e1); }.nv-rz-actions{ margin-top:var(--nv-e2); }.nv-rz-presta{ min-height:48px; padding:var(--nv-e1) var(--nv-e2); }.nv-rz-presta-n{ font-size:max(14px,var(--nv-t1)); }.nv-rz-presta-m{ gap:var(--nv-e1); }.nv-rz-grille-mob2{ grid-template-columns:1fr 1fr; }.nv-rz-etape > h3.nv-rz-etiq{ margin-top:0; }.nv-rz-puces{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;margin-inline-end:calc(-1 * var(--nv-e2));padding-inline-end:0;gap:var(--nv-filet-ep);-webkit-mask-image:linear-gradient(to right,currentColor 0,currentColor calc(100% - 52px),transparent calc(100% - 6px));mask-image:linear-gradient(to right,currentColor 0,currentColor calc(100% - 52px),transparent calc(100% - 6px))}.nv-rz-puces::-webkit-scrollbar{ display:none; }.nv-rz-puces > .nv-rz-choix{ flex:0 0 40%; scroll-snap-align:start; }}.nv-rz-appel{ display:none; }.nv-rz-feuille-tete{ display:none; }@media (max-width:760px){.nv-rz{ padding-block:var(--nv-e4) var(--nv-e3); }.nv-rz-appel{ display:block; }.nv-rz-appel-t{ margin:0; }.nv-rz-appel-p{font-size:max(14px,var(--nv-t1));line-height:var(--nv-lh-corps);color:var(--nv-encre-2);margin:var(--nv-e1) 0 var(--nv-e2)}.nv-rz-appel .nv-btn{ width:100%; }.js .nv-rz-corps{position:fixed;inset:0;z-index:calc(var(--nv-z-panneau) + 10);background:var(--nv-papier);overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom);transform:translateY(100%);visibility:hidden;transition:transform 260ms var(--nv-rz-c),visibility 0s linear 260ms}.js .nv-rz[data-feuille="1"] .nv-rz-corps{transform:none;visibility:visible;transition:transform 260ms var(--nv-rz-c),visibility 0s}.js .nv-rz-feuille-tete{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;position:sticky;top:0;z-index:2;padding:var(--nv-e1) var(--nv-e2);background:var(--nv-papier);border-bottom:var(--nv-rz-bord);touch-action:none}.nv-rz-poignee{grid-column:2;display:block;width:44px;height:4px;margin-inline:auto;background:currentColor;opacity:.3}.nv-rz-fermer{grid-column:3;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--nv-encre)}.js .nv-rz-carte{ border:0; }.nv-rz-talon .nv-rz-choisi,.nv-rz-talon .nv-rz-quest{ display:none; }.nv-rz-phrase{ font-size:max(15px,var(--nv-t2)); }.nv-rz-phrase[hidden]{ display:none; }}@media (prefers-reduced-motion:reduce){.js .nv-rz-corps{ transition:none; }}.nv-rz-haut{ margin-top:var(--nv-e3); }.nv-rz-haut2{ margin-top:var(--nv-e2); }
:root { --nv-sc-on: 0; }
.nv-recit-epingle.nv-sec { padding-block: var(--nv-e5); }
.nv-recit-epingle-in { display: grid; gap: var(--nv-e5); align-items: start; }
.nv-recit-epingle-colle { min-width: 0; }
.nv-recit-epingle-colle .nv-h2 { margin-top: var(--nv-e1); }
.nv-recit-epingle-credit { margin-top: var(--nv-e4); max-width: 30ch; }
.nv-recit-epingle-compte {
display: flex; align-items: baseline; gap: var(--nv-e1);
margin-top: var(--nv-e4);
font-family: var(--nv-titre);
font-variant-numeric: tabular-nums;
line-height: 1;
color: var(--nv-encre-2);
}
.nv-recit-epingle.est-court .nv-recit-epingle-compte { display: none; }
.nv-recit-epingle-compte b { font-size: var(--nv-t5); font-weight: 500; color: var(--nv-encre); }
.nv-recit-epingle-compte span { font-size: var(--nv-t3); }
.nv-recit-epingle-index { position: relative; margin-top: var(--nv-e3); padding-left: var(--nv-e4); }
.nv-recit-epingle-jauge {
position: absolute; left: 0; top: 0; bottom: 0;
width: var(--nv-filet-ep);
background: var(--nv-filet);
}
.nv-recit-epingle-jauge i {
display: block; width: 100%; height: 100%;
background: var(--nv-accent-txt);
transform: scaleY(var(--nv-recit-epingle-j, 0));
transform-origin: 50% 0;
transition: transform var(--nv-d2) var(--nv-c);
}
html:not(.js) .nv-recit-epingle-jauge { display: none; }
.nv-recit-epingle-index a {
display: grid; grid-template-columns: 3.4ch minmax(0, 1fr);
gap: var(--nv-e2);
align-items: baseline;
min-height: 44px;
padding-block: var(--nv-e2);
font-size: var(--nv-t2);
color: var(--nv-encre-2);
text-decoration: none;
transition: color var(--nv-d1) var(--nv-c);
}
.nv-recit-epingle-index a i {
font-family: var(--nv-titre); font-style: normal;
font-variant-numeric: tabular-nums;
font-size: var(--nv-t1);
}
.nv-recit-epingle-index a span { justify-self: start; border-bottom: var(--nv-filet-ep) solid transparent; }
.nv-recit-epingle-index a:hover { color: var(--nv-encre); }
.nv-recit-epingle-index a:hover span { border-bottom-color: var(--nv-filet-fort); }
.nv-recit-epingle-index a[aria-current="true"] { color: var(--nv-encre); font-weight: 600; }
.nv-recit-epingle-index a[aria-current="true"] span { border-bottom-color: var(--nv-accent-txt); }
.nv-recit-epingle-fil { min-width: 0; }
.nv-recit-epingle-bloc {
display: grid;
grid-template-columns: 4.2ch minmax(0, 1fr);
gap: var(--nv-e2) var(--nv-e3);
padding-block: var(--nv-e3);
border-top: var(--nv-filet-ep) solid var(--nv-filet);
scroll-margin-top: calc(var(--nv-tete-h) + var(--nv-e4));
}
.nv-recit-epingle-bloc:first-child { border-top: 0; padding-top: 0; }
.nv-recit-epingle-num {
grid-column: 1; grid-row: 1 / span 5;
font-family: var(--nv-titre);
font-size: var(--nv-t3);
font-variant-numeric: tabular-nums;
line-height: 1.5;
color: var(--nv-encre-2);
}
.nv-recit-epingle-bloc > .nv-sur,
.nv-recit-epingle-bloc > .nv-h3,
.nv-recit-epingle-bloc > .nv-corps { grid-column: 2; }
.nv-recit-epingle-bloc > .nv-sur { margin-bottom: 0; }
.nv-recit-epingle-bloc > .nv-h3 + .nv-corps,
.nv-recit-epingle-bloc > .nv-sur + .nv-h3 { margin-top: var(--nv-e1); }
.nv-recit-epingle-fig { grid-column: 2; margin-top: var(--nv-e3); }
.nv-recit-epingle-fig img {
width: 100%;
aspect-ratio: 21 / 9;
object-fit: cover;
object-position: var(--nv-cadrage, 50% 50%);
}
.nv-recit-epingle-fig.nv-rv { clip-path: inset(0 0 100% 0); transition: clip-path var(--nv-d4) var(--nv-c), opacity var(--nv-d3) var(--nv-c), transform var(--nv-d3) var(--nv-c); }
.nv-recit-epingle-fig.nv-rv.is-in { clip-path: inset(0 0 0 0); }
html:not(.js) .nv-recit-epingle-fig.nv-rv { clip-path: none; }
@media (min-width: 900px) {
.nv-recit-epingle-in { grid-template-columns: minmax(0, 0.40fr) minmax(0, 1fr); gap: var(--nv-e6); }
.nv-recit-epingle-colle { position: sticky; top: calc(var(--nv-tete-h) + var(--nv-e4)); }
.nv-recit-epingle-bloc {
grid-template-columns: 5ch minmax(0, 1fr) minmax(0, 0.56fr);
gap: var(--nv-e2) var(--nv-e4);
align-items: start;
padding-block: var(--nv-e4);
}
.nv-recit-epingle-fig { grid-column: 3; grid-row: 1 / span 5; margin-top: var(--nv-e1); }
.nv-recit-epingle-fig img { aspect-ratio: 4 / 5; max-height: 24vh; }
.nv-recit-epingle-bloc:nth-child(even) { grid-template-columns: 5ch minmax(0, 0.56fr) minmax(0, 1fr); }
.nv-recit-epingle-bloc:nth-child(even) > .nv-sur,
.nv-recit-epingle-bloc:nth-child(even) > .nv-h3,
.nv-recit-epingle-bloc:nth-child(even) > .nv-corps { grid-column: 3; }
.nv-recit-epingle-bloc:nth-child(even) .nv-recit-epingle-fig { grid-column: 2; }
.nv-recit-epingle-bloc:nth-child(even) .nv-recit-epingle-fig img { aspect-ratio: 5 / 4; max-height: 20vh; }
.nv-recit-epingle-num { font-size: var(--nv-t4); }
.nv-recit-epingle.est-aligne .nv-recit-epingle-bloc:nth-child(even) { grid-template-columns: 5ch minmax(0, 1fr) minmax(0, 0.56fr); }
.nv-recit-epingle.est-aligne .nv-recit-epingle-bloc:nth-child(even) > .nv-sur,
.nv-recit-epingle.est-aligne .nv-recit-epingle-bloc:nth-child(even) > .nv-h3,
.nv-recit-epingle.est-aligne .nv-recit-epingle-bloc:nth-child(even) > .nv-corps { grid-column: 2; }
.nv-recit-epingle.est-aligne .nv-recit-epingle-bloc:nth-child(even) .nv-recit-epingle-fig { grid-column: 3; }
.nv-recit-epingle.est-aligne .nv-recit-epingle-bloc:nth-child(even) .nv-recit-epingle-fig img { aspect-ratio: 4 / 5; max-height: 24vh; }
.nv-recit-epingle-bloc.est-nu,
.nv-recit-epingle-bloc.est-nu:nth-child(even) { grid-template-columns: 5ch minmax(0, 1fr); }
.nv-recit-epingle-bloc.est-nu > .nv-sur,
.nv-recit-epingle-bloc.est-nu > .nv-h3,
.nv-recit-epingle-bloc.est-nu > .nv-corps,
.nv-recit-epingle-bloc.est-nu:nth-child(even) > .nv-sur,
.nv-recit-epingle-bloc.est-nu:nth-child(even) > .nv-h3,
.nv-recit-epingle-bloc.est-nu:nth-child(even) > .nv-corps { grid-column: 2; }
}
@media (max-width: 899px) {
.nv-recit-epingle-in { gap: var(--nv-e4); }
.nv-recit-epingle-fig { margin-top: var(--nv-e2); }
.nv-recit-epingle-index, .nv-recit-epingle-compte { display: none; }
.nv-recit-epingle-bloc { grid-template-columns: 3.6ch minmax(0, 1fr); }
}
.m-carte-filtrable [hidden] { display: none !important; }
.m-carte-filtrable__barres { display: grid; gap: var(--nv-e3); margin-bottom: var(--nv-e4); }
.m-carte-filtrable__f { display: flex; flex-wrap: wrap; align-items: center; gap: var(--nv-e1) var(--nv-e3); }
.m-carte-filtrable__f a {
display: inline-flex; align-items: center; gap: var(--nv-e1);
min-height: 44px;
font-size: var(--nv-t1);
font-weight: 600;
text-decoration: none;
color: var(--nv-encre-2);
border-bottom: 2px solid transparent;
transition: color var(--nv-d1) var(--nv-c), border-color var(--nv-d1) var(--nv-c);
}
.m-carte-filtrable__f a:hover { color: var(--nv-encre); }
.m-carte-filtrable__f a[aria-current="true"] { color: var(--nv-encre); border-bottom-color: var(--nv-accent-txt); }
.m-carte-filtrable__f b { font-weight: 400; font-variant-numeric: tabular-nums; color: var(--nv-encre-2); }
.m-carte-filtrable__f--prix a { font-weight: 400; }
.nv-sombre .m-carte-filtrable__f a { color: var(--nv-sur-sombre); }
.nv-sombre .m-carte-filtrable__f a[aria-current="true"] { border-bottom-color: var(--nv-accent-sombre); }
.m-carte-filtrable__ech { display: flex; align-items: center; gap: var(--nv-e2); max-width: 34rem; }
.m-carte-filtrable__ech span.m-carte-filtrable__b { font-size: var(--nv-t1); color: var(--nv-encre-2); font-variant-numeric: tabular-nums; }
.m-carte-filtrable__rail { position: relative; flex: 1 1 auto; height: 18px; }
.m-carte-filtrable__rail::before {
content: ""; position: absolute; left: 0; right: 0; top: 50%;
height: var(--nv-filet-ep); background: var(--nv-filet-fort);
}
.m-carte-filtrable__t { position: absolute; top: 0; bottom: 0; width: 1px; background: var(--nv-encre-2); }
.m-carte-filtrable__ov {
position: absolute; top: 0; bottom: 0;
left: var(--x, 0%); width: var(--w, 0%);
background: var(--nv-accent);
transform: scaleY(0.34); transform-origin: center;
}
.m-carte-filtrable__g + .m-carte-filtrable__g { margin-top: var(--nv-e5); }
.m-carte-filtrable__gt {
font-family: var(--nv-corps);
font-size: var(--nv-t1);
font-weight: 600;
letter-spacing: var(--nv-suivi-caps);
text-transform: uppercase;
color: var(--nv-encre-2);
margin-bottom: var(--nv-e2);
}
.m-carte-filtrable__l {
padding-block: var(--nv-e3);
border-top: var(--nv-filet-ep) solid var(--nv-filet);
}
.m-carte-filtrable__g ul { border-bottom: var(--nv-filet-ep) solid var(--nv-filet); }
.m-carte-filtrable__tete { display: flex; align-items: baseline; gap: var(--nv-e2); }
.m-carte-filtrable__n { font-family: var(--nv-titre); font-size: var(--nv-t3); line-height: var(--nv-lh-titre); }
.m-carte-filtrable__fil { flex: 1 1 auto; min-width: 18px; height: 0; border-bottom: var(--nv-filet-ep) solid var(--nv-filet); }
.m-carte-filtrable__pr { font-size: var(--nv-t2); font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.m-carte-filtrable__d { display: block; margin-top: var(--nv-e0); font-size: var(--nv-t1); color: var(--nv-encre-2); max-width: var(--nv-lisible); }
.nv-sombre .m-carte-filtrable__d, .nv-sombre .m-carte-filtrable__gt { color: var(--nv-sur-sombre); }
.m-carte-filtrable__vide { margin-top: var(--nv-e4); font-size: var(--nv-t3); }
.m-carte-filtrable__corps[data-anim="1"] .m-carte-filtrable__l {
animation: m-cf-entre var(--nv-d3) var(--nv-c) both;
animation-delay: calc(var(--i, 0) * 32ms);
}
@keyframes m-cf-entre {
from { opacity: 0; transform: translateY(7px); }
to { opacity: 1; transform: none; }
}
@media (max-width: 560px) {
.m-carte-filtrable__n { font-size: var(--nv-t2); }
.m-carte-filtrable__ech { max-width: none; }
}
@media print {
.m-carte-filtrable__barres { display: none; }
.m-carte-filtrable__corps [hidden] { display: revert !important; }
}
@media (max-width: 699.98px) {
main section:not(.nv-hero) img { max-height: 46svh; object-fit: cover; }
}
@media (max-width: 699.98px) {
.nv-hero .nv-etal-af-fig > img { max-height: 22svh; object-fit: cover; }
}
.nv-sec.nv-rz { padding-block: var(--nv-e3); }
@media (max-width: 699.98px) {
.nv-pied-cols { gap: var(--nv-e4); }
.nv-pied-liens {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: var(--nv-e3);
align-items: start;
}
}
.nv-cah-pol,
.nv-etal-fig,
.nv-tarif-fig {
--nv-encre-2: var(--nv-encre-2-monte, var(--nv-encre-2));
}
.nv-hero.nv-plein {
position: relative; isolation: isolate; overflow: hidden;
height: 100svh; min-height: 620px; max-height: none;
width: 100%; max-width: none; margin: 0; padding: 0; border-radius: 0;
background: var(--nv-sombre); color: var(--nv-sur-sombre);
display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch;
}
@media (max-width: 899px) { .nv-hero.nv-plein { min-height: 560px; } }
.nv-hero.nv-plein > .nv-hero-media {
position: absolute; inset: 0; z-index: 0;
width: 100%; height: 100%; max-width: none; margin: 0; padding: 0;
overflow: hidden; border-radius: 0; aspect-ratio: auto; opacity: 1;
}
.nv-hero.nv-plein > .nv-hero-media > img,
.nv-hero.nv-plein > .nv-hero-media > picture,
.nv-hero.nv-plein > .nv-hero-media > picture > img,
.nv-hero.nv-plein > .nv-hero-media > video {
position: absolute; inset: 0; width: 100%; height: 100%; max-width: none;
object-fit: cover; object-position: var(--nv-cadrage, 50% 50%);
aspect-ratio: auto; border-radius: 0; filter: none; opacity: 1;
}
.nv-hero.nv-plein > .nv-hero-media::after {
content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none;
background:
linear-gradient(to right, rgba(6, 10, 14, .72) 0%, rgba(6, 10, 14, .38) 45%, rgba(6, 10, 14, .12) 75%),
linear-gradient(to top, rgba(6, 10, 14, .62) 0%, rgba(6, 10, 14, 0) 42%);
}
.nv-hero.nv-plein > .nv-hero-media > p,
.nv-hero.nv-plein > .nv-hero-media > figcaption {
position: absolute; right: 16px; top: 50%; transform: translateY(-50%); z-index: 4; margin: 0;
writing-mode: vertical-rl; font-size: 9.5px; letter-spacing: .26em; text-transform: uppercase;
color: rgba(248, 245, 239, .5); max-height: 46svh; overflow: hidden;
}
.nv-hero.nv-plein > *:not(.nv-hero-media) {
position: relative; z-index: 2;
display: block; width: 100%; max-width: var(--nv-maxw, 1280px); margin-inline: auto;
padding: 0 clamp(18px, 4.2vw, 64px) clamp(48px, 8vh, 96px);
box-sizing: border-box; grid-template-columns: none; columns: auto;
}
.nv-hero.nv-plein > *:not(.nv-hero-media) > * { max-width: none; }
.nv-hero.nv-plein :is(h1, h2, h3, p, li, .nv-display, .nv-chapo, .nv-lede, .nv-sur, .nv-nombres, .nv-affiche-mot):not(.nv-btn):not(.nv-btn *) {
color: var(--nv-sur-sombre);
}
.nv-hero.nv-plein h1, .nv-hero.nv-plein .nv-display { max-width: 15ch; text-wrap: balance; margin-bottom: clamp(16px, 2.4vh, 26px); }
.nv-hero.nv-plein h1:has(.nv-affiche-mot--plein) { max-width: none; }
.nv-hero.nv-plein .nv-btn-ligne { color: var(--nv-sur-sombre); border-color: color-mix(in srgb, var(--nv-sur-sombre) 62%, transparent); }
.nv-hero.nv-plein .nv-btn-ligne:hover { background: var(--nv-sur-sombre); color: var(--nv-sombre); border-color: var(--nv-sur-sombre); }
.nv-hero.nv-plein .nv-cah-mi-mot { font-size: clamp(44px, 7.5vw, 128px); line-height: .95; letter-spacing: -.02em; max-width: 12ch; word-break: normal; overflow: visible; background: none; -webkit-text-fill-color: currentColor; color: var(--nv-sur-sombre); }
.nv-hero.nv-plein.nv-media-injecte::before, .nv-hero.nv-plein.nv-media-injecte::after { content: none !important; }
.nv-hero.nv-plein .nv-chapo, .nv-hero.nv-plein .nv-lede {
max-width: 46ch; color: rgba(248, 245, 239, .84); font-size: clamp(15px, 1.15vw, 17.5px); margin-bottom: clamp(22px, 3.6vh, 34px);
}
.nv-hero.nv-plein .nv-sur {
display: flex; align-items: center; gap: 14px;
font-size: 11px; letter-spacing: .28em; text-transform: uppercase; color: rgba(248, 245, 239, .8); margin-bottom: 22px;
}
.nv-hero.nv-plein .nv-sur::before { content: ""; width: 46px; height: 1px; background: var(--nv-accent); flex: none; }
.nv-hero.nv-plein .nv-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.nv-hero.nv-plein > *:not(.nv-hero-media) :is(h1, h2, h3, p, span, em, strong, li, a:not(.nv-btn), [class*="-mot"], [class*="-titre"], [class*="-t"], [class*="-sub"], [class*="-sur"], [class*="-lede"], [class*="-chapo"]):not(.nv-btn):not(.nv-btn *) { color: var(--nv-sur-sombre); -webkit-text-fill-color: currentColor; }
@keyframes nv-hero-secours { to { opacity: 1; transform: none; } }
.nv-hero.nv-plein > .nv-hero-media > img[data-nv-mv="fig"]:not([data-nv-in]) { animation: nv-hero-secours 1ms linear 1.2s forwards; }
.nv-hero.nv-fond-photo { position: relative; isolation: isolate; }
.nv-hero.nv-fond-photo::before {
content: ""; position: absolute; inset: 0; z-index: -2;
background-image: var(--nv-fond-photo);
background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;
}
.nv-hero.nv-fond-photo::after {
content: ""; position: absolute; inset: 0; z-index: -1;
background:
linear-gradient(to right, rgba(6, 10, 14, .72) 0%, rgba(6, 10, 14, .38) 45%, rgba(6, 10, 14, .12) 75%),
linear-gradient(to top, rgba(6, 10, 14, .62) 0%, rgba(6, 10, 14, 0) 42%);
}
.nv-hero.nv-fond-photo,
.nv-hero.nv-fond-photo :is(h1, h2, p, .nv-display, .nv-chapo, .nv-sur, .nv-affiche-mot) { color: var(--nv-sur-sombre); }