/* tirzepatide-peptide.fr · « Littoral » · 2026-11 */
@font-face{font-family:"Funnel Display";src:url(/atelier/fontes/funnel.woff2) format("woff2");font-weight:500 800;font-display:swap}
@font-face{font-family:"Golos Text";src:url(/atelier/fontes/golos.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Azeret Mono";src:url(/atelier/fontes/azeret.woff2) format("woff2");font-weight:500;font-display:swap}
:root{--z-fond:#ffffff;--z-sable:#f6f1e9;--z-sable2:#ede5d8;--z-ecume:#e7f4f2;--z-encre:#13242c;--z-gris:#56656c;--z-trait:#dfe4e2;
--z-petrole:#0c5c66;--z-petrole2:#0a4a52;--z-lagon:#36a89a;--z-corail:#ff7a59;--z-corail2:#d9502f;--z-nuit:#0b2d33;
--z-titre:"Funnel Display",ui-sans-serif,system-ui,sans-serif;--z-corps:"Golos Text",ui-sans-serif,system-ui,sans-serif;--z-chiffre:"Azeret Mono",ui-monospace,monospace;
--z-large:1200px;--z-r:6px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}
body{margin:0;background:var(--z-fond);color:var(--z-encre);font:400 1.0625rem/1.68 var(--z-corps);text-rendering:optimizeLegibility}
img,svg{max-width:100%}
a{color:var(--z-petrole);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--z-corail2)}
:focus-visible{outline:3px solid var(--z-corail);outline-offset:2px}
.zp-saut{position:absolute;left:-999px;top:8px;background:var(--z-nuit);color:#fff;padding:.5rem .9rem;z-index:20}
.zp-saut:focus{left:12px}
h1,h2,h3{font-family:var(--z-titre);color:var(--z-nuit);line-height:1.14;letter-spacing:-.012em}
h1{font-weight:750;font-size:clamp(2rem,1.4rem + 2.6vw,3.15rem);margin:.2rem 0 .9rem}
h1 em{font-style:normal;color:var(--z-petrole);display:block}
h2{font-weight:700;font-size:clamp(1.42rem,1.2rem + .9vw,1.85rem);margin:2.8rem 0 .9rem}
h3{font-weight:650;font-size:1.18rem;margin:1.6rem 0 .5rem}
/* ---------- en-tête ---------- */
.zp-haut{background:#fff;border-bottom:1px solid var(--z-trait)}
.zp-ligne{max-width:var(--z-large);margin:0 auto;padding:1rem 1.5rem .7rem;display:flex;align-items:center;gap:1.5rem}
.zp-logo{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--z-nuit);font:700 1.18rem/1 var(--z-titre);letter-spacing:-.01em;white-space:nowrap}
.zp-logo svg{width:34px;height:26px}
.zp-arc1{stroke:var(--z-lagon)}.zp-arc2{stroke:var(--z-corail)}
.zp-statut{margin:0 auto 0 0;font-size:.8rem;color:var(--z-gris);padding-left:1.2rem;border-left:1px solid var(--z-trait)}
.zp-tarifs{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;font-size:.95rem;color:var(--z-nuit);text-decoration:none;padding:.5rem 0;border-bottom:2px solid var(--z-corail)}
.zp-tarifs svg{width:16px;height:16px;color:var(--z-corail2)}
.zp-tarifs:hover,.zp-tarifs[aria-current]{color:var(--z-corail2)}
.zp-onglets{max-width:var(--z-large);margin:0 auto;padding:0 1.5rem}
.zp-onglets ol{list-style:none;margin:0;padding:0;display:flex;gap:1.6rem}
.zp-onglets a{display:block;padding:.55rem 0 .7rem;font-size:.92rem;font-weight:500;color:var(--z-gris);text-decoration:none;border-bottom:3px solid transparent}
.zp-onglets a span{font:500 .72rem var(--z-chiffre);color:var(--z-lagon);margin-right:.35rem}
.zp-onglets a:hover{color:var(--z-nuit)}
.zp-onglets a[aria-current]{color:var(--z-nuit);border-bottom-color:var(--z-petrole)}
.zp-tiroir{display:none}
/* ---------- accueil ---------- */
.zp-une{max-width:var(--z-large);margin:0 auto;padding:3.4rem 1.5rem 2.4rem;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:3rem;align-items:center}
.zp-sur{margin:0;font:600 .78rem/1.3 var(--z-corps);text-transform:uppercase;letter-spacing:.13em;color:var(--z-corail2)}
.zp-accroche{font-size:1.18rem;color:#33444b;max-width:36em;margin:0 0 1rem}
.zp-date{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin:0 0 1.4rem;font-size:.86rem;color:var(--z-gris)}
.zp-date span::before{content:"·";margin-right:1rem;color:var(--z-lagon)}
.zp-boutons{display:flex;flex-wrap:wrap;gap:.8rem;margin:0}
.zp-b1,.zp-b2{display:inline-block;padding:.8rem 1.3rem;border-radius:var(--z-r);font-weight:600;text-decoration:none;font-size:.98rem}
.zp-b1{background:var(--z-petrole);color:#fff}.zp-b1:hover{background:var(--z-petrole2);color:#fff}
.zp-b2{background:var(--z-sable);color:var(--z-nuit);box-shadow:inset 0 0 0 1px var(--z-sable2)}.zp-b2:hover{color:var(--z-corail2)}
.zp-une-visuel{margin:0;background:var(--z-nuit);border-radius:14px;padding:1.4rem 1.4rem 1rem;color:#b9dcd8}
.zp-une-visuel svg{display:block;width:100%;height:auto}
.zp-une-visuel figcaption{font-size:.8rem;margin-top:.6rem;line-height:1.45}
.zp-chiffres{max-width:calc(var(--z-large) - 3rem);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);background:var(--z-sable);border-radius:10px;padding:0}
.zp-chiffres div{padding:1.3rem 1.4rem;border-left:1px solid var(--z-sable2)}
.zp-chiffres div:first-child{border-left:0}
.zp-chiffres dt{font-size:.78rem;color:var(--z-gris);text-transform:uppercase;letter-spacing:.06em}
.zp-chiffres dd{margin:0}
.zp-chiffres dd:not(.zp-pp){font:500 1.65rem/1.25 var(--z-chiffre);color:var(--z-petrole);margin:.3rem 0 .1rem}
.zp-pp{font-size:.86rem;color:#3f5057}
.zp-plan{max-width:var(--z-large);margin:0 auto;padding:1.2rem 1.5rem 0}
.zp-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:3rem;border-top:2px solid var(--z-nuit)}
.zp-liste a{display:grid;grid-template-columns:3rem 1fr;grid-template-rows:auto auto;padding:1rem .2rem;border-bottom:1px solid var(--z-trait);text-decoration:none;color:var(--z-encre)}
.zp-liste .zp-num{grid-row:span 2;font:500 .95rem var(--z-chiffre);color:var(--z-corail2);padding-top:.15rem}
.zp-liste strong{font:650 1.12rem/1.3 var(--z-titre);color:var(--z-nuit)}
.zp-liste em{font-style:normal;font-size:.93rem;color:var(--z-gris)}
.zp-liste a:hover strong{color:var(--z-petrole)}
.zp-liste li:last-child a{background:var(--z-ecume);padding-left:.8rem;border-radius:var(--z-r) var(--z-r) 0 0}
.zp-texte-une{max-width:780px;margin:0 auto;padding:1rem 1.5rem 3rem}
/* ---------- pages intérieures ---------- */
.zp-tete{background:linear-gradient(180deg,var(--z-sable) 0%,#fbf8f3 100%);border-bottom:1px solid var(--z-sable2)}
.zp-tete-in{max-width:var(--z-large);margin:0 auto;padding:1.6rem 1.5rem 2rem}
.zp-ariane{font-size:.85rem;color:var(--z-gris);display:flex;gap:.5rem;margin-bottom:1.6rem}
.zp-ariane a{color:var(--z-gris)}
.zp-tete h1{max-width:24em}
.zp-memo{margin:1.4rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.6rem}
.zp-memo li{background:#fff;border:1px solid var(--z-sable2);border-radius:var(--z-r);padding:.55rem .85rem;min-width:9.5rem}
.zp-memo small{display:block;font-size:.74rem;color:var(--z-gris);text-transform:uppercase;letter-spacing:.05em}
.zp-memo b{display:block;margin:.1rem 0 0;font:500 .9rem/1.35 var(--z-chiffre);color:var(--z-petrole2)}
.zp-grille{max-width:var(--z-large);margin:0 auto;padding:1rem 1.5rem 3.5rem;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:4rem;align-items:start}
.zp-grille-seule{grid-template-columns:minmax(0,760px)}
.zp-texte{min-width:0}
.zp-texte > :first-child{margin-top:1.4rem}
.zp-intro{font-size:1.2rem;line-height:1.6;color:#24363e}
.zp-cote{position:sticky;top:1.2rem;margin-top:2rem;display:grid;gap:1.2rem}
.zp-toc h2,.zp-encart h2{font:600 .78rem var(--z-corps);text-transform:uppercase;letter-spacing:.12em;color:var(--z-gris);margin:0 0 .6rem}
.zp-toc ol{list-style:none;margin:0;padding:0;counter-reset:t}
.zp-toc li{counter-increment:t}
.zp-toc a{display:flex;gap:.6rem;padding:.38rem 0;font-size:.92rem;line-height:1.35;color:var(--z-encre);text-decoration:none;border-bottom:1px dashed var(--z-trait)}
.zp-toc a::before{content:counter(t,decimal-leading-zero);font:500 .74rem/1.9 var(--z-chiffre);color:var(--z-lagon)}
.zp-toc a:hover{color:var(--z-petrole)}
.zp-encart{background:var(--z-nuit);color:#d5e8e5;border-radius:10px;padding:1.1rem 1.2rem}
.zp-encart h2{color:#7fd3c8}
.zp-encart p{margin:0 0 .8rem;font-size:.92rem;line-height:1.5}
.zp-encart a{color:#fff;font-weight:600;text-decoration-color:var(--z-corail)}
/* ---------- composants du texte ---------- */
.zp-avis,.zp-cle{margin:1.6rem 0;padding:1rem 1.2rem;border-radius:var(--z-r);font-size:.98rem}
.zp-avis{background:#fff3ee;border-left:4px solid var(--z-corail)}
.zp-cle{background:var(--z-ecume);border-left:4px solid var(--z-petrole)}
.zp-avis p,.zp-cle p{margin:0}
.zp-table{margin:1.6rem 0;padding:0}
.zp-table figcaption{font-size:.86rem;color:var(--z-gris);margin-bottom:.5rem}
.zp-glisse{overflow-x:auto;border:1px solid var(--z-trait);border-radius:var(--z-r)}
.zp-glisse table{width:100%;border-collapse:collapse;font-size:.95rem}
.zp-glisse thead th{background:var(--z-petrole);color:#fff;font-weight:600;text-align:left;padding:.6rem .8rem;font-size:.86rem}
.zp-glisse td,.zp-glisse tbody th{padding:.55rem .8rem;border-top:1px solid var(--z-trait);vertical-align:top;text-align:left}
.zp-glisse tbody th{font-weight:600;color:var(--z-nuit)}
.zp-glisse tbody tr:nth-child(even){background:#fbf9f5}
td.zp-n{font-family:var(--z-chiffre);font-size:.86rem;white-space:nowrap}
thead th.zp-n,td.zp-n{text-align:right}
.zp-mis td,.zp-mis th{background:#fff3ee;font-weight:600}
.zp-ok{list-style:none;padding:0}
.zp-ok li{position:relative;padding-left:1.8rem;margin:.45rem 0}
.zp-ok li::before{content:"";position:absolute;left:0;top:.42em;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--z-ecume) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.6 2.5L12 5.5' fill='none' stroke='%230c5c66' stroke-width='2'/%3E%3C/svg%3E") center/80% no-repeat}
.zp-pas{list-style:none;padding:0;counter-reset:p}
.zp-pas li{counter-increment:p;position:relative;padding:.1rem 0 .9rem 2.9rem}
.zp-pas li::before{content:counter(p);position:absolute;left:0;top:0;width:2rem;height:2rem;border-radius:50%;background:var(--z-corail);color:#fff;font:600 .92rem/2rem var(--z-chiffre);text-align:center}
.zp-paire{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.5rem 0}
.zp-volet{border-top:3px solid var(--z-lagon);background:#fbf9f5;padding:.2rem 1.1rem 1rem;border-radius:0 0 var(--z-r) var(--z-r)}
.zp-volet h3{margin-top:.9rem}
.zp-volet p,.zp-volet ul{font-size:.96rem}
.zp-sources{margin:2.4rem 0 0;padding-top:1rem;border-top:1px solid var(--z-trait);font-size:.88rem;color:#3f5057}
.zp-sources-t{font:600 .78rem var(--z-corps);text-transform:uppercase;letter-spacing:.12em;color:var(--z-gris);margin:0}
.zp-sources ol{padding-left:1.2rem}
.zp-vitrine{margin:1.8rem 0;background:var(--z-nuit);color:#d5e8e5;border-radius:10px;padding:1.3rem 1.4rem}
.zp-vitrine p{margin:0}
.zp-vitrine strong{color:#fff;font-family:var(--z-titre);font-size:1.1rem}
.zp-vitrine-lien{margin-top:.9rem!important}
.zp-vitrine-lien a{display:inline-block;background:var(--z-corail);color:var(--z-nuit);font-weight:650;padding:.6rem 1.1rem;border-radius:var(--z-r);text-decoration:none}
.zp-vitrine-lien a:hover{background:#ffa184;color:var(--z-nuit)}
.zp-q{border-bottom:1px solid var(--z-trait)}
.zp-q:first-of-type{border-top:1px solid var(--z-trait)}
.zp-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;font:650 1.06rem/1.4 var(--z-titre);color:var(--z-nuit)}
.zp-q summary::-webkit-details-marker{display:none}
.zp-q summary::after{content:"+";flex:none;width:1.7rem;height:1.7rem;border-radius:50%;border:1.5px solid var(--z-lagon);color:var(--z-petrole);font:500 1.1rem/1.5rem var(--z-chiffre);text-align:center}
.zp-q[open] summary::after{content:"−";background:var(--z-petrole);border-color:var(--z-petrole);color:#fff}
.zp-r{padding:0 2.6rem 1rem 0}
.zp-r p{margin:0 0 .6rem}
.zp-calc{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0;padding:1.3rem;background:var(--z-ecume);border-radius:10px}
.zp-calc label{display:grid;gap:.35rem;font-size:.86rem;font-weight:600;color:var(--z-petrole2)}
.zp-calc select,.zp-calc input{font:500 1rem var(--z-chiffre);padding:.55rem .6rem;border:1px solid #b9d8d3;border-radius:var(--z-r);background:#fff;color:var(--z-encre);width:100%}
.zp-calc output{grid-column:1/-1;background:#fff;border-radius:var(--z-r);padding:.8rem 1rem;font-size:.95rem}
.zp-calc output b{font-family:var(--z-chiffre);font-weight:500;color:var(--z-corail2)}
.zp-pager{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;padding-top:1.4rem;border-top:2px solid var(--z-nuit)}
.zp-pager a{display:block;text-decoration:none;padding:.4rem 0;font-size:.78rem;color:var(--z-gris);text-transform:uppercase;letter-spacing:.08em}
.zp-pager b{display:block;margin-top:.15rem;font:650 1.08rem var(--z-titre);color:var(--z-nuit);text-transform:none;letter-spacing:-.01em}
.zp-pager-ap{grid-column:2;text-align:right}
.zp-pager a:hover b{color:var(--z-corail2)}
/* ---------- pied ---------- */
.zp-bas{background:var(--z-sable);border-top:4px solid var(--z-petrole);margin-top:2rem;font-size:.92rem}
.zp-bas-in{max-width:var(--z-large);margin:0 auto;padding:2.6rem 1.5rem 1.6rem;display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:2rem}
.zp-bas h2{font:600 .78rem var(--z-corps);text-transform:uppercase;letter-spacing:.12em;color:var(--z-gris);margin:0 0 .7rem}
.zp-bas ul{list-style:none;margin:0;padding:0}
.zp-bas li{margin:.3rem 0}
.zp-bas a{color:var(--z-encre);text-decoration:none}
.zp-bas a:hover{color:var(--z-corail2);text-decoration:underline}
.zp-bas-id p{color:#3f5057;margin:.9rem 0 0}
.zp-bas-avis p{margin:0;color:#3f5057}
.zp-bas-fin{max-width:var(--z-large);margin:0 auto;padding:1rem 1.5rem 1.6rem;border-top:1px solid var(--z-sable2);display:flex;justify-content:space-between;gap:1rem;color:var(--z-gris);font-size:.82rem}
/* ---------- écrans moyens et petits ---------- */
@media (max-width:1080px){.zp-statut{display:none}.zp-onglets ol{gap:1.1rem}.zp-grille{grid-template-columns:minmax(0,1fr) 250px;gap:2.5rem}}
@media (max-width:900px){
.zp-onglets{display:none}
.zp-tiroir{display:block;border-top:1px solid var(--z-trait)}
.zp-tiroir summary{list-style:none;cursor:pointer;padding:.7rem 1.25rem;font-weight:600;font-size:.95rem;display:flex;justify-content:space-between;align-items:center}
.zp-tiroir summary::-webkit-details-marker{display:none}
.zp-tiroir summary::after{content:"";width:.6rem;height:.6rem;border-right:2px solid var(--z-petrole);border-bottom:2px solid var(--z-petrole);transform:rotate(45deg);margin-top:-.3rem}
.zp-tiroir[open] summary::after{transform:rotate(-135deg);margin-top:.3rem}
.zp-tiroir ol{list-style:none;margin:0;padding:0 1.25rem .8rem}
.zp-tiroir a{display:block;padding:.5rem 0;border-top:1px solid var(--z-trait);color:var(--z-encre);text-decoration:none}
.zp-une{grid-template-columns:1fr;gap:2rem;padding-top:2.2rem}
.zp-chiffres{grid-template-columns:1fr 1fr;margin:0 1.25rem}
.zp-chiffres div:nth-child(3){border-left:0}
.zp-chiffres div:nth-child(n+3){border-top:1px solid var(--z-sable2)}
.zp-grille{grid-template-columns:1fr;gap:0}
.zp-cote{position:static;grid-row:2;margin-top:2.4rem}
.zp-bas-in{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
body{font-size:1rem}
.zp-ligne{padding:.8rem 1.25rem;gap:.8rem}
.zp-logo{font-size:1.02rem}.zp-logo svg{width:28px;height:22px}
.zp-tarifs{font-size:.85rem;margin-left:auto}
.zp-une,.zp-plan,.zp-texte-une,.zp-tete-in,.zp-grille{padding-left:1.25rem;padding-right:1.25rem}
.zp-liste{grid-template-columns:1fr}
.zp-chiffres div{padding:1rem}
.zp-chiffres dd:not(.zp-pp){font-size:1.3rem}
.zp-paire,.zp-calc{grid-template-columns:1fr}
.zp-memo li{min-width:0;flex:1 1 calc(50% - .6rem)}
.zp-glisse table{font-size:.88rem}
td.zp-n{font-size:.78rem}
.zp-pager{grid-template-columns:1fr}
.zp-pager-ap{grid-column:1}
.zp-bas-in{grid-template-columns:1fr}
.zp-bas-fin{flex-direction:column}
.zp-r{padding-right:0}
}
@media (max-width:400px){.zp-tarifs svg{display:none}.zp-logo span{font-size:.95rem}}