@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:100 900;font-display:swap;src:url(/glyphes-pnl/space-grotesk-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:100 900;font-display:swap;src:url(/glyphes-pnl/space-grotesk-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(/glyphes-pnl/work-sans-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(/glyphes-pnl/work-sans-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Work Sans';font-style:italic;font-weight:100 900;font-display:swap;src:url(/glyphes-pnl/work-sans-latin-wght-italic.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Work Sans';font-style:italic;font-weight:100 900;font-display:swap;src:url(/glyphes-pnl/work-sans-latin-ext-wght-italic.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}

:root{
  --bleu:#2563EB;--bleu-fonce:#1D4ED8;--bleu-pale:#DBEAFE;--nuit:#0F172A;--encre:#1E293B;
  --gris:#E2E8F0;--brume:#F1F5F9;--papier:#F8FAFC;--blanc:#fff;--menthe:#34D399;--menthe-fonce:#047857;
  --texte:#334155;--doux:#64748B;--filet:#D8E0EA;
  --titre:"Space Grotesk",system-ui,sans-serif;--corps:"Work Sans",system-ui,sans-serif;
  --r:18px;--r-s:12px;--max:1280px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--blanc);color:var(--texte);font:17px/1.72 var(--corps);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--bleu-fonce);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--nuit)}
h1,h2,h3,h4{font-family:var(--titre);color:var(--nuit);font-weight:500;letter-spacing:-.02em;line-height:1.12;margin:0 0 .5em}
h1{font-size:clamp(2.2rem,4.6vw,3.9rem)}
h2{font-size:clamp(1.8rem,3.2vw,2.8rem)}
h3{font-size:clamp(1.25rem,1.8vw,1.55rem);letter-spacing:-.01em}
h4{font-size:1.05rem;letter-spacing:0}
h1 em,h2 em{font-family:var(--corps);font-style:italic;font-weight:400;color:var(--bleu);letter-spacing:-.01em}
p{margin:0 0 1.1em}
.tz-evitement{position:absolute;left:-999px;top:8px;background:var(--nuit);color:#fff;padding:.6em 1em;z-index:200;border-radius:8px}
.tz-evitement:focus{left:12px}
.tz-wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.tz-etroit{max-width:820px}
:focus-visible{outline:3px solid var(--bleu);outline-offset:3px}


.tz-bandeau{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--filet)}
.tz-bandeau__in{max-width:var(--max);margin:0 auto;padding:0 24px;height:74px;display:flex;align-items:center;gap:28px}
.tz-logo{display:block;width:176px;flex:none;line-height:0}
.tz-menu{display:flex;align-items:center;gap:4px;margin:0 auto;font-family:var(--titre);font-size:.96rem}
.tz-menu a,.tz-menu__t{color:var(--nuit);text-decoration:none;padding:.55em .85em;border-radius:999px;display:block;white-space:nowrap}
.tz-menu a:hover,.tz-menu a[aria-current],.tz-menu__t:hover{background:var(--brume)}
.tz-menu__dd{position:relative}
.tz-menu__t::after{content:"";display:inline-block;width:.42em;height:.42em;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translate(-2px,-2px);margin-left:.5em}
.tz-menu__liste{position:absolute;left:0;top:100%;min-width:320px;background:#fff;border:1px solid var(--filet);border-radius:var(--r-s);padding:8px;box-shadow:0 18px 40px -18px rgba(15,23,42,.35);opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s}
.tz-menu__dd:hover .tz-menu__liste,.tz-menu__dd:focus-within .tz-menu__liste{opacity:1;visibility:visible;transform:none}
.tz-menu__liste a{border-radius:8px;padding:.55em .8em}
.tz-menu__liste small{display:block;color:var(--doux);font-family:var(--corps);font-size:.8rem}
.tz-bouton-prix{margin-left:auto;display:flex;align-items:center;gap:.7em;background:var(--nuit);color:#fff;text-decoration:none;font-family:var(--titre);font-size:.92rem;padding:.7em 1.2em;border-radius:999px;white-space:nowrap}
.tz-bouton-prix b{color:var(--menthe);font-weight:600}
.tz-bouton-prix:hover{background:var(--bleu);color:#fff}
.tz-menu-bascule{position:absolute;opacity:0;pointer-events:none}
.tz-menu-bouton{display:none}


.tz-cta{margin:1.4em 0 0}
.tz-btn{display:inline-flex;align-items:center;gap:.7em;background:var(--bleu);color:#fff;font:600 1rem var(--titre);padding:.95em 1.6em;border-radius:999px;text-decoration:none;border:0;cursor:pointer;transition:.18s}
.tz-btn:hover{background:var(--nuit);color:#fff}
.tz-btn--clair{background:#fff;color:var(--nuit)}
.tz-btn--clair:hover{background:var(--menthe);color:var(--nuit)}
.tz-btn--ligne{background:transparent;border:1.5px solid currentColor;color:inherit}
.tz-btn--ligne:hover{background:#fff;color:var(--nuit)}
.tz-mention-aff{font-size:.8rem;line-height:1.5;color:var(--doux);margin:.8em 0 0;max-width:34em}
.tz-sombre .tz-mention-aff,.tz-hero .tz-mention-aff,.tz-panneau .tz-mention-aff,.tz-pied .tz-mention-aff{color:#B6C2D4}
.tz-lien-fleche{font-family:var(--titre);font-weight:500;text-decoration:none;display:inline-flex;gap:.6em;align-items:center;color:var(--nuit)}
.tz-lien-fleche::after{content:"";width:2.1em;height:2.1em;border-radius:50%;background:var(--brume) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10m-4-4 4 4-4 4' fill='none' stroke='%230F172A' stroke-width='1.6'/%3E%3C/svg%3E") center/55% no-repeat;transition:.18s}
.tz-lien-fleche:hover::after{background-color:var(--menthe)}


.tz-eyebrow,.tz-surtitre{font:600 .78rem var(--titre);letter-spacing:.14em;text-transform:uppercase;color:var(--doux);margin:0 0 1.1em;display:flex;align-items:center;gap:.7em}
.tz-eyebrow::before,.tz-surtitre::before{content:"";width:.55em;height:.55em;background:var(--menthe);border-radius:50%}
.tz-sombre .tz-surtitre,.tz-hero .tz-surtitre,.tz-panneau .tz-surtitre,.tz-sombre .tz-eyebrow{color:#B6C2D4}
.tz-tete-sec{margin-bottom:2.4em;max-width:46em}
.tz-tete-sec--2{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end;max-width:none}
.tz-tete-sec--2>p{margin:0}
.tz-sec{padding:clamp(64px,9vw,120px) 0}
.tz-sec--brume{background:var(--brume)}
.tz-sec--papier{background:var(--papier)}
.tz-sec--nuit{background:var(--nuit);color:#CBD5E1}
.tz-sec--nuit h2,.tz-sec--nuit h3{color:#fff}
.tz-sec--nuit h2 em{color:var(--menthe)}
.tz-sec--nuit a{color:var(--menthe)}
.tz-filet-haut{border-top:1px solid var(--filet)}


.tz-hero{position:relative;color:#fff;min-height:min(86vh,820px);display:flex;align-items:flex-end;overflow:hidden;background:var(--nuit)}
.tz-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tz-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,23,42,.92) 0%,rgba(15,23,42,.55) 38%,rgba(15,23,42,.12) 72%),linear-gradient(90deg,rgba(15,23,42,.45),transparent 55%)}
.tz-hero__in{position:relative;z-index:2;width:100%;max-width:var(--max);margin:0 auto;padding:0 24px 56px;display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:end}
.tz-hero h1{color:#fff;font-size:clamp(2.4rem,5.2vw,4.6rem);margin:0}
.tz-hero h1 em{color:var(--menthe)}
.tz-hero__carte{background:rgba(15,23,42,.55);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.22);border-radius:var(--r);padding:26px 28px}
.tz-hero__carte p{font-size:.98rem;line-height:1.6;margin:0 0 1em;color:#E2E8F0}
.tz-hero__carte .tz-hero__prix{font:600 2.6rem var(--titre);color:#fff;line-height:1;margin:0 0 .15em}
.tz-hero__prix small{font-size:.95rem;font-weight:400;color:#CBD5E1;margin-left:.4em}
.tz-hero__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.1em}


.tz-trois{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tz-carte{background:var(--papier);border:1px solid var(--filet);border-radius:var(--r);padding:30px 30px 26px;display:flex;flex-direction:column;gap:.4em}
.tz-carte h3{margin:.9em 0 .3em}
.tz-carte p{margin:0 0 1.2em;font-size:.97rem}
.tz-carte .tz-lien-fleche{margin-top:auto}
.tz-puce{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--bleu-pale),#BFD5FF 55%,#C9F5E2);color:var(--bleu-fonce)}
.tz-puce svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}


.tz-duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,88px);align-items:center}
.tz-decal{position:relative;display:grid;grid-template-columns:1.05fr .9fr;gap:14px;align-items:start}
.tz-decal figure{margin:0;border-radius:var(--r);overflow:hidden;position:relative}
.tz-decal figure:first-child{margin-top:28px}
.tz-decal figure:last-child{margin-top:-28px}
.tz-decal img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.tz-decal__chiffre{position:absolute;left:18px;bottom:18px;right:18px;background:rgba(15,23,42,.62);backdrop-filter:blur(8px);color:#fff;border-radius:14px;padding:14px 18px;font-size:.9rem;line-height:1.4}
.tz-decal__chiffre b{display:block;font:500 2.2rem var(--titre);color:#fff}
.tz-deux-puces{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:1.6em 0}
.tz-deux-puces div{background:var(--papier);border:1px solid var(--filet);border-radius:14px;padding:16px 18px;font-size:.95rem;line-height:1.55}
.tz-deux-puces b{display:block;font-family:var(--titre);color:var(--nuit);margin-bottom:.15em}


.tz-pcartes{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tz-pcarte{background:#fff;border:1px solid var(--filet);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--texte);transition:.2s}
.tz-pcarte:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(15,23,42,.45);color:var(--texte)}
.tz-pcarte__img{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--gris)}
.tz-pcarte__img img{width:100%;height:100%;object-fit:cover}
.tz-pcarte__tag{position:absolute;left:12px;top:12px;background:rgba(255,255,255,.92);color:var(--nuit);font:600 .72rem var(--titre);letter-spacing:.08em;text-transform:uppercase;padding:.4em .85em;border-radius:999px}
.tz-pcarte__c{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.tz-pcarte h3{font-size:1.2rem;margin:0 0 .4em}
.tz-pcarte p{font-size:.93rem;line-height:1.6;margin:0 0 1em}
.tz-pcarte .tz-plus{margin-top:auto;font:600 .92rem var(--titre);color:var(--bleu-fonce)}
.tz-pcarte--sombre{background:var(--nuit);border-color:var(--nuit);color:#CBD5E1;justify-content:center;padding:28px;min-height:240px}
.tz-pcarte--sombre h3{color:#fff;font-size:1.5rem}
.tz-pcarte--sombre .tz-plus{color:var(--menthe)}
.tz-pcartes--3{grid-template-columns:repeat(3,1fr)}


.tz-piliers{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:center}
.tz-piliers .tz-puce{margin:0 auto 1em}
.tz-piliers p{font-size:.97rem;margin:0}
.tz-bande{margin-top:56px;background:var(--nuit);border-radius:var(--r);padding:34px 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;color:#B6C2D4}
.tz-bande div{border-left:1px solid rgba(255,255,255,.14);padding-left:24px}
.tz-bande div:first-child{border:0;padding:0}
.tz-bande b{display:block;font:500 2.4rem var(--titre);color:#fff;line-height:1.1}
.tz-bande b i{font-style:normal;color:var(--menthe)}
.tz-bande span{font-size:.9rem;line-height:1.45;display:block;margin-top:.3em}


.tz-entete{padding:20px 0 0}
.tz-panneau{display:grid;grid-template-columns:1.08fr 1fr;border-radius:22px;overflow:hidden;background:var(--nuit);color:#CBD5E1;min-height:480px}
.tz-panneau__t{padding:clamp(32px,5vw,64px);display:flex;flex-direction:column;justify-content:center;background-image:linear-gradient(rgba(148,163,184,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.09) 1px,transparent 1px);background-size:44px 44px}
.tz-panneau h1{color:#fff;font-size:clamp(2rem,3.6vw,3.2rem)}
.tz-panneau h1 em{color:var(--menthe)}
.tz-panneau .tz-chapeau{font-size:1.06rem;line-height:1.65;color:#CBD5E1;margin:.2em 0 0}
.tz-panneau__faits{list-style:none;margin:1.6em 0 0;padding:1.2em 0 0;border-top:1px solid rgba(255,255,255,.18);display:flex;flex-wrap:wrap;gap:12px 34px}
.tz-panneau__faits li{font-size:.86rem;line-height:1.4;color:#94A3B8}
.tz-panneau__faits b{display:block;font:500 1.15rem var(--titre);color:#fff}
.tz-panneau__img{position:relative;min-height:320px}
.tz-panneau__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tz-panneau--seul{grid-template-columns:1fr;min-height:0}
.tz-panneau--seul .tz-panneau__t{padding:clamp(36px,5vw,64px)}
.tz-panneau--seul .tz-chapeau{max-width:44em}
.tz-fil{padding:18px 0 0;font-size:.86rem}
.tz-fil ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3em .6em;color:var(--doux)}
.tz-fil li+li::before{content:"/";margin-right:.6em;color:#94A3B8}
.tz-fil a{color:var(--doux);text-decoration:none}
.tz-fil a:hover{color:var(--nuit);text-decoration:underline}


.tz-tuiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 3em}
.tz-tuile{background:var(--papier);border:1px solid var(--filet);border-radius:var(--r-s);padding:20px 22px;display:flex;gap:16px;align-items:center}
.tz-tuile .tz-puce{width:48px;height:48px;flex:none}
.tz-tuile small{display:block;font:600 .72rem var(--titre);letter-spacing:.1em;text-transform:uppercase;color:var(--doux)}
.tz-tuile b{font:500 1.05rem/1.35 var(--titre);color:var(--nuit)}


.tz-corps{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(32px,5vw,72px);align-items:start}
.tz-corps--seul{grid-template-columns:minmax(0,820px)}
.tz-prose h2{font-size:clamp(1.55rem,2.4vw,2.1rem);margin:2.2em 0 .6em;scroll-margin-top:96px}
.tz-prose>h2:first-child{margin-top:0}
.tz-prose h3{margin:1.8em 0 .5em;scroll-margin-top:96px}
.tz-prose ul,.tz-prose ol{padding-left:1.3em;margin:0 0 1.2em}
.tz-prose li{margin:.3em 0}
.tz-prose li::marker{color:var(--bleu)}
.tz-prose figure{margin:2em 0}
.tz-prose figure img{border-radius:var(--r);width:100%}
figcaption{font-size:.84rem;color:var(--doux);margin-top:.7em;line-height:1.5}
.tz-reponse{background:var(--papier);border-left:4px solid var(--menthe);border-radius:0 var(--r-s) var(--r-s) 0;padding:1.1em 1.4em;font-size:1.06rem;color:var(--nuit);margin:0 0 1.5em}
.tz-avis{background:var(--bleu-pale);border-radius:var(--r-s);padding:1.1em 1.4em;font-size:.97rem;margin:1.4em 0}
.tz-avis b{font-family:var(--titre);color:var(--bleu-fonce)}
.tz-note{font-size:.85rem;color:var(--doux);line-height:1.55}
.tz-encart{background:var(--papier);border:1px solid var(--filet);border-radius:var(--r);padding:24px 26px;margin:1.8em 0}
.tz-encart h3,.tz-encart h4{margin-top:0}
.tz-encart--nuit{background:var(--nuit);border-color:var(--nuit);color:#CBD5E1}
.tz-encart--nuit h3,.tz-encart--nuit h4{color:#fff}
.tz-encart--nuit .tz-note{color:#94A3B8}
.tz-encart--nuit a{color:var(--menthe)}
.tz-citation{font:italic 400 clamp(1.3rem,2.2vw,1.8rem)/1.4 var(--corps);color:var(--nuit);margin:0}
.tz-laterale{position:sticky;top:98px;display:flex;flex-direction:column;gap:16px}
.tz-laterale .tz-encart{margin:0}
.tz-sommaire{background:var(--papier);border:1px solid var(--filet);border-radius:var(--r);padding:20px 22px;font:600 .78rem var(--titre);letter-spacing:.12em;text-transform:uppercase;color:var(--doux)}
.tz-sommaire ol{list-style:none;margin:.8em 0 0;padding:0;font:400 .95rem/1.4 var(--corps);letter-spacing:0;text-transform:none;counter-reset:s}
.tz-sommaire li{counter-increment:s;padding:.45em 0;border-top:1px solid var(--filet)}
.tz-sommaire li::before{content:counter(s,decimal-leading-zero);color:var(--bleu);font:600 .78rem var(--titre);margin-right:.7em}
.tz-sommaire a{color:var(--texte);text-decoration:none}
.tz-sommaire a:hover{color:var(--bleu-fonce)}
.tz-carte-prix{background:var(--nuit);color:#CBD5E1;border-radius:var(--r);padding:24px 26px}
.tz-carte-prix p{margin:0 0 .6em;font-size:.93rem;line-height:1.55}
.tz-carte-prix .tz-prix{font:600 2.2rem var(--titre);color:#fff;line-height:1.1;margin:0}
.tz-carte-prix .tz-prix small{font-size:.85rem;font-weight:400;color:#B6C2D4}
.tz-carte-prix .tz-btn{width:100%;justify-content:center;margin-top:.6em}
.tz-carte-prix .tz-mention-aff{color:#94A3B8}


.tz-tableau{overflow-x:auto;margin:1.6em 0;border:1px solid var(--filet);border-radius:var(--r-s)}
.tz-tableau table{border-collapse:collapse;width:100%;min-width:560px;font-size:.93rem;line-height:1.5}
.tz-tableau caption{text-align:left;font:600 .78rem var(--titre);letter-spacing:.12em;text-transform:uppercase;color:var(--doux);padding:14px 18px;caption-side:top}
.tz-tableau th,.tz-tableau td{padding:12px 18px;text-align:left;vertical-align:top;border-top:1px solid var(--filet)}
.tz-tableau thead th{background:var(--brume);font:600 .8rem var(--titre);color:var(--nuit)}
.tz-tableau tbody th{font-weight:600;color:var(--nuit);width:28%}
.tz-tableau tr.tz-ici{background:#EFF6FF}
.tz-tableau .tz-chiffre{font-family:var(--titre);white-space:nowrap}
.tz-tableau--etroit table{min-width:0}


.tz-onglets{margin:1.2em 0}
.tz-onglets>input{position:absolute;opacity:0;pointer-events:none}
.tz-onglets>label{display:inline-block;cursor:pointer;font:500 1rem var(--titre);padding:.7em 1.3em;border-radius:999px;border:1px solid var(--filet);background:#fff;margin:0 8px 10px 0;color:var(--nuit)}
.tz-onglets>label small{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--doux);font-weight:600}
.tz-onglets>input:checked+label{background:var(--nuit);color:#fff;border-color:var(--nuit)}
.tz-onglets>input:checked+label small{color:var(--menthe)}
.tz-onglets>input:focus-visible+label{outline:3px solid var(--bleu);outline-offset:2px}
.tz-panneau-o{display:none;margin-top:12px;background:var(--papier);border:1px solid var(--filet);border-radius:var(--r);padding:28px 30px;grid-template-columns:1.3fr 1fr;gap:32px}
.tz-panneau-o h3{margin-top:0}
.tz-panneau-o dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.55em 1.2em;font-size:.93rem;align-content:start}
.tz-panneau-o dt{font-weight:600;color:var(--nuit)}
.tz-panneau-o dd{margin:0}
#niv-tech:checked~.tz-p1,#niv-prat:checked~.tz-p2,#niv-maitre:checked~.tz-p3{display:grid}


.tz-offre-bloc{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.tz-offre{background:var(--nuit);color:#CBD5E1;border-radius:var(--r);padding:34px 34px 30px}
.tz-offre h3{color:#fff}
.tz-offre__prix{font:600 clamp(2.8rem,5vw,4rem) var(--titre);color:#fff;line-height:1;margin:.1em 0 0}
.tz-offre__prix small{font-size:1rem;font-weight:400;color:#B6C2D4;margin-left:.4em}
.tz-offre__trois{color:var(--menthe);font-family:var(--titre);margin:.4em 0 1.2em}
.tz-offre ul{list-style:none;padding:0;margin:0 0 1em}
.tz-offre li{padding:.5em 0 .5em 1.6em;border-top:1px solid rgba(255,255,255,.12);position:relative;font-size:.95rem;line-height:1.5}
.tz-offre li::before{content:"";position:absolute;left:0;top:1em;width:.7em;height:.4em;border:solid var(--menthe);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.tz-limites{background:var(--papier);border:1px solid var(--filet);border-radius:var(--r);padding:34px 34px 30px}
.tz-limites h3{margin-top:0}
.tz-limites ul{margin:0;padding-left:1.2em}
.tz-limites li{margin:.5em 0;font-size:.97rem}
.tz-limites li::marker{color:#B45309}


.tz-faq details{border-top:1px solid var(--filet);padding:0}
.tz-faq details:last-child{border-bottom:1px solid var(--filet)}
.tz-faq summary{list-style:none;cursor:pointer;padding:1.15em 3em 1.15em 0;font:500 1.12rem/1.4 var(--titre);color:var(--nuit);position:relative}
.tz-faq summary::-webkit-details-marker{display:none}
.tz-faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);width:2em;height:2em;border-radius:50%;background:var(--brume);display:grid;place-items:center;font:400 1.2rem var(--corps);transition:.18s}
.tz-faq details[open] summary::after{content:"–";background:var(--menthe)}
.tz-faq__r{padding:0 0 1.2em;max-width:44em;font-size:.99rem}
.tz-faq__r p:last-child{margin-bottom:0}


.tz-marches{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:m}
.tz-marches li{counter-increment:m;border:1px solid var(--filet);border-radius:var(--r);padding:22px 22px 24px;background:#fff;position:relative}
.tz-marches li::before{content:counter(m,decimal-leading-zero);display:block;font:600 .78rem var(--titre);color:var(--bleu);margin-bottom:1.6em;letter-spacing:.1em}
.tz-marches b{display:block;font:500 1.25rem var(--titre);color:var(--nuit);margin-bottom:.3em}
.tz-marches span{font-size:.92rem;line-height:1.55;display:block}
.tz-marches li.tz-ici{background:var(--nuit);border-color:var(--nuit);color:#CBD5E1}
.tz-marches li.tz-ici b{color:#fff}
.tz-marches li.tz-ici::before{color:var(--menthe)}
.tz-marches li:nth-child(2){margin-top:22px}
.tz-marches li:nth-child(3){margin-top:44px}
.tz-marches li:nth-child(4){margin-top:66px}


.tz-modules{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.tz-module{display:grid;grid-template-columns:84px 1fr;gap:6px 24px;background:#fff;border:1px solid var(--filet);border-radius:var(--r);padding:26px 28px}
.tz-module__num{font:500 2.6rem/1 var(--titre);color:var(--bleu);margin:0}
.tz-module__phase{font:600 .72rem var(--titre);letter-spacing:.12em;text-transform:uppercase;color:var(--doux);margin:0 0 .3em}
.tz-module h3{margin:0 0 .5em}
.tz-module ul{margin:0 0 .6em;padding-left:1.2em;font-size:.95rem}
.tz-module li::marker{color:var(--menthe-fonce)}
.tz-module .tz-avis{margin:.8em 0 0}
.tz-module--lien{text-decoration:none;color:inherit}
.tz-suite{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:3em}
.tz-suite a{display:block;border:1px solid var(--filet);border-radius:var(--r);padding:20px 24px;text-decoration:none;color:var(--texte);background:#fff;transition:.18s}
.tz-suite a:hover{border-color:var(--bleu);transform:translateY(-2px)}
.tz-suite small{display:block;font:600 .72rem var(--titre);letter-spacing:.12em;text-transform:uppercase;color:var(--doux);margin-bottom:.3em}
.tz-suite b{font:500 1.15rem/1.3 var(--titre);color:var(--nuit)}
.tz-suite a:last-child{text-align:right}
.tz-suite a.tz-vide{visibility:hidden}


.tz-billets{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;list-style:none;margin:0;padding:0}
.tz-billet{background:#fff;border:1px solid var(--filet);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.2s}
.tz-billet:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(15,23,42,.45)}
.tz-billet__img{aspect-ratio:3/2;overflow:hidden;background:var(--gris);display:block}
.tz-billet__img img{width:100%;height:100%;object-fit:cover}
.tz-billet__c{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.tz-billet__m{font:600 .72rem var(--titre);letter-spacing:.1em;text-transform:uppercase;color:var(--doux);margin:0 0 .7em;display:flex;gap:.8em;flex-wrap:wrap}
.tz-billet__m span:first-child{color:var(--bleu-fonce)}
.tz-billet h3{font-size:1.15rem;line-height:1.3;margin:0 0 .5em}
.tz-billet h3 a{color:var(--nuit);text-decoration:none}
.tz-billet h3 a::after{content:"";position:absolute;inset:0}
.tz-billet{position:relative}
.tz-billet p{font-size:.92rem;line-height:1.6;margin:0}
.tz-art-tete{padding:24px 0 0}
.tz-art-tete .tz-wrap>div{max-width:900px}
.tz-art-tete h1{font-size:clamp(2rem,3.8vw,3.2rem);margin:.3em 0 .6em}
.tz-article-meta{display:flex;flex-wrap:wrap;gap:.4em 1.6em;font-size:.88rem;color:var(--doux);margin:0}
.tz-article-meta a{color:var(--doux)}
.tz-art-img{margin:32px 0 0}
.tz-art-img img{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:22px}
.tz-renvoi{background:var(--nuit);color:#CBD5E1;border-radius:var(--r);padding:30px 32px;margin:2.5em 0 0}
.tz-renvoi p{margin:0 0 .8em}
.tz-renvoi .tz-surtitre{color:#B6C2D4}
.tz-renvoi a{color:var(--menthe)}
.tz-renvoi .tz-btn{color:#fff}


.tz-etapes{list-style:none;padding:0;margin:1.6em 0;counter-reset:e;display:grid;gap:14px}
.tz-etapes li{counter-increment:e;display:grid;grid-template-columns:56px 1fr;gap:18px;padding:18px 22px;border:1px solid var(--filet);border-radius:var(--r-s);background:#fff}
.tz-etapes li::before{content:counter(e);width:44px;height:44px;border-radius:50%;background:var(--nuit);color:var(--menthe);font:500 1.1rem var(--titre);display:grid;place-items:center}
.tz-etapes b{color:var(--nuit);font-family:var(--titre)}


.tz-formulaire{display:grid;gap:18px}
.tz-formulaire label{font:500 .95rem var(--titre);color:var(--nuit);display:block;margin-bottom:.35em}
.tz-formulaire input[type=text],.tz-formulaire input[type=email],.tz-formulaire textarea{width:100%;font:inherit;padding:.85em 1em;border:1px solid #BFC9D6;border-radius:var(--r-s);background:#fff}
.tz-formulaire textarea{min-height:190px}
.tz-formulaire .tz-case{display:flex;gap:.8em;align-items:flex-start}
.tz-formulaire .tz-case input{margin-top:.45em}
.tz-formulaire .tz-case label{font:400 .9rem/1.55 var(--corps);margin:0}
.tz-piege{position:absolute;left:-9999px;opacity:0}
.tz-alerte{background:#FEF2F2;border:1px solid #FCA5A5;color:#7F1D1D;padding:1em 1.2em;border-radius:var(--r-s)}


.tz-pied{background:var(--nuit);color:#B6C2D4;padding:20px 0 0}
.tz-appel{display:grid;grid-template-columns:1fr 1fr;border-radius:22px;overflow:hidden;background:#1E293B;margin-bottom:64px}
.tz-appel__t{padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;justify-content:center}
.tz-appel__t p.tz-titre{font:500 clamp(1.5rem,2.6vw,2.2rem)/1.25 var(--titre);color:#fff;margin:0 0 .6em}
.tz-appel__t p.tz-titre em{font-family:var(--corps);color:var(--menthe)}
.tz-appel__t p{font-size:.98rem}
.tz-appel__img{position:relative;min-height:300px}
.tz-appel__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tz-pied__cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px}
.tz-pied h2{font:600 .76rem var(--titre);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 1.2em}
.tz-pied ul{list-style:none;margin:0;padding:0}
.tz-pied li{margin:.55em 0;font-size:.95rem}
.tz-pied a{color:#CBD5E1;text-decoration:none}
.tz-pied .tz-btn{color:var(--nuit)}
.tz-pied .tz-btn:hover{color:var(--nuit)}
.tz-pied a:hover{color:var(--menthe)}
.tz-pied__bas{border-top:1px solid rgba(255,255,255,.12);padding:26px 0 34px;font-size:.82rem;line-height:1.6;display:grid;gap:.6em}
.tz-pied__bas p{margin:0;max-width:62em}


.tz-erreur-code{font:600 clamp(6rem,18vw,13rem)/1 var(--titre);color:var(--bleu-pale);margin:0}


@media (max-width:1080px){
  .tz-menu{display:none}
  .tz-menu-bouton{display:inline-flex;margin-left:auto;align-items:center;gap:.6em;font:500 .95rem var(--titre);border:1px solid var(--filet);border-radius:999px;padding:.6em 1.1em;cursor:pointer;color:var(--nuit)}
  .tz-bouton-prix{margin-left:0}
  .tz-menu-bascule:checked~.tz-menu{display:flex;position:absolute;left:0;right:0;top:74px;background:#fff;flex-direction:column;align-items:stretch;padding:12px 24px 20px;border-bottom:1px solid var(--filet);box-shadow:0 20px 30px -20px rgba(15,23,42,.3);max-height:calc(100vh - 74px);overflow:auto;gap:0}
  .tz-menu__liste{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 0 14px;min-width:0}
  .tz-menu__t::after{display:none}
  .tz-pcartes{grid-template-columns:repeat(2,1fr)}
  .tz-marches{grid-template-columns:repeat(2,1fr)}
  .tz-marches li:nth-child(n){margin-top:0}
  .tz-corps{grid-template-columns:1fr}
  .tz-laterale{position:static}
}
@media (max-width:860px){
  body{font-size:16.5px}
  .tz-hero__in,.tz-duo,.tz-tete-sec--2,.tz-panneau,.tz-appel,.tz-offre-bloc,.tz-panneau-o{grid-template-columns:1fr}
  .tz-hero{min-height:auto;padding-top:300px}
  .tz-hero::after{background:linear-gradient(0deg,rgba(15,23,42,.96) 0%,rgba(15,23,42,.72) 55%,rgba(15,23,42,.42) 100%)}
  .tz-hero__in{padding-bottom:32px;gap:24px}
  .tz-trois,.tz-piliers,.tz-billets,.tz-tuiles,.tz-pcartes--3{grid-template-columns:1fr}
  .tz-piliers{gap:28px}
  .tz-bande{grid-template-columns:1fr 1fr;padding:26px}
  .tz-bande div:nth-child(3){border:0;padding-left:0}
  .tz-panneau__img{min-height:240px;order:-1}
  .tz-appel__img{min-height:220px;order:-1}
  .tz-pied__cols{grid-template-columns:1fr 1fr}
  .tz-suite{grid-template-columns:1fr}
  .tz-suite a:last-child{text-align:left}
  .tz-module{grid-template-columns:1fr}
  .tz-art-img img{aspect-ratio:3/2}
  .tz-bouton-prix span{display:none}
}
@media (max-width:560px){
  .tz-wrap,.tz-bandeau__in{padding:0 16px}
  .tz-logo{width:150px}
  .tz-pcartes,.tz-deux-puces,.tz-marches{grid-template-columns:1fr}
  .tz-decal{grid-template-columns:1fr 1fr}
  .tz-pied__cols{grid-template-columns:1fr}
  .tz-bande{grid-template-columns:1fr}
  .tz-bande div{border:0;padding:0}
  .tz-bouton-prix{display:none}
  .tz-etapes li{grid-template-columns:1fr}
  .tz-hero{padding-top:220px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.tz-bandeau,.tz-pied,.tz-appel{display:none}}


.tz-btn{padding:.95em 2.6em .95em 1.5em;border-radius:6px 0 0 6px;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,0 100%)}
.tz-btn--ligne{clip-path:none;border-radius:6px;padding:.95em 1.5em}
.tz-fleche{display:inline-block;position:relative;width:1.15em;height:2px;background:currentColor;flex:none;transition:transform .2s}
.tz-fleche::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border:solid currentColor;border-width:2px 2px 0 0;transform:rotate(45deg);transform-origin:center}
.tz-btn:hover .tz-fleche{transform:translateX(5px)}
.tz-btn--entete{padding:.62em 2.3em .62em 1.2em;font-size:.9rem;background:var(--nuit);margin-left:auto;white-space:nowrap}
.tz-btn--entete b{color:var(--menthe);font-weight:600}
.tz-btn--entete:hover{background:var(--bleu)}
.tz-btn--barre{background:var(--menthe);color:var(--nuit);padding:.78em 2.3em .78em 1.1em;font-size:.95rem;white-space:nowrap}
.tz-btn--barre:hover{background:#fff;color:var(--nuit)}
.tz-barre{display:none}
.tz-passage{position:absolute;left:0;top:min(78vh,620px);width:1px;height:1px;pointer-events:none}
main{position:relative}
@keyframes tz-marche{to{background-position:16px 0}}
@keyframes tz-pousse{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@media (max-width:767px){
  html{scroll-padding-bottom:84px}
  .tz-barre{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:150;align-items:center;gap:12px;background:var(--nuit);color:#fff;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:2px solid var(--menthe);background-image:linear-gradient(rgba(148,163,184,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.1) 1px,transparent 1px);background-size:22px 22px;transition:transform .35s ease}
  .tz-js .tz-barre{transform:translateY(110%)}
  .tz-js .tz-barre.tz-visible{transform:none}
  .tz-barre__prix{margin:0;line-height:1.15;flex:none}
  .tz-barre__prix b{display:block;font:600 1.2rem var(--titre)}
  .tz-barre__prix span{font-size:.7rem;color:#B6C2D4;display:block}
  .tz-barre__trace{flex:1;height:2px;min-width:12px;background:repeating-linear-gradient(90deg,var(--menthe) 0 8px,transparent 8px 16px);background-size:16px 2px;opacity:.85;animation:tz-marche 1.1s linear infinite}
  .tz-barre .tz-fleche{animation:tz-pousse 1.6s ease-in-out infinite}
  body.tz-a-barre{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .tz-btn--entete{display:none}
  .tz-menu-bouton{margin-left:auto}
}
@media (prefers-reduced-motion:reduce){.tz-barre__trace,.tz-barre .tz-fleche{animation:none}.tz-barre{transition:none}}


.tz-fmt{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(32px,5vw,72px);align-items:start}
.tz-fmt__photo{margin:0;position:sticky;top:98px}
.tz-fmt__photo img{border-radius:var(--r);width:100%}
.tz-fmt__photo figcaption{margin-top:.8em}
.tz-fmt blockquote{margin:1.6em 0;padding:0 0 0 1.2em;border-left:4px solid var(--menthe)}
.tz-auteur{display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:center;margin:2.4em 0 0;padding:20px 0 0;border-top:1px solid var(--filet)}
.tz-auteur img{width:88px;height:88px;border-radius:50%;object-fit:cover}
.tz-auteur p{margin:0;font-size:.95rem;line-height:1.55}
.tz-auteur__nom{font:600 1.05rem var(--titre);color:var(--nuit)}
.tz-vignette-fmt{display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:clamp(24px,5vw,64px);align-items:center}
.tz-vignette-fmt img{border-radius:var(--r);width:100%;aspect-ratio:1/1;object-fit:cover}


.tz-exo{border:1.5px dashed #94A3B8;border-radius:var(--r);padding:26px 28px;margin:1.8em 0;background:#fff}
.tz-exo__tag{display:inline-block;font:600 .72rem var(--titre);letter-spacing:.12em;text-transform:uppercase;background:var(--nuit);color:var(--menthe);padding:.35em .9em;border-radius:999px;margin:0 0 1em}
.tz-exo h3{margin:.1em 0 .5em}
.tz-exo ol{margin:0 0 1em;padding-left:1.3em}
.tz-exo ol li{margin:.4em 0}
.tz-exo .tz-note{margin:0}
.tz-saurez{background:linear-gradient(135deg,#ECFDF5,#EFF6FF);border:1px solid #BFE8D6;border-radius:var(--r);padding:22px 26px;margin:1.8em 0}
.tz-saurez h3,.tz-saurez h4{margin:0 0 .6em;font-size:1.05rem}
.tz-saurez ul{margin:0;padding:0;list-style:none}
.tz-saurez li{position:relative;padding:.3em 0 .3em 1.7em;font-size:.97rem}
.tz-saurez li::before{content:"";position:absolute;left:.1em;top:.72em;width:.8em;height:.42em;border:solid var(--menthe-fonce);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.tz-fiches{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:2em 0}
.tz-fiche{margin:0;background:#fff;border:1px solid var(--filet);border-radius:var(--r);padding:14px 14px 18px}
.tz-fiche svg{width:100%;height:auto;border-radius:10px;background:var(--papier)}
.tz-fiche figcaption{padding:0 6px}
.tz-bloc-prog{border-top:1px solid var(--filet);padding:2.4em 0 0;margin:2.4em 0 0}
@media (max-width:1080px){.tz-fmt{grid-template-columns:1fr}.tz-fmt__photo{position:static;order:-1}.tz-fiches{grid-template-columns:1fr}}
@media (max-width:860px){.tz-vignette-fmt{grid-template-columns:1fr}.tz-vignette-fmt img{max-width:240px}}
.tz-decal--seul{grid-template-columns:1fr}
.tz-decal--seul figure:first-child,.tz-decal--seul figure:last-child{margin-top:0}
.tz-decal--seul img{aspect-ratio:3/2}
.tz-garantie{background:var(--papier);border:1px solid var(--filet);border-radius:var(--r);padding:34px 34px 30px}
.tz-garantie h3{margin-top:.8em}
.tz-faq h2{font-size:clamp(1.3rem,2vw,1.7rem);margin:2em 0 .4em}
.tz-faq h2:first-child{margin-top:0}
.tz-corps>.tz-faq{min-width:0}
.tz-etapes li>div{align-self:center}
.tz-pcartes>.tz-carte{height:100%}
@media (max-width:767px){
  .tz-barre{gap:8px;padding-left:14px;padding-right:12px}
  .tz-barre__prix b{font-size:1.1rem}
  .tz-barre__prix span{font-size:.64rem;white-space:nowrap}
  .tz-barre__trace{min-width:0}
  .tz-btn--barre{padding:.72em 1.9em .72em .9em;font-size:.86rem;flex:none}
}
@media (max-width:350px){.tz-barre__prix span{display:none}}
.tz-corps>*{min-width:0}
.tz-bande--3{grid-template-columns:repeat(3,1fr)}
@media (max-width:860px){.tz-bande--3{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.tz-bande--3{grid-template-columns:1fr}.tz-tableau .tz-chiffre{white-space:normal}}
.tz-q2{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(32px,6vw,80px)}
@media (max-width:860px){.tz-q2{grid-template-columns:1fr}}

.tz-btn,.tz-btn--entete,.tz-btn--barre{clip-path:none;border-radius:18px 18px 18px 3px;padding-right:1.4em}
.tz-btn--ligne{border-radius:18px 18px 18px 3px}
.tz-fleche{width:1.3em;height:.3em;background:radial-gradient(circle,currentColor 0 1.6px,transparent 2px) 0 50%/.43em 100% repeat-x;transition:none}
.tz-fleche::after{display:none}
.tz-btn:hover .tz-fleche{transform:none;animation:tz-points .9s ease-in-out infinite}
@keyframes tz-points{50%{opacity:.35}}
@media (max-width:767px){.tz-barre .tz-fleche{animation:tz-points 1.4s ease-in-out infinite}.tz-btn--barre{padding-right:1.1em}}
@media (prefers-reduced-motion:reduce){.tz-btn:hover .tz-fleche,.tz-barre .tz-fleche{animation:none}}
