Améliore les modales et les informations du site

src/app/backend/promotions/page.tsx

@@ -57,7 +57,7 @@ export default async function PromotionsPage() {
         </div>
       )}
 
-      <div className="grid grid-3" style={{ gap: 18 }}>
+      <div className="grid grid-3" style={{ gap: 18, width: "100%", maxWidth: 1096 }}>
         {ordered.map((p) => {
           const isPending = p.status === "pending";
           return (

src/app/confidentialite/page.tsx

@@ -0,0 +1,58 @@
+import type { Metadata } from "next";
+import { LegalPage } from "@/components/LegalPage";
+
+export const metadata: Metadata = {
+  title: "Confidentialité — Plein R",
+  description: "Politique de confidentialité et traitement des données personnelles par Plein R.",
+};
+
+export default function ConfidentialitePage() {
+  return (
+    <LegalPage title="Confidentialité" intro="Cette page explique quelles données sont recueillies et comment Plein R les utilise.">
+      <h2>Données recueillies</h2>
+      <p>Selon votre utilisation du site, Plein R peut recevoir :</p>
+      <ul>
+        <li>vos nom, e-mail, téléphone et message lors d’une prise de contact ou demande d’adhésion ;</li>
+        <li>les informations professionnelles publiées dans l’annuaire et les promotions ;</li>
+        <li>les données nécessaires à la connexion et à la sécurisation des espaces privés.</li>
+      </ul>
+
+      <h2>Finalités</h2>
+      <p>
+        Ces données servent à répondre aux demandes, gérer les adhésions, administrer l’annuaire,
+        modérer les promotions et sécuriser l’accès aux comptes. Elles ne sont pas vendues à des tiers.
+      </p>
+
+      <h2>Responsable, bases légales et destinataires</h2>
+      <p>
+        Plein R est responsable des traitements réalisés par ce site. Les traitements reposent, selon le cas,
+        sur les démarches précontractuelles liées à l’adhésion, l’exécution de la relation avec les adhérents,
+        l’intérêt légitime de l’association à répondre aux demandes et administrer son réseau, ou une obligation légale.
+      </p>
+      <p>
+        Seules les personnes habilitées au sein de Plein R et les prestataires techniques nécessaires au fonctionnement
+        du site peuvent accéder aux données, dans la limite de leurs missions.
+      </p>
+
+      <h2>Durée et sécurité</h2>
+      <p>
+        Les données sont conservées pendant la durée nécessaire au traitement demandé, à la gestion de la relation
+        avec l’association et au respect de ses obligations. Des mesures adaptées limitent accès, perte ou divulgation non autorisée.
+      </p>
+
+      <h2>Cookies</h2>
+      <p>
+        Le site utilise uniquement les éléments techniques nécessaires à son fonctionnement, notamment pour maintenir
+        une session sécurisée dans l’espace adhérent ou l’administration.
+      </p>
+
+      <h2>Vos droits</h2>
+      <p>
+        Vous pouvez demander accès, rectification, effacement, limitation, opposition ou portabilité concernant vos données,
+        selon les conditions prévues par la réglementation.
+        Envoyez votre demande via le formulaire « Nous contacter » en précisant votre identité et l’objet de votre demande.
+      </p>
+      <p>Vous pouvez également saisir la CNIL si vous estimez que vos droits ne sont pas respectés.</p>
+    </LegalPage>
+  );
+}

src/app/globals.css

@@ -237,6 +237,69 @@ button {
   align-items: start;
 }
 
+/* ---- Public footer & legal pages ---- */
+.footer-grid {
+  display: grid;
+  grid-template-columns: minmax(280px, 1.8fr) 1fr 1fr;
+  gap: 48px;
+  align-items: start;
+}
+.footer-title {
+  font-family: "Bricolage Grotesque", "Public Sans", system-ui, sans-serif;
+  color: var(--ink-strong);
+  font-size: 13px;
+  font-weight: 800;
+  margin: 3px 0 11px;
+}
+.footer-links {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+  color: var(--muted);
+  font-size: 13px;
+}
+.footer-links a,
+.footer-links button {
+  text-decoration: none;
+  cursor: pointer;
+}
+.footer-links a:hover,
+.footer-links button:hover {
+  color: var(--brown) !important;
+  text-decoration: underline;
+}
+.footer-bottom {
+  display: flex;
+  justify-content: space-between;
+  gap: 16px;
+  flex-wrap: wrap;
+  border-top: 1px solid #ded2b9;
+  margin-top: 26px;
+  padding-top: 18px;
+  color: var(--muted-2);
+  font-size: 12.5px;
+}
+.legal-content h2 {
+  font-family: "Bricolage Grotesque", "Public Sans", system-ui, sans-serif;
+  color: var(--ink-strong);
+  font-size: 20px;
+  margin: 28px 0 8px;
+}
+.legal-content p,
+.legal-content li {
+  color: var(--muted);
+  font-size: 14.5px;
+  line-height: 1.75;
+}
+.legal-content p {
+  margin: 0 0 12px;
+}
+.legal-content ul {
+  margin: 8px 0 14px;
+  padding-left: 20px;
+}
+
 @media (max-width: 1024px) {
   .grid-6 {
     grid-template-columns: repeat(3, 1fr);
@@ -263,6 +326,10 @@ button {
   .grid-2 {
     grid-template-columns: 1fr;
   }
+  .footer-grid {
+    grid-template-columns: 1.5fr 1fr 1fr;
+    gap: 28px;
+  }
 }
 @media (max-width: 640px) {
   .grid-6,
@@ -273,6 +340,12 @@ button {
   .container {
     padding: 0 16px;
   }
+  .footer-grid {
+    grid-template-columns: 1fr 1fr;
+  }
+  .footer-grid > :first-child {
+    grid-column: 1 / -1;
+  }
 }
 
 /* Évite tout débordement horizontal sur mobile. */

src/app/mentions-legales/page.tsx

@@ -0,0 +1,43 @@
+import type { Metadata } from "next";
+import { LegalPage } from "@/components/LegalPage";
+
+export const metadata: Metadata = {
+  title: "Mentions légales — Plein R",
+  description: "Mentions légales du site de l'association Plein R.",
+};
+
+export default function MentionsLegalesPage() {
+  return (
+    <LegalPage title="Mentions légales" intro="Informations relatives à l’édition et à l’utilisation du site Plein R.">
+      <h2>Éditeur du site</h2>
+      <p>
+        Ce site est édité par Plein R, association des commerçants et entreprises du Bassin de Pompey.
+      </p>
+      <ul>
+        <li>Siège social : à compléter par l’association</li>
+        <li>Numéro RNA et, le cas échéant, SIREN : à compléter par l’association</li>
+        <li>Direction de la publication : à compléter par l’association</li>
+      </ul>
+      <p>Pour contacter Plein R, utilisez le formulaire « Nous contacter » disponible en pied de page.</p>
+
+      <h2>Hébergement</h2>
+      <p>
+        Nom, raison sociale, adresse et numéro de téléphone de l’hébergeur : à compléter par l’association
+        dès que l’hébergement de production est choisi.
+      </p>
+
+      <h2>Propriété intellectuelle</h2>
+      <p>
+        Structure, textes, éléments graphiques et identité visuelle du site sont protégés. Toute reproduction,
+        adaptation ou diffusion sans autorisation préalable de Plein R est interdite, hors exceptions prévues par la loi.
+      </p>
+      <p>Logos, images et contenus publiés par les adhérents restent la propriété de leurs titulaires respectifs.</p>
+
+      <h2>Responsabilité</h2>
+      <p>
+        Plein R veille à la qualité des informations publiées, sans pouvoir garantir leur exhaustivité permanente.
+        Les offres, coordonnées et contenus des adhérents relèvent de la responsabilité de leurs auteurs.
+      </p>
+    </LegalPage>
+  );
+}