:root {
--nv-papier: #2f1d2c;
--nv-papier-2: #3d2639;
--nv-encre: #e8e3e2;
--nv-encre-2: #a9a8a3;
--nv-accent: #78366d;
--nv-accent-txt: #b088aa;
--nv-accent-sombre: #b894b3;
--nv-filet: #543c4f;
--nv-sombre: #110e10;
--nv-sur-sombre: #f1efef;
--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: 'Syne', system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
--nv-corps: 'Epilogue', system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
--nv-accent-2: #c27d3f;
--nv-accent-2-txt: #c88a52;
--nv-tendre-fond: #412a3d;
--nv-tendre-fond-2: #52304c;
--nv-tendre-encre: #e8e3e2;
--nv-tendre-encre-2: #afa4aa;
--nv-tendre-accent: #bf9fbb;
--nv-tendre-filet: #624f5e;
--nv-acc-fond: #78366d;
--nv-acc-fond-2: #6c3162;
--nv-acc-encre: #f7f5f5;
--nv-acc-encre-2: #d3c0cf;
--nv-acc-accent: #f7f5f5;
--nv-acc-filet: #9c6b93;
--nv-som-fond: #110e10;
--nv-som-fond-2: #211e20;
--nv-som-encre: #f1efef;
--nv-som-encre-2: #aeabac;
--nv-som-accent: #a77ba0;
--nv-som-filet: #424041;
--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: #5d5b5c;
--nv-monte-fond: #f1efef;
--nv-monte-encre: #110e10;
color-scheme: dark;
}
*, *::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-cah-sec { padding-block: var(--nv-e6); }
.nv-cah-sec + .nv-cah-sec,
.nv-cah-ruban + .nv-cah-sec,
.nv-cah-sec + .nv-cah-ruban { border-top: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-cah-grille { display: grid; grid-template-columns: 1fr; gap: var(--nv-e3); align-items: start; }
.nv-cah-grille > * { min-width: 0; }
.nv-cah-corps > * { max-width: 100%; }
.nv-cah-marge .nv-sur { margin-bottom: var(--nv-e0); }
.nv-cah-marge-n { display: none; }
.nv-cah-corps > .nv-h2 { margin-bottom: var(--nv-e4); }
.nv-cah-corps > .nv-h3, .nv-cah-corps > h3 { display: block; margin-top: var(--nv-e4); margin-bottom: var(--nv-e2); }
@media (min-width: 1040px) {
.nv-cah-grille { grid-template-columns: 180px minmax(0, 1fr); column-gap: var(--nv-e6); }
.nv-cah-marge {
position: sticky; top: calc(var(--nv-tete-h) + var(--nv-e4));
text-align: right;
padding-right: var(--nv-e4);
border-right: var(--nv-filet-ep) solid var(--nv-filet);
min-height: var(--nv-e6);
}
.nv-cah-marge-n { display: block; margin-top: var(--nv-e2); }
}
.nv-tete { background: var(--nv-papier); }
.nv-tete-in { align-items: center; }
.nv-marque { font-weight: 600; }
.nv-nav a { letter-spacing: 0.02em; }
.nv-tete-tel { border-bottom: 0; padding-inline: var(--nv-e2); border: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-tete-tel:hover { background: var(--nv-accent-txt); color: var(--nv-papier); border-color: var(--nv-accent-txt); }
.nv-pied { background: var(--nv-papier-2); color: var(--nv-encre); border-top: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-pied a { color: var(--nv-encre); }
.nv-pied a:hover { color: var(--nv-accent-txt); }
.nv-pied-t { color: var(--nv-accent-txt); }
.nv-pied-bas { color: var(--nv-encre); border-top-color: var(--nv-filet-fort); }
.nv-hero { padding-block: var(--nv-e5) var(--nv-e6); }
.nv-cah-hero { background: var(--nv-papier); border-bottom: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-cah-hero-tete {
display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline;
gap: var(--nv-e2) var(--nv-e4);
padding-bottom: var(--nv-e2);
border-bottom: var(--nv-filet-ep) solid var(--nv-filet);
margin-bottom: var(--nv-e4);
}
.nv-cah-hero-tete .nv-sur { margin-bottom: 0; }
.nv-cah-hero-motimage { overflow: hidden; padding-block: var(--nv-e2) var(--nv-e4); }
.nv-cah-mi-mot {
display: flex;
color: var(--nv-accent-txt);
font-weight: 700;
margin-block: 0 var(--nv-e2);
}
.nv-cah-hero-motimage.nv-cah-mi-photo { position: relative; isolation: isolate; }
.nv-cah-hero-motimage.nv-cah-mi-photo::before {
content: ""; position: absolute; inset: 0; z-index: -2;
background-image: var(--nv-mi-img);
background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;
}
.nv-cah-hero-motimage.nv-cah-mi-photo::after {
content: ""; position: absolute; inset: 0; z-index: -1;
background: linear-gradient(to bottom,
color-mix(in srgb, var(--nv-sombre) 22%, transparent) 0%,
color-mix(in srgb, var(--nv-sombre) 40%, transparent) 45%,
color-mix(in srgb, var(--nv-sombre) 82%, transparent) 100%);
}
@supports not (background: color-mix(in srgb, red 50%, transparent)) {
.nv-cah-hero-motimage.nv-cah-mi-photo::after { background: var(--nv-sombre); opacity: .55; }
}
.nv-cah-hero-motimage.nv-cah-mi-photo,
.nv-cah-hero-motimage.nv-cah-mi-photo .nv-display,
.nv-cah-hero-motimage.nv-cah-mi-photo .nv-chapo,
.nv-cah-hero-motimage.nv-cah-mi-photo .nv-sur { color: var(--nv-sur-sombre); }
.nv-cah-hero-motimage.nv-cah-mi-photo .nv-cah-mi-mot { color: var(--nv-sur-sombre); }
.nv-cah-mi-mot i { background: none; }
.nv-cah-mi-bas { display: grid; gap: var(--nv-e4); align-items: end; }
.nv-cah-mi-txt { min-width: 0; }
.nv-cah-hero-motimage .nv-cah-mi-h1 { margin: 0 0 var(--nv-e2); font-size: var(--nv-t4); max-width: 30ch; }
@media (min-width: 900px) {
.nv-cah-mi-bas { grid-template-columns: minmax(0, 1fr) auto; }
.nv-cah-hero-motimage .nv-cah-mi-txt {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: var(--nv-e3) var(--nv-e6);
align-items: start;
max-width: none;
}
.nv-cah-hero-motimage .nv-cah-mi-h1 { margin: 0; }
.nv-cah-hero-motimage [data-nv-badges] { justify-self: end; }
}
@media (max-width: 899px) {
.nv-cah-hero-motimage [data-nv-badges] { justify-self: start; }
}
.nv-cah-repere { white-space: nowrap; }
.nv-cah-repere a { display: inline-flex; align-items: center; min-height: 44px; font-variant-numeric: tabular-nums; }
.nv-cah-hero h1 { font-weight: 700; }
.nv-cah-d1 { font-size: var(--nv-t6); }
.nv-cah-d2 { font-size: var(--nv-t5); }
.nv-cah-d3 { font-size: var(--nv-t4); }
.nv-cah-hero-corps { display: grid; grid-template-columns: 1fr; gap: var(--nv-e4); margin-top: var(--nv-e4); }
.nv-cah-hero-txt .nv-chapo { max-width: 46ch; }
.nv-cah-hero-fiche { display: none; }
@media (min-width: 900px) {
.nv-cah-fiche.nv-cah-hero-fiche { display: grid; margin-top: var(--nv-e4); }
.nv-cah-som.nv-cah-hero-fiche { display: block; margin-top: var(--nv-e4); }
}
.nv-cah-som li { border-top: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-cah-som li:last-child { border-bottom: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-cah-som a {
display: flex; align-items: baseline; gap: var(--nv-e3);
min-height: 52px; padding-block: var(--nv-e2);
text-decoration: none;
}
.nv-cah-som b { font-family: var(--nv-titre); font-size: var(--nv-t3); font-weight: 500; }
.nv-cah-som .nv-note { flex: 1 1 auto; }
.nv-cah-som a:hover b { color: var(--nv-accent-txt); }
.nv-cah-som a:hover .nv-cah-fl { transform: translateX(var(--nv-e1)); }
.nv-cah-hero-nu .nv-cah-hero-fiche { display: block; margin-top: var(--nv-e4); }
@media (min-width: 900px) {
.nv-cah-hero-corps { grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); column-gap: var(--nv-e6); align-items: start; }
.nv-cah-hero-nu .nv-cah-hero-corps { grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); }
}
.nv-cah-rappel { margin-top: var(--nv-e3); letter-spacing: var(--nv-suivi-caps); text-transform: uppercase; }
.nv-cah-phrase {
font-family: var(--nv-titre); font-size: var(--nv-t4); line-height: var(--nv-lh-titre);
margin-bottom: var(--nv-e3);
}
.nv-cah-cadre {
background: var(--nv-papier-2);
border: var(--nv-filet-ep) solid var(--nv-filet-fort);
padding: var(--nv-e3);
}
.nv-cah-cadre img { aspect-ratio: 4 / 3; max-height: 380px; }
.nv-cah-cadre figcaption { margin-top: var(--nv-e2); }
.nv-cah-vues { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: var(--nv-e3); align-content: start; }
.nv-cah-vue { border: var(--nv-filet-ep) solid var(--nv-filet-fort); padding: var(--nv-e2); background: var(--nv-papier-2); }
.nv-cah-vue-1 { grid-row: 1 / span 2; transform: rotate(-1.5deg); }
.nv-cah-vue-1 img { aspect-ratio: 3 / 4; max-height: 380px; }
.nv-cah-vue-1 figcaption { margin-top: var(--nv-e2); }
.nv-cah-vue-f { background-image: var(--nv-fond); background-size: cover; background-position: 50% 50%; aspect-ratio: 1 / 1; }
.nv-cah-vue-2 { transform: rotate(2deg); margin-top: var(--nv-e4); }
.nv-cah-vue-3 { transform: rotate(-2.5deg); aspect-ratio: 4 / 3; }
@media (max-width: 899px) {
.nv-cah-vue-f { display: none; }
.nv-cah-vues { grid-template-columns: minmax(0, 1fr); }
.nv-cah-vue-1 { transform: rotate(-1deg); }
.nv-cah-vue-1 img { aspect-ratio: 3 / 2; max-height: 190px; }
}
.nv-cah-fiche { display: grid; gap: 0; }
.nv-cah-fiche > div {
display: flex; flex-wrap: wrap; gap: var(--nv-e2) var(--nv-e3);
padding-block: var(--nv-e2);
border-top: var(--nv-filet-ep) solid var(--nv-filet);
}
.nv-cah-fiche > div:last-child { border-bottom: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-cah-fiche dt { min-width: 10ch; font-size: var(--nv-t1); color: var(--nv-encre-2); }
.nv-cah-fiche dd { margin: 0; font-weight: 600; }
.nv-cah-fiche dd a { display: inline-flex; align-items: center; min-height: 44px; }
.nv-cah-nom { text-transform: lowercase; }
.nv-cah-ruban { padding-block: var(--nv-e3); background: var(--nv-papier-2); }
.nv-cah-ruban-l {
display: flex; flex-wrap: wrap; gap: var(--nv-e2) var(--nv-e4);
font-size: var(--nv-t1); letter-spacing: var(--nv-suivi-caps); text-transform: uppercase;
}
.nv-cah-ruban-l li { display: flex; align-items: center; gap: var(--nv-e4); }
.nv-cah-ruban-l li + li::before {
content: ""; width: var(--nv-e0); height: var(--nv-e0);
background: var(--nv-accent); margin-left: calc(-1 * var(--nv-e3));
}
.nv-cah-bento { display: grid; grid-template-columns: 1fr; gap: var(--nv-e4); }
.nv-cah-tuile-l { display: block; text-decoration: none; }
.nv-cah-tuile-fig { overflow: hidden; }
.nv-cah-tuile-fig img { width: 100%; object-fit: cover; object-position: var(--nv-cadrage, 50% 50%); transition: transform var(--nv-d4) var(--nv-c2); }
.nv-cah-tuile-l:hover .nv-cah-tuile-fig img { transform: scale(1.04); }
.nv-cah-tuile-txt {
display: block; padding-top: var(--nv-e2); margin-top: var(--nv-e2);
border-top: var(--nv-filet-ep) solid var(--nv-filet-fort);
}
.nv-cah-tuile-txt .nv-sur { display: block; margin-bottom: var(--nv-e0); }
.nv-cah-tuile-txt .nv-h3 {
display: flex; align-items: baseline; justify-content: space-between; gap: var(--nv-e2);
font-family: var(--nv-titre); font-weight: 500;
font-size: var(--nv-t4); line-height: var(--nv-lh-titre);
}
.nv-cah-fl { font-size: var(--nv-t3); transition: transform var(--nv-d2) var(--nv-c); }
.nv-cah-tuile-l:hover .nv-cah-fl { transform: translateX(var(--nv-e1)); }
.nv-cah-tuile-l:hover .nv-cah-tuile-txt .nv-h3 { color: var(--nv-accent-txt); }
.nv-cah-tuile-nue .nv-cah-tuile-txt { border-top-width: var(--nv-e0); padding-top: var(--nv-e3); }
.nv-cah-sec.nv-cah-offre, .nv-cah-sec.nv-cah-sec-appel,
.nv-cah-sec.nv-cah-sec-collage,
.nv-cah-sec.nv-cah-sec-carnet, .nv-cah-sec.nv-cah-sec-lieu { padding-block: var(--nv-e6); }
.nv-cah-offre-lede { margin-bottom: var(--nv-e3); }
.nv-cah-prix { margin-top: var(--nv-e3); }
.nv-cah-prix .nv-tarif { padding-block: var(--nv-e2); }
.nv-cah-prix-pied { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--nv-e3); }
.nv-cah-prix-pied .nv-mention-prix { margin-top: 0; flex: 1 1 22ch; }
.nv-cah-prix-pied .nv-actions { margin-top: 0; }
.nv-cah-ligne { transition: padding-left var(--nv-d1) var(--nv-c); }
.nv-cah-ligne:hover { padding-left: var(--nv-e2); }
.nv-tarifs > li:last-child { border-bottom: var(--nv-filet-ep) solid var(--nv-filet); }
@media (min-width: 860px) {
.nv-cah-bento { grid-template-columns: 1.45fr 1fr; grid-template-rows: auto auto; column-gap: var(--nv-e5); row-gap: var(--nv-e3); }
.nv-cah-tuile-1 { grid-row: 1 / span 2; }
.nv-cah-tuile-1 .nv-cah-tuile-fig img { aspect-ratio: 4 / 5; max-height: 250px; }
.nv-cah-tuile-1 { align-self: start; }
.nv-cah-tuile-2 { margin-top: var(--nv-e3); }
.nv-cah-tuile-2 .nv-cah-tuile-fig img { aspect-ratio: 4 / 3; max-height: 118px; }
.nv-cah-tuile-3 { margin-left: var(--nv-e5); }
.nv-cah-tuile-3 .nv-cah-tuile-fig img { aspect-ratio: 1 / 1; max-height: 118px; }
.nv-cah-tuile-4 { grid-column: 1 / -1; }
.nv-cah-tuile-4 .nv-cah-tuile-l { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: center; column-gap: var(--nv-e4); }
.nv-cah-tuile-4 .nv-cah-tuile-fig img { aspect-ratio: 21 / 9; max-height: 140px; }
.nv-cah-tuile-4 .nv-cah-tuile-txt { margin-top: 0; padding-top: 0; border-top: 0; }
.nv-cah-offre .nv-cah-prix .nv-tarifs { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--nv-e6); }
.nv-cah-offre .nv-cah-prix .nv-tarif:nth-child(2) { border-top: var(--nv-filet-ep) solid var(--nv-filet); }
}
@media (max-width: 859px) {
.nv-cah-tuile-fig img { aspect-ratio: 3 / 2; max-height: 200px; }
.nv-cah-tuile-1 .nv-cah-tuile-fig img { aspect-ratio: 4 / 3; max-height: 230px; }
}
.nv-cah-recit { display: grid; grid-template-columns: 1fr; gap: var(--nv-e4); }
.nv-cah-recit-txt .nv-h3 { display: block; margin-bottom: var(--nv-e2); }
.nv-cah-recit-fig img { aspect-ratio: 3 / 4; max-height: 560px; }
.nv-cah-recit-court .nv-cah-recit-fig img { aspect-ratio: 4 / 5; max-height: 420px; }
.nv-cah-recit-nu .nv-cah-recit-txt { max-width: var(--nv-lisible); }
.nv-diff {
margin-top: var(--nv-e4); padding-left: var(--nv-e3);
border-left: var(--nv-e0) solid var(--nv-accent);
}
.nv-diff b { display: block; font-family: var(--nv-titre); font-size: var(--nv-t3); line-height: var(--nv-lh-titre); }
@media (min-width: 900px) {
.nv-cah-recit { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); column-gap: var(--nv-e6); align-items: start; }
.nv-cah-recit-nu { grid-template-columns: minmax(0, 1fr); }
.nv-cah-recit-fig { margin-top: var(--nv-e5); }
.nv-cah-bloc-d .nv-cah-recit { grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); }
.nv-cah-bloc-d .nv-cah-recit-txt { order: 2; }
.nv-cah-bloc-d .nv-cah-recit-fig { order: 1; margin-top: 0; }
}
.nv-cah-carnet { display: grid; gap: 0; counter-reset: nvcah; }
.nv-cah-carnet-i {
display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--nv-e3);
padding-block: var(--nv-e4);
border-top: var(--nv-filet-ep) solid var(--nv-filet);
}
.nv-cah-carnet-i:last-child { border-bottom: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-cah-carnet-n { font-family: var(--nv-titre); font-size: var(--nv-t3); color: var(--nv-accent-txt); min-width: 3ch; }
.nv-cah-carnet-t { display: block; font-family: var(--nv-titre); font-weight: 500; font-size: var(--nv-t3); line-height: var(--nv-lh-titre); margin-bottom: var(--nv-e1); }
.nv-cah-carnet-i .nv-corps { max-width: 58ch; }
@media (min-width: 900px) {
.nv-cah-carnet-2 { padding-left: var(--nv-e6); }
.nv-cah-carnet-3 { padding-left: var(--nv-e7); }
}
.nv-cah-sec-collage { background: var(--nv-papier-2); }
.nv-cah-collage-lede { margin-bottom: var(--nv-e4); }
.nv-cah-collage {
display: grid; grid-template-columns: 1fr; gap: var(--nv-e5);
padding-block: var(--nv-e2);
}
.nv-cah-pol {
background: var(--nv-sur-sombre); color: var(--nv-sombre); border-color: var(--nv-sur-sombre);
border-style: solid; border-width: var(--nv-filet-ep);
padding: var(--nv-e2) var(--nv-e2) var(--nv-e3);
transition: transform var(--nv-d3) var(--nv-c);
}
.nv-cah-pol-img img { width: 100%; aspect-ratio: 1 / 1; max-height: 230px; object-fit: cover; object-position: var(--nv-cadrage, 50% 50%); }
.nv-cah-pol-2 .nv-cah-pol-img img { aspect-ratio: 3 / 4; max-height: 260px; }
.nv-cah-note { padding-top: var(--nv-e2); border-top: var(--nv-e0) solid var(--nv-accent); }
.nv-cah-note-t { font-family: var(--nv-titre); font-size: var(--nv-t3); line-height: var(--nv-lh-titre); margin-bottom: var(--nv-e2); }
.nv-cah-pol-t {
margin-top: var(--nv-e2); font-family: var(--nv-titre); font-size: var(--nv-t3);
line-height: var(--nv-lh-titre);
}
.nv-cah-pol-s { font-size: var(--nv-t1); line-height: 1.4; margin-top: var(--nv-e0); opacity: 1; }
.nv-cah-pol-1 { transform: rotate(-2deg); }
.nv-cah-pol-2 { transform: rotate(1.6deg); }
.nv-cah-pol-3 { transform: rotate(-3deg); }
.nv-cah-pol:hover { transform: rotate(0deg); }
@media (min-width: 860px) {
.nv-cah-collage { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--nv-e5); align-items: start; }
.nv-cah-pol-1 { margin-top: var(--nv-e5); }
.nv-cah-pol-3 { margin-top: var(--nv-e4); }
}
.nv-cah-preuve { display: flex; flex-wrap: wrap; gap: var(--nv-e5) var(--nv-e7); }
.nv-cah-preuve b { display: block; font-family: var(--nv-titre); font-size: var(--nv-t5); line-height: var(--nv-lh-titre); }
.nv-cah-lieu { display: grid; grid-template-columns: 1fr; gap: var(--nv-e4); }
.nv-cah-lieu-fig img { aspect-ratio: 4 / 3; max-height: 250px; }
@media (min-width: 900px) {
.nv-cah-lieu { grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); column-gap: var(--nv-e6); }
}
.nv-cah-carte {
display: grid; grid-template-columns: 1fr; gap: var(--nv-e4);
padding: var(--nv-e5);
border: var(--nv-filet-ep) solid var(--nv-filet-fort);
}
.nv-cah-carte .nv-h2 { margin-bottom: var(--nv-e2); }
.nv-cah-carte .nv-chapo { max-width: 46ch; }
.nv-cah-num { font-family: var(--nv-titre); font-size: var(--nv-t4); font-variant-numeric: tabular-nums; }
.nv-cah-num a { display: inline-flex; align-items: center; min-height: 48px; text-decoration: none; border-bottom: var(--nv-filet-ep) solid var(--nv-accent-sombre); }
@media (min-width: 900px) {
.nv-cah-carte { grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr); column-gap: var(--nv-e6); align-items: end; }
}
.nv-cah-tete { padding-block: var(--nv-e6) var(--nv-e5); border-bottom: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-cah-h1 { font-size: var(--nv-t6); margin-bottom: var(--nv-e3); }
.nv-cah-h1.nv-cah-d2 { font-size: var(--nv-t5); }
.nv-cah-h1.nv-cah-d3 { font-size: var(--nv-t5); }
.nv-cah-tete-fig { padding-block: var(--nv-e5) 0; }
.nv-cah-tete-fig img { max-height: 420px; }
.nv-cah-filtres-w { padding-block: var(--nv-e3); }
.nv-cah-filtres { display: flex; flex-wrap: wrap; gap: var(--nv-e2); }
.nv-cah-filtre {
display: inline-flex; align-items: center; min-height: 44px;
padding-inline: var(--nv-e3);
font-size: var(--nv-t1); font-weight: 600; text-decoration: none;
border: var(--nv-filet-ep) solid var(--nv-filet-fort);
}
.nv-cah-filtre[aria-pressed="true"] { background: var(--nv-encre); color: var(--nv-papier); border-color: var(--nv-encre); }
.nv-cah-rayon-fig { margin-bottom: var(--nv-e4); }
.nv-cah-rayon-fig img { max-height: 300px; }
.nv-cah-contact { display: grid; grid-template-columns: 1fr; gap: var(--nv-e5); }
.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; letter-spacing: var(--nv-suivi-caps); text-transform: uppercase; }
.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-champ textarea { min-height: calc(48px + var(--nv-e6)); }
.nv-cah-rgpd { max-width: 46ch; }
.nv-cah-corps .nv-corps a[href^="tel:"] { display: inline-flex; align-items: center; min-height: 44px; }
.nv-faq { border-top: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-cah-faq .nv-faq:last-child { border-bottom: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-faq summary {
display: flex; align-items: center; gap: var(--nv-e3); min-height: 48px;
font-family: var(--nv-titre); font-size: var(--nv-t3); cursor: pointer;
list-style: none;
}
.nv-faq summary::-webkit-details-marker { display: none; }
.nv-faq summary::after {
content: "+"; margin-left: auto;
font-family: var(--nv-corps); font-size: var(--nv-t3); color: var(--nv-accent-txt);
}
.nv-faq[open] summary::after { content: "–"; }
.nv-faq[open] summary { color: var(--nv-accent-txt); }
.nv-faq p { padding-bottom: var(--nv-e3); }
.nv-cah-chute { margin-top: 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); }
.nv-etape .nv-h3 { font-size: var(--nv-t3); 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 {
display: inline-flex; align-items: center; min-height: 44px;
padding-inline: var(--nv-e3);
font-size: var(--nv-t1); font-weight: 600;
border: var(--nv-filet-ep) solid var(--nv-filet-fort);
border-radius: var(--nv-rayon);
}
.nv-puce.on { background: var(--nv-encre); color: var(--nv-papier); border-color: var(--nv-encre); }
.nv-curseur { display: flex; align-items: center; gap: var(--nv-e3); }
.nv-curseur input { 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 {
padding: var(--nv-e4); background: var(--nv-papier-2);
border: var(--nv-filet-ep) solid var(--nv-filet-fort);
}
.nv-verdict + .nv-verdict { margin-top: var(--nv-e3); padding-top: 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-t3); }
@media (min-width: 900px) {
.nv-cah-contact { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); column-gap: var(--nv-e6); }
}
@media (max-width: 760px) {
.nv-tete-tel { display: none; }
.nv-pied { padding-block: var(--nv-e5) var(--nv-e4); }
.nv-pied-cols { gap: var(--nv-e4); }
.nv-pied li { padding-block: 0; }
.nv-pied-bas { margin-top: var(--nv-e4); }
.nv-cah-sec { padding-block: var(--nv-e5); }
.nv-hero { padding-block: var(--nv-e2) var(--nv-e3); }
.nv-cah-hero-tete { margin-bottom: var(--nv-e3); }
.nv-cah-hero-corps { margin-top: var(--nv-e2); }
.nv-cah-phrase { margin-bottom: var(--nv-e2); }
.nv-cah-hero-nu .nv-cah-hero-fiche { margin-top: var(--nv-e3); }
.nv-cah-som a { min-height: 46px; padding-block: var(--nv-e1); }
.nv-cah-hero h1 { font-size: var(--nv-t6); }
.nv-cah-hero .nv-cah-d1, .nv-cah-hero .nv-cah-d2, .nv-cah-hero .nv-cah-d3 { font-size: var(--nv-t5); }
.nv-cah-hero-corps { gap: var(--nv-e3); margin-top: var(--nv-e3); }
.nv-cah-hero .nv-actions { margin-top: var(--nv-e3); gap: var(--nv-e2); }
.nv-cah-cadre { padding: var(--nv-e2); }
.nv-cah-cadre img { aspect-ratio: 3 / 2; max-height: 180px; }
.nv-cah-hero-txt .nv-chapo { font-size: var(--nv-t2); }
.nv-cah-fiche-hero { margin-top: var(--nv-e2); }
.nv-cah-collage { gap: var(--nv-e4); }
.nv-cah-collage { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--nv-e4) var(--nv-e3); }
.nv-cah-pol { margin-inline: 0; }
.nv-cah-pol-img img { aspect-ratio: 1 / 1; max-height: 150px; }
.nv-cah-pol-2 .nv-cah-pol-img img { aspect-ratio: 1 / 1; max-height: 150px; }
.nv-cah-pol-3 { margin-top: var(--nv-e3); }
.nv-cah-note { grid-column: 1 / -1; }
.nv-cah-pol-t { font-size: var(--nv-t2); }
.nv-cah-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--nv-e4) var(--nv-e3); }
.nv-cah-tuile-1 { grid-column: 1 / -1; }
.nv-cah-tuile-2 .nv-cah-tuile-fig img,
.nv-cah-tuile-3 .nv-cah-tuile-fig img { aspect-ratio: 1 / 1; max-height: 150px; }
.nv-cah-tuile-2 .nv-cah-tuile-txt .nv-h3, .nv-cah-tuile-3 .nv-cah-tuile-txt .nv-h3 { font-size: var(--nv-t2); }
.nv-cah-prix .nv-tarif-desc { display: none; }
.nv-cah-recit-fig img { max-height: 180px; }
.nv-cah-tuile-fig img { max-height: 170px; }
.nv-cah-tuile-1 .nv-cah-tuile-fig img { max-height: 190px; }
.nv-cah-recit-fig img { max-height: 220px; }
.nv-cah-recit-court .nv-cah-recit-fig img { max-height: 200px; }
.nv-cah-carte { padding: var(--nv-e4); }
.nv-cah-h1 { font-size: var(--nv-t5); }
}
.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,
.nv-pied .nv-pied-bas { color: var(--nv-encre); }
.nv-pied p.nv-pied-t { color: var(--nv-accent-txt); }
.nv-pied .nv-note { color: var(--nv-encre-2); }
.nv-h2 + .nv-chapo, .nv-h2 + .nv-corps, .nv-h3 + .nv-chapo, .nv-h3 + .nv-corps,
.nv-h2 + .nv-cah-fiche, .nv-h2 + .nv-cah-acompleter { margin-top: var(--nv-e3); }
@media (max-width: 760px) {
.nv-tete-in { position: relative; }
.nv-nav {
-webkit-mask-image: linear-gradient(90deg, currentColor 0 calc(100% - 46px), transparent 100%);
mask-image: linear-gradient(90deg, currentColor 0 calc(100% - 46px), transparent 100%);
padding-right: var(--nv-e5);
scroll-padding-inline-end: var(--nv-e5);
}
.nv-nav a:last-child { padding-right: var(--nv-e3); }
}
.nv-cah-tuile-4 .nv-cah-tuile-fig img { aspect-ratio: 3 / 2; max-height: 170px; }
.nv-cah-tuile-d { display: block; margin-top: var(--nv-e1); font-size: var(--nv-t1); color: var(--nv-encre-2); }
.nv-cah-tuile-n { display: block; margin-top: var(--nv-e0); font-variant-numeric: tabular-nums; }
@media (min-width: 860px) {
.nv-cah-bento { grid-template-rows: auto auto; }
.nv-cah-tuile-1 { grid-column: 1; grid-row: 1; align-self: start; }
.nv-cah-tuile-2 { grid-column: 2; grid-row: 1; margin-top: var(--nv-e3); }
.nv-cah-tuile-3 { grid-column: 2; grid-row: 2; margin-left: 0; }
.nv-cah-tuile-4 { grid-column: 1; grid-row: 2; margin-left: var(--nv-e5); margin-top: 0; }
.nv-cah-tuile-1 .nv-cah-tuile-fig img { aspect-ratio: 4 / 5; max-height: 248px; }
.nv-cah-tuile-2 .nv-cah-tuile-fig img { aspect-ratio: 4 / 3; max-height: 132px; }
.nv-cah-tuile-3 .nv-cah-tuile-fig img { aspect-ratio: 1 / 1; max-height: 132px; }
.nv-cah-tuile-4 .nv-cah-tuile-fig img { aspect-ratio: 3 / 2; max-height: 132px; }
}
@media (max-width: 859px) {
.nv-cah-tuile-4 { grid-column: 1 / -1; }
.nv-cah-tuile-4 .nv-cah-tuile-fig img { aspect-ratio: 3 / 2; max-height: 160px; }
}
.nv-cah-idx { margin-top: var(--nv-e5); }
.nv-cah-idx-tete {
display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between;
gap: var(--nv-e2); padding-bottom: var(--nv-e1);
border-bottom: var(--nv-filet-ep) solid var(--nv-filet-fort);
}
.nv-cah-idx-rr { list-style: none; margin: 0; padding: 0; }
.nv-cah-idx-r { padding-top: var(--nv-e3); }
.nv-cah-idx-rt { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--nv-e2); }
.nv-cah-idx-rt a {
font-family: var(--nv-titre); font-size: var(--nv-t3); text-decoration: none;
display: inline-flex; align-items: center; min-height: 44px;
}
.nv-cah-idx-rt a:hover { color: var(--nv-accent-txt); }
.nv-cah-idx-l { list-style: none; margin: 0; padding: 0; }
.nv-cah-idx-l > li { border-top: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-cah-idx-l a {
display: flex; align-items: baseline; gap: var(--nv-e2);
min-height: 44px; padding-block: var(--nv-e1); text-decoration: none;
font-size: var(--nv-t2);
}
.nv-cah-idx-n { flex: 0 1 auto; min-width: 0; }
.nv-cah-idx-c { flex: 1 1 var(--nv-e5); border-bottom: var(--nv-filet-ep) dotted var(--nv-filet-fort); transform: translateY(-0.28em); }
.nv-cah-idx-p { flex: 0 0 auto; white-space: nowrap; font-variant-numeric: tabular-nums; }
.nv-cah-idx-l a:hover .nv-cah-idx-n { color: var(--nv-accent-txt); }
.nv-cah-idx .nv-cah-prix-pied { margin-top: var(--nv-e4); padding-top: var(--nv-e3); border-top: var(--nv-filet-ep) solid var(--nv-filet-fort); }
@media (min-width: 900px) {
.nv-cah-idx-rr { columns: 2; column-gap: var(--nv-e6); }
.nv-cah-idx-r { break-inside: avoid; }
}
.nv-cah-fiches {
list-style: none; margin: 0; padding: 0;
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--nv-e4) var(--nv-e3);
}
.nv-cah-fiche-p a { display: block; text-decoration: none; }
.nv-cah-fiche-img { display: block; overflow: hidden; }
.nv-cah-fiche-img img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: var(--nv-cadrage, 50% 50%); transition: transform var(--nv-d4) var(--nv-c2); }
.nv-cah-fiche-nue { display: block; aspect-ratio: 4 / 5; border: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-cah-fiche-p a:hover .nv-cah-fiche-img img { transform: scale(1.04); }
.nv-cah-fiche-t {
display: flex; align-items: baseline; justify-content: space-between; gap: var(--nv-e2);
margin-top: var(--nv-e2); padding-top: var(--nv-e1);
border-top: var(--nv-filet-ep) solid var(--nv-filet-fort);
}
.nv-cah-fiche-n { font-family: var(--nv-titre); font-weight: 500; font-size: var(--nv-t2); min-width: 0; }
.nv-cah-fiche-x { flex: 0 0 auto; white-space: nowrap; font-size: var(--nv-t2); font-variant-numeric: tabular-nums; }
.nv-cah-fiche-s { display: block; margin-top: var(--nv-e0); font-size: var(--nv-t1); color: var(--nv-encre-2); }
.nv-cah-fiche-p a:hover .nv-cah-fiche-n { color: var(--nv-accent-txt); }
@media (min-width: 700px) { .nv-cah-fiches { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1040px) { .nv-cah-fiches { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--nv-e5) var(--nv-e4); } }
.nv-cah-acompleter { max-width: var(--nv-lisible); color: var(--nv-encre-2); }
.nv-cah-acces-act { display: flex; flex-wrap: wrap; gap: var(--nv-e2); margin-top: var(--nv-e4); }
.nv-cah-acces-serv { margin-top: var(--nv-e5); padding-top: var(--nv-e4); border-top: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-cah-contact-h { margin-bottom: var(--nv-e3); }
.nv-cah-contact-serv { list-style: none; margin: 0; padding: 0; }
.nv-cah-contact-serv > li { padding-block: var(--nv-e2); border-top: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-cah-contact-serv b { display: block; font-family: var(--nv-titre); font-size: var(--nv-t2); font-weight: 500; }
.nv-cah-contact-serv .nv-note { display: block; margin-top: var(--nv-e0); }
.nv-cah-carte-btn { display: flex; flex-wrap: wrap; gap: var(--nv-e2); }
.nv-cah-carte-btn .nv-btn { flex: 1 1 0; justify-content: center; min-width: max-content; }
.nv-cah-carte-btn .nv-btn span { white-space: nowrap; }
.nv-cah-acces-act .nv-btn span { white-space: nowrap; }
@media (min-width: 900px) {
.nv-cah-hero-cadre .nv-cah-cadre img { max-height: 320px; }
}
.nv-cah-hero-serv { display: none; }
@media (min-width: 900px) {
.nv-cah-hero-serv { display: block; list-style: none; margin: var(--nv-e5) 0 0; padding: 0; }
.nv-cah-hero-serv > li { padding-block: var(--nv-e2); border-top: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-cah-hero-serv b { display: block; font-family: var(--nv-titre); font-size: var(--nv-t2); font-weight: 500; }
.nv-cah-hero-serv .nv-note { display: block; margin-top: var(--nv-e0); }
}
.nv-cah-carte-plan { margin-top: var(--nv-e2); }
.nv-cah-carte-plan a { display: inline-flex; align-items: center; min-height: 44px; }
.nv-cah-carte-serv { margin-top: var(--nv-e3); }
.nv-cah-sec.nv-cah-sec-court { padding-block: var(--nv-e5); }
.nv-cah-rgpd a { padding-block: 15px; }
html body:is([data-page="produit"], [data-page="panier"], [data-page="admin"])
:is(.small, .mini, .meta, .eyebrow, .chip, .btn-sm, .btn span, .btn small,
small, figcaption, .crumbs, .crumbs *) { font-size: max(14px, var(--nv-t1)); }
html body .crumbs, html body .crumbs *, html body .breadcrumb, html body .breadcrumb *,
html body .nv-fil, html body .nv-fil *, html body .eyebrow,
html body main small, html body .wrap small { font-size: max(14px, var(--nv-t1)); }
html body .crumbs a, html body .breadcrumb a, html body .nv-fil a,
html body [data-page="produit"] .nv-pied a, html body [data-page="panier"] .nv-pied a,
html body [data-page="produit"] main a.nv-lien, html body [data-page="panier"] main a.nv-lien
{ display: inline-flex; align-items: center; min-height: 44px; }
.nv-outil .nv-etape + .nv-etape { margin-top: var(--nv-e4); }
.nv-outil .nv-puces { display: flex; flex-wrap: wrap; gap: var(--nv-e2); margin-top: var(--nv-e2); }
.nv-outil .nv-puce { min-height: 44px; padding-inline: var(--nv-e3); border: var(--nv-filet-ep) solid var(--nv-filet-fort); background: transparent; color: var(--nv-encre); font: inherit; cursor: pointer; }
.nv-outil .nv-puce.on { background: var(--nv-accent-txt); color: var(--nv-papier); border-color: var(--nv-accent-txt); }
.nv-outil-verdict { margin-top: var(--nv-e5); padding-top: var(--nv-e4); border-top: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-outil-verdict .nv-verdict + .nv-verdict { margin-top: var(--nv-e3); }
.nv-outil-verdict b { font-family: var(--nv-titre); font-size: var(--nv-t3); }
@media (max-width: 760px) {
.nv-nav {
flex-wrap: wrap; overflow-x: visible;
column-gap: var(--nv-e4); row-gap: 0;
padding-right: 0; padding-bottom: 0;
-webkit-mask-image: none; mask-image: none;
scroll-snap-type: none;
}
.nv-nav a { white-space: nowrap; min-height: 44px; }
.nv-nav a:last-child { padding-right: 0; }
}
@media (min-width: 860px) {
.nv-cah-tuile-1 .nv-cah-tuile-fig img { aspect-ratio: 4 / 5; max-height: 220px; }
.nv-cah-tuile-2 .nv-cah-tuile-fig img,
.nv-cah-tuile-3 .nv-cah-tuile-fig img { aspect-ratio: 3 / 2; max-height: 145px; }
.nv-cah-tuile-4 .nv-cah-tuile-fig img { aspect-ratio: 2 / 1; max-height: 145px; }
}
.nv-cah-hero-som { display: none; }
@media (min-width: 900px) {
.nv-cah-hero-som { display: block; }
}
.nv-cah-hero-som { list-style: none; margin: var(--nv-e4) 0 0; padding: var(--nv-e3) 0 0; border-top: var(--nv-filet-ep) solid var(--nv-filet-fort); }
.nv-cah-hero-som > li + li { border-top: var(--nv-filet-ep) solid var(--nv-filet); }
.nv-cah-hero-som a {
display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--nv-e2);
min-height: 44px; text-decoration: none;
}
.nv-cah-hero-som a:hover b { color: var(--nv-accent-txt); }
.nv-cah-hero-som b { font-family: var(--nv-titre); font-weight: 600; }
.nv-cah-hero-plein {
position: relative; isolation: isolate;
display: grid; align-content: end;
min-height: 540px;
padding-block: var(--nv-e6) var(--nv-e5);
background: var(--nv-sombre);
border-bottom: 0;
}
.nv-cah-p-media { position: absolute; inset: 0; z-index: 0; margin: 0; overflow: hidden; }
.nv-cah-p-media img {
width: 100%; height: 100%;
object-fit: cover; object-position: var(--nv-cadrage, 50% 50%);
}
.nv-cah-p-voile { position: absolute; inset: 0; background: var(--nv-sombre); opacity: 0.56; }
.nv-cah-p-media::after {
content: ""; position: absolute; inset: 0;
background: linear-gradient(to top, var(--nv-sombre), transparent 70%);
opacity: 0.92;
}
.nv-cah-p-masque {
position: absolute; inset: var(--nv-e3);
border: var(--nv-filet-ep) solid var(--nv-sur-sombre);
opacity: 0.34;
}
.nv-cah-p-masque::before {
content: ""; position: absolute; left: calc(-1 * var(--nv-filet-ep)); top: calc(-1 * var(--nv-filet-ep));
width: var(--nv-e5); height: var(--nv-e0);
background: var(--nv-accent-sombre);
}
.nv-cah-m-rdv .nv-cah-p-masque { border-bottom-width: 0; }
.nv-cah-m-devis .nv-cah-p-masque { border-top-width: 0; }
.nv-cah-m-course .nv-cah-p-masque { border-left-width: 0; border-right-width: 0; }
.nv-cah-p-vue { display: none; }
.nv-cah-p-corps { position: relative; z-index: 1; }
.nv-cah-hero-plein .nv-cah-hero-tete { border-bottom-color: var(--nv-sur-sombre); }
.nv-cah-hero-plein .nv-cah-repere { color: var(--nv-sur-sombre); }
.nv-cah-p-t { margin-bottom: var(--nv-e3); }
.nv-cah-p-t .nv-cah-l { display: block; }
.nv-cah-hero-plein .nv-chapo { max-width: 44ch; }
.nv-cah-hero-plein .nv-cah-rappel { color: var(--nv-sur-sombre); opacity: 0.86; }
@media (min-width: 900px) {
.nv-cah-hero-plein { min-height: 520px; padding-block: var(--nv-e6) var(--nv-e5); }
.nv-cah-p-bandeau .nv-cah-p-corps {
display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
column-gap: var(--nv-e6); align-items: end;
}
.nv-cah-p-bandeau .nv-cah-hero-tete { grid-column: 1 / -1; }
.nv-cah-p-portrait .nv-cah-p-corps { max-width: 46rem; }
.nv-cah-p-portrait { min-height: 600px; }
.nv-cah-p-collage { align-content: start; min-height: 580px; }
.nv-cah-p-collage .nv-cah-p-corps { max-width: 42rem; }
.nv-cah-p-collage .nv-cah-p-vue {
display: block; position: absolute; z-index: 0;
background-image: var(--nv-fond); background-size: cover; background-position: 50% 50%;
border: var(--nv-filet-ep) solid var(--nv-sur-sombre);
}
.nv-cah-p-collage .nv-cah-p-vue-1 { right: var(--nv-e6); bottom: var(--nv-e6); width: 220px; aspect-ratio: 3 / 4; transform: rotate(-1.5deg); }
.nv-cah-p-collage .nv-cah-p-vue-2 { right: calc(var(--nv-e6) + 190px); bottom: var(--nv-e5); width: 170px; aspect-ratio: 1 / 1; transform: rotate(2deg); }
}
.nv-cah-planche {
display: flex; gap: var(--nv-e3);
overflow-x: auto; overflow-y: hidden;
scroll-snap-type: x mandatory;
padding-block: var(--nv-e1) var(--nv-e3);
scrollbar-width: thin;
}
.nv-cah-planche > li { flex: 0 0 68%; scroll-snap-align: start; min-width: 0; }
.nv-cah-planche > .nv-cah-pol { transform: none; }
.nv-cah-planche .nv-cah-pol-img { margin: 0; }
.nv-cah-planche .nv-cah-pol-img img { max-height: 230px; }
.nv-cah-planche .nv-cah-pol-t {
display: block; margin-top: var(--nv-e2);
font-family: var(--nv-titre); font-size: var(--nv-t2); line-height: var(--nv-lh-titre);
}
.nv-cah-planche .nv-cah-pol-s { display: block; margin-top: var(--nv-e0); font-size: var(--nv-t1); line-height: 1.4; }
.nv-cah-planche .nv-cah-note { flex: 0 0 78%; }
@media (min-width: 860px) {
.nv-cah-planche { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--nv-e4); overflow: visible; padding-block: var(--nv-e2); }
.nv-cah-planche > li { flex: none; }
.nv-cah-planche > .nv-cah-pol-1 { transform: rotate(-1.4deg); }
.nv-cah-planche > .nv-cah-pol-2 { transform: rotate(1.2deg); margin-top: var(--nv-e3); }
.nv-cah-planche > .nv-cah-pol-3 { transform: rotate(-0.8deg); }
.nv-cah-planche > .nv-cah-pol:hover { transform: rotate(0deg); }
.nv-cah-planche .nv-cah-pol-img img { max-height: 180px; }
.nv-cah-planche .nv-cah-note { grid-column: auto; }
}
@media (min-width: 1100px) {
.nv-cah-planche { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.nv-cah-planche .nv-cah-pol-img img { max-height: 150px; }
}
@media (max-width: 859px) {
.nv-cah-bento {
display: flex; gap: var(--nv-e3);
overflow-x: auto; overflow-y: hidden;
scroll-snap-type: x mandatory;
padding-bottom: var(--nv-e2);
scrollbar-width: thin;
}
.nv-cah-bento > .nv-cah-tuile { flex: 0 0 72%; scroll-snap-align: start; min-width: 0; }
.nv-cah-tuile-fig img, .nv-cah-tuile-1 .nv-cah-tuile-fig img { aspect-ratio: 4 / 3; max-height: 168px; }
.nv-cah-tuile-txt .nv-h3 { font-size: var(--nv-t3); }
}
.nv-cah-carnet-corps { display: grid; grid-template-columns: 1fr; gap: var(--nv-e4); align-items: start; }
.nv-cah-pratique-t { margin-top: var(--nv-e5); margin-bottom: var(--nv-e3); }
.nv-cah-recit-fig-2 { margin-top: var(--nv-e3); }
.nv-cah-recit-fig-2 img { aspect-ratio: 4 / 3; max-height: 200px; }
@media (max-width: 899px) {
.nv-cah-recit-fig { display: grid; grid-template-columns: 1fr 1fr; gap: var(--nv-e3); align-items: start; }
.nv-cah-recit-fig .nv-fig img { max-height: 200px; }
.nv-cah-recit-fig-2 { margin-top: 0; }
}
.nv-cah-offre-pied { margin-top: var(--nv-e4); }
.nv-cah-carnet-fig img { aspect-ratio: 3 / 4; max-height: 260px; }
@media (min-width: 900px) {
.nv-cah-sec-carnet-fig .nv-cah-carnet-corps { grid-template-columns: minmax(0, 1fr) minmax(0, 0.36fr); column-gap: var(--nv-e6); }
.nv-cah-carnet-fig img { max-height: 280px; }
}
@media (max-width: 899px) {
.nv-cah-carnet-fig { order: -1; }
.nv-cah-carnet-fig img { aspect-ratio: 16 / 9; max-height: 190px; }
}
[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; }
}
.nv-cah-sec { padding-block: var(--nv-e6); }
@media (min-width: 1040px) {
.nv-cah-grille { grid-template-columns: 168px minmax(0, 1fr); column-gap: var(--nv-e6); }
.nv-cah-corps > .nv-h2 { margin-left: calc(-1 * var(--nv-e5)); }
}
@media (min-width: 900px) {
.nv-cah-recit { grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.65fr); }
.nv-cah-recit-fig { margin-top: var(--nv-e6); }
.nv-cah-carnet-2 { padding-left: var(--nv-e7); }
.nv-cah-carnet-3 { padding-left: var(--nv-e5); }
}
@media (min-width: 900px) {
.nv-cah-hero-corps { grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr); }
.nv-cah-hero-cadre .nv-cah-hero-txt { order: 2; }
.nv-cah-hero-cadre .nv-cah-cadre { order: 1; }
}
@media (min-width: 860px) {
.nv-cah-bento { grid-template-columns: 1fr 1.35fr; }
.nv-cah-tuile-1 { grid-column: 2; grid-row: 1; }
.nv-cah-tuile-2 { grid-column: 1; grid-row: 1; margin-top: 0; }
.nv-cah-tuile-3 { grid-column: 1; grid-row: 2; margin-left: 0; margin-top: var(--nv-e3); }
.nv-cah-tuile-4 { grid-column: 2; grid-row: 2; margin-left: 0; margin-right: 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-nv-badges] {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--nv-e3);
pointer-events: none;
}
.nv-bg-a {
position: relative;
display: grid;
align-content: center;
justify-items: center;
gap: var(--nv-e0);
width: clamp(112px, 12vw, 168px);
aspect-ratio: 1;
margin: 0;
padding: var(--nv-e2);
border-radius: 50%;
background: var(--nv-acc-fond);
color: var(--nv-acc-encre);
text-align: center;
transform: rotate(var(--nv-bg-r, -8deg));
}
.nv-bg-svg {
position: absolute;
inset: 6%;
width: 88%;
height: 88%;
color: inherit;
opacity: 0.55;
}
.nv-bg-s {
font-family: var(--nv-mono);
font-size: var(--nv-t1);
font-weight: 500;
letter-spacing: 0.10em;
text-transform: uppercase;
line-height: 1.1;
}
.nv-bg-v {
font-family: var(--nv-titre);
font-size: var(--nv-t3);
font-weight: 700;
line-height: 1.02;
max-width: 9ch;
overflow-wrap: break-word;
}
.nv-bg-a[data-bg="lieu"] .nv-bg-s { font-size: var(--nv-t1); letter-spacing: 0.06em; line-height: 1.22; max-width: 11ch; }
.nv-bg-a[data-bg="lieu"] .nv-bg-v { font-family: var(--nv-mono); font-size: var(--nv-t3); font-weight: 700; letter-spacing: 0.02em; }
@media (max-width: 760px) {
[data-nv-badges] .nv-bg-a + .nv-bg-a { display: none; }
.nv-bg-a { width: clamp(88px, 24vw, 112px); padding: var(--nv-e1); }
.nv-bg-v { font-size: var(--nv-t2); }
}
@media (prefers-reduced-motion: reduce) {
.nv-bg-a { transition: none; }
}
[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: 0; }
.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, 10.2s) 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, 24s); }
:root.nv-cine img.m-cinema-kb {
animation: m-cine-kb var(--cine-kb, 24s) 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.3deg));
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-sur-sombre);
color: var(--nv-sombre);
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: 24s;
--cine-resp: 10.2s;
--cine-ang: 0.3deg;
--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.78' 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 0 100% 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); }
:root { --nv-sc-on: 1; --nv-sc-m: 0 0 100% 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; }
}
:root {
--m-grain-argentique-t: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch' seed='11'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0 0.360'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23a)'/%3E%3C/svg%3E");
--m-grain-argentique-tuile: 240px;
}
html { background-color: var(--nv-papier); }
body,
.nv-tete,
.nv-papier2,
.m-grain-argentique-s {
background-image: var(--m-grain-argentique-fond, var(--m-grain-argentique-t));
background-repeat: repeat;
background-size: var(--m-grain-argentique-tuile) var(--m-grain-argentique-tuile);
background-blend-mode: screen;
}
.nv-sombre,
.nv-pied,
.m-grain-argentique-s.nv-sombre {
background-image: var(--m-grain-argentique-fond, var(--m-grain-argentique-t));
background-repeat: repeat;
background-size: var(--m-grain-argentique-tuile) var(--m-grain-argentique-tuile);
background-blend-mode: screen;
}
.m-grain-argentique-non.m-grain-argentique-non { background-image: none; }
.m-compteur-verifie__in { display: grid; gap: var(--nv-e5); }
.m-compteur-verifie__tete { max-width: var(--nv-lisible); }
.m-compteur-verifie__dit { margin-top: var(--nv-e3); max-width: 46ch; }
.m-compteur-verifie__l {
display: grid;
grid-template-columns: minmax(0, auto) minmax(0, 1fr);
column-gap: var(--nv-e3);
}
.m-compteur-verifie__ligne {
position: relative;
display: grid;
grid-template-columns: minmax(0, auto) minmax(0, 1fr);
column-gap: var(--nv-e3);
row-gap: var(--nv-e0);
align-items: baseline;
padding-block: var(--nv-e4);
border-top: var(--nv-filet-ep) solid var(--nv-filet);
}
.m-compteur-verifie__ligne:last-child { border-bottom: var(--nv-filet-ep) solid var(--nv-filet); }
@supports (grid-template-columns: subgrid) {
.m-compteur-verifie__ligne { grid-column: 1 / -1; grid-template-columns: subgrid; }
}
.m-compteur-verifie__val {
position: relative;
display: inline-block;
grid-column: 1;
grid-row: 1 / span 2;
align-self: baseline;
justify-self: end;
font-family: var(--nv-titre);
font-size: var(--nv-t6);
font-weight: 500;
line-height: var(--nv-lh-display);
letter-spacing: var(--nv-suivi-display);
text-align: right;
white-space: nowrap;
}
.m-compteur-verifie__val::before {
content: attr(data-nv-gab);
display: block;
visibility: hidden;
}
.m-compteur-verifie__val > [data-nv-n] { position: absolute; top: 0; right: 0; }
.m-compteur-verifie__leg {
grid-column: 2;
grid-row: 1;
font-size: var(--nv-t3);
line-height: 1.3;
}
.m-compteur-verifie__src {
grid-column: 2;
grid-row: 2;
align-self: start;
font-variant-numeric: normal;
}
.m-compteur-verifie__src b { font-weight: 600; color: var(--nv-encre); }
.nv-sombre .m-compteur-verifie__src b { color: var(--nv-sur-sombre); }
.m-compteur-verifie__jauge {
position: absolute;
left: 0; right: 0; top: 0;
height: var(--nv-filet-ep);
background: var(--nv-accent);
transform: scaleX(1);
transform-origin: 0 50%;
transition: transform var(--nv-d4) var(--nv-c);
}
@media (min-width: 900px) {
.m-compteur-verifie__in {
grid-template-columns: minmax(0, 22rem) minmax(0, 1fr);
column-gap: var(--nv-e6);
align-items: start;
}
.m-compteur-verifie__l {
grid-template-columns: minmax(3ch, auto) minmax(0, 1fr) auto;
column-gap: var(--nv-e4);
}
.m-compteur-verifie__ligne {
grid-template-columns: minmax(3ch, auto) minmax(0, 1fr) auto;
column-gap: var(--nv-e4);
}
@supports (grid-template-columns: subgrid) {
.m-compteur-verifie__ligne { grid-template-columns: subgrid; }
}
.m-compteur-verifie__val { grid-row: 1; }
.m-compteur-verifie__src {
grid-column: 3;
grid-row: 1;
align-self: baseline;
justify-self: end;
text-align: right;
padding-left: var(--nv-e4);
}
}
@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; }
@media (max-width: 760px) {
.nv-hero.nv-plein { height: auto; min-height: 100svh; }
.nv-hero.nv-plein > *:not(.nv-hero-media) { padding-bottom: calc(var(--nv-barre-h, 64px) + 28px + env(safe-area-inset-bottom, 0px)); }
}
.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); }