:root {
--nv-papier: #f8f4f4;
--nv-papier-2: #ece6e4;
--nv-encre: #261716;
--nv-encre-2: #6e6063;
--nv-accent: #b65d2b;
--nv-accent-txt: #9d5025;
--nv-accent-sombre: #bd6d40;
--nv-filet: #d1beb6;
--nv-sombre: #150e0d;
--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: 'Petrona', Georgia, "Times New Roman", serif;
--nv-corps: 'Familjen Grotesk', system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
--nv-accent-2: #0872c4;
--nv-accent-2-txt: #076ab6;
--nv-tendre-fond: #e9e1dd;
--nv-tendre-fond-2: #e0d0c7;
--nv-tendre-encre: #261716;
--nv-tendre-encre-2: #615654;
--nv-tendre-accent: #884520;
--nv-tendre-filet: #c2b9b5;
--nv-acc-fond: #a15226;
--nv-acc-fond-2: #914a22;
--nv-acc-encre: #f7f7f6;
--nv-acc-encre-2: #f1e7e2;
--nv-acc-accent: #f7f7f6;
--nv-acc-filet: #b98060;
--nv-som-fond: #150e0d;
--nv-som-fond-2: #241e1d;
--nv-som-encre: #f2f1f0;
--nv-som-encre-2: #b0adac;
--nv-som-accent: #c47c53;
--nv-som-filet: #46403f;
--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: #6d6261;
--nv-monte-fond: #f8f4f4;
--nv-monte-encre: #261716;
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); }
}
.nv-tete { background: var(--nv-papier-2); border-bottom: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-marque { font-family: var(--nv-titre); letter-spacing: 0; }
.nv-nav a { text-transform: uppercase; letter-spacing: var(--nv-suivi-caps); }
.nv-tete-tel { border-bottom-color: var(--nv-accent-txt); }
@media (min-width: 761px) {
.nv-tete-in { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; row-gap: var(--nv-e1); padding-block: var(--nv-e2) 0; }
.nv-marque { grid-column: 2; grid-row: 1; justify-self: center; font-size: var(--nv-t4); }
.nv-tete-tel { grid-column: 3; grid-row: 1; justify-self: end; }
.nv-nav { grid-column: 1 / -1; grid-row: 2; justify-content: center; gap: var(--nv-e5);
border-top: var(--nv-filet-ep) solid var(--nv-filet); }
}
.nv-hero { position: relative; background: var(--nv-papier);
padding-block: var(--nv-e4) var(--nv-e5); overflow: hidden; --nv-mot-k: 1.35; }
.nv-hero-in { display: grid; gap: var(--nv-e3); align-items: start; }
.nv-etal-kicker { margin-bottom: 0; }
.nv-etal-h1 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 var(--nv-e3);
font-family: var(--nv-titre); font-weight: 500; font-size: var(--nv-t5);
line-height: var(--nv-lh-titre); letter-spacing: var(--nv-suivi-display); margin: 0; }
.nv-etal-mot {
display: inline-block;
padding-top: 0.16em;
font-size: min(var(--nv-t8), calc((min(100vw, var(--nv-maxw)) - 2 * var(--nv-gout)) * var(--nv-mot-k) / var(--nv-mot-n, 6)));
line-height: var(--nv-lh-display);
letter-spacing: var(--nv-suivi-display);
text-transform: uppercase;
font-variation-settings: "SOFT" 40, "WONK" 1;
}
.nv-etal-rule { flex: 1 1 60px; height: var(--nv-filet-ep); background: var(--nv-encre); }
.nv-etal-titre { flex: 1 0 100%; max-width: 26ch; margin-top: var(--nv-e3);
padding-top: var(--nv-e3); border-top: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-etal-sub { color: var(--nv-encre-2); }
.nv-hero .nv-actions { margin-top: var(--nv-e3); }
.nv-hero-media { position: relative; }
.nv-hero-media > img { width: 100%; height: auto; object-fit: cover; object-position: var(--nv-cadrage, 50% 50%); aspect-ratio: 2 / 1; }
.nv-hero-etalaffiche { padding-block: var(--nv-e5) var(--nv-e6); }
.nv-hero-etalaffiche .nv-etal-af-in { display: grid; gap: var(--nv-e4); align-items: center; }
.nv-hero-etalaffiche .nv-etal-af-txt { min-width: 0; }
.nv-hero-etalaffiche .nv-etal-af-h1 {
display: block;
margin: var(--nv-e2) 0 0;
font-family: var(--nv-titre);
font-weight: 700;
font-size: clamp(2.4rem, calc(10vw + 0.2rem), 6.2rem);
line-height: 0.94;
letter-spacing: var(--nv-suivi-display);
font-variation-settings: "SOFT" 40, "WONK" 1;
}
.nv-hero-etalaffiche .nv-etal-af-h1 span { display: block; }
.nv-hero-etalaffiche .nv-etal-af-h1 span:nth-child(2) { color: var(--nv-encre-2); }
.nv-hero-etalaffiche .nv-etal-af-dit {
margin-top: var(--nv-e3);
padding-top: var(--nv-e3);
border-top: var(--nv-filet-ep) solid var(--nv-filet-fort);
font-family: var(--nv-titre);
font-size: var(--nv-t3);
max-width: 30ch;
}
.nv-hero-etalaffiche .nv-etal-sub { margin-top: var(--nv-e2); max-width: 42ch; }
.nv-hero-etalaffiche .nv-etal-af-fig {
position: relative;
grid-area: auto;
align-self: center;
}
.nv-hero-etalaffiche .nv-etal-af-fig > img {
width: 100%;
height: auto;
min-height: 0;
object-fit: cover;
}
.nv-hero-etalaffiche [data-nv-badges] {
position: absolute;
right: var(--nv-gout);
bottom: var(--nv-e4);
z-index: 2;
}
@media (min-width: 900px) {
.nv-hero-etalaffiche .nv-etal-af-in { grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr); gap: var(--nv-e6); }
.nv-hero-etalaffiche .nv-etal-af-fig {
width: calc(100% + 13vw);
margin-right: -13vw;
margin-block: calc(-1 * var(--nv-e7));
}
.nv-hero-etalaffiche .nv-etal-af-fig > img { aspect-ratio: 5 / 6; max-height: 760px; }
.nv-hero-etalaffiche .nv-etal-af-h1 { font-size: clamp(3rem, 6vw, 6.2rem); }
}
@media (max-width: 899px) {
.nv-hero-etalaffiche .nv-etal-af-fig { width: calc(100% + 9vw); margin-right: -9vw; }
.nv-hero-etalaffiche .nv-etal-af-fig > img { aspect-ratio: 16 / 10; max-height: 260px; }
.nv-hero-etalaffiche [data-nv-badges] { right: var(--nv-e2); bottom: var(--nv-e2); }
}
.nv-collage { display: grid; gap: var(--nv-e3); }
.nv-collage-c { margin: 0; background: var(--nv-papier-2); padding: var(--nv-e1);
border: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-collage-c img { aspect-ratio: 3 / 2; object-fit: cover; object-position: var(--nv-cadrage, 50% 50%); width: 100%; }
.nv-collage-2, .nv-collage-3 { display: none; }
.nv-etal-ruban { padding-block: var(--nv-e3); }
.nv-etal-ruban-l { display: flex; flex-wrap: wrap; gap: var(--nv-e2) 0; }
.nv-etal-ruban-l li { font-size: var(--nv-t1); text-transform: uppercase;
letter-spacing: var(--nv-suivi-caps); padding-inline: var(--nv-e4);
border-left: var(--nv-filet-ep) solid var(--nv-accent-sombre); }
.nv-etal-ruban-l li:first-child { padding-left: 0; border-left: 0; }
.nv-etal { padding-block: var(--nv-e4); background: var(--nv-papier); }
.nv-etal-in { display: grid; gap: var(--nv-e3) var(--nv-e5); align-items: start; }
.nv-etal-h2 { font-size: var(--nv-t5); margin-bottom: var(--nv-e2); }
.nv-etal-rayons { display: flex; flex-wrap: wrap; gap: 0 var(--nv-e3); margin-bottom: var(--nv-e3); }
.nv-etal-rayons a { display: inline-flex; align-items: center; min-height: 44px;
font-size: var(--nv-t1); font-weight: 600; text-transform: uppercase;
letter-spacing: var(--nv-suivi-caps); text-decoration: none; color: var(--nv-encre-2);
border-bottom: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-etal-rayons a:hover { color: var(--nv-accent-txt); border-color: var(--nv-accent-txt); }
.nv-etal-h2b, .nv-etal-h2c { font-size: var(--nv-t5); }
.nv-etal-fig { background: var(--nv-sur-sombre); padding: var(--nv-e1); }
.nv-etal-fig img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; object-position: var(--nv-cadrage, 50% 50%); }
.nv-etal-txt { display: flex; flex-direction: column; gap: var(--nv-e2); }
.nv-etal-num { font-size: var(--nv-t1); letter-spacing: var(--nv-suivi-caps);
text-transform: uppercase; color: var(--nv-accent-txt); }
.nv-etal-num span { color: var(--nv-encre-2); }
.nv-etal-nom { font-size: var(--nv-t4); font-variation-settings: "SOFT" 30, "WONK" 1; }
.nv-etal-ligne { display: flex; align-items: baseline; gap: var(--nv-e2);
padding-block: var(--nv-e2); border-top: var(--nv-filet-ep) solid var(--nv-filet-fort);
border-bottom: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-etal-cond { font-size: var(--nv-t1); text-transform: uppercase; letter-spacing: var(--nv-suivi-caps); color: var(--nv-encre-2); }
.nv-etal-lead { flex: 1 1 auto; height: var(--nv-filet-ep); background: var(--nv-filet-fort); }
.nv-etal-prix { font-size: var(--nv-t3); font-weight: 600; white-space: nowrap; color: var(--nv-accent-txt); }
.nv-etal-meta { padding-left: var(--nv-e3); border-left: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-etal .nv-mention-prix { margin-top: var(--nv-e2); }
.nv-etal-typo .nv-etal-nom { font-size: var(--nv-t5); }
.nv-etal-recit { padding-block: var(--nv-e5); background: var(--nv-papier); }
.nv-etal-recit-in { display: grid; gap: var(--nv-e5); align-items: start; }
.nv-etal-recit-fig img { max-height: 380px; }
.nv-diff { margin-top: var(--nv-e4); padding-left: var(--nv-e3); border-left: 2px solid var(--nv-accent); }
.nv-diff b { display: block; font-family: var(--nv-titre); font-size: var(--nv-t4); line-height: var(--nv-lh-titre); }
.nv-diff a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none;
border-bottom: var(--nv-filet-ep) solid var(--nv-accent-txt); }
.nv-etal-comptoir { padding-block: var(--nv-e5); }
.nv-etal-liste { display: grid; gap: var(--nv-e4); margin-top: var(--nv-e4); }
.nv-etal-liste li { padding-top: var(--nv-e3); border-top: 2px solid var(--nv-encre); }
.nv-etal-liste h3 { margin-block: var(--nv-e1); font-size: var(--nv-t4); }
.nv-etal-rail { padding-block: var(--nv-e4); background: var(--nv-papier); }
.nv-etal-rail-l { 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); scrollbar-width: none; }
.nv-etal-rail-l::-webkit-scrollbar { display: none; }
.nv-etal-rail-l > li { flex: 0 0 min(78vw, 420px); scroll-snap-align: start; }
.nv-etal-rail-l > li:last-child { padding-right: var(--nv-e3); }
.nv-etal-rail-l img { aspect-ratio: 3 / 2; max-height: 260px; }
.nv-etal-rail-l figcaption b { display: block; font-family: var(--nv-titre);
font-size: var(--nv-t2); color: var(--nv-encre); }
.nv-etal-signe { padding-block: var(--nv-e5); border-block: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-signe-in { display: grid; gap: var(--nv-e4); }
.nv-signe-txt > * + * { margin-top: var(--nv-e2); }
.nv-signe-rose { position: relative; align-self: center;
padding: var(--nv-e4) var(--nv-e3);
border: var(--nv-filet-ep) solid var(--nv-filet-fort);
text-align: center; }
.nv-signe-ici { margin: 0 0 var(--nv-e2);
font-family: var(--nv-titre); font-size: var(--nv-t5);
line-height: var(--nv-lh-display); letter-spacing: var(--nv-suivi-display);
color: var(--nv-encre); }
.nv-signe-ici::after { content: ""; display: block; width: 34px; height: 2px;
margin: var(--nv-e2) auto 0; background: var(--nv-accent-txt); }
.nv-signe-l { list-style: none; margin: 0; padding: 0;
display: flex; flex-wrap: wrap; justify-content: center;
column-gap: var(--nv-e3); row-gap: var(--nv-e1); }
.nv-signe-l span { font-size: var(--nv-t1); text-transform: uppercase;
letter-spacing: var(--nv-suivi-caps); color: var(--nv-encre-2); }
.nv-etiq-l { list-style: none; margin: var(--nv-e3) 0 0; padding: 0;
display: grid; gap: var(--nv-filet-ep);
grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
background: var(--nv-filet); border: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-etiq a { display: block; min-height: 44px; padding: var(--nv-e3);
background: var(--nv-papier); color: var(--nv-encre); text-decoration: none;
border-left: 3px solid var(--nv-accent-txt); }
.nv-etiq a:hover { background: var(--nv-papier-2); }
.nv-etiq-nom { display: block; font-family: var(--nv-titre);
font-size: var(--nv-t3); line-height: var(--nv-lh-titre); }
.nv-etiq-n { display: block; margin-top: var(--nv-e1);
font-size: var(--nv-t1); text-transform: uppercase;
letter-spacing: var(--nv-suivi-caps); color: var(--nv-encre-2); }
.nv-etiq-prix { display: block; margin-top: var(--nv-e2);
font-family: var(--nv-titre); font-size: var(--nv-t2);
color: var(--nv-accent-txt); }
.nv-etal-signe .nv-mention-prix { margin-top: var(--nv-e3); }
@media (min-width: 761px) {
.nv-signe-in { grid-template-columns: 1.15fr 0.85fr; align-items: center; column-gap: var(--nv-e6); }
}
.nv-etal-preuve { padding-block: var(--nv-e5); border-block: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-etal-preuve-l { display: flex; flex-wrap: wrap; gap: var(--nv-e6); }
.nv-etal-preuve-i b { display: block; font-family: var(--nv-titre); font-size: var(--nv-t5); line-height: var(--nv-lh-titre); }
.nv-etal-lieu { padding-block: var(--nv-e4); background: var(--nv-papier-2); }
.nv-etal-lieu-in { display: grid; gap: var(--nv-e5); align-items: start; }
.nv-etal-lieu-fig img { aspect-ratio: 3 / 2; max-height: 330px; }
.nv-etal-lieu .nv-defs { margin-top: var(--nv-e4); }
@media (max-width: 760px) {
.nv-etal-lieu-photo { height: 0; overflow: hidden; }
.nv-etal-lieu-in { row-gap: 0; }
.nv-etal-lieu.nv-bande { padding-block: var(--nv-e3); }
.nv-etal-lieu .nv-h2 { font-size: var(--nv-t4); }
.nv-etal-lieu .nv-defs { margin-top: var(--nv-e2); gap: var(--nv-e1); }
.nv-etal-lieu .nv-defs > div { padding-block: var(--nv-e1); }
.nv-etal-lieu .nv-actions { margin-top: var(--nv-e3); gap: var(--nv-e2); }
}
.nv-etal-appel { padding-block: var(--nv-e4); }
.nv-etal-appel-in { display: grid; gap: var(--nv-e4); align-items: end; }
.nv-etal-tel { font-family: var(--nv-titre); font-size: var(--nv-t3); letter-spacing: 0; }
.nv-etal-ptete { padding-block: var(--nv-e6) var(--nv-e4); background: var(--nv-papier-2);
border-bottom: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-etal-ph1 { font-family: var(--nv-titre); font-weight: 500; font-size: var(--nv-t6);
line-height: var(--nv-lh-titre); letter-spacing: var(--nv-suivi-display); }
.nv-etal-intro { padding-block: var(--nv-e5); }
.nv-etal-ancres { display: flex; flex-wrap: wrap; gap: var(--nv-e3) var(--nv-e4); margin-top: var(--nv-e3); }
.nv-etal-ancres a { display: inline-flex; align-items: center; min-height: 44px;
font-size: var(--nv-t1); font-weight: 600; text-transform: uppercase;
letter-spacing: var(--nv-suivi-caps); text-decoration: none;
border-bottom: 2px solid var(--nv-accent-txt); }
.nv-etal-cat { padding-block: var(--nv-e5); }
.nv-etal-cat:nth-of-type(even) { background: var(--nv-papier-2); }
.nv-etal-cat-fig { margin-bottom: var(--nv-e4); }
.nv-etal-cat-fig img { width: 100%; aspect-ratio: 21 / 9; max-height: 380px; object-fit: cover; object-position: var(--nv-cadrage, 50% 50%); }
.nv-etal-bloc { padding-block: var(--nv-e5); }
.nv-etal-texte { padding-block: var(--nv-e6); }
.nv-etal-texte h2 { margin-top: var(--nv-e5); }
.nv-etal-texte .nv-defs li { padding-block: var(--nv-e2); border-top: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-etal-faq { padding-block: var(--nv-e6); background: var(--nv-papier-2); }
.nv-etal-faq .nv-lisible, .nv-etal-texte .nv-lisible { margin-inline: 0; }
.nv-defs > div { align-items: baseline; }
.nv-faq { border-top: var(--nv-filet-ep) solid var(--nv-filet-fort); padding-block: var(--nv-e3); }
.nv-faq[open] summary { color: var(--nv-accent-txt); }
.nv-faq summary { display: flex; align-items: center; min-height: 44px;
font-family: var(--nv-titre); font-size: var(--nv-t3); cursor: pointer; }
.nv-faq p { margin-top: var(--nv-e2); }
.nv-etal-contact { display: grid; gap: var(--nv-e5); padding-block: var(--nv-e6); }
.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: 600; 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-filet-fort); border-radius: var(--nv-rayon); }
.nv-form .nv-mini { margin-top: var(--nv-e2); }
.nv-etal-outil { padding-block: var(--nv-e6); }
.nv-outil { display: grid; gap: var(--nv-e5); margin-block: var(--nv-e5); }
.nv-etape { padding-block: var(--nv-e3); border-top: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-etape h3 { font-size: var(--nv-t3); margin-bottom: var(--nv-e2); }
.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-size: var(--nv-t4); font-family: var(--nv-titre); }
.nv-puces { display: flex; flex-wrap: wrap; gap: var(--nv-e2); }
.nv-puce { min-height: 48px; padding-inline: var(--nv-e3); font-size: var(--nv-t2); font-weight: 600;
background: var(--nv-papier-2); color: var(--nv-encre);
border: var(--nv-filet-ep) solid var(--nv-filet-fort); border-radius: var(--nv-rayon); }
.nv-puce.on { background: var(--nv-accent-txt); color: var(--nv-papier); border-color: var(--nv-accent-txt); }
.nv-outil-verdict { padding-top: var(--nv-e4); border-top: 2px solid var(--nv-encre); }
.nv-verdict { padding-block: var(--nv-e3); border-top: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-verdict b { font-family: var(--nv-titre); font-size: var(--nv-t4); display: block; }
@media (min-width: 761px) {
.nv-hero { padding-block: var(--nv-e5) var(--nv-e6); --nv-mot-k: 0.90; }
.nv-hero-in { grid-template-columns: minmax(0, 1fr) minmax(0, 0.66fr);
column-gap: var(--nv-e6); row-gap: var(--nv-e2);
grid-template-areas: "kick media" "mot media" "txt media"; }
.nv-etal-kicker { grid-area: kick; }
.nv-etal-h1 { grid-area: mot; }
.nv-hero-txt { grid-area: txt; }
.nv-hero-media { grid-area: media; align-self: stretch; }
.nv-hero-media > img { aspect-ratio: 4 / 5; height: 100%; min-height: 360px; max-height: 620px; }
.nv-hero-large, .nv-hero-nu { --nv-mot-k: 1.35; }
.nv-hero-large .nv-hero-in { grid-template-areas: "kick kick" "mot mot" "txt media"; }
.nv-hero-large.nv-hero-collage .nv-hero-in { grid-template-columns: minmax(0, 0.86fr) minmax(0, 1fr); }
.nv-hero-large { padding-bottom: var(--nv-e5); }
.nv-hero-large .nv-hero-media > img { aspect-ratio: 3 / 2; height: auto; min-height: 0; max-height: 360px; }
.nv-hero-large .nv-etal-titre { border-top: 0; padding-top: 0; margin-top: var(--nv-e2); }
.nv-hero-nu .nv-hero-in { grid-template-columns: minmax(0, 1fr);
grid-template-areas: "kick" "mot" "txt"; }
.nv-collage { grid-template-columns: 1fr 1fr; align-items: start; }
.nv-collage-2, .nv-collage-3 { display: block; background-image: var(--nv-fond);
background-size: cover; background-position: var(--nv-cadrage, 50% 50%);
background-clip: content-box; background-origin: content-box; }
.nv-collage-1 { grid-column: 1 / -1; transform: rotate(-0.8deg); }
.nv-collage-2 { transform: rotate(1.2deg); margin-top: var(--nv-e2); }
.nv-collage-3 { transform: rotate(-1.4deg); margin-top: var(--nv-e4); }
.nv-collage-1 img { aspect-ratio: 3 / 2; max-height: 320px; }
.nv-collage-2, .nv-collage-3 { aspect-ratio: 4 / 3; }
.nv-hero:not(.nv-hero-large) .nv-collage-2p { grid-template-columns: 1fr; }
.nv-hero:not(.nv-hero-large) .nv-collage-2p .nv-collage-1 { margin-right: var(--nv-e5); }
.nv-hero:not(.nv-hero-large) .nv-collage-2p .nv-collage-2 { margin-left: var(--nv-e5); margin-top: 0; }
.nv-collage-2p .nv-collage-1 { grid-column: 1; }
.nv-collage-2p .nv-collage-1 img { aspect-ratio: 4 / 3; max-height: none; }
.nv-collage-2p .nv-collage-2 { margin-top: var(--nv-e5); }
.nv-etal { padding-block: var(--nv-e5); }
.nv-etal-in { grid-template-columns: var(--nv-etal-fig, 54%) 1fr; }
.nv-etal-droite .nv-etal-in { grid-template-columns: 1fr var(--nv-etal-fig, 54%); }
.nv-etal-droite .nv-etal-fig { order: 2; }
.nv-etal-droite .nv-etal-txt { order: 1; }
.nv-etal-fig img { max-height: 400px; }
.nv-etal-court .nv-etal-in { grid-template-columns: 46% 1fr; }
.nv-etal-court.nv-etal-droite .nv-etal-in { grid-template-columns: 1fr 46%; }
.nv-etal-court .nv-etal-fig img { aspect-ratio: 16 / 9; max-height: 300px; }
.nv-etal-1 .nv-etal-in { grid-template-columns: 44% 1fr; }
.nv-etal-1.nv-etal-droite .nv-etal-in { grid-template-columns: 1fr 44%; }
.nv-etal-1 .nv-etal-txt { gap: var(--nv-e1); }
.nv-etal-typo .nv-etal-in { grid-template-columns: 1fr; }
.nv-etal-typo .nv-etal-txt { display: grid; grid-template-columns: 1fr 1fr; gap: var(--nv-e2) var(--nv-e6); align-items: start; }
.nv-etal-typo .nv-etal-num, .nv-etal-typo .nv-etal-nom, .nv-etal-typo .nv-etal-ligne { grid-column: 1 / -1; }
.nv-etal-recit-in { grid-template-columns: 1.25fr 0.75fr; }
.nv-etal-recit-seul .nv-etal-recit-in { grid-template-columns: 1fr; }
.nv-etal-inv .nv-etal-recit-txt { order: 2; }
.nv-etal-inv .nv-etal-recit-fig { order: 1; }
.nv-etal-liste { grid-template-columns: repeat(3, 1fr); gap: var(--nv-e5); }
.nv-etal-l2 { margin-top: var(--nv-e4); }
.nv-etal-l3 { margin-top: var(--nv-e6); }
.nv-etal-lieu-in { grid-template-columns: 1fr 0.62fr; }
.nv-etal-appel-in { grid-template-columns: 1.3fr auto; }
.nv-etal-contact { grid-template-columns: 0.8fr 1fr; }
.nv-etal-rail-l > li { flex-basis: min(30vw, 420px); }
}
@media (max-width: 760px) {
.nv-tete-tel { display: none; }
.nv-nav { padding-right: var(--nv-e4); gap: var(--nv-e3); }
.nv-marque { justify-content: center; }
.nv-etal-titre { max-width: none; }
.nv-hero-media > img { aspect-ratio: 2 / 1; max-height: 210px; min-height: 0; }
.nv-etal-fig img, .nv-etal-lieu-fig img { aspect-ratio: 4 / 3; max-height: 300px; }
.nv-etal-recit-fig img { aspect-ratio: 4 / 3; max-height: 300px; }
.nv-etal-h2, .nv-etal-h2c, .nv-etal-ph1 { font-size: var(--nv-t5); }
.nv-hero .nv-actions .nv-btn { flex: 1 1 100%; }
.nv-etal-liste li { padding-top: var(--nv-e2); }
.nv-collage-1 img { aspect-ratio: 3 / 2; }
}
img[data-nv-stock], .nv-collage-c[data-nv-stock] {
filter: grayscale(0.30) sepia(0.28) saturate(0.82) contrast(1.05);
}
@media (prefers-reduced-motion: no-preference) {
img[data-nv-stock] { transition: filter var(--nv-d3) var(--nv-c); }
}
.nv-etal-prix, .nv-tarif-prix {
font-family: var(--nv-titre);
font-weight: 600;
font-variant-numeric: tabular-nums;
letter-spacing: 0;
}
.nv-tarif-prix { font-size: var(--nv-t3); color: var(--nv-accent-txt); }
.nv-tarif-ill { grid-template-columns: 76px minmax(0, 1fr) auto; align-items: center; }
.nv-tarif-fig { grid-row: 1 / span 2; align-self: start; background: var(--nv-sur-sombre); padding: 3px; }
.nv-tarif-fig img { display: block; width: 100%; aspect-ratio: 1 / 1;
object-fit: cover; object-position: var(--nv-cadrage, 50% 50%); }
.nv-tarif-ill .nv-tarif-desc { grid-column: 2 / -1; }
.nv-plaque { display: block; margin: 0; padding: var(--nv-e5) var(--nv-e4);
background: var(--nv-papier-2); color: var(--nv-encre);
border: var(--nv-filet-ep) solid var(--nv-encre); text-decoration: none; }
.nv-plaque-sur { display: block; font-size: var(--nv-t1); font-weight: 600;
text-transform: uppercase; letter-spacing: var(--nv-suivi-caps); color: var(--nv-accent-txt); }
.nv-plaque-ville { display: block; font-family: var(--nv-titre); font-size: var(--nv-t6);
line-height: var(--nv-lh-display); letter-spacing: var(--nv-suivi-display); }
.nv-plaque-note { display: block; margin-top: var(--nv-e2); font-size: var(--nv-t1); color: var(--nv-encre-2); }
.nv-plaque-go { display: inline-flex; align-items: center; min-height: 44px; margin-top: var(--nv-e2);
font-size: var(--nv-t1); font-weight: 600; text-transform: uppercase;
letter-spacing: var(--nv-suivi-caps); border-bottom: 2px solid var(--nv-accent-txt); }
a.nv-plaque:hover .nv-plaque-go { color: var(--nv-accent-txt); }
.nv-etal-lieu-faq { align-self: start; }
.nv-etal-lieu-faq .nv-h2 { font-size: var(--nv-t4); margin-bottom: var(--nv-e2); }
.nv-mini { font-size: var(--nv-t1); }
.nv-mini a { display: inline-block; padding-block: 12px; }
body[data-page="produit"] .crumbs, body[data-page="panier"] .crumbs {
font-size: 14px; letter-spacing: 0.1em; padding-block: 10px;
}
body[data-page="produit"] .crumbs a, body[data-page="panier"] .crumbs a,
body[data-page="produit"] .crumbs span, body[data-page="panier"] .crumbs span {
display: inline-flex; align-items: center; min-height: 44px;
}
body[data-page="produit"] .eyebrow, body[data-page="panier"] .eyebrow,
body[data-page="produit"] .small, body[data-page="panier"] .small,
body[data-page="produit"] .meta, body[data-page="panier"] .meta,
body[data-page="produit"] .figure-cap, body[data-page="produit"] .prod-maison {
font-size: 14px;
}
body[data-page="produit"] .btn, body[data-page="panier"] .btn,
body[data-page="produit"] .btn span, body[data-page="panier"] .btn span {
font-size: 14px; letter-spacing: 0.12em;
}
@media (max-width: 760px) {
.nv-nav { gap: 14px; padding-right: var(--nv-e5);
-webkit-mask-image: linear-gradient(to right, currentColor 0, currentColor calc(100% - 48px), transparent 100%);
mask-image: linear-gradient(to right, currentColor 0, currentColor calc(100% - 48px), transparent 100%); }
.nv-etal-rule { display: none; }
.nv-hero .nv-hero-act .nv-btn + .nv-btn { flex: 1 1 38%; }
.nv-tarif-ill { grid-template-columns: 60px minmax(0, 1fr) auto; }
}
@media (min-width: 761px) {
.nv-etal-typo .nv-sur,
.nv-etal-typo .nv-etal-h2,
.nv-etal-typo .nv-etal-rayons,
.nv-etal-typo .nv-mention-prix,
.nv-etal-typo .nv-actions { grid-column: 1 / -1; }
}
@media (min-width: 1100px) {
.nv-etal-recit-seul .nv-etal-recit-txt,
.nv-etal-texte .nv-lisible { max-width: 74ch; }
.nv-etal-recit-seul .nv-etal-recit-txt {
display: grid; grid-template-columns: 0.8fr 1.2fr;
column-gap: var(--nv-e6); align-items: start; max-width: none;
}
.nv-etal-recit-seul .nv-etal-recit-txt > .nv-sur { grid-column: 1; grid-row: 1; }
.nv-etal-recit-seul .nv-etal-recit-txt > .nv-h2 { grid-column: 1; grid-row: 2; margin-top: var(--nv-e2); }
.nv-etal-recit-seul .nv-etal-recit-txt > :not(.nv-sur):not(.nv-h2) { grid-column: 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; }
}
:root { --nv-etal-fig: 62%; }
.nv-etal { padding-block: var(--nv-e4); }
.nv-etal-recit, .nv-etal-comptoir { padding-block: var(--nv-e5); }
.nv-etal-lieu { padding-block: var(--nv-e4); }
.nv-etal-nom { font-size: var(--nv-t5); }
@media (min-width: 761px) {
.nv-etal-in { column-gap: var(--nv-e6); align-items: center; }
.nv-etal-fig img { aspect-ratio: 4 / 3; max-height: 420px; }
.nv-etal-rail-l > li { flex-basis: min(38vw, 520px); }
.nv-etal-recit-in { grid-template-columns: 1fr 0.62fr; }
.nv-etal-lieu-in { grid-template-columns: 1fr 1fr; }
}
.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: 2;
--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, 7.8s) 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, 26s); }
:root.nv-cine img.m-cinema-kb {
animation: m-cine-kb var(--cine-kb, 26s) 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.1deg));
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: 26s;
--cine-resp: 7.8s;
--cine-ang: 0.1deg;
--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.86' numOctaves='2' stitchTiles='stitch' seed='45'/%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: "ed"; }
[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); }
:root { --nv-sc-on: 1; --nv-sc-m: 0 100% 0 0; --nv-sc-max: 7000; }
.nv-sc {
position: relative;
height: var(--nv-sc-h, 240vh);
padding-block: 0;
}
.nv-sc-suite { padding-block: var(--nv-e2) var(--nv-e4); }
.nv-sc-suite:empty { display: none; }
.nv-sc-colle {
position: sticky;
top: 0;
height: 100vh;
display: grid;
grid-template-columns: minmax(260px, 33%) 1fr;
gap: var(--nv-gout);
padding: calc(var(--nv-tete-h) + var(--nv-e4)) var(--nv-gout) var(--nv-e6);
overflow: hidden;
}
.nv-sc-tx { align-self: center; max-width: var(--nv-lisible); }
.nv-sc-tx > * + * { margin-top: var(--nv-e3); }
.nv-sc-vue { position: relative; min-height: 0; }
.nv-sc-im {
position: absolute; inset: 0; margin: 0;
z-index: var(--nv-sc-i, 0);
clip-path: none;
opacity: 0;
transform: scale(1.03);
}
.nv-sc-im[data-nv-vu] {
opacity: 1; transform: none;
transition: opacity 520ms var(--nv-mv-e, cubic-bezier(.2, .7, .2, 1)),
transform 820ms var(--nv-mv-e, cubic-bezier(.2, .7, .2, 1));
}
.nv-sc-im figcaption { display: none; }
.nv-sc-lg { display: grid; }
.nv-sc-lg > * {
grid-area: 1 / 1;
opacity: 0;
transform: translate3d(0, 14px, 0);
color: var(--nv-encre-2);
font-size: var(--nv-t2);
}
.nv-sc-lg > *[data-nv-vu] {
opacity: 1;
transform: none;
transition: opacity 420ms var(--nv-mv-e, cubic-bezier(.2, .7, .2, 1)),
transform 420ms var(--nv-mv-e, cubic-bezier(.2, .7, .2, 1));
}
.nv-sombre .nv-sc-lg > * { color: var(--nv-sur-sombre); }
.nv-sc-n {
font-family: var(--nv-corps);
font-size: var(--nv-t1);
letter-spacing: var(--nv-suivi-caps);
font-variant-numeric: tabular-nums;
color: var(--nv-accent-txt);
}
.nv-sombre .nv-sc-n { color: var(--nv-accent-sombre); }
.nv-sc-j {
position: absolute; left: 0; width: 1px;
visibility: hidden; pointer-events: none;
}
@media (max-width: 859px) {
.nv-sc { height: auto; padding-block: var(--nv-e6); }
.nv-sc-colle { position: static; height: auto; grid-template-columns: 1fr; }
.nv-sc-vue { height: min(56vh, 420px); }
}
@media (prefers-reduced-motion: reduce) {
.nv-sc { height: auto !important; }
.nv-sc-colle { position: static !important; height: auto !important; overflow: visible !important; }
.nv-sc-im { clip-path: none !important; }
.nv-sc-lg > * { opacity: 1 !important; transform: none !important; }
.nv-sc-lg > *:not([data-nv-vu]) { display: none; }
}
@media print {
.nv-sc { height: auto !important; }
.nv-sc-colle { position: static !important; height: auto !important; }
.nv-sc-im { clip-path: none !important; }
}
.m-marquee-cinetique {
position: relative;
overflow: hidden;
padding-block: var(--nv-e4);
border-top: var(--nv-filet-ep) solid var(--nv-mq-filet);
border-bottom: var(--nv-filet-ep) solid var(--nv-mq-filet);
contain: layout paint;
--nv-mq-filet: color-mix(in oklab, var(--nv-sur-sombre) 22%, transparent);
}
.m-marquee-cinetique-rail { overflow: hidden; }
.m-marquee-cinetique-rail + .m-marquee-cinetique-rail { margin-top: var(--nv-e2); }
.m-marquee-cinetique-piste {
display: flex;
width: max-content;
transform: translate3d(0, 0, 0);
}
.m-marquee-cinetique-grp {
display: flex;
align-items: center;
gap: var(--nv-e5);
padding-right: var(--nv-e5);
}
.m-marquee-cinetique-grp > li {
display: flex;
align-items: center;
gap: var(--nv-e5);
white-space: nowrap;
}
.m-marquee-cinetique-grp > li::after {
content: "";
display: block;
width: 2px;
height: 0.72em;
background: currentColor;
transform: skewX(-18deg);
}
.m-marquee-cinetique-a .m-marquee-cinetique-grp {
font-family: var(--nv-titre);
font-size: var(--nv-t5);
font-weight: 500;
line-height: var(--nv-lh-display);
letter-spacing: var(--nv-suivi-display);
color: var(--nv-sur-sombre);
}
.m-marquee-cinetique-a .m-marquee-cinetique-grp > li:nth-child(2n) { color: var(--nv-accent-sombre); }
.m-marquee-cinetique-b .m-marquee-cinetique-grp {
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-sombre);
}
.m-marquee-cinetique-b .m-marquee-cinetique-grp > li::after { height: 0.62em; width: 1px; }
.m-marquee-cinetique-pause {
position: absolute;
top: 0; right: 0; bottom: 0;
width: 56px;
display: flex;
align-items: center;
justify-content: center;
background: var(--nv-sombre);
color: var(--nv-sur-sombre);
border-radius: var(--nv-rayon);
}
.m-marquee-cinetique-pause:hover { color: var(--nv-accent-sombre); }
.m-marquee-cinetique-pause::before {
content: "";
position: absolute;
top: 0; bottom: 0;
right: 100%;
width: 48px;
background: linear-gradient(to right, transparent, var(--nv-sombre));
pointer-events: none;
}
@media (max-width: 760px) {
.m-marquee-cinetique { padding-block: var(--nv-e3); }
.m-marquee-cinetique-grp { gap: var(--nv-e4); padding-right: var(--nv-e4); }
.m-marquee-cinetique-grp > li { gap: var(--nv-e4); }
.m-marquee-cinetique-pause { width: 48px; }
}
@media (prefers-reduced-motion: reduce) {
.m-marquee-cinetique-piste { transform: none !important; }
}
@supports (view-transition-name: none) {
@view-transition { navigation: auto; }
:root {
--m-transitions-page-courbe: var(--nv-c2);
--m-transitions-page-duree: var(--nv-d2);
--m-transitions-page-recul: 1.2%;
--m-transitions-page-avance: 3%;
}
.nv-tete { view-transition-name: m-transitions-page-tete; }
[data-barre] { view-transition-name: m-transitions-page-barre; }
::view-transition-old(m-transitions-page-tete),
::view-transition-new(m-transitions-page-tete),
::view-transition-old(m-transitions-page-barre),
::view-transition-new(m-transitions-page-barre) {
animation-duration: var(--nv-d1);
animation-timing-function: var(--nv-c);
}
::view-transition-old(root),
::view-transition-new(root) {
mix-blend-mode: normal;
}
::view-transition-old(root) {
z-index: 0;
animation: m-transitions-page-sortie var(--m-transitions-page-duree) var(--m-transitions-page-courbe) both;
}
::view-transition-new(root) {
z-index: 1;
animation: m-transitions-page-entree var(--m-transitions-page-duree) var(--m-transitions-page-courbe) both;
}
@keyframes m-transitions-page-entree {
from { clip-path: inset(0 0 0 100%); transform: translate3d(var(--m-transitions-page-avance), 0, 0); }
to   { clip-path: inset(0 0 0 0);    transform: translate3d(0, 0, 0); }
}
@keyframes m-transitions-page-sortie {
from { transform: translate3d(0, 0, 0); }
to   { transform: translate3d(calc(-1 * var(--m-transitions-page-recul)), 0, 0); }
}
@keyframes m-transitions-page-entree-arriere {
from { clip-path: inset(0 100% 0 0); transform: translate3d(calc(-1 * var(--m-transitions-page-avance)), 0, 0); }
to   { clip-path: inset(0 0 0 0);    transform: translate3d(0, 0, 0); }
}
@keyframes m-transitions-page-sortie-arriere {
from { transform: translate3d(0, 0, 0); }
to   { transform: translate3d(var(--m-transitions-page-recul), 0, 0); }
}
:root[data-nv-tp="arriere"]::view-transition-new(root) {
animation-name: m-transitions-page-entree-arriere;
}
:root[data-nv-tp="arriere"]::view-transition-old(root) {
animation-name: m-transitions-page-sortie-arriere;
}
@media (prefers-reduced-motion: reduce) {
::view-transition-group(*),
::view-transition-old(*),
::view-transition-new(*) {
animation: none !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); }