
.atelier{--ink:#082339;--muted:#395569;--ice:#edf5f8;max-width:100%;background:#f7fafb;color:var(--ink);font:1rem/1.52 Arial,sans-serif}.atelier *{box-sizing:border-box}.atelier section,.atelier .suite{width:min(1140px,90%);margin:auto;padding:clamp(28px,4vw,58px) 0}.atelier h1,.atelier h2,.atelier h3{font-family:Georgia,serif;letter-spacing:-.025em;line-height:1.12;margin:0}.atelier h1{font-size:clamp(2.5rem,5.8vw,5rem);font-style:italic}.atelier h2{font-size:clamp(1.9rem,3.3vw,3rem);margin-bottom:1rem}.atelier h3{font-size:clamp(1.32rem,2vw,1.7rem)}.atelier p{margin:.65rem 0 1rem}.atelier a{color:#00567d;font-weight:700;text-underline-offset:.2em}.atelier a:hover{text-decoration:underline}.atelier .kicker{font:700 .8rem/1.3 Arial,sans-serif;text-transform:uppercase;letter-spacing:.11em;margin:0 0 .9rem;color:#18617a}.atelier .atelier-hero{width:100%;padding:0;background:#08243b;color:#fff;display:grid;grid-template-columns:1fr 1fr}.atelier-hero>div{padding:clamp(28px,5vw,76px);align-self:center}.atelier-hero>img{width:100%;height:100%;max-height:500px;object-fit:cover;object-position:center 57%}.atelier-hero>div>p:not(.kicker){max-width:52ch}.atelier-hero>div>a,.atelier .suite a{display:inline-block;margin:.22rem .4rem .22rem 0;padding:.65rem .85rem;border:1px solid #85c9e6;border-radius:6px}.atelier .atelier-hero a,.atelier .atelier-hero .kicker{color:#bde9ff}.etapes{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:1.25rem;padding:0;list-style:none;counter-reset:step}.etapes li{counter-increment:step;border-top:3px solid #008dc2;padding-top:.6rem}.etapes li::before{content:counter(step,decimal-leading-zero);color:#006e98;font-weight:bold}.etapes h3{margin-top:.45rem}.index-fiches,.suite{display:flex;flex-wrap:wrap;gap:.45rem}.index-fiches a{padding:.55rem .8rem;border:1px solid #a9c6d4;border-radius:1.5rem;font-size:.9rem}.fiches,.ailleurs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,30px);align-items:start;margin-top:1.4rem}.fiches article{overflow:hidden;border:1px solid #c8d9df;border-radius:12px;background:white;scroll-margin-top:95px}.fiches article>img{display:block;width:100%;height:clamp(175px,20vw,250px);object-fit:cover}.fiche,.ailleurs article{padding:clamp(17px,2.2vw,30px)}.fiche aside{border-left:3px solid #008ab4;padding:.3rem .9rem;background:var(--ice)}.fiche aside p{margin:.3rem 0}.fiche details{border-top:1px solid #cadbe3;margin-top:1rem}.fiche summary{cursor:pointer;font-weight:700;color:#005f86;padding:.85rem 0}.fiche h4{margin:1rem 0 0}.fiche h4+p{margin-top:.2rem}.atelier .schema{border-block:1px solid #d0dfe5}.schema figure{margin:0}.schema svg{display:block;width:min(450px,100%);color:#0c4762}.schema figcaption{margin-top:.75rem}.ailleurs article{background:#eaf2f5;border-radius:10px}.atelier :focus-visible{outline:3px solid #007ab4;outline-offset:2px}.atelier section[id]{scroll-margin-top:75px}@media(max-width:670px){.atelier .atelier-hero,.fiches,.ailleurs{grid-template-columns:1fr}.atelier-hero>img{height:215px}.etapes{grid-template-columns:1fr}.etapes li{border-top:0;border-left:3px solid #008dc2;padding:0 0 0 1rem}.atelier section,.atelier .suite{width:91%}.atelier .atelier-hero{width:100%}.atelier .fiches article>img{height:205px}}

.fiches #lances{grid-column:1/-1;display:grid;grid-template-columns:minmax(210px,.63fr) 1.37fr}.fiches #lances>img{height:100%;max-height:900px;object-position:50% 34%}.fiches #boille{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr}.fiches #boille>img{height:100%;max-height:480px}.jets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.jets figure{margin:0;padding:.85rem;background:#ecf6fa;border-radius:8px}.jets svg{display:block;width:100%;height:75px}.jets figcaption{font-size:.94rem}.atelier .atelier-hero{background:linear-gradient(120deg,#041a2b,#124760)}.atelier .atelier-hero img{border-bottom-left-radius:clamp(0px,4vw,65px)}@media(max-width:670px){.fiches #lances,.fiches #boille{display:block}.fiches #lances>img,.fiches #boille>img{height:220px}.jets{gap:.4rem}.jets figure{padding:.6rem}.atelier .atelier-hero img{border-radius:0}}
