/* ================================================================== PAGE SANTÉ — vocabulaire de composition « dossier clinique » Système graphique identique à l'accueil;structures inédites. Motifs:numéro en marge · notes de marge · tableaux · index à points de conduite · fiche technique · frise · figures numérotées. ================================================================== */ .nav-links a[aria-current="page"]::after{transform:scaleX(1)}.nav-panel a[aria-current="page"]{background:var(--ivoire-2)}/* --- gouttière de marge,colonne portante de la page --- */:root{--gut:5.5rem;/* Camel « encre »:même teinte que --accent-deep (H 34° S 33%),assombri à L 34%. Réservé aux petits labels capitales sur fond clair,où le camel normal tombe à 2,24:1 (WCAG AA exige 4,5:1). Celui-ci donne 4,74:1 sur sable. */ --accent-ink:#735B3A}@media(max-width:900px){:root{--gut:3rem}}/* --- en-tête de chapitre:numéro suspendu dans la marge --- */ .dsec{padding-block:clamp(5rem,11vh,9rem)}.dsec--tone{background:var(--ivoire-2)}.dsec__head{display:grid;grid-template-columns:var(--gut) minmax(0,1fr);gap:clamp(1rem,2.5vw,2rem)}@media(max-width:640px){.dsec__head{grid-template-columns:1fr;gap:.6rem}}.dsec__no{font-family:var(--serif);font-style:italic;font-size:clamp(2.6rem,4vw,3.6rem);color:var(--accent-deep);line-height:1}.dsec__label{font-size:.82rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;display:block;padding-top:.15rem}.dsec__t{font-size:clamp(1.9rem,3.4vw,3rem);margin-top:1.5rem;max-width:22ch}.dsec__t .it{color:var(--accent-deep)}/* titre court qui doit tenir sur une seule ligne sur ordinateur */ .dsec__t--1l{max-width:46ch}.dsec__chapo{color:var(--ink-2);font-size:1.14rem;margin-top:1.2rem;max-width:60ch}/* --- corps à notes de marge --- */ .mrg{display:grid;grid-template-columns:var(--gut) minmax(0,60ch) minmax(0,1fr);gap:clamp(1rem,2.5vw,2.5rem);margin-top:clamp(2.2rem,4.5vh,3.2rem)}@media(max-width:1080px){.mrg{grid-template-columns:var(--gut) minmax(0,1fr)}}@media(max-width:640px){.mrg{grid-template-columns:1fr}}.mrg__body{grid-column:2}@media(max-width:640px){.mrg__body{grid-column:1}}.mrg__body p{color:var(--ink-2);font-size:1.14rem}.mrg__body p + p{margin-top:1.1em}.mrg__note{grid-column:3;align-self:center;font-size:1.08rem;color:var(--ink-2);line-height:1.6}.mrg__note b{display:block;font-family:var(--serif);font-style:italic;font-weight:400;color:var(--aubergine);font-size:1.32rem;margin-bottom:.5rem}@media(max-width:1080px){.mrg__note{grid-column:2;margin-top:2rem;max-width:52ch}}@media(max-width:640px){.mrg__note{grid-column:1}}/* --- encart:les situations vécues par la cible --- */ .defn{grid-column:2/4;margin-top:2.8rem;border:1px solid var(--aubergine);background:var(--ivoire-2);padding:clamp(1.6rem,2.6vw,2.3rem)}@media(max-width:1080px){.defn{grid-column:2}}@media(max-width:640px){.defn{grid-column:1}}.defn h3{font-size:1.45rem;margin-bottom:.9rem}.defn p{color:var(--ink-2);font-size:1.1rem}.defn__l{list-style:none;margin-top:1.3rem}.defn__l li{position:relative;padding-left:1.4rem;color:var(--ink-2);font-size:1.09rem;line-height:1.55}.defn__l li + li{margin-top:.8rem}.defn__l li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;background:var(--accent);border-radius:50%}.defn__l b{font-weight:500;color:var(--aubergine)}/* --- bande profonde:chapitre déontologie --- */ .band{background:var(--aubergine);color:var(--ivoire);padding-block:clamp(5rem,11vh,9rem);position:relative;overflow:hidden}.band .dsec__no{color:var(--accent)}.band .dsec__t .it{color:var(--accent)}.band .dsec__chapo{color:rgba(237,231,221,.78)}/* --- tableau à deux colonnes:le cadre / ma traduction --- */ .tbl{margin-top:clamp(2.5rem,5vh,3.5rem)}.tbl__h,.tbl__r{display:grid;grid-template-columns:var(--gut) minmax(0,1fr) minmax(0,1.3fr);gap:clamp(1rem,2.5vw,2.5rem)}.tbl__h{padding-bottom:.9rem;border-bottom:1px solid var(--line-iv-strong);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.tbl__r{padding-block:clamp(1.4rem,2.8vh,2rem);border-bottom:1px solid var(--line-iv);align-items:center}.tbl__n{font-family:var(--serif);font-style:italic;font-size:1.5rem;color:var(--accent);line-height:1}.tbl__k{font-family:var(--serif);font-size:1.4rem;line-height:1.35}.tbl__v{color:rgba(237,231,221,.74);font-size:1.06rem}@media(max-width:860px){.tbl__h{display:none}.tbl__r{grid-template-columns:1fr;gap:.55rem}.tbl__n{display:none}.tbl__v::before{content:"→ ";color:var(--accent)}}/* --- index à retrait suspendu:les enjeux --- */ .idx{margin-top:clamp(2.5rem,5vh,3.5rem);border-top:1px solid var(--line-strong)}.idx__r{display:grid;grid-template-columns:var(--gut) minmax(0,1fr);gap:clamp(1rem,2.5vw,2rem);padding-block:clamp(1.7rem,3.4vh,2.5rem);border-bottom:1px solid var(--line);transition:background .35s}.idx__r:hover{background:rgba(201,168,127,.09)}@media(max-width:640px){.idx__r{grid-template-columns:1fr;gap:.5rem}}.idx__n{font-family:var(--serif);font-style:italic;font-size:1.55rem;color:var(--accent-deep);line-height:1}.idx__t{font-family:var(--serif);font-size:clamp(1.35rem,2.2vw,1.8rem);letter-spacing:.015em;line-height:1.2}.idx__d{color:var(--ink-2);font-size:1.08rem;margin-top:.7rem;max-width:72ch}/* --- fiche technique:label → valeur (cartouche + prise en charge) --- */ .spec{border:1px solid var(--line-strong);background:var(--ivoire)}.spec__r{display:grid;grid-template-columns:minmax(7rem,10.5rem) minmax(0,1fr);border-bottom:1px solid var(--line)}.spec__r:last-child{border-bottom:0}.spec__k{display:flex;align-items:center;/* centré face à sa valeur,même sur une ligne haute */ padding:1.05rem 1.3rem;border-right:1px solid var(--line);background:var(--ivoire-2);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600}.spec__v{padding:1.05rem 1.3rem;color:var(--ink-2);font-size:1.05rem}@media(max-width:620px){.spec__r{grid-template-columns:1fr}.spec__k{border-right:0;border-bottom:1px solid var(--line)}}/* --- encart aubergine:propriété du site,sous la fiche technique --- */ .own{background:var(--aubergine);color:var(--ivoire);padding:clamp(1.6rem,2.6vw,2.2rem);margin-top:1.4rem}.own__l{display:block;font-size:.78rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.9rem}/* ivoire plein (13,48:1) et non atténué:c'est le blanc de la charte */ .own p{color:var(--ivoire);font-size:1.06rem}.own p + p{margin-top:.85em}.own b{font-weight:500}/* --- index à points de conduite:les praticiens --- */ .lead{margin-top:clamp(2.5rem,5vh,3.5rem);border-top:1px solid var(--line-strong)}.lead__r{display:flex;align-items:baseline;gap:.7rem;padding-block:clamp(1.15rem,2.3vh,1.6rem);border-bottom:1px solid var(--line)}.lead__n{font-family:var(--serif);font-size:1.62rem;flex:0 0 auto}.lead__fill{flex:1 1 auto;min-width:2rem;align-self:center;border-bottom:1px dotted var(--line-strong)}.lead__d{flex:0 1 48%;color:var(--ink-2);font-size:1.05rem}@media(max-width:760px){.lead__r{flex-wrap:wrap;gap:.2rem}.lead__fill{display:none}.lead__d{flex:1 1 100%;margin-top:.25rem}}/* --- épigraphe:bande d'énoncé aubergine,sans pull-quote --- */ .epi{background:var(--aubergine);color:var(--ivoire);padding-block:clamp(3.4rem,7vh,5.2rem)}/* Depuis la suppression du label,la gouttière est vide:la phrase repart du bord de la page plutôt que de rester décalée sans raison. */ .epi__q{font-family:var(--serif);font-size:clamp(1.5rem,2.9vw,2.4rem);line-height:1.28;letter-spacing:.015em;max-width:52ch}/* --- frise horizontale:le déroulement --- */ .frise{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.2rem,2.5vw,2rem);margin-top:clamp(3rem,6vh,4rem)}@media(max-width:860px){.frise{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(max-width:520px){.frise{grid-template-columns:1fr}}.frise__s{padding-top:2rem;border-top:1px solid var(--line-strong);position:relative}.frise__s::before{content:"";position:absolute;top:-4.5px;left:0;width:9px;height:9px;background:var(--accent);border-radius:50%}.frise__t{font-family:var(--serif);font-size:1.5rem}.frise__d{color:var(--ink-2);font-size:1.02rem;margin-top:.75rem}/* --- bascule:deux points de départ --- */ .basc{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);margin-top:clamp(3rem,6vh,4rem);padding-top:clamp(2rem,4vh,2.8rem);border-top:1px solid var(--line-strong)}@media(max-width:760px){.basc{grid-template-columns:1fr;gap:2.5rem}}.basc__c + .basc__c{border-left:1px solid var(--line);padding-left:clamp(2rem,5vw,4.5rem)}@media(max-width:760px){.basc__c + .basc__c{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:2.5rem}}.basc__l{font-size:.86rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-ink)}.basc__t{font-family:var(--serif);font-size:1.5rem;margin-top:.5rem}.basc__d{color:var(--ink-2);font-size:1.06rem;margin-top:.8rem}/* --- lien vers le site en ligne du projet --- */ .cas__url{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.1rem;font-size:1rem;color:var(--accent-ink);border-bottom:1px solid var(--line-strong);padding-bottom:.2rem;transition:color .3s,border-color .3s,gap .3s}.cas__url:hover{color:var(--aubergine);border-color:var(--accent);gap:.75rem}.cas__url i{font-style:normal;font-size:.82rem}.cas__url--todo{display:inline-block;margin-top:1.1rem;font-size:.95rem;color:var(--ink-2);border:1px dashed var(--line-strong);padding:.35rem .7rem}/* ================================================================== EN-TÊTE DE PAGE — gabarit commun à toutes les pages intérieures. Volontairement sobre:fil d'ariane,titre,ligne de crédibilité,sous-titre et boutons à droite,refermé par un filet. Aucune image. ================================================================== */ .phead{padding-top:clamp(7.5rem,15vh,10.5rem);padding-bottom:0}.phead__in{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(2rem,4vw,4rem);align-items:center;padding-bottom:clamp(2.6rem,5vh,3.6rem);border-bottom:1px solid var(--line-strong)}@media(max-width:900px){.phead__in{grid-template-columns:1fr;gap:2.2rem;align-items:start}}.phead__t{font-size:clamp(2.2rem,4.6vw,4.1rem);line-height:1.05;margin-top:1.5rem}.phead__t .it{color:var(--accent-deep)}.phead__meta{margin-top:1.7rem;font-size:1.05rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2)}.phead__aside{padding-bottom:0}.phead__s{color:var(--ink-2);font-size:1.18rem;max-width:38ch}.phead__cta{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:1.9rem}/* --- sommaire du dossier --- */ /* le filet du haut appartient au .phead:on centre le contenu entre les deux filets en donnant le même retrait en haut et en bas (pas de margin-top). */ .somm{border-bottom:1px solid var(--line-strong)}.somm__in{display:flex;align-items:center;gap:clamp(.9rem,2vw,1.8rem);flex-wrap:wrap;padding-block:clamp(2.1rem,4vh,3rem)}.somm__l{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);flex:0 0 auto}.somm__in a{display:inline-flex;align-items:baseline;gap:.5rem;font-size:1.12rem;transition:color .25s}.somm__in a i{font-family:var(--serif);font-style:italic;font-size:1.2rem;color:var(--accent-deep)}.somm__in a:hover{color:var(--accent-deep)}/* --- cas:fiches en lignes alternées --- */ .cas{margin-top:clamp(2.5rem,5vh,3.5rem);border-top:1px solid var(--line-strong)}.cas__r{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;padding-block:clamp(2.2rem,4.5vh,3.2rem);border-bottom:1px solid var(--line)}@media(max-width:860px){.cas__r{grid-template-columns:1fr;gap:1.4rem}}.cas__r:nth-of-type(even) .cas__fig{order:2}@media(max-width:860px){.cas__r:nth-of-type(even) .cas__fig{order:0}}.cas__fig{display:block;overflow:hidden;border:1px solid var(--line);border-radius:4px;background:var(--ivoire-2)}.cas__fig img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;transition:transform .8s cubic-bezier(.22,.61,.36,1)}.cas__r:hover .cas__fig img{transform:scale(1.03)}.cas__h{display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap}.cas__k{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}.cas__n{font-family:var(--serif);font-size:clamp(1.4rem,2.2vw,1.85rem);margin-top:.55rem;line-height:1.15}.cas__d{color:var(--ink-2);font-size:1.08rem;margin-top:.95rem;max-width:52ch}/* --- voir aussi:renvoi de dossier --- */ .aussi{border-block:1px solid var(--line-strong)}.aussi__in{/* gouttière élargie:« Voir aussi » agrandi ne tient pas dans --gut */ display:grid;grid-template-columns:8.5rem minmax(0,1fr) auto;gap:clamp(1rem,2.5vw,2.5rem);align-items:center;padding-block:clamp(2.8rem,5.5vh,4rem)}@media(max-width:980px){.aussi__in{grid-template-columns:8.5rem minmax(0,1fr)}}@media(max-width:640px){.aussi__in{grid-template-columns:1fr;gap:1.2rem}}.aussi__l{font-size:.95rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-ink);align-self:start;padding-top:.45rem}.aussi__t{font-family:var(--serif);font-size:clamp(1.9rem,3.4vw,3rem);max-width:22ch;line-height:1.18}.aussi__t .it{color:var(--accent-deep)}.aussi__d{color:var(--ink-2);font-size:1.08rem;margin-top:.9rem;max-width:58ch}.aussi__list{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}.aussi__list span{border:1px solid var(--line-strong);padding:.5rem 1rem;font-size:1.04rem}@media(max-width:980px){.aussi__cta{grid-column:2;justify-self:start;margin-top:.5rem}}@media(max-width:640px){.aussi__cta{grid-column:1}}/* --- FAQ --- */ .faq{margin-top:clamp(2.5rem,5vh,3.5rem);border-top:1px solid var(--line-strong)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:var(--gut) minmax(0,1fr) auto;gap:clamp(1rem,2.5vw,2rem);align-items:baseline;padding-block:clamp(1.3rem,2.6vh,1.8rem);transition:color .3s}.faq summary::-webkit-details-marker{display:none}@media(max-width:640px){.faq summary{grid-template-columns:1fr auto}}.faq__n{font-family:var(--serif);font-style:italic;font-size:1.4rem;color:var(--accent-deep);line-height:1}@media(max-width:640px){.faq__n{display:none}}.faq__q{font-family:var(--serif);font-size:clamp(1.2rem,2vw,1.55rem);letter-spacing:.015em;line-height:1.3}.faq summary:hover .faq__q{color:var(--accent-deep)}.faq .sign{color:var(--accent);font-family:var(--sans);font-size:1.45rem;line-height:1;transition:transform .35s}.faq details[open] .sign{transform:rotate(45deg)}.faq__a{display:grid;grid-template-columns:var(--gut) minmax(0,78ch);gap:clamp(1rem,2.5vw,2rem);padding-bottom:1.9rem}@media(max-width:640px){.faq__a{grid-template-columns:1fr}}.faq__a div{color:var(--ink-2);font-size:1.09rem}.faq__a p + p{margin-top:.9em}.faq__a div{grid-column:2}@media(max-width:640px){.faq__a div{grid-column:1}}/* --- fil d'ariane --- */ .crumb{display:flex;align-items:center;gap:.6rem;margin-bottom:1.4rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.crumb a{transition:color .25s}.crumb a:hover{color:var(--accent-deep)}.crumb i{font-style:normal;color:var(--accent)}