feat: PC4 iframe carte AEP centre BAS + scroll articles Substack placeholder

- IframeCarteAEP.astro : iframe https://aep.trans-former.fr/agences avec
  skeleton loader + timeout 8s + fallback lien externe
- ScrollArticles.astro : 7 articles placeholder (V1, PC6 remplacera par
  fetch journal.json)
- ColCentre.astro : zone BAS cablee (iframe min-h 60vh mobile / 400px desktop
  + scroll articles dessous)
- Preflight headers : pas de X-Frame-Options ni frame-ancestors restrictifs
  sur /agences (200 OK), iframe cross-origin permise sans modif Caddy

src/components/astro/ScrollArticles.astro

@@ -0,0 +1,72 @@
+---
+// PC4 - Liste articles Substack en scroll sous l'iframe carte.
+// V1 placeholder data en dur ; PC6 (journal n8n) remplacera par fetch journal.json filtre tag #politique.
+const articles = [
+  {
+    date: '2026-04-28',
+    titre: 'Cap sur l\'autonomie : retour sur 6 mois de chantier',
+    url: 'https://transformations.substack.com/p/cap-autonomie',
+  },
+  {
+    date: '2026-04-15',
+    titre: 'Le commun comme infrastructure',
+    url: 'https://transformations.substack.com/p/commun-infrastructure',
+  },
+  {
+    date: '2026-03-30',
+    titre: 'Architecte ou operateur de bifurcation ?',
+    url: 'https://transformations.substack.com/p/architecte-bifurcation',
+  },
+  {
+    date: '2026-03-12',
+    titre: 'Reseaux AEP : pourquoi la coordination est politique',
+    url: 'https://transformations.substack.com/p/aep-coordination',
+  },
+  {
+    date: '2026-02-26',
+    titre: 'Sortir du sauveur, entrer dans le compagnon',
+    url: 'https://transformations.substack.com/p/sauveur-compagnon',
+  },
+  {
+    date: '2026-02-08',
+    titre: 'Petit manifeste contre l\'expert isole',
+    url: 'https://transformations.substack.com/p/contre-expert-isole',
+  },
+  {
+    date: '2026-01-22',
+    titre: 'Ce que la commande publique fait a la pensee',
+    url: 'https://transformations.substack.com/p/commande-publique',
+  },
+  // TODO PC6 : remplacer par fetch journal.json filtre tag #politique.
+];
+---
+<section class="border-t border-neutral-200 py-6 px-4 bg-white">
+  <h3 class="text-sm font-semibold uppercase tracking-wider text-neutral-500 mb-4">
+    Derniers articles ; Substack
+  </h3>
+  <ul class="space-y-3">
+    {articles.map(({ date, titre, url }) => (
+      <li>
+        <a
+          href={url}
+          target="_blank"
+          rel="noopener"
+          class="block group"
+        >
+          <time class="text-xs text-neutral-400">{date}</time>
+          <p class="text-sm text-neutral-800 group-hover:text-neutral-600 transition-colors leading-snug">
+            {titre}
+          </p>
+        </a>
+      </li>
+    ))}
+  </ul>
+  <a
+    href="https://transformations.substack.com"
+    target="_blank"
+    rel="noopener"
+    class="inline-block mt-4 text-xs text-neutral-500 hover:text-neutral-900"
+  >
+    Voir tous les articles &rarr;
+  </a>
+</section>