@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');
:root{--ink:#17302c;--soft:#526b65;--brand:#096a5d;--brand-dark:#074d45;--mint:#e9f7ed;--cream:#faf7f0;--line:#e0e9e4;--paper:#fffefb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.68}h1,h2,h3{font-family:'Plus Jakarta Sans',Arial,sans-serif;line-height:1.17;letter-spacing:-.045em}h1{font-size:clamp(2.65rem,5.3vw,5.1rem);margin:18px 0 22px;font-weight:800}h2{font-size:clamp(1.85rem,3.4vw,3rem);margin:12px 0 18px}h3{font-size:1.3rem}p{max-width:70ch}a{color:var(--brand)}.wrap{max-width:1180px;margin:auto;padding:0 28px}header{border-bottom:1px solid var(--line);background:#fffffff2;backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}nav .brand{font:800 1.2rem 'Plus Jakarta Sans',sans-serif;text-decoration:none;color:var(--ink);letter-spacing:-.06em;white-space:nowrap}nav .brand span{color:var(--brand)}nav .links{display:flex;flex-wrap:wrap;align-items:center;gap:26px}nav .links a{text-decoration:none;font-size:.89rem;font-weight:700;color:var(--ink)}nav .links a:hover{color:var(--brand)}.header-cta{background:var(--brand);color:white!important;padding:10px 15px;border-radius:999px}.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;color:var(--brand)}.lead{font-size:1.13rem;color:var(--soft);max-width:620px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{background:var(--brand);color:white;text-decoration:none;padding:15px 22px;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 9px 18px #096a5d18;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px);background:var(--brand-dark)}.button.secondary{background:white;color:var(--brand);border:1px solid #b2d4c9;box-shadow:none}.notice{background:#fff8e9;border-left:3px solid #d29f49;padding:13px 18px;border-radius:8px;color:#665536;margin-top:26px;font-size:.9rem}.hero{background:radial-gradient(ellipse at 85% 8%,#b9e4cb 0,transparent 48%),linear-gradient(120deg,#f7faf5,#ecf8ef);padding:77px 0 86px;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:45px;align-items:center}.hero h1 em{font-style:normal;color:var(--brand)}.hero .lead{font-size:1.16rem}.hero .tiny{font-size:.82rem;color:#6a817a;margin-top:20px}.visual{position:relative;min-height:510px;display:flex;align-items:center;justify-content:center}.visual-main{border-radius:36px;background:linear-gradient(145deg,#17675b,#093f3c);height:430px;width:89%;position:relative;overflow:hidden;box-shadow:0 36px 75px #1b5b4a30}.visual-main:before{content:'';position:absolute;width:320px;height:320px;border:1px solid #d5f7d64d;border-radius:50%;right:-65px;top:-55px;box-shadow:0 0 0 50px #ffffff08,0 0 0 100px #ffffff07}.visual-main:after{content:'';position:absolute;width:200px;height:200px;background:#83cbb438;border-radius:50%;left:-100px;bottom:-65px}.visual-text{position:absolute;top:52px;left:39px;color:#e2f7eb;font-size:.82rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.visual-icon{position:absolute;inset:110px 0 auto;display:grid;place-items:center}.visual-icon svg{width:210px;height:210px}.float-card{position:absolute;background:white;box-shadow:0 22px 60px #0b433a26;padding:17px 20px;border-radius:17px;display:flex;align-items:center;gap:12px;font-weight:700;font-size:.93rem}.float-card.one{right:-7px;top:75px}.float-card.two{left:0;bottom:60px}.mini-icon{width:40px;height:40px;border-radius:12px;background:#e4f7e9;display:grid;place-items:center;font-size:1.1rem}.tag{display:inline-flex;align-items:center;gap:9px;border:1px solid #bdddcf;background:#ffffffa8;color:var(--brand-dark);padding:7px 13px;border-radius:99px;font-weight:700;font-size:.78rem}.tag:before{content:'';height:7px;width:7px;border-radius:50%;background:#24a77d}.section{padding:90px 0}.section.alt{background:#f0f7f2}.section-heading{max-width:700px;margin-bottom:32px}.section-heading p{color:var(--soft);font-size:1.07rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:white;border:1px solid var(--line);border-radius:22px;padding:31px;box-shadow:0 12px 32px #174c3210}.card p{color:var(--soft)}.card a{font-weight:700;text-decoration:none}.card.feature{position:relative;overflow:hidden;min-height:285px}.card.feature:before{content:'';position:absolute;right:-42px;top:-45px;width:170px;height:170px;border-radius:50%;background:#e8f7ed}.card.feature>*{position:relative}.card .number{font:800 2.5rem 'Plus Jakarta Sans',sans-serif;color:#bfded3;margin-bottom:14px}.pill{display:inline-block;background:#e4f2e9;border-radius:999px;padding:6px 13px;font-size:.79rem;font-weight:800;color:#166552}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.info-panel{border-radius:28px;background:#0b574e;color:white;padding:43px;box-shadow:0 20px 55px #144c3c20}.info-panel h3{font-size:1.7rem}.info-panel p{color:#d8f1e5}.info-panel .divider{height:1px;background:#ffffff36;margin:24px 0}.info-panel .outline{border:1px solid #ffffff74;color:white;border-radius:10px;padding:10px 14px;display:inline-block;text-decoration:none;font-weight:700}.article{max-width:820px;margin:auto;padding:80px 28px}.article h1{font-size:clamp(2.4rem,4.6vw,4rem)}.article h2{margin-top:48px;font-size:1.8rem}.article p,.article li{font-size:1.07rem;color:#314e49}.article aside{padding:22px 26px;background:var(--mint);border-radius:16px;margin:29px 0}.footer{padding:50px 0;background:#133b35;color:#d2e8de}.footer a{color:#d0f5e5}.footer .wrap{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.small{font-size:.84rem;color:#608078}.footer .small{color:#bcd7cd}.closing{background:var(--cream);padding:76px 0}.closing-inner{max-width:750px;text-align:center;margin:auto}.closing-inner p{margin:0 auto;color:var(--soft)}.closing-inner .buttons{justify-content:center}@media(max-width:920px){.hero-layout,.split{grid-template-columns:1fr}.visual{min-height:400px}.visual-main{height:340px;width:80%}.visual-icon{inset:80px 0 auto}.visual-icon svg{height:175px}.hero{padding:56px 0 70px}}@media(max-width:700px){.wrap{padding:0 19px}nav{align-items:flex-start;flex-direction:column;padding:17px 0;gap:14px}nav .links{gap:11px 17px}.header-cta{display:none}.hero h1{font-size:2.6rem}.section{padding:58px 0}.grid,.grid.two{grid-template-columns:1fr}.visual{min-height:350px}.visual-main{width:88%;height:310px}.float-card{padding:10px 12px;font-size:.75rem}.float-card.one{right:0;top:26px}.float-card.two{bottom:10px}.visual-text{left:22px;top:30px}.buttons .button{width:100%}.article{padding:54px 22px}.info-panel{padding:30px}}

.hero-photo{position:relative;min-height:440px;border-radius:28px;overflow:hidden;box-shadow:0 25px 55px #153f3224;background:#dae8dc}.hero-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:68% 50%}.photo-label{position:absolute;left:18px;bottom:18px;background:#fffef9ed;border:1px solid #ffffffb0;backdrop-filter:blur(9px);padding:12px 16px;border-radius:12px;color:#174b40;font-weight:700;font-size:.86rem;box-shadow:0 8px 28px #193d3322}@media(max-width:820px){.hero-photo{min-height:320px}}

/* Editorial content V3 */
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:48px;align-items:start}.prose{max-width:790px}.prose h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:38px 0 13px}.prose h3{font-size:1.22rem;margin:26px 0 12px}.prose p,.prose li{line-height:1.83;color:#39554b}.prose li{margin:9px 0}.prose ul,.prose ol{padding-left:23px}.article-meta{font-size:.85rem;color:#557268}.article-aside{position:sticky;top:95px;background:#eef5ee;border:1px solid #d4e5d9;border-radius:17px;padding:24px}.article-aside a{display:block;margin:13px 0;color:#155e49;font-weight:600}.notice{background:#f2f7f2;border-left:4px solid #4f8b71;padding:19px 23px;border-radius:8px;margin:25px 0}.warn{background:#fff7e9;border-left-color:#c38b42}.source-links{border-top:1px solid #dce5dc;margin-top:42px;padding-top:20px}.source-links a{overflow-wrap:anywhere}.eyebrow-large{color:#37755e;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;font-weight:750}.subhero{padding:65px 0 43px;background:#f1f6f0}.subhero h1{max-width:900px;font-size:clamp(2.3rem,5vw,4rem);line-height:1.1;margin:14px 0}.subhero p{max-width:790px;font-size:1.1rem;color:#48645a;line-height:1.65}.article-area{padding:48px 0 85px}.cards-four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.link-card{background:white;border:1px solid #dbe6dc;border-radius:18px;padding:25px}.link-card h3{font-size:1.3rem;margin:9px 0}.link-card p{color:#506d61;line-height:1.7}.link-card a{font-weight:750;color:#176046}.faqdetails{border-bottom:1px solid #dbe5de;padding:16px 0}.faqdetails summary{cursor:pointer;font-weight:750;font-size:1.08rem}.faqdetails p{padding:0 12px}.breadcrumb{font-size:.83rem;color:#47665b;padding:19px 0}.breadcrumb a{color:#356c57}.stepbox{background:#f6f9f4;border:1px solid #dbe6dc;border-radius:17px;padding:22px;margin:18px 0}.stepbox strong{color:#1b5f4b}.prose a{color:#14634b;text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.article-layout{grid-template-columns:1fr}.article-aside{position:static}.cards-four{grid-template-columns:1fr}.article-area{padding:27px 0 65px}.subhero{padding:42px 0 29px}}

.article-hero{background:linear-gradient(140deg,#e7f5ee,#faf8f2);padding:85px 0 76px}.article-hero h1{max-width:940px;font-size:clamp(2.3rem,4vw,4rem)}.article-hero .lead{max-width:920px}.reading-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:52px}.reading{max-width:810px}.reading p{font-size:1.035rem;line-height:1.86;color:#39524c}.reading-section{padding:22px 0;border-bottom:1px solid #e4ece7;scroll-margin-top:110px}.reading-section h2{font-size:clamp(1.5rem,2.4vw,2.05rem)}.toc-panel{align-self:start;position:sticky;top:105px;border:1px solid #dde8df;border-radius:16px;padding:22px;background:#fbfffa;font-size:.89rem}.toc{padding-left:21px}.toc li{margin:10px 0;line-height:1.45}.toc a{text-decoration:none}.note{background:#e8f4ec;border-left:4px solid #14765f;padding:19px 24px;border-radius:9px;margin:8px 0 25px}.note p{margin-bottom:0}.source-box{background:#f7f8f3;border-radius:15px;padding:25px;margin:40px 0}.source-box li{margin:8px 0}.related{display:grid;gap:12px;margin:15px 0 35px}.related a{padding:13px 18px;border:1px solid #dfebe2;border-radius:11px;text-decoration:none;font-weight:700;background:white}.reading-cta{background:#e9f5ed;padding:24px;border-radius:16px}.reading-cta .button{display:inline-block;margin:8px 7px 8px 0}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0 35px}.guide-card{border:1px solid #dfe9e2;border-radius:17px;padding:24px;background:white;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.guide-card:hover{box-shadow:0 13px 30px #12392a17;transform:translateY(-3px)}.guide-card h3{font-size:1.23rem;line-height:1.34;margin:13px 0 8px}.guide-card p{font-size:.94rem;color:#526b65;flex:1}.guide-card .arrow{font-weight:800;color:#096a5d}.steps{display:grid;gap:18px}.step{display:flex;gap:22px;padding:22px 25px;border:1px solid #dfe9e2;background:#fff;border-radius:16px}.step span{font-weight:800;color:#0d7867;font-size:1.5rem}.step h3{margin:0 0 6px}.step p{margin:0;color:#526b65}@media(max-width:920px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-layout{grid-template-columns:1fr}.toc-panel{position:static}.article-hero{padding:52px 0}}@media(max-width:600px){.guide-grid{grid-template-columns:1fr}.article-hero h1{font-size:2.25rem}.reading-cta .button{display:block;text-align:center}}

/* V8 editorial enhancements */
.expert-module{background:#f4f8f4;border-left:4px solid #43816c;border-radius:12px;padding:24px;margin:32px 0}.expert-module ol{padding-left:24px}.expert-module li{margin:12px 0;line-height:1.65}.expert-module .module-intro{font-weight:700;color:#356c56}.expert-module .example{background:#fff;border-radius:12px;padding:16px;border:1px solid #dfeae2}.source-panel{padding:22px;border:1px solid #dce8df;border-radius:14px;margin-top:30px}.source-panel a{overflow-wrap:anywhere}.seo-topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.seo-topic{display:grid;gap:8px;padding:22px;border:1px solid #dce8df;background:white;border-radius:16px;text-decoration:none;color:#244e42}.seo-topic span{color:#58766a;font-size:.92rem}@media(max-width:640px){.expert-module{padding:16px}}

/* V8.1 — tailles maîtrisées des photos, desktop et mobile */
.article-figure {width:min(100%,680px); margin:26px auto; overflow:hidden; border-radius:16px; background:#edf3ee;}
.article-figure img {display:block; width:100%; max-width:100%; height:auto; max-height:330px; aspect-ratio:16/9; object-fit:cover; object-position:center;}
.article-figure figcaption {font-size:.82rem; line-height:1.5; color:#60756b; padding:8px 12px;}
.editorial-visual {width:min(100%,800px)!important; max-width:800px!important; margin:22px auto 12px!important;}
.editorial-visual img {display:block; width:100%!important; height:auto!important; max-height:360px; aspect-ratio:16/7!important; object-fit:cover!important;}
.reading img:not(.icon), .prose img:not(.icon) {max-width:100%;}
.hero-photo {min-height:340px; max-height:460px;}
@media (max-width:680px) {
 .article-figure {width:100%; margin:18px auto; border-radius:12px;}
 .article-figure img {max-height:230px; aspect-ratio:16/10;}
 .editorial-visual {width:100%!important; margin:16px auto!important; border-radius:12px!important;}
 .editorial-visual img {max-height:230px; aspect-ratio:16/10!important;}
 .hero-photo {min-height:250px; max-height:320px;}
}

/* V8.2 — menu accessible et adaptatif */
.site-nav{position:relative;gap:20px}
.site-menu{position:relative;margin-left:8px;flex-shrink:0}
.site-menu summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:750;font-size:.89rem;border:1px solid #cbded1;border-radius:12px;padding:10px 14px;background:#fff;color:#234c3d;user-select:none}
.site-menu summary::-webkit-details-marker{display:none}
.site-menu summary:hover,.site-menu[open] summary{background:#edf6ef;border-color:#83ad96}
.site-menu summary:focus-visible,.menu-panel a:focus-visible{outline:3px solid #579b72;outline-offset:2px}
.menu-icon{font-size:1.18rem;line-height:1}
.menu-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(790px,calc(100vw - 36px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:24px;border:1px solid #d5e5da;border-radius:18px;background:#fff;box-shadow:0 20px 55px rgba(26,65,47,.14);z-index:100}
.menu-group{display:flex;flex-direction:column;gap:8px;min-width:0}
.menu-group strong{color:#557568;font-size:.77rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}
.menu-group a{color:#1f4438;text-decoration:none;font-size:.91rem;padding:5px 0;line-height:1.3}
.menu-group a:hover{color:#20694a;text-decoration:underline}
@media(max-width:900px){.desktop-links{display:none!important}.site-nav{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:12px 0!important;gap:10px!important}.site-menu{margin-left:auto}}
@media(max-width:560px){.site-nav .brand{font-size:1.1rem!important;letter-spacing:-.045em!important}.site-menu summary{padding:8px 10px}.menu-panel{grid-template-columns:1fr;max-height:75vh;overflow-y:auto;padding:16px;gap:15px}.menu-group{gap:4px}}

.brand{display:inline-flex;align-items:center;gap:7px}.brand-icon{width:54px;height:50px;object-fit:contain;flex:none}@media(max-width:500px){.brand{font-size:.95rem!important;gap:4px}.brand-icon{width:42px;height:39px}}