feat(pc2): hamburger nav + manifeste V1 + popup onboarding

- HamburgerMenu drawer slide-in left avec liens A propos, Manifeste, Mentions legales (ESC + clic overlay pour fermer)
- ColJournal enrichi : CTA Manifeste, accordeon Hashtags (7 plateformes, ferme mobile / ouvert desktop, persistence localStorage), skeleton Journal pour PC6
- Page /manifeste : V1 redige integre (em-dashes remplaces par tirets/points-virgules), pivot stylise blockquote, diagramme mouvements en 3 sections boites
- Page /manifeste/commander : stub form pre-inscription (V1 localStorage, V1.1 cable Listmonk)
- Page /a-propos : extrait de Contexte Global, 3-4 paragraphes Jules
- Page /mentions-legales : placeholder court (editeur, hebergeur Hetzner, pas de cookies)
- PopupOnboarding : micro-resume 3 lignes proposees, dismiss X / CTA / scroll 200px / ESC, flag tf-onboarded

src/pages/manifeste/commander.astro

@@ -0,0 +1,112 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import HamburgerMenu from '../../components/astro/HamburgerMenu.astro';
+---
+<BaseLayout
+  title="Commander la version imprimee - Manifeste AEP"
+  description="Pre-inscription pour la version imprimee du manifeste Architecture d'Ecologie Politique."
+>
+  <HamburgerMenu />
+
+  <main class="min-h-screen bg-white">
+    <article class="max-w-xl mx-auto px-6 py-16 md:py-24">
+
+      <header class="mb-10">
+        <p class="text-sm uppercase tracking-widest text-neutral-500 mb-3">
+          Manifeste imprime
+        </p>
+        <h1 class="text-3xl md:text-4xl font-semibold text-neutral-900 leading-tight">
+          Commander la version imprimee
+        </h1>
+      </header>
+
+      <div class="text-neutral-700 text-base md:text-lg leading-relaxed space-y-5">
+        <p>
+          La version imprimee du manifeste sera disponible prochainement ; tirage limite, papier recycle, format A5.
+        </p>
+        <p>
+          Inscrivez-vous pour etre averti-e de la mise en vente. Vous serez prevenu-e en priorite, sans engagement.
+        </p>
+      </div>
+
+      <!-- Form pre-inscription (V1 stub, V1.1 cable Listmonk) -->
+      <form
+        id="manifeste-preinscription"
+        class="mt-10 flex flex-col gap-3"
+        novalidate
+      >
+        <label for="email" class="text-sm font-medium text-neutral-700">
+          Votre email
+        </label>
+        <input
+          id="email"
+          name="email"
+          type="email"
+          required
+          autocomplete="email"
+          placeholder="prenom@exemple.fr"
+          class="px-4 py-3 border border-neutral-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-neutral-900 focus:border-neutral-900"
+        />
+        <button
+          type="submit"
+          class="mt-2 px-5 py-3 bg-neutral-900 text-white rounded-lg font-medium hover:bg-neutral-700 transition-colors"
+        >
+          Etre averti-e
+        </button>
+        <p
+          id="form-feedback"
+          class="text-sm text-neutral-600 hidden"
+          aria-live="polite"
+        ></p>
+      </form>
+
+      <p class="mt-8 text-sm text-neutral-500">
+        <a
+          href="/manifeste"
+          class="underline underline-offset-2 hover:text-neutral-900 transition-colors"
+        >
+          &larr; Retour au manifeste
+        </a>
+      </p>
+
+    </article>
+  </main>
+</BaseLayout>
+
+<script>
+  // V1 stub : capture email en localStorage, V1.1 = POST Listmonk
+  const form = document.getElementById('manifeste-preinscription') as HTMLFormElement | null;
+  const feedback = document.getElementById('form-feedback');
+
+  form?.addEventListener('submit', (e) => {
+    e.preventDefault();
+    const data = new FormData(form);
+    const email = String(data.get('email') || '').trim();
+    if (!email || !email.includes('@')) {
+      if (feedback) {
+        feedback.textContent = 'Merci de saisir un email valide.';
+        feedback.classList.remove('hidden');
+        feedback.classList.add('text-red-600');
+      }
+      return;
+    }
+
+    // Stockage local en attendant le cable Listmonk (V1.1)
+    try {
+      const existing = JSON.parse(
+        localStorage.getItem('tf-manifeste-preinscriptions') || '[]'
+      );
+      existing.push({ email, ts: Date.now() });
+      localStorage.setItem('tf-manifeste-preinscriptions', JSON.stringify(existing));
+    } catch {
+      // mode prive : on ignore
+    }
+
+    if (feedback) {
+      feedback.textContent = 'Merci ; vous serez prevenu-e des sa disponibilite.';
+      feedback.classList.remove('hidden', 'text-red-600');
+      feedback.classList.add('text-green-700');
+    }
+    form.reset();
+  });
+</script>