En-tête/pied de page partagés et cohérents + retrait du bloc métiers

- Menu identique sur toutes les pages publiques (Accueil, Annuaire, Promotions,
  L'association, Espace adhérent) via SiteHeader/SiteFooter : on peut toujours
  revenir à l'accueil depuis l'annuaire et inversement (page courante en gras).
- Retire la section « Parcourir par métier » de la page d'accueil.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01XwfhYHzC9hQWPDnQ2p53GL

src/components/SiteFooter.tsx

@@ -0,0 +1,23 @@
+export function SiteFooter() {
+  return (
+    <footer style={{ background: "#EFE9DA", borderTop: "1px solid #e2d6bd", padding: "28px 56px" }}>
+      <div
+        className="container"
+        style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: 16, flexWrap: "wrap" }}
+      >
+        <div style={{ display: "flex", alignItems: "center", gap: 10 }}>
+          {/* eslint-disable-next-line @next/next/no-img-element */}
+          <img src="/assets/logo.png" alt="Plein R" style={{ height: 36, width: "auto" }} />
+          <span className="font-display" style={{ fontWeight: 800, fontSize: 16, color: "#13324F" }}>
+            Plein R
+          </span>
+        </div>
+        <div style={{ fontSize: 13, color: "#8c8068", textAlign: "right", lineHeight: 1.7 }}>
+          contact@plein-r.fr · Bassin de Pompey
+          <br />
+          Réseau · Rencontre · Réussite
+        </div>
+      </div>
+    </footer>
+  );
+}

src/components/SiteHeader.tsx

@@ -0,0 +1,64 @@
+import Link from "next/link";
+
+const NAV = [
+  { key: "accueil", label: "Accueil", href: "/" },
+  { key: "annuaire", label: "Annuaire", href: "/annuaire" },
+  { key: "promotions", label: "Promotions", href: "/#promotions" },
+  { key: "association", label: "L'association", href: "#" },
+];
+
+export function SiteHeader({ active }: { active?: string }) {
+  return (
+    <header
+      className="container"
+      style={{
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        padding: "18px 56px",
+        gap: 20,
+      }}
+    >
+      <Link href="/" style={{ display: "flex", alignItems: "center", gap: 10, textDecoration: "none" }}>
+        {/* eslint-disable-next-line @next/next/no-img-element */}
+        <img src="/assets/logo.png" alt="Plein R" style={{ height: 44, width: "auto" }} />
+        <span className="font-display" style={{ fontWeight: 800, fontSize: 20, color: "#13324F" }}>
+          Plein R
+        </span>
+      </Link>
+      <nav style={{ display: "flex", alignItems: "center", gap: 30, flexWrap: "wrap" }}>
+        {NAV.map((n) => {
+          const isActive = active === n.key;
+          return (
+            <Link
+              key={n.key}
+              href={n.href}
+              style={{
+                textDecoration: "none",
+                color: isActive ? "#3c3322" : "#6f6450",
+                fontWeight: isActive ? 600 : 500,
+                fontSize: 15,
+              }}
+            >
+              {n.label}
+            </Link>
+          );
+        })}
+        <Link
+          href="/backend"
+          style={{
+            textDecoration: "none",
+            color: "#fff",
+            background: "#9a6638",
+            fontWeight: 600,
+            fontSize: 14.5,
+            padding: "10px 18px",
+            borderRadius: 999,
+          }}
+        >
+          Espace adhérent
+        </Link>
+      </nav>
+    </header>
+  );
+}