/* ============================================================
   FONDATION RZB — v9 « GRAND FORMAT »
   Le site comme une affiche placardée / une une de quotidien.
   Références créditées : lettrage peint des gbaka d'Abidjan,
   affiches des barbiers et maquis, unes de Fraternité Matin,
   toile peinte de Korhogo (peintres de Fakaha).
   Greffes : lignes en pointillé « à remplir à l'encre » (A),
   motifs sénoufo dérivés-crédités (B).
   ============================================================ */

/* ---------- Fonts auto-hébergées (latin) ---------- */
@font-face{
  font-family:'Anton SC';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/anton-sc-latin.woff2') format('woff2');
  unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+20??,U+2122,U+2212,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('../fonts/instrument-sans-latin.woff2') format('woff2');
  unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+20??,U+2122,U+2212,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Instrument Sans';font-style:italic;font-weight:400 700;font-display:swap;
  src:url('../fonts/instrument-sans-italic-latin.woff2') format('woff2');
  unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+20??,U+2122,U+2212,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Caveat';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('../fonts/caveat-latin.woff2') format('woff2');
  unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+20??,U+2122,U+2212,U+FEFF,U+FFFD;
}

/* ---------- Tokens ---------- */
:root{
  --ivoire:#F6F1E4;
  --encre:#101018;
  --navy:#001878;
  --rouge:#D8001E;
  --bic:#1A3FB0;        /* encre bleue des mentions manuscrites (greffe A) */
  --abobo:#F4B81D;      /* Enfance & refuge */
  --yamkro:#1464B4;     /* Éducation */
  --bouake:#D6168A;     /* Femmes & autonomie */
  --korhogo:#189030;    /* Santé */
  --daloa:#E8551B;      /* Culture & jeunesse */
  --corps:"Instrument Sans",system-ui,sans-serif;
  --affiche:"Anton SC",'Arial Narrow',sans-serif;
  --manuscrit:"Caveat",cursive;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  background:var(--ivoire);
  color:var(--encre);
  font-family:var(--corps);
  font-size:16px;
  line-height:1.55;
  position:relative;
}
/* grain d'impression, très léger — papier journal */
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:60;
  opacity:.05;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="220" height="220"><filter id="g"><feTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/></filter><rect width="220" height="220" filter="url(%23g)"/></svg>');
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;}
:focus-visible{outline:3px solid var(--rouge);outline-offset:3px;}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important;}
}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.skip-link{
  position:absolute;left:-999px;top:0;z-index:99;
  background:var(--navy);color:var(--ivoire);
  padding:10px 18px;font-weight:700;text-decoration:none;
}
.skip-link:focus{left:0;}
.wrap{max-width:1380px;margin:0 auto;padding:0 34px;}

/* ---- lignes d'affiche : SVG texte étiré pleine largeur ---- */
.pl{display:block;width:100%;height:auto;}
.pl text{font-family:var(--affiche);letter-spacing:.01em;}
.f-navy{fill:var(--navy);}
.f-blanc{fill:var(--ivoire);}
.f-rouge{fill:var(--rouge);}
.f-encre{fill:var(--encre);}
.f-yam{fill:var(--yamkro);}
.f-bouake{fill:var(--bouake);}
.f-korhogo{fill:var(--korhogo);}
.f-daloa{fill:var(--daloa);}

/* ============ MASTHEAD — bandeau de une ============ */
.strip{
  background:var(--navy);
  color:var(--ivoire);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.strip .wrap{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding-top:8px;
  padding-bottom:8px;
}
.strip a{text-decoration:none;}
.strip a:hover{text-decoration:underline;text-underline-offset:3px;}
.masthead{border-bottom:3px solid var(--encre);background:var(--ivoire);}
.masthead .wrap{
  display:flex;
  align-items:center;
  gap:22px;
  padding-top:16px;
  padding-bottom:13px;
}
.masthead .logo-lien{flex:none;display:block;}
.masthead .logo-lien img{width:70px;height:70px;object-fit:contain;}
.mast-titre{flex:1;min-width:0;}
.mast-titre .nom{
  font-family:var(--affiche);
  font-size:40px;
  line-height:.95;
  color:var(--navy);
  letter-spacing:.005em;
}
.mast-titre .nom a{text-decoration:none;}
.mast-titre .sous{
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-top:4px;
  color:var(--encre);
}
.mast-edition{
  text-align:right;
  font-size:12px;
  line-height:1.5;
  letter-spacing:.06em;
}
.mast-edition b{
  display:inline-block;
  background:var(--rouge);
  color:var(--ivoire);
  padding:2px 8px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
nav.une-nav{
  border-top:1px solid var(--encre);
  border-bottom:8px double var(--encre);
  background:var(--ivoire);
}
nav.une-nav .wrap{display:flex;flex-wrap:wrap;}
nav.une-nav a{
  font-family:var(--affiche);
  font-size:17px;
  letter-spacing:.05em;
  text-decoration:none;
  padding:9px 20px;
  border-right:1px solid var(--encre);
  color:var(--navy);
  transition:background-color .15s,color .15s;
}
nav.une-nav a:first-child{border-left:1px solid var(--encre);}
nav.une-nav a:hover{background:var(--abobo);color:var(--navy);}
nav.une-nav a[aria-current="page"]{background:var(--navy);color:var(--ivoire);}
nav.une-nav a.don{background:var(--rouge);color:var(--ivoire);margin-left:auto;}
nav.une-nav a.don:hover,nav.une-nav a.don[aria-current="page"]{background:var(--navy);color:var(--ivoire);}

/* ============ HERO d'accueil : la tagline en affiche ============ */
.affiche-hero{border-bottom:3px solid var(--encre);position:relative;}
.hero-grille{display:grid;grid-template-columns:1fr 52px;}
.hero-lignes{padding:26px 0 0;min-width:0;}
.hero-lignes .ligne{padding:0 34px;}
.hero-lignes .ligne + .ligne{margin-top:10px;}
.bloc-abobo{background:var(--abobo);padding:14px 34px 18px;margin-top:14px;}
.bloc-daloa{
  background:var(--daloa);
  padding:12px 34px 16px;
  margin-top:14px;
  transform:rotate(-.6deg) translateX(-6px);
  width:calc(100% + 12px);
}
.rail{
  border-left:3px solid var(--encre);
  writing-mode:vertical-rl;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:var(--navy);
  font-weight:700;
  padding:18px 0;
}
.hero-legende{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 22px;
  padding:18px 34px 22px;
  border-top:1px solid var(--encre);
  margin-top:26px;
  font-size:13px;
  letter-spacing:.04em;
}
.hero-legende .cle{
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:11px;
}
.puce{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-weight:600;}
.puce i{width:13px;height:13px;flex:none;}
.puce:hover{text-decoration:underline;text-underline-offset:3px;}

/* ============ Têtes de page intérieures : placard court ============ */
.tete-page{border-bottom:3px solid var(--encre);}
.tete-page .lignes{padding:26px 0 0;}
.tete-page .ligne{padding:0 34px;}
.tete-page .ligne + .ligne{margin-top:10px;}
.tete-page .bloc-coul{padding:12px 34px 16px;margin-top:14px;}
.tete-page .chapo{
  padding:18px 34px 26px;
  border-top:1px solid var(--encre);
  margin-top:24px;
  font-size:16px;
  max-width:72ch;
}
.tete-page .chapo b{color:var(--navy);}

/* ============ LA UNE : manifeste en colonnes ============ */
.une{border-bottom:3px solid var(--encre);}
.une .wrap{
  display:grid;
  grid-template-columns:56px 1fr 340px;
  gap:38px;
  padding-top:44px;
  padding-bottom:48px;
}
.une .vertical{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-family:var(--affiche);
  font-size:44px;
  color:var(--rouge);
  line-height:1;
  align-self:start;
}
.une-texte{max-width:62ch;}
.une-texte .chapeau{
  font-family:var(--affiche);
  font-size:30px;
  line-height:1.12;
  color:var(--navy);
  margin-bottom:18px;
}
.une-texte .chapeau .souligne{position:relative;white-space:nowrap;}
.une-texte .chapeau .souligne svg{position:absolute;left:0;bottom:-9px;width:100%;height:12px;}
.une-texte p{margin-bottom:14px;}
.une-texte .fin{font-weight:600;color:var(--navy);}
.une-photo figure{background:var(--navy);border:3px solid var(--encre);transform:rotate(1deg);}
.une-photo img{width:100%;filter:grayscale(1) contrast(1.15) brightness(1.02);mix-blend-mode:screen;}
.une-photo figcaption{font-size:12px;letter-spacing:.06em;padding:10px 4px 0;color:var(--encre);}
.une-photo figcaption b{text-transform:uppercase;letter-spacing:.14em;}

/* ============ MÉTHODE : trois gestes inégaux ============ */
.methode{border-bottom:3px solid var(--encre);}
.methode-titre{padding:34px 34px 8px;}
.kicker{
  font-size:11px;
  font-weight:700;
  letter-spacing:.3em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.gestes{
  display:grid;
  grid-template-columns:1.1fr 1fr 1.35fr;
  border-top:3px solid var(--encre);
  margin-top:22px;
}
.geste{padding:30px 34px 38px;min-width:0;}
.geste .num{
  font-size:11px;
  font-weight:700;
  letter-spacing:.3em;
  text-transform:uppercase;
  margin-bottom:14px;
}
.geste h3{font-family:var(--affiche);font-weight:400;line-height:.95;}
.geste p{margin-top:14px;font-size:15px;max-width:34ch;}
.geste-1{background:var(--ivoire);}
.geste-1 h3{font-size:64px;color:var(--navy);position:relative;display:inline-block;}
.geste-1 h3 svg{position:absolute;left:0;bottom:-10px;width:100%;height:14px;}
.geste-2{background:var(--navy);color:var(--ivoire);border-left:3px solid var(--encre);border-right:3px solid var(--encre);}
.geste-2 h3{font-size:46px;}
.geste-2 .num{color:var(--abobo);}
.geste-3{background:var(--abobo);color:var(--navy);}
.geste-3 h3{
  font-size:84px;
  color:transparent;
  -webkit-text-stroke:2.5px var(--navy);
  text-stroke:2.5px var(--navy);
}
.geste-3 p{font-weight:600;}

/* ============ TERRAINS : cinq placards inégaux ============ */
.terrains-tete{padding:40px 0 6px;}
.terrains-tete .ligne{padding:0 34px;}
.terrains-tete .ligne + .ligne{margin-top:8px;}
.terrains-note{padding:16px 34px 26px;font-size:14px;max-width:74ch;}
.placards{
  display:grid;
  grid-template-columns:1.25fr 1fr .38fr;
  grid-template-areas:
    "abobo abobo abobo"
    "yam yam daloa"
    "bouake korhogo daloa";
  border-top:3px solid var(--encre);
}
.placard{min-width:0;position:relative;display:block;text-decoration:none;}
a.placard:hover .lire,a.placard:focus-visible .lire{background:var(--encre);color:var(--ivoire);}
.placard .prog{
  font-size:11px;
  font-weight:700;
  letter-spacing:.28em;
  text-transform:uppercase;
  margin-bottom:14px;
}
.placard .desc{font-size:15px;max-width:44ch;}
.placard .lire{
  display:inline-block;
  margin-top:16px;
  font-size:12px;
  letter-spacing:.08em;
  border:2px solid currentColor;
  padding:5px 10px;
  font-weight:600;
  transition:background-color .15s,color .15s;
}
.p-abobo{grid-area:abobo;background:var(--abobo);color:var(--navy);padding:34px 34px 40px;border-bottom:3px solid var(--encre);}
.p-abobo .desc{font-weight:600;max-width:56ch;}
.p-abobo .apres{margin-top:16px;}
.p-yam{grid-area:yam;background:var(--yamkro);color:var(--ivoire);padding:32px 34px 38px;border-bottom:3px solid var(--encre);}
.p-daloa{
  grid-area:daloa;
  background:var(--daloa);
  color:var(--navy);
  border-left:3px solid var(--encre);
  padding:26px 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.p-daloa .mot{writing-mode:vertical-rl;font-family:var(--affiche);font-size:96px;line-height:1;letter-spacing:.02em;}
/* petits corps sur orange : encre (navy = 4.09:1, insuffisant en dessous de 18px) */
.p-daloa .prog{writing-mode:vertical-rl;margin:0;letter-spacing:.34em;color:var(--encre);}
.p-daloa .desc{writing-mode:vertical-rl;font-size:13px;font-weight:600;max-height:300px;color:var(--encre);}
.p-daloa .lire{color:var(--encre);}
.p-bouake{grid-area:bouake;background:var(--ivoire);color:var(--bouake);padding:32px 34px 40px;border-right:3px solid var(--encre);}
.p-bouake .mot{font-family:var(--affiche);font-size:92px;line-height:.92;transform:rotate(-1.3deg);display:inline-block;}
.p-bouake .desc,.p-bouake .prog,.p-bouake .lire{color:var(--encre);}
.p-bouake .desc{margin-top:16px;}
.p-korhogo{grid-area:korhogo;background:var(--ivoire);color:var(--korhogo);padding:32px 34px 40px;}
.p-korhogo .mot{font-family:var(--affiche);font-size:76px;line-height:.92;}
.p-korhogo .desc,.p-korhogo .prog,.p-korhogo .lire{color:var(--encre);}
.p-korhogo .desc{margin-top:16px;}
.frise{margin-top:20px;width:100%;max-width:340px;height:auto;display:block;}
.frise-cred{font-size:11px;letter-spacing:.06em;color:var(--encre);margin-top:6px;}

/* ============ BANDEAU coupé au pinceau ============ */
.bandeau{
  background:var(--rouge);
  color:var(--ivoire);
  border-top:3px solid var(--encre);
  border-bottom:3px solid var(--encre);
  padding:34px 0 40px;
}
.bandeau .ligne{padding:0 34px;}
.bandeau .ligne + .ligne{margin-top:10px;}
.bandeau .note{padding:18px 34px 0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;}

/* ============ CITATION : tribune de la fondatrice ============ */
.citation{background:var(--navy);color:var(--ivoire);border-bottom:3px solid var(--encre);}
.citation .wrap{
  display:grid;
  grid-template-columns:110px 1fr 230px;
  gap:30px;
  padding-top:56px;
  padding-bottom:56px;
  align-items:start;
}
.citation .guillemet{font-family:var(--affiche);font-size:150px;line-height:.6;color:var(--abobo);}
.citation blockquote p{font-size:29px;line-height:1.35;font-style:italic;font-weight:500;max-width:30ch;}
.citation cite{display:block;margin-top:24px;font-style:normal;font-size:13px;letter-spacing:.16em;text-transform:uppercase;}
.citation cite b{color:var(--abobo);letter-spacing:.16em;}
.citation .suite{margin-top:18px;}
.citation .suite a{color:var(--abobo);font-weight:600;text-underline-offset:3px;}
.tampon{justify-self:end;transform:rotate(6deg);width:190px;height:auto;}
.tampon-legende{font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-align:center;margin-top:10px;opacity:.85;}

/* ============ TARIF DE MAQUIS (accueil + agir) ============ */
.cercle-tete{padding:36px 0 0;}
.cercle-tete .ligne{padding:0 34px;}
.cercle-corps{display:grid;grid-template-columns:1.5fr 1fr;border-top:3px solid var(--encre);margin-top:26px;}
.tarifs{padding:30px 34px 42px;border-right:3px solid var(--encre);min-width:0;}
.tarifs .avis{
  font-size:12px;
  font-weight:700;
  letter-spacing:.3em;
  text-transform:uppercase;
  margin-bottom:20px;
  color:var(--rouge);
}
.tarif{display:flex;align-items:baseline;gap:14px;padding:12px 0;text-decoration:none;}
.tarif + .tarif{border-top:1px solid var(--encre);}
a.tarif:hover .montant,a.tarif:focus-visible .montant{color:var(--rouge);}
a.tarif:hover .quoi{text-decoration:underline;text-underline-offset:3px;}
.tarif .montant{font-family:var(--affiche);color:var(--navy);line-height:1;white-space:nowrap;transition:color .15s;}
.t-a .montant{font-size:38px;}
.t-b .montant{font-size:42px;}
.t-c .montant{font-size:48px;}
.t-d .montant{font-size:54px;}
.t-e .montant{font-size:66px;color:var(--rouge);}
.t-f .montant{font-size:44px;}
.tarif .fcfa{font-family:var(--corps);font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--encre);}
.tarif .pointille{flex:1;border-bottom:2px dotted var(--encre);transform:translateY(-.25em);min-width:30px;}
.tarif .quoi{font-size:14px;max-width:24ch;text-align:right;color:var(--encre);}
.adhesion{padding:30px 34px 42px;display:flex;flex-direction:column;gap:22px;}
.adhesion h3{font-family:var(--affiche);font-weight:400;font-size:34px;color:var(--navy);line-height:1;}
.adhesion p{font-size:15px;}
.moyens{display:flex;flex-wrap:wrap;gap:10px;}
.moyens span{
  border:2px solid var(--navy);
  color:var(--navy);
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:7px 12px;
}
.cta-don{
  display:block;
  background:var(--rouge);
  color:var(--ivoire);
  text-decoration:none;
  font-family:var(--affiche);
  font-size:30px;
  text-align:center;
  padding:20px 16px 22px;
  border:3px solid var(--encre);
  transition:background-color .15s;
}
.cta-don:hover{background:var(--navy);}
.cta-don small{display:block;font-family:var(--corps);font-size:12px;letter-spacing:.18em;margin-top:6px;}
.brancher{font-size:13px;}
.brancher b{color:var(--rouge);}

/* ============ Bande transparence (accueil) ============ */
.transparence{border-top:8px double var(--encre);border-bottom:8px double var(--encre);padding:30px 0;}
.transparence .wrap{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;}
.transparence .mot{font-family:var(--affiche);font-size:44px;color:var(--korhogo);line-height:1;}
.transparence p{max-width:72ch;font-size:15px;}
.transparence p b{color:var(--navy);}
.transparence p a{text-underline-offset:3px;}

/* ============ REGISTRE CALME (pages intérieures longues) ============ */
.calme{padding:48px 0 56px;}
.calme + .calme{border-top:3px solid var(--encre);}
.calme .wrap{display:grid;grid-template-columns:280px 1fr;gap:44px;align-items:start;}
.calme .marge h2{
  font-family:var(--affiche);
  font-weight:400;
  font-size:40px;
  line-height:.98;
  color:var(--navy);
}
.calme .marge .kicker{color:var(--rouge);margin-bottom:10px;}
.prose{max-width:64ch;}
.prose p{margin-bottom:15px;}
.prose p:last-child{margin-bottom:0;}
.prose b,.prose strong{color:var(--navy);}
.prose .a-confirmer{font-weight:600;color:var(--rouge);}
.prose a{text-underline-offset:3px;}
.prose h3{font-family:var(--affiche);font-weight:400;font-size:24px;color:var(--navy);margin:26px 0 10px;}
.prose ul{list-style:none;}
.prose li{padding-left:22px;position:relative;margin-bottom:10px;}
.prose li::before{content:"";position:absolute;left:0;top:.55em;width:11px;height:11px;background:var(--rouge);}

/* ============ GREFFE A : lignes en pointillé, encre manuscrite ============ */
.registre-encre{border:3px solid var(--encre);background:var(--ivoire);}
.registre-encre .entete{
  border-bottom:3px solid var(--encre);
  padding:12px 20px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.28em;
  text-transform:uppercase;
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.registre-encre .entete .tamponnette{color:var(--rouge);}
.ligne-encre{
  display:flex;
  align-items:baseline;
  gap:12px;
  padding:13px 20px;
  font-size:15px;
}
.ligne-encre + .ligne-encre{border-top:1px solid var(--encre);}
.ligne-encre .champ{font-weight:600;white-space:nowrap;}
.ligne-encre .fil{flex:1;border-bottom:2px dotted var(--navy);transform:translateY(-.25em);min-width:40px;}
.manuscrit{
  font-family:var(--manuscrit);
  font-size:22px;
  line-height:.9;
  color:var(--bic);
  transform:rotate(-1.4deg);
  white-space:nowrap;
}
.registre-encre .pied{
  border-top:3px solid var(--encre);
  padding:12px 20px;
  font-size:13px;
}
.registre-encre .pied b{color:var(--navy);}

/* ============ GABARIT COMMUNE : affiche monochrome ============ */
.page-commune main{background:var(--cc);}
.commune-hero{border-bottom:3px solid var(--encre);padding:28px 0 0;}
.commune-hero .ligne{padding:0 34px;}
.commune-hero .ligne + .ligne{margin-top:10px;}
.commune-hero .bandeau-prog{
  border-top:3px solid var(--encre);
  margin-top:22px;
  padding:12px 34px;
  display:flex;
  flex-wrap:wrap;
  gap:8px 28px;
  justify-content:space-between;
  font-size:12px;
  font-weight:700;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:var(--cs);
}
.commune-corps{padding:44px 0 56px;}
.commune-corps .wrap{
  display:grid;
  grid-template-columns:1.35fr 1fr;
  gap:40px;
  align-items:start;
}
.affiche-collee{
  background:var(--ivoire);
  border:3px solid var(--encre);
  padding:30px 32px 36px;
  transform:rotate(-.5deg);
  box-shadow:8px 8px 0 rgba(16,16,24,.35);
}
.affiche-collee .kicker{color:var(--rouge);}
.affiche-collee h2{
  font-family:var(--affiche);
  font-weight:400;
  font-size:38px;
  line-height:1.02;
  color:var(--navy);
  margin-bottom:16px;
}
.affiche-collee .motif{width:96px;height:auto;margin:22px 0 6px;}
.affiche-collee .motif-cred{font-size:11px;letter-spacing:.06em;}
.commune-photo{transform:rotate(.8deg);}
.commune-photo figure{background:var(--navy);border:3px solid var(--encre);box-shadow:8px 8px 0 rgba(16,16,24,.35);}
.commune-photo img{width:100%;filter:grayscale(1) contrast(1.15) brightness(1.02);mix-blend-mode:screen;}
.commune-photo figcaption{font-size:12px;letter-spacing:.06em;padding:10px 2px 0;color:var(--cs);}
.commune-registre{padding-bottom:56px;}
.commune-registre .wrap{max-width:900px;}
.commune-cta{border-top:3px solid var(--encre);padding:34px 0 46px;}
.commune-cta .wrap{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;}
.commune-cta .cta-don{flex:1;min-width:260px;max-width:460px;}
.pager{display:flex;gap:0;border:3px solid var(--encre);}
.pager a{
  font-family:var(--affiche);
  font-size:18px;
  text-decoration:none;
  padding:12px 20px;
  background:var(--ivoire);
  color:var(--navy);
  transition:background-color .15s,color .15s;
}
.pager a + a{border-left:3px solid var(--encre);}
.pager a:hover{background:var(--navy);color:var(--ivoire);}

/* ============ AGIR : bénévolat & contact ============ */
.deux-voies{display:grid;grid-template-columns:1fr 1fr;border-top:3px solid var(--encre);}
.voie{padding:34px 34px 42px;}
.voie + .voie{border-left:3px solid var(--encre);}
.voie h3{font-family:var(--affiche);font-weight:400;font-size:34px;color:var(--navy);line-height:1;margin-bottom:14px;}
.voie p{font-size:15px;max-width:52ch;margin-bottom:12px;}
.voie .manuscrit{display:inline-block;margin:2px 0 10px;}
.btn-navy{
  display:inline-block;
  background:var(--navy);
  color:var(--ivoire);
  text-decoration:none;
  font-family:var(--affiche);
  font-size:20px;
  padding:12px 22px 14px;
  border:3px solid var(--encre);
  transition:background-color .15s;
}
.btn-navy:hover{background:var(--rouge);}
.voie-jaune{background:var(--abobo);}
.voie-jaune h3,.voie-jaune p{color:var(--navy);}
.voie-jaune p{font-weight:500;}

/* ============ 404 : l'affiche jamais placardée ============ */
.quatre-cent-quatre{border-bottom:3px solid var(--encre);padding:30px 0 0;}
.quatre-cent-quatre .ligne{padding:0 34px;}
.quatre-cent-quatre .ligne + .ligne{margin-top:10px;}
.quatre-cent-quatre .colle{
  border-top:3px solid var(--encre);
  margin-top:24px;
  background:var(--abobo);
  padding:22px 34px 30px;
  color:var(--navy);
}
.quatre-cent-quatre .colle p{max-width:60ch;font-weight:500;margin-bottom:14px;}
.quatre-cent-quatre .colle .manuscrit{white-space:normal;}

/* ============ PIED : ours du journal ============ */
footer{background:var(--navy);color:var(--ivoire);padding:44px 0 30px;border-top:3px solid var(--encre);}
footer .wrap{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:40px;align-items:start;}
footer .logo-pied{width:88px;height:88px;background:var(--ivoire);padding:4px;object-fit:contain;}
footer .bloc h2{
  font-family:var(--corps);
  font-size:11px;
  font-weight:700;
  letter-spacing:.3em;
  text-transform:uppercase;
  color:var(--abobo);
  margin-bottom:12px;
}
footer .bloc p{font-size:14px;line-height:1.7;}
footer .bloc a{text-decoration:underline;text-underline-offset:3px;}
footer .bloc ul{list-style:none;font-size:14px;line-height:2;}
footer .colophon{
  grid-column:1 / -1;
  border-top:1px solid rgba(246,241,228,.35);
  margin-top:34px;
  padding-top:16px;
  font-size:12px;
  letter-spacing:.05em;
  display:flex;
  flex-wrap:wrap;
  gap:8px 28px;
  justify-content:space-between;
}

/* ============ MOBILE 390 ============ */
@media (max-width:840px){
  .wrap{padding:0 18px;}
  .strip .wrap{flex-direction:column;gap:2px;padding-top:7px;padding-bottom:7px;}
  .masthead .wrap{gap:14px;}
  .masthead .logo-lien img{width:52px;height:52px;}
  .mast-titre .nom{font-size:27px;}
  .mast-edition{display:none;}
  nav.une-nav .wrap{display:grid;grid-template-columns:1fr 1fr;padding:0;}
  nav.une-nav a{font-size:15px;padding:10px 8px;text-align:center;border:none;border-top:1px solid var(--encre);margin:0;}
  nav.une-nav a:first-child{border-left:none;border-top:none;}
  nav.une-nav a:nth-child(2){border-top:none;}
  nav.une-nav a:nth-child(odd){border-right:1px solid var(--encre);}
  nav.une-nav a.don{grid-column:1 / -1;border-right:none;margin:0;}
  .hero-grille{grid-template-columns:1fr 34px;}
  .hero-lignes .ligne{padding:0 18px;}
  .bloc-abobo{padding:10px 18px 12px;}
  .bloc-daloa{padding:9px 18px 11px;}
  .hero-legende{padding:14px 18px 18px;gap:8px 14px;}
  .tete-page .ligne,.commune-hero .ligne,.quatre-cent-quatre .ligne{padding:0 18px;}
  .tete-page .bloc-coul{padding:10px 18px 12px;}
  .tete-page .chapo{padding:14px 18px 22px;}
  .une .wrap{grid-template-columns:1fr;gap:26px;padding-top:30px;padding-bottom:34px;}
  .une .vertical{writing-mode:horizontal-tb;transform:none;font-size:38px;}
  .une-photo{max-width:340px;}
  .methode-titre{padding:26px 18px 6px;}
  .terrains-tete .ligne,.cercle-tete .ligne,.bandeau .ligne{padding:0 18px;}
  .terrains-note{padding:14px 18px 22px;}
  .gestes{grid-template-columns:1fr;}
  .geste{padding:24px 18px 30px;}
  .geste-2{border-left:none;border-right:none;border-top:3px solid var(--encre);border-bottom:3px solid var(--encre);}
  .geste-1 h3{font-size:52px;}
  .geste-3 h3{font-size:58px;}
  .placards{grid-template-columns:1fr;grid-template-areas:"abobo" "yam" "bouake" "korhogo" "daloa";}
  .placard,.p-abobo,.p-yam,.p-bouake,.p-korhogo{padding:24px 18px 30px;}
  .p-bouake{border-right:none;border-bottom:3px solid var(--encre);}
  .p-bouake .mot{font-size:66px;}
  .p-korhogo{border-bottom:3px solid var(--encre);}
  .p-korhogo .mot{font-size:56px;}
  .p-daloa{border-left:none;flex-direction:row;justify-content:center;min-height:340px;padding:20px 14px;}
  .p-daloa .mot{font-size:72px;}
  .citation .wrap{grid-template-columns:1fr;gap:20px;padding-top:36px;padding-bottom:40px;}
  .citation .guillemet{font-size:100px;}
  .citation blockquote p{font-size:22px;}
  .tampon{justify-self:start;width:150px;}
  .cercle-corps{grid-template-columns:1fr;}
  .tarifs{border-right:none;border-bottom:3px solid var(--encre);padding:22px 18px 30px;}
  .adhesion{padding:24px 18px 34px;}
  .tarif{flex-wrap:wrap;gap:8px;}
  .tarif .quoi{text-align:left;max-width:100%;}
  .tarif .pointille{display:none;}
  .t-e .montant{font-size:50px;}
  .transparence .wrap{grid-template-columns:1fr;gap:12px;}
  .calme{padding:32px 0 40px;}
  .calme .wrap{grid-template-columns:1fr;gap:20px;}
  .calme .marge h2{font-size:32px;}
  .ligne-encre{flex-wrap:wrap;padding:12px 14px;}
  .ligne-encre .fil{min-width:24px;}
  .registre-encre .entete{padding:10px 14px;}
  .registre-encre .pied{padding:10px 14px;}
  .commune-corps{padding:28px 0 36px;}
  .commune-corps .wrap{grid-template-columns:1fr;gap:26px;}
  .affiche-collee{padding:22px 18px 28px;}
  .affiche-collee h2{font-size:29px;}
  .commune-photo{max-width:360px;}
  .commune-cta .wrap{flex-direction:column;align-items:stretch;}
  .commune-cta .cta-don{max-width:none;}
  .pager{justify-content:stretch;}
  .pager a{flex:1;text-align:center;font-size:15px;padding:11px 8px;}
  .deux-voies{grid-template-columns:1fr;}
  .voie{padding:24px 18px 32px;}
  .voie + .voie{border-left:none;border-top:3px solid var(--encre);}
  .quatre-cent-quatre .colle{padding:18px 18px 26px;}
  footer .wrap{grid-template-columns:1fr;gap:26px;}
  .bandeau .note{padding:14px 18px 0;}
}