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/mentions-legales.astro

@@ -0,0 +1,92 @@
+---
+import BaseLayout from '../layouts/BaseLayout.astro';
+import HamburgerMenu from '../components/astro/HamburgerMenu.astro';
+---
+<BaseLayout
+  title="Mentions legales - trans-former.fr"
+  description="Mentions legales du site trans-former.fr."
+>
+  <HamburgerMenu />
+
+  <main class="min-h-screen bg-white">
+    <article class="max-w-2xl 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">
+          Mentions
+        </p>
+        <h1 class="text-3xl md:text-4xl font-semibold text-neutral-900 leading-tight">
+          Mentions legales
+        </h1>
+      </header>
+
+      <div class="text-neutral-800 text-[16px] leading-[1.7] space-y-8">
+
+        <section>
+          <h2 class="text-lg font-semibold text-neutral-900 mb-2">Editeur</h2>
+          <p>
+            Jules Neny, architecte HMONP.<br />
+            <em>Transformations resilientes</em><br />
+            Bagneres-de-Bigorre, Pyrenees, France.<br />
+            SIRET : 888 668 860 00016.<br />
+            TVA : non applicable, art. 293B du CGI.<br />
+            Inscription : Ordre des Architectes, CROA Occitanie.<br />
+            RC Pro : MAF n 71183.
+          </p>
+        </section>
+
+        <section>
+          <h2 class="text-lg font-semibold text-neutral-900 mb-2">Contact</h2>
+          <p>
+            <a
+              href="mailto:julesneny8@gmail.com"
+              class="underline underline-offset-2 hover:text-neutral-900"
+            >julesneny8@gmail.com</a>
+          </p>
+        </section>
+
+        <section>
+          <h2 class="text-lg font-semibold text-neutral-900 mb-2">Hebergement</h2>
+          <p>
+            Hetzner Online GmbH<br />
+            Industriestr. 25, 91710 Gunzenhausen, Allemagne.<br />
+            <a
+              href="https://www.hetzner.com/"
+              class="underline underline-offset-2 hover:text-neutral-900"
+            >hetzner.com</a>
+          </p>
+        </section>
+
+        <section>
+          <h2 class="text-lg font-semibold text-neutral-900 mb-2">Donnees personnelles</h2>
+          <p>
+            Ce site n'utilise pas de cookies analytiques ni de traceurs publicitaires. Les donnees techniques de connexion (logs serveur) sont conservees a des fins de securite et de diagnostic, conformement aux obligations legales.
+          </p>
+          <p class="mt-3">
+            Les emails collectes via les formulaires de pre-inscription (manifeste imprime, newsletter) ne sont pas cedes a des tiers et servent uniquement aux finalites annoncees.
+          </p>
+        </section>
+
+        <section>
+          <h2 class="text-lg font-semibold text-neutral-900 mb-2">Propriete intellectuelle</h2>
+          <p>
+            Les contenus publies (textes, images, code) sont, sauf mention contraire, la propriete de Jules Neny. Reutilisation autorisee a des fins non commerciales avec attribution. Pour tout autre usage, contact prealable.
+          </p>
+        </section>
+
+        <p class="text-xs text-neutral-400 italic pt-4">
+          Page V1 ; les details (statut juridique a confirmer, politique cookies si ajoute, mediateur consommation) seront completes en V1.1.
+        </p>
+      </div>
+
+      <footer class="mt-12 pt-8 border-t border-neutral-200 text-sm text-neutral-500">
+        <p>
+          <a href="/" class="underline underline-offset-2 hover:text-neutral-900">
+            &larr; Retour au journal
+          </a>
+        </p>
+      </footer>
+
+    </article>
+  </main>
+</BaseLayout>