@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/poppins/400.woff2') format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/poppins/500.woff2') format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/poppins/600.woff2') format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/poppins/700.woff2') format('woff2');}
:root{--primary:#3e2a33;--secondary:#c06c84;--cta:#be3455;--link:#9d2e5c;--bold:#2d1e25;--text:#4a3a40;--bg:#fdf7f6;--font-head:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--font-body:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;}
.container{max-width:1080px;margin:0 auto;padding:0 20px}
.row{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}
.row>*{grid-column:span 12;min-width:0}
.btn{display:inline-block;padding:12px 22px;border-radius:8px;border:1.5px solid var(--primary);color:var(--primary);font-weight:600;text-decoration:none;background:transparent;line-height:1.2}
.btn:hover{text-decoration:none;opacity:.85}
.btn-primary{background:var(--cta);border-color:var(--cta);color:#fff}
.card{border:1px solid var(--line);border-radius:12px;padding:20px;height:100%}
.card h3{margin:0 0 .3em;font-size:1.2rem}
.card h3 a{color:var(--primary)}
.card p{color:#333}
.card{overflow:hidden}
.card-cat{display:inline-block;background:var(--secondary);color:#fff;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:5px;margin-bottom:8px}
.card-thumb{display:block;width:calc(100% + 40px);margin:-20px -20px 16px;aspect-ratio:16/9;object-fit:cover;background:var(--line)}
.hp-img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;display:block}
@media(min-width:768px){
  .col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}
  .col-6{grid-column:span 6}.col-8{grid-column:span 8}
}

:root{ --muted:#6b7280; --line:#e7e7ea; --max:760px; }
*{box-sizing:border-box}
body{margin:0;font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.65;font-size:18px;border-top:4px solid var(--secondary)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
main.wrap{padding-top:34px;padding-bottom:52px}
h1,h2,h3{font-family:var(--font-head);color:var(--primary);line-height:1.22;letter-spacing:-.01em}
h1{font-size:2.05rem;margin:.1em 0 .5em}
p{margin:0 0 1em}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
strong,b{color:var(--bold)}
time{font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
.intro{font-size:1.15rem;color:var(--muted);margin-bottom:1.6em}
.meta{color:var(--muted);font-size:.9rem;margin:.2em 0 .6em}
.meta a{color:var(--secondary);font-weight:500}
.breadcrumb{color:var(--muted);font-size:.88rem;margin-bottom:20px}
.breadcrumb a{color:var(--muted)}
.content{font-size:1.06rem}
.content>:first-child{margin-top:0}
.content h2{margin:1.5em 0 .4em}
.content h3{margin:1.3em 0 .3em}
.content img{max-width:100%;height:auto;border-radius:6px}
.content ul,.content ol{padding-left:1.4em}
.content blockquote{margin:1.2em 0;padding:.4em 1em;border-left:3px solid var(--secondary);color:var(--muted)}
.content code{background:rgba(0,0,0,.05);padding:.1em .35em;border-radius:4px;font-size:.92em}
.content pre{background:#f5f5f6;padding:14px 16px;border-radius:8px;overflow:auto}
.content pre code{background:none;padding:0}
.content table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.96rem;line-height:1.45}
.content th,.content td{padding:.55em .85em;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.content th{background:var(--secondary);color:#fff;font-family:var(--font-head);font-weight:600}
.content tbody tr:nth-child(even){background:rgba(0,0,0,.03)}
@media(max-width:560px){.content table{display:block;overflow-x:auto}}
.post-list{list-style:none;padding:0;margin:0}
.post-list>li{padding:24px 0;border-bottom:1px solid var(--line)}
.post-list>li:first-child{padding-top:4px}
.post-list h2{margin:0 0 .15em;font-size:1.35rem}
.post-list h2 a{color:var(--primary)}
.post-list h2 a:hover{color:var(--link);text-decoration:none}
.post-list p{margin:.2em 0 0}
.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:34px 0 6px;font-size:.95rem}
@media(max-width:560px){body{font-size:17px}h1{font-size:1.7rem}}

/* Article — helpers partagés */
.container.narrow{max-width:720px}
.byline{color:var(--secondary);font-size:.95rem;margin:.2em 0 1.4em}
.byline-light{color:rgba(255,255,255,.85)}
.byline time{color:inherit}
.chip{display:inline-block;background:var(--secondary);color:#fff;padding:.2em .7em;border-radius:999px;font-size:.78rem;font-weight:500;margin-bottom:.8em;text-decoration:none}
.chip:hover{text-decoration:none;opacity:.9}
.prose{font-size:1.06rem;line-height:1.75}
.toc-nav ul,.toc-inline ul{list-style:none;padding:0;margin:0}
.toc-nav li,.toc-inline li{margin:.25em 0}
.toc-nav a,.toc-inline a{color:var(--link);text-decoration:none;font-size:.92rem}
.toc-nav .lvl-3,.toc-inline .lvl-3{padding-left:14px;font-size:.86rem}
.toc-inline{border-left:3px solid var(--secondary);padding:12px 16px;margin:0 0 1.6em;background:rgba(0,0,0,.025);border-radius:0 8px 8px 0}
.toc-inline .toc-title{font-weight:600;color:var(--primary);margin:0 0 .4em}
.author-card{display:flex;gap:1rem;align-items:center;margin-top:2.5em}
.note-card{font-size:.9rem}
.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--secondary);margin:0 0 .3em}
.pager{padding:34px 0 6px}
.pager-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
/* Menu sticky (toutes les variantes de header) */
.site-header{position:sticky;top:0;z-index:50;background:var(--bg)}
/* Image à la une (page article) */
.feat-img{display:block;width:100%;max-width:640px;margin:0 auto 1.8em;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:var(--line)}
/* Vignette de liste (c2, accueil quiet) */
.list-row{display:flex;gap:16px;align-items:flex-start}
.list-thumb{flex:0 0 88px;width:88px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:var(--line)}
.list-row .list-body{flex:1 1 auto;min-width:0}
@media(max-width:560px){.list-thumb{flex-basis:72px;width:72px}}

/* ===== Sections HP (layouts riches) ===== */
.align-center{align-items:center}
.hp-h2{font-size:1.7rem;margin:0 0 1rem;color:var(--primary)}
.hp-cols,.hp-alt,.hp-quote,.hp-faq,.hp-lead,.hp-gallery,.hp-statement,.hp-articles{padding:64px 0}
.hp-stats{padding:48px 0}
.hp-cta{padding:72px 0}
/* Hero */
.hp-hero{padding:96px 0;background-size:cover;background-position:center;color:#fff;text-align:center;position:relative}
.hp-hero:not([style]){background:var(--primary)}
.hp-hero[style]::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
.hp-hero-overlay[style]::before{background:rgba(0,0,0,.55)}
.hp-hero .container{position:relative;z-index:1}
.hp-hero h1{color:#fff;font-size:clamp(2rem,5vw,3.2rem);margin:0 0 .3em}
.hp-hero .lead{font-size:1.2rem;max-width:46ch;margin:0 auto 1.4em;opacity:.95}
.hp-hero-split{padding:72px 0}
.hp-hero-split h1{font-size:clamp(1.8rem,4vw,2.8rem);margin:0 0 .3em}
.hp-hero-split .lead{font-size:1.15rem;color:var(--muted);margin:0 0 1.2em}
/* 3 colonnes */
.hp-feature{text-align:left}
.hp-feature .hp-icon{width:48px;height:48px;object-fit:contain;margin-bottom:10px;display:block}
.hp-feature h3{margin:0 0 .3em;color:var(--primary)}
/* Chiffres */
.hp-stat{text-align:center}
.hp-stat .num{display:block;font-size:2.6rem;font-weight:700;color:var(--primary);line-height:1.1}
.hp-stat .lbl{display:block;color:var(--muted);margin-top:4px}
.hp-stats-accent{background:var(--bg)}
/* Alt image/texte */
.hp-alt h2{margin-top:0;color:var(--primary)}
.hp-alt-rev .row{direction:rtl}
.hp-alt-rev .row>*{direction:ltr}
/* Citation */
.hp-quote{text-align:center}
.hp-quote blockquote{font-size:1.35rem;font-style:italic;color:var(--primary);margin:0;line-height:1.5}
.hp-quote cite{display:block;margin-top:.8em;color:var(--muted);font-style:normal;font-weight:500}
.hp-quote-big blockquote{font-size:1.7rem}
/* FAQ */
.hp-faq details{border-bottom:1px solid var(--line);padding:14px 0}
.hp-faq summary{cursor:pointer;font-weight:600;color:var(--primary);font-size:1.05rem}
.hp-faq details p{margin:.6em 0 0}
/* CTA */
.hp-cta{background:var(--primary);color:#fff;text-align:center}
.hp-cta h2{color:#fff;margin:0 0 .3em}
.hp-cta p{opacity:.92;margin:0 0 1.2em}
.hp-cta .btn-primary{background:#fff;color:var(--primary)}
/* Lead magazine */
.hp-lead .kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--secondary);font-weight:600}
.hp-lead h1{font-size:clamp(1.7rem,3.5vw,2.4rem);margin:.2em 0 .3em}
/* Galerie / déclaration */
.hp-work{margin:0}
.hp-work figcaption{margin-top:8px;color:var(--muted);font-weight:500}
.hp-statement{text-align:center}
.hp-statement .lead{font-size:1.25rem;color:var(--muted);max-width:55ch;margin:.6em auto 0}
/* Articles */
.hp-articles .card h3{margin:.2em 0 .3em}
.hp-articles .card h3 a{color:var(--primary)}

/* Business pages in the header menu: styled as a CTA button (site palette --cta) */
.site-header .site-nav a{white-space:nowrap}/*nav-nowrap*/
.site-header .site-nav a.nav-cta{background:var(--cta);color:#fff;padding:6px 14px;border-radius:6px;font-weight:600;white-space:nowrap}
.site-header .site-nav a.nav-cta:hover{filter:brightness(1.08);color:#fff;text-decoration:none}

/* Reusable content helpers for custom (HTML) pages — match the site palette (DA). */
.content .cta-button{display:inline-block;background:var(--cta);color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none}
.content .cta-button:hover{filter:brightness(1.08);text-decoration:none}
.content .cta-box{background:#fff;border:1px solid var(--line);border-left:4px solid var(--cta);padding:18px 22px;border-radius:8px;margin:22px 0}
.content .cta-box>:first-child{margin-top:0}
/* Header logo (replaces the text site name when uploaded) */
.site-name .site-logo{max-height:52px;width:auto;display:block}

.hdr-h2{border-bottom:1px solid var(--line);padding:26px 0;text-align:center}
.hdr-h2 .wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.hdr-h2 .site-name{display:inline-block;font-family:var(--font-head);font-weight:700;font-size:1.7rem;color:var(--primary)}
.hdr-h2 .site-nav{margin-top:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 0}
.hdr-h2 .site-nav a{color:var(--muted);margin:0 12px;font-size:.88rem;text-transform:uppercase;letter-spacing:.07em}
.hdr-h2 .site-nav a:hover{color:var(--primary);text-decoration:none}

.ftr-f3{border-top:1px solid var(--line);padding:40px 0;text-align:center;color:var(--muted);font-size:.9rem;margin-top:52px}
.ftr-f3 .ft-name{font-family:var(--font-head);font-weight:700;font-size:1.3rem;color:var(--primary);display:inline-block}
.ftr-f3 .ft-nav{margin:14px 0}
.ftr-f3 .ft-nav a{color:var(--muted);margin:0 10px}
.ftr-f3 a{color:var(--muted)}

/* gazetteplus — styles spécifiques (le commun est dans base.css) */
.hp-lead .col-4 h1{line-height:1.2}

.cat-head{padding:40px 0 8px}.cat-head h1{margin:0}
.cat-sec{padding:24px 0 48px}
.cat-feature{padding:26px}
.cat-feature h2{font-size:1.7rem;margin:0 0 .3em}.cat-feature h2 a{color:var(--primary)}
.cat-rest{margin-top:24px}
.cat-rest .card h3{margin:0 0 .3em}.cat-rest .card h3 a{color:var(--primary)}

.art-a5{padding-top:8px}
.art-a5 .display{font-size:clamp(2rem,5vw,2.8rem);line-height:1.15;margin:.2em 0 .3em}
.prose-dropcap>p:first-of-type::first-letter{float:left;font-size:3.4em;line-height:.8;padding:.05em .12em 0 0;font-weight:700;color:var(--primary)}