add all informations in footer

src/components/Footer/Footer.jsx

@@ -28,7 +28,7 @@ export default function Footer(){
                 </div>
 
                 <nav className={styles.footerNav}>
-                    <Link to="/rgpd.pdf" className={styles.link}>
+                    <Link to="/RGPD" className={styles.link}>
                         Fiche RGPD
                     </Link>
                     <span className={styles.separator}></span>

src/pages/LegalNotices/LegalNotices.jsx

@@ -0,0 +1,40 @@
+import styles from "./LegalNotices.module.css";
+import {Link} from "react-router-dom";
+
+export default function legalNotices() {
+    return (
+        <div className={`${styles.legalNotices} glassCard`}>
+            <h1>Mentions Légales</h1>
+
+            <section className={styles.section}>
+                <h2 className={styles.h2}>1. Édition de l'application</h2>
+                <p>
+                    L'édition et la direction de la publication de l'application sont assurées par Monsieur Robin Frère
+                    <br />Contact : <Link to={"https://comite.beaupont.fr/contactez-nous"}>https://comite.beaupont.fr/contactez-nous</Link>
+                </p>
+            </section>
+
+            <section className={styles.section}>
+                <h2 className={styles.h2}>2. Conception et Développement</h2>
+                <p>L'application a été conçue et développée par :</p>
+                <ul>
+                    <li>Quentin T'jampens</li>
+                    <li>Antoine Ordonneau</li>
+                    <li>Malo Leblond</li>
+                    <li>Giovanni Josserand</li>
+                </ul>
+            </section>
+
+            <section className={styles.section}>
+                <h2 className={styles.h2}>3. Hébergement</h2>
+                <p>
+                    L'application est hébergée par la société OVH.
+                    <ul>
+                        <li>Siège social : 2 rue Kellermann - 59100 Roubaix - France</li>
+                        <li>Site web : <Link to={"www.ovh.com"}>www.ovh.com</Link></li>
+                    </ul>
+                </p>
+            </section>
+        </div>
+    );
+}

src/pages/LegalNotices/LegalNotices.module.css

@@ -0,0 +1,16 @@
+.h2 {
+    justify-content: left;
+}
+
+.section {
+    margin: 2rem 0;
+}
+
+.section ul {
+    padding : 0 2em;
+}
+
+
+.legalNotices{
+    margin: 16px 2em;
+}

src/pages/RGPD/RGPD.jsx

@@ -0,0 +1,143 @@
+import styles from "./RGPD.module.css";
+import {Link} from "react-router-dom";
+
+export default function RGPD() {
+    return (
+        <div className={`${styles.RGPD} glassCard`}>
+            <h1> Fiche d'informatino RGPD </h1>
+
+            <section className={styles.section}>
+                <h2 className={styles.h2}> 1. Présentation du site </h2>
+                <p>
+                    Le présent site web est un outil de gestion des bénévoles permettant notamment :
+                </p>
+                <ul>
+                    <li>L’inscription et la gestion des profils bénévoles</li>
+                    <li>L’organisation d’événements ou de missions</li>
+                    <li>La communication avec les bénévoles</li>
+                    <li>Le suivi des participations</li>
+                </ul>
+
+                <p>
+                    Le site est édité par :
+                </p>
+                <ul>
+                    <li>Nom de la structure : Comité des fêtes de Beaupont</li>
+                    <li>Forme juridique : Association loi 1901</li>
+                    <li>Adresse : Beaupont 01270</li>
+                    <li>Contact : <Link to="/contactez-nous">Formulaire de contact</Link></li>
+                </ul>
+            </section>
+
+            <section className={styles.section}>
+                <h2 className={styles.h2}>2. Responsable du traitement</h2>
+                <p>
+                    Le responsable du traitement des données personnelles est Monsieur FRÈRE Robin
+                    <br />Il est responsable de la collecte et de l’utilisation des données personnelles conformément au Règlement Général sur la Protection des Données (RGPD – UE 2016/679).
+                </p>
+            </section>
+
+            <section className={styles.section}>
+                <h2 className={styles.h2}>3. Données personnelles collectées</h2>
+                <p>Les données susceptibles d’être collectées sont notamment :</p>
+                <ul>
+                    <li>Les données d’identification : nom, prénom, adresse email et numéro de téléphone.</li>
+                    <li>Les données techniques : adresse IP, données de connexion (logs) et type de navigateur et appareil.</li>
+                </ul>
+
+            </section>
+
+            <section className={styles.section}>
+                <h2 className={styles.h2}>4. Finalités du traitement</h2>
+                <p>Les données personnelles sont collectées pour les finalités suivantes :</p>
+                <ul>
+                    <li>Gestion des comptes bénévoles</li>
+                    <li>Organisation et suivi des activités / tâches</li>
+                    <li>Communication interne (notifications)</li>
+                    <li>Gestion administrative et statistique</li>
+                    <li>Sécurité et bon fonctionnement du site</li>
+                </ul>
+            </section>
+
+            <section className={styles.section}>
+                <h2 className={styles.h2}>5. Base légale du traitement</h2>
+                <p>Les traitements reposent sur :</p>
+                <ul>
+                    <li>Le consentement de l’utilisateur</li>
+                    <li>L’intérêt légitime de l’organisme (gestion des bénévoles)</li>
+                    <li>Une obligation légale, le cas échéant</li>
+                </ul>
+            </section>
+
+            <section className={styles.section}>
+                <h2 className={styles.h2}>6. Durée de conservation</h2>
+                <p>Les données sont conservées :</p>
+                <ul>
+                    <li>Pendant la durée de l’engagement bénévole</li>
+                    <li>Puis archivées ou supprimées au plus tard 3 ans après la dernière activité ou contact</li>
+                </ul>
+                <p>Les logs techniques sont conservés pour une durée maximale de 2 mois.</p>
+            </section>
+
+            <section className={styles.section}>
+                <h2 className={styles.h2}>7. Destinataires des données</h2>
+                <p>Les données sont accessibles uniquement :</p>
+                <ul>
+                    <li>Aux personnes habilitées de l’organisme</li>
+                    <li>Aux prestataires techniques (hébergement, maintenance), strictement nécessaires</li>
+                </ul>
+                <p>Aucune donnée n’est vendue ou cédée à des tiers.</p>
+            </section>
+
+            <section className={styles.section}>
+                <h2 className={styles.h2}>8. Hébergement des données</h2>
+                <p>Les données sont hébergées par la société OVH :</p>
+                <ul>
+                    <li>Siège social : 2 rue Kellermann - 59100 Roubaix - France</li>
+                    <li>Site web : <Link to={"www.ovh.com"}>www.ovh.com</Link></li>
+                </ul>
+                <p>L’hébergeur garantit un niveau de sécurité conforme au RGPD.</p>
+            </section>
+
+            <section className={styles.section}>
+                <h2 className={styles.h2}>9. Sécurité des données</h2>
+                <p>Des mesures techniques et organisationnelles sont mises en place :</p>
+                <ul>
+                    <li>Accès sécurisé par identifiant et mot de passe</li>
+                    <li>Sauvegardes régulières</li>
+                    <li>Accès limité aux personnes autorisées</li>
+                </ul>
+            </section>
+
+            <section className={styles.section}>
+                <h2 className={styles.h2}>10. Droits des utilisateurs</h2>
+                <p>Conformément au RGPD, vous disposez des droits suivants :</p>
+                <ul>
+                    <li>Droit d’accès à vos données</li>
+                    <li>Droit de rectification</li>
+                    <li>Droit à l’effacement (droit à l’oubli)</li>
+                    <li>Droit à la limitation du traitement</li>
+                    <li>Droit d’opposition</li>
+                    <li>Droit à la portabilité des données</li>
+                </ul>
+            </section>
+
+            <section className={styles.section}>
+                <h2 className={styles.h2}>11. Réclamation</h2>
+                <p>
+                    Si vous estimez que vos droits ne sont pas respectés, vous pouvez introduire une réclamation auprès de la :
+                    <br /><strong>CNIL</strong> – Commission Nationale de l’Informatique et des Libertés
+                    <br />Site : <a href="https://www.cnil.fr" target="_blank" rel="noreferrer">https://www.cnil.fr</a>
+                </p>
+            </section>
+
+            <section className={styles.section}>
+                <h2 className={styles.h2}>12. Mise à jour</h2>
+                <p>
+                    La présente fiche RGPD peut être mise à jour à tout moment afin de rester conforme à la réglementation en vigueur.
+                    <br /><em>Dernière mise à jour : 09/01/2026</em>
+                </p>
+            </section>
+        </div>
+    );
+}

src/pages/RGPD/RGPD.module.css

@@ -0,0 +1,15 @@
+.h2 {
+    justify-content: left;
+}
+
+.section {
+    margin: 2rem 0;
+}
+
+.section ul {
+    padding : 0 2em;
+}
+
+.RGPD{
+    margin: 16px 2em;
+}

src/router.js

@@ -11,6 +11,8 @@ import ValidationErrorPage from "./pages/waitValidationPage/ValidationErrorPage.
 import VolunteerProfilePage from "./pages/VolunteerProfile/VolunteerProfilePage.jsx";
 import PageNotFound from "./pages/PageNotFound/PageNotFound.jsx";
 import eventDetail from "./pages/eventDetail/eventDetail.jsx";
+import legalNotices from "./pages/LegalNotices/LegalNotices.jsx";
+import RGPD from "./pages/RGPD/RGPD.jsx";
 
 const router = createBrowserRouter([
     {
@@ -65,6 +67,14 @@ const router = createBrowserRouter([
                 path: "/events/:id",
                 Component: eventDetail,
             },
+            {
+                path: "/legalNotices",
+                Component: legalNotices,
+            },
+            {
+                path: "/RGPD",
+                Component: RGPD,
+            },
         ]
     }
 ])