bog : supprimer réactif

feat: ajouter_prestation validée w3c validator et normalisee
integration de password.js à reinitialisation mdp
2025-12-16 13:18:18 +01:00 · 2025-12-16 09:58:38 +01:00 · 2025-12-16 08:50:31 +01:00 · 2025-12-16 08:31:11 +01:00 · 2025-12-14 21:06:10 +01:00 · 2025-12-14 14:11:39 +01:00
49 changed files with 2274 additions and 995 deletions
--- a/blog/html/accueil_blog.html
+++ b/blog/html/accueil_blog.html
@@ -4,63 +4,42 @@
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Admin |Modifier le blog</title>
-    <link href="../../node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="../../node_modules/bs-icon/icons.css">
-    <link rel="stylesheet" href="../../css/style.css">
-
-
-
+  <title>Liste des vétos - L'Il'eau chiens - Admin</title>
+  <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
+  <link rel="shortcut icon" href="/favicon.png" type="image/png">
+  <link rel="stylesheet" href="/css/style.css">
  
 </head>

 <body>
  <header>
-        <nav class="navbar navbar-expand-xxl bg-body-tertiary">
+    <nav class="navbar navbar-expand-xl bg-body-tertiary">
      <div class="container-fluid align-items-center">
        <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
-
-                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
-                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
-                    aria-expanded="false" aria-label="Toggle navigation">
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
+          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-                        <li class="nav-item">
-                            <a class="nav-link active left-label" aria-current="page" href="#">Blog</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link left-label" href="#">Boutique</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link left-label" href="#">Prestations</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link left-label" href="#">FAQ</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link left-label" href="#">Fiche de renseignements</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link left-label" href="#">Partenaires</a>
-                        </li>
+            <li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
+            <li class="nav-item"><a class="nav-link active left-label" href="#">Vétos</a></li>
+            <li class="nav-item"><a class="nav-link  left-label" href="#">Citations</a></li>
+            <li class="nav-item"><a class="nav-link  left-label" href="#">À propos</a></li>
          </ul>
-
-
          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
-                        <li class="nav-item">
-                            <a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le site</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a>
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
            </li>
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le
+                site</a></li>
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
            <li class="nav-item dropdown">
-                            <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button"
-                                data-bs-toggle="dropdown" aria-expanded="false">
+              <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown"
+                aria-expanded="false">
                <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
              </a>
              <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
@@ -72,18 +51,16 @@
              </ul>
            </li>
          </ul>
-
        </div>
      </div>
    </nav>
-
  </header>
    <main class="my-5 fs-6">
        <div class="container">
            <header>
-                <h1 class="title fs-2">Modifier la page blog</h1>
+                <h1 class="title fs-2 text-center">Modifier la page blog</h1>
            </header>
-            <main>
+            <div class="content">


                <section class="mb-5 section-categories">
@@ -106,7 +83,24 @@
                            </tr>
                        </thead>
                        <tbody id="categoriesTableBody">
-                            <!-- rempli en JS -->
+                            <tr>
+                                <td>Soins</td>
+                                <td class="text-end">
+                                    <a href="modifier_categorie.html"
+                                        class="btn btn-sm btn-outline-primary me-1">Modifier</a>
+                                    <a href="index.php" class="btn btn-sm btn-outline-danger" role="button" data-bs-toggle="modal"
+                    data-bs-target="#confirmDeleteModal">Supprimer</a>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>Alimentation</td>
+                                <td class="text-end">
+                                    <a href="modifier_categorie.html"
+                                        class="btn btn-sm btn-outline-primary me-1">Modifier</a>
+                                    <a href="index.php" class="btn btn-sm btn-outline-danger" role="button" data-bs-toggle="modal"
+                    data-bs-target="#confirmDeleteModal">Supprimer</a>
+                                </td>
+                            </tr>
                        </tbody>
                    </table>
                </section>
@@ -116,15 +110,11 @@
                <section class="section-articles">
                    <h2 class="my-4 fs-3">Liste des articles</h2>

-                    <!-- Message succès articles -->
-                    <div id="successArticlesMsg" class="alert alert-success d-none"></div>

-                    <!-- Bouton ajouter article -->
                    <div class="d-flex justify-content-start mb-4">
                        <a href="ajouter_article.html" class="btn btn-primary">Ajouter un article</a>
                    </div>

-                    <!-- Tableau articles -->
                    <table class="table table-striped table-hover">
                        <thead class="table-dark">
                            <tr>
@@ -137,27 +127,61 @@
                            <tr>
                                <td>Mon premier article</td>
                                <td class="text-end">
+                                    <a href="modifier_article.html"
+                                        class="btn btn-sm btn-secondary me-1 disabled">Facebook</a>
+
                                    <a href="modifier_article.html"
                                        class="btn btn-sm btn-outline-primary me-1">Modifier</a>
-                                    <button class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
+                                    <a href="index.php" class="btn btn-sm btn-outline-danger" role="button" data-bs-toggle="modal"
+                    data-bs-target="#confirmDeleteModal">Supprimer</a>
                                </td>
                            </tr>
                            <tr>
                                <td>Mon deuxième article</td>
                                <td class="text-end">
+                                    <a href="modifier_article.html"
+                                        class="btn btn-sm btn-outline-success me-1">Facebook</a>
                                    <a href="modifier_article.html"
                                        class="btn btn-sm btn-outline-primary me-1">Modifier</a>
-                                    <button class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
+                                    <a href="index.php" class="btn btn-sm btn-outline-danger" role="button" data-bs-toggle="modal"
+                    data-bs-target="#confirmDeleteModal">Supprimer</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </section>
-            </main>
+            </div>
        </div>
    </main>
-    <script src="../js/liste_categorie.js"></script>
-    <script src="../js/liste_articles.js"></script>
-    <script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+    <footer class="bg-body-tertiary py-4 mt-auto">
+
+        <div class="container d-flex gap-3 flex-wrap">
+            <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+            <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+            <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+        </div>
+    </footer>
+
+    <div class="modal fade" id="confirmDeleteModal" tabindex="-1">
+    <div class="modal-dialog">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h5 class="modal-title">Confirmer la suppression</h5>
+          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <div class="modal-body">
+          Êtes-vous sûr de vouloir supprimer cette catégorie ou cet article ? Cette action est irréversible.
+          <div class="modal-footer">
+            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
+            <button type="button" class="btn btn-danger" id="confirmDeleteBtn"> Supprimer</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+    
+    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="/js/confirmDelete.js"></script>

 </body>
+</html>
--- a/blog/html/ajouter_article.html
+++ b/blog/html/ajouter_article.html
@@ -1,70 +1,62 @@
 <!DOCTYPE html>
 <html lang="fr">
+
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Ajouter un article</title>
+  <title>Liste des vétos - L'Il'eau chiens - Admin</title>
+  <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
+  <link rel="shortcut icon" href="/favicon.png" type="image/png">
+  <link rel="stylesheet" href="/css/style.css">
  
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
-    <link rel="stylesheet" href="../../css/blog.css">
-
-    <script src="https://cdn.tiny.cloud/1/1up68ybfp3crmpssl9o7pu6d0e8v3okcnsinhoujnmak7wft/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
 </head>
-<body>

-<header>
-    <nav class="navbar navbar-expand-xxl bg-body-tertiary shadow-sm">
+<body>
+  <header>
+    <nav class="navbar navbar-expand-xl bg-body-tertiary">
      <div class="container-fluid align-items-center">
        <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
-
-            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
-                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
-                aria-expanded="false" aria-label="Toggle navigation">
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
+          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
-
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
-
-                <!-- MENU GAUCHE -->
          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-                    <li class="nav-item"><a class="nav-link active" href="#">Blog</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">Boutique</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">Prestations</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">FAQ</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">Fiche de renseignements</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">Partenaires</a></li>
+            <li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
+            <li class="nav-item"><a class="nav-link active left-label" href="#">Vétos</a></li>
+            <li class="nav-item"><a class="nav-link  left-label" href="#">Citations</a></li>
+            <li class="nav-item"><a class="nav-link  left-label" href="#">À propos</a></li>
          </ul>
-
-                <!-- MENU DROIT -->
          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
-                    <li class="nav-item">
-                        <a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
            </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le site</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a>
-                    </li>
-
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le
+                site</a></li>
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
            <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" href="#" id="userMenu" data-bs-toggle="dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown"
+                aria-expanded="false">
                <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
              </a>
-                        <ul class="dropdown-menu dropdown-menu-end">
+              <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
                <li><a class="dropdown-item" href="#">Profil</a></li>
-                            <li><hr class="dropdown-divider"></li>
+                <li>
+                  <hr class="dropdown-divider">
+                </li>
                <li><a class="dropdown-item" href="#">Sortir</a></li>
              </ul>
            </li>
          </ul>
-
        </div>
      </div>
    </nav>
-</header>
+  </header>

-<div class="container mt-5">
+    <main class="container mt-5">
        <h2 class="mb-5 text-center">Ajouter un article</h2>

        <form id="ajouterArticleForm">
@@ -72,11 +64,11 @@

            <div id="messages" class="mb-3"></div>

-        <!-- Catégorie -->
+
            <div class="mb-3">
-            <label class="form-label fw-bold">Catégorie *</label>
-            <select id="articleCategory" class="form-select">
-                <option value="">Choisissez une catégorie</option>
+                <label class="form-label fw-bold">Catégorie (obligatoire)</label>
+                <select id="articleCategory" class="form-select" required>
+                    <option value="none" disabled selected>Choisissez une catégorie</option>
                    <option value="actualités">Actualités</option>
                    <option value="chien">Chien</option>
                    <option value="chat">Chat</option>
@@ -86,26 +78,51 @@

            <!-- Titre -->
            <div class="mb-4">
-            <label class="form-label fw-bold">Titre *</label>
-            <input type="text" id="articleTitle" class="form-control">
+                <label class="form-label fw-bold" for="articleTitle">Titre (obligatoire)</label>
+                <input type="text" id="articleTitle" class="form-control" placeholder="Entrez le titre de l'article"
+                    required>
            </div>

+            <div class="mb-4">
+                <label class="form-label fw-bold" for="description">Description (obligatoire)</label>
+                <input type="text" id="description" class="form-control" placeholder="Entrez la description de l'article"
+                    required>
+            </div>
+
+
            <!-- Contenu -->
-        <div class="mb-3">
-            <label class="form-label fw-bold">Contenu</label>
-            <textarea id="articleContent"></textarea>
+            <div class="row mb-3">
+                <div class="col-md-4 image">
+                    <div class="mb-4">
+                        <label class="form-label fw-bold" for="articleImage">Image (optionnelle)</label>
+                        
+                        <input type="file" id="imageInput" class="form-control" accept="image/png, image/jpeg, image/jpg, image/webp">
+
+                    </div>
+                    <div class="preview-img-container">
+                    </div>
                </div>

-        <!-- Image -->
-        <div class="mb-4">
-            <label class="form-label fw-bold">Image</label>
-            <input type="file" id="articleImage" class="form-control">
+                <div class="col-md-8 conent">
+                    <div class="mb-3">
+                        <label class="form-label fw-bold" for="articleContent">Contenu (obligatoire)</label>
+                        <div class="row">
+
                        </div>
+                        <textarea id="articleContent" required></textarea>
+                    </div>
+                </div>
+            </div>
+
+
+      
+
+

            <!-- Publié -->
            <div class="form-check mb-3">
                <input class="form-check-input" type="checkbox" id="articlePublished">
-            <label class="form-check-label">Publié</label>
+                <label class="form-check-label" for="articlePublished">Publié</label>
            </div>

            <!-- Boutons -->
@@ -114,20 +131,28 @@
                <button type="submit" class="btn btn-primary w-50">Ajouter</button>
            </div>
        </form>
-</div>
+    </main>
+    <footer class="bg-body-tertiary py-4 mt-auto">
+
+        <div class="container d-flex gap-3 flex-wrap">
+            <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+            <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+            <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+        </div>
+    </footer>
+    
+    
+    
+    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+
+    <script src="/node_modules/tinymce/tinymce.min.js"></script>
+    <script src="/node_modules/tinymce-i18n/langs8/fr-FR.js"></script>
+    <script src="/js/tinyMce.js"></script>
+
+    <script src="/js/previewImage.js"></script>

-<script src="../js/ajouter_article.js"></script>
-<script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

-<script>
-tinymce.init({
-    selector: '#articleContent',
-    height: 400,
-    language: 'fr',
-    plugins: 'lists fullscreen',
-    toolbar: 'undo redo | bold italic underline | bullist numlist | fullscreen'
-});
-</script>

 </body>
+
 </html>
--- a/blog/html/ajouter_categorie.html
+++ b/blog/html/ajouter_categorie.html
@@ -1,65 +1,60 @@
 <!DOCTYPE html>
 <html lang="fr">
+
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Ajouter une catégorie</title>
-    <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css">
-    <link rel="stylesheet" href="/css/blog.css">
-</head>
-<body>
+  <title>Liste des vétos - L'Il'eau chiens - Admin</title>
+  <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
+  <link rel="shortcut icon" href="/favicon.png" type="image/png">
+  <link rel="stylesheet" href="/css/style.css">
  
-<header>
-    <nav class="navbar navbar-expand-xxl bg-body-tertiary shadow-sm">
+</head>
+
+<body>
+  <header>
+    <nav class="navbar navbar-expand-xl bg-body-tertiary">
      <div class="container-fluid align-items-center">
        <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
-
-            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
-                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
-                aria-expanded="false" aria-label="Toggle navigation">
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
+          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
-
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
-
-                <!-- MENU GAUCHE -->
          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-                    <li class="nav-item"><a class="nav-link active" href="#">Blog</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">Boutique</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">Prestations</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">FAQ</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">Fiche de renseignements</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">Partenaires</a></li>
+            <li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
+            <li class="nav-item"><a class="nav-link active left-label" href="#">Vétos</a></li>
+            <li class="nav-item"><a class="nav-link  left-label" href="#">Citations</a></li>
+            <li class="nav-item"><a class="nav-link  left-label" href="#">À propos</a></li>
          </ul>
-
-                <!-- MENU DROIT -->
          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
-                    <li class="nav-item">
-                        <a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
            </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le site</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a>
-                    </li>
-
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le
+                site</a></li>
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
            <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" href="#" id="userMenu" data-bs-toggle="dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown"
+                aria-expanded="false">
                <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
              </a>
-                        <ul class="dropdown-menu dropdown-menu-end">
+              <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
                <li><a class="dropdown-item" href="#">Profil</a></li>
-                            <li><hr class="dropdown-divider"></li>
+                <li>
+                  <hr class="dropdown-divider">
+                </li>
                <li><a class="dropdown-item" href="#">Sortir</a></li>
              </ul>
            </li>
          </ul>
-
        </div>
      </div>
    </nav>
-</header>
+  </header>

 <div class="container">
    <h2 class="mb-5 text-center">Ajouter une catégorie</h2>
@@ -70,12 +65,12 @@
    <form id="addCategoryForm">

        <div class="mb-4">
-            <label class="form-label fw-bold">Nom de la catégorie *</label>
+            <label class="form-label fw-bold">Nom de la catégorie (obligatoire)</label>
            <input
                type="text"
                id="categoryName"
                class="form-control"
-                placeholder="Actualité, chien, chat…">
+                placeholder="Actualité, chien, chat…" required>
        </div>

        <div class="mb-3">
@@ -94,9 +89,21 @@
        </div>
    </form>
 </div>
+<footer class="bg-body-tertiary py-4 mt-auto">
+
+        <div class="container d-flex gap-3 flex-wrap">
+            <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+            <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+            <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+        </div>
+    </footer>
+
 
-<script src="../js/ajouter_categorie.js"></script>
 <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

+<script src="/node_modules/tinymce/tinymce.min.js"></script>
+<script src="/node_modules/tinymce-i18n/langs8/fr-FR.js"></script>
+<script src="/js/tinyMce.js"></script>
+
 </body>
 </html>
--- a/blog/html/modifier_article.html
+++ b/blog/html/modifier_article.html
@@ -1,116 +1,118 @@
 <!DOCTYPE html>
 <html lang="fr">
+
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Modifier un article</title>
-
-    <link rel="stylesheet" href="../../css/blog.css">
-    <script src="https://cdn.tiny.cloud/1/1up68ybfp3crmpssl9o7pu6d0e8v3okcnsinhoujnmak7wft/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
-    <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css">
-
+  <title>Liste des vétos - L'Il'eau chiens - Admin</title>
+  <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
+  <link rel="shortcut icon" href="/favicon.png" type="image/png">
+  <link rel="stylesheet" href="/css/style.css">
  
 </head>

 <body>
-
-<header>
-    <nav class="navbar navbar-expand-xxl bg-body-tertiary shadow-sm">
+  <header>
+    <nav class="navbar navbar-expand-xl bg-body-tertiary">
      <div class="container-fluid align-items-center">
        <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
-
-            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
-                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
-                aria-expanded="false" aria-label="Toggle navigation">
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
+          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
-
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
-
-                <!-- MENU GAUCHE -->
          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-                    <li class="nav-item"><a class="nav-link active" href="#">Blog</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">Boutique</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">Prestations</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">FAQ</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">Fiche de renseignements</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">Partenaires</a></li>
+            <li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
+            <li class="nav-item"><a class="nav-link active left-label" href="#">Vétos</a></li>
+            <li class="nav-item"><a class="nav-link  left-label" href="#">Citations</a></li>
+            <li class="nav-item"><a class="nav-link  left-label" href="#">À propos</a></li>
          </ul>
-
-                <!-- MENU DROIT -->
          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
-                    <li class="nav-item">
-                        <a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
            </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le site</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a>
-                    </li>
-
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le
+                site</a></li>
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
            <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" href="#" id="userMenu" data-bs-toggle="dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown"
+                aria-expanded="false">
                <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
              </a>
-                        <ul class="dropdown-menu dropdown-menu-end">
+              <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
                <li><a class="dropdown-item" href="#">Profil</a></li>
-                            <li><hr class="dropdown-divider"></li>
+                <li>
+                  <hr class="dropdown-divider">
+                </li>
                <li><a class="dropdown-item" href="#">Sortir</a></li>
              </ul>
            </li>
          </ul>
-
        </div>
      </div>
    </nav>
-</header>
+  </header>

 <div class="container">
    <h2 class="mb-4 text-center">Modifier un article</h2>
-
-   
    <div id="messages" class="mb-3"></div>

    <form id="editArticleForm">

        <!-- Titre -->
        <div class="mb-3">
-            <label class="form-label fw-bold">Titre *</label>
-            <input type="text" id="articleTitle" class="form-control">
+            <label class="form-label fw-bold">Titre (obligatoire)</label>
+            <input type="text" id="articleTitle" class="form-control" value="Les chats, ces réveils matin détraqués">
+        </div>
+        <div class="mb-4">
+                <label class="form-label fw-bold" for="description">Description (obligatoire)</label>
+                <input type="text" id="description" class="form-control" value="la description de précédente"
+                    required>
+            </div>
+
+          <div class="mb-4 categorie">
+            <label class="form-label fw-bold" for="categories">Catégorie (obligatoire)</label>
+          
+            <select id="categories" class="form-select">
+                 <option value="none" disabled>Choisissez une catégorie</option>
+                    <option value="actualités">Actualités</option>
+                    <option value="chien">Chien</option>
+                    <option value="chat" selected>Chat</option>
+                    <option value="boutique">Boutique</option> 
+            </select>
        </div>

        <!-- Contenu -->
+            <div class="row mb-3">
+                <div class="col-md-4 image">
+                    <div class="mb-4">
+                        <label class="form-label fw-bold" for="articleImage">Image (optionnelle)</label>
+                        
+                        <input type="file" id="imageInput" class="form-control" accept="image/png, image/jpeg, image/jpg, image/webp">
+
+                    </div>
+                    <div class="preview-img-container">
+                    </div>
+                </div>
+
+                <div class="col-md-8 conent">
                    <div class="mb-3">
-            <label class="form-label fw-bold">Contenu</label>
-            <textarea id="articleContent"></textarea>
-        </div>
+                        <label class="form-label fw-bold" for="articleContent">Contenu (obligatoire)</label>
+                        <div class="row">

-        <!-- Catégorie -->
-        <div class="mb-4">
-            <label class="form-label fw-bold">Catégorie</label>
-            <input type="text" id="articleCategory" class="form-control" list="categories">
-            <datalist id="categories">
-                <option value="actualités">
-                <option value="chien">
-                <option value="chat">
-                <option value="boutique">
-            </datalist>
                        </div>
-
-        <!-- Image -->
-        <div class="mb-4">
-            <label class="fw-bold">Image actuelle</label>
-            <div>
-                <img id="imagePreview" class="preview-img mb-2 d-none" alt="apercu image">
-                <input type="file" id="articleImage" class="form-control">
+                        <textarea id="articleContent" required></textarea>
+                    </div>
                </div>
            </div>

        <!-- Publié -->
        <div class="form-check mb-3">
            <input class="form-check-input" type="checkbox" id="articlePublished">
-            <label class="form-check-label">Publié (sera publié sur facebook)</label>
+            <label class="form-check-label">Publié</label>
        </div>

        <!-- Boutons -->
@@ -121,24 +123,22 @@

    </form>
 </div>
+<footer class="bg-body-tertiary py-4 mt-auto">
+
+        <div class="container d-flex gap-3 flex-wrap">
+            <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+            <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+            <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+        </div>
+    </footer>
+
 
-<script src="../js/modifier_article.js"></script>
 <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

-<script>
-tinymce.init({
-    selector: "#articleContent",
-    height: 400,
-    language: "fr",
-
-    plugins: "lists fullscreen",
-    toolbar: "undo redo | bold italic underline | bullist numlist | fullscreen",
-
-    branding: false,          
-    promotion: false,
-    menubar: false 
-});
-</script>
+<script src="/node_modules/tinymce/tinymce.min.js"></script>
+<script src="/node_modules/tinymce-i18n/langs8/fr-FR.js"></script>
+<script src="/js/tinyMce.js"></script>

+<script src="/js/previewImage.js"></script>
 </body>
 </html>
--- a/blog/html/modifier_categorie.html
+++ b/blog/html/modifier_categorie.html
@@ -1,70 +1,62 @@
 <!DOCTYPE html>
 <html lang="fr">
+
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Modifier une catégorie</title>
-    <link rel="stylesheet" href="../../node_modules/bootstrap/dist/css/bootstrap.min.css">
-    <link rel="stylesheet" href="../../css/blog.css">
-
+  <title>Liste des vétos - L'Il'eau chiens - Admin</title>
+  <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
+  <link rel="shortcut icon" href="/favicon.png" type="image/png">
+  <link rel="stylesheet" href="/css/style.css">
  
 </head>
-<body>

-    <!-- HEADER -->
-<header>
-    <nav class="navbar navbar-expand-xxl bg-body-tertiary shadow-sm">
+<body>
+  <header>
+    <nav class="navbar navbar-expand-xl bg-body-tertiary">
      <div class="container-fluid align-items-center">
        <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
-
-            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
-                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
-                aria-expanded="false" aria-label="Toggle navigation">
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
+          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
-
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
-
-                <!-- MENU GAUCHE -->
          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-                    <li class="nav-item"><a class="nav-link active" href="#">Blog</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">Boutique</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">Prestations</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">FAQ</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">Fiche de renseignements</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">Partenaires</a></li>
+            <li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
+            <li class="nav-item"><a class="nav-link active left-label" href="#">Vétos</a></li>
+            <li class="nav-item"><a class="nav-link  left-label" href="#">Citations</a></li>
+            <li class="nav-item"><a class="nav-link  left-label" href="#">À propos</a></li>
          </ul>
-
-                <!-- MENU DROIT -->
          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
-                    <li class="nav-item">
-                        <a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
            </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le site</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a>
-                    </li>
-
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le
+                site</a></li>
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
            <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" href="#" id="userMenu" data-bs-toggle="dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown"
+                aria-expanded="false">
                <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
              </a>
-                        <ul class="dropdown-menu dropdown-menu-end">
+              <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
                <li><a class="dropdown-item" href="#">Profil</a></li>
-                            <li><hr class="dropdown-divider"></li>
+                <li>
+                  <hr class="dropdown-divider">
+                </li>
                <li><a class="dropdown-item" href="#">Sortir</a></li>
              </ul>
            </li>
          </ul>
-
        </div>
      </div>
    </nav>
-</header>
+  </header>

-<div class="container">
+    <div class="container">
        <h2 class="mb-5 text-center">Modifier une catégorie</h2>


@@ -73,28 +65,40 @@

            <div class="mb-4">
                <label class="form-label fw-bold">Nom de la catégorie (obligatoire)</label>
-  <input type="text" id="categoryName" class="form-control" placeholder="Entrez le nom de la catégorie" required>
+                <input type="text" id="categoryName" class="form-control" placeholder="Entrez le nom de la catégorie"
+                    required>

-</div>
+            </div>


            <div class="mb-3">
                <label class="form-label fw-bold">Description (optionnel)</label>
-            <textarea id="categorieDescription" class="form-control" rows="4" placeholder="Entrez une description" required></textarea>
+                <textarea id="categorieDescription" class="form-control" rows="4"></textarea>
            </div>

            <div class="d-flex gap-3 mt-4">
                <a href="../html/accueil_blog.html" class="btn btn-secondary w-50">Annuler</a>
                <button type="submit" class="btn btn-primary w-50">Enregistrer</button>
-</div>
+            </div>

        </form>
-</div>
+    </div>
+    <footer class="bg-body-tertiary py-4 mt-auto">

-<script src="../js/modifier_categorie.js"></script>
-<script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+        <div class="container d-flex gap-3 flex-wrap">
+            <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+            <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+            <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+        </div>
+    </footer>

    
+    <script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+
+    <script src="/node_modules/tinymce/tinymce.min.js"></script>
+    <script src="/node_modules/tinymce-i18n/langs8/fr-FR.js"></script>
+    <script src="/js/tinyMce.js"></script>

 </body>
+
 </html>
--- a/blog/js/ajouter_article.js
+++ b/blog/js/ajouter_article.js
@@ -2,6 +2,7 @@ const form = document.getElementById("ajouterArticleForm");
 const messages = document.getElementById("messages");

 const imgField = document.getElementById("articleImage");
+const imgPreview = document.getElementById("imagePreview");
 const titleField = document.getElementById("articleTitle");
 const categoryField = document.getElementById("articleCategory");
 const publishedField = document.getElementById("articlePublished");
@@ -26,6 +27,9 @@ function imageValide(file) {
    return ["image/jpeg", "image/png"].includes(file.type);
 }

+// Preview image on selection via generic loader (global)
+const imgLoader = window.initImagePreview && window.initImagePreview("articleImage", "articleImagePreview", ["image/jpeg", "image/png"]);
+

 form.addEventListener("submit", function (e) {
    e.preventDefault();
@@ -91,6 +95,9 @@ form.addEventListener("submit", function (e) {
    // Reset
    form.reset();
    tinymce.get("articleContent").setContent("");
+    if (imgLoader && typeof imgLoader.reset === "function") {
+        imgLoader.reset();
+    }

    // Redirection
    setTimeout(() => {
@@ -98,13 +105,4 @@ form.addEventListener("submit", function (e) {
    }, 1500);
 });

-/* =========================
-   TinyMCE
-========================= */
-tinymce.init({
-    selector: "#articleContent",
-    height: 400,
-    language: "fr",
-    plugins: "lists fullscreen",
-    toolbar: "undo redo | bold italic underline | bullist numlist | fullscreen"
-});
+
--- a/blog/js/liste_articledqss.js
+++ b/blog/js/liste_articledqss.js
--- a/blog/js/modifier_article.js
+++ b/blog/js/modifier_article.js
@@ -3,6 +3,7 @@ const messages = document.getElementById("messages");

 const imgField = document.getElementById("articleImage");
 const titleField = document.getElementById("articleTitle");
+const imgPreview = document.getElementById("imagePreview");
 const contentField = document.getElementById("articleContent");
 const categoryField = document.getElementById("articleCategory");
 const publishedField = document.getElementById("articlePublished");
@@ -31,6 +32,21 @@ function imageValide(file) {
  return ["image/jpeg", "image/png", "image/gif"].includes(file.type);
 }

+// Preview image on selection
+imgField.addEventListener("change", function () {
+  const file = imgField.files && imgField.files[0];
+  if (!file || !imageValide(file)) {
+    if (imgPreview) {
+      imgPreview.src = "";
+      imgPreview.classList.add("d-none");
+    }
+    return;
+  }
+  const url = URL.createObjectURL(file);
+  imgPreview.src = url;
+  imgPreview.classList.remove("d-none");
+});
+

 form.addEventListener("submit", function (e) {
  e.preventDefault();
--- a/citations/html/citations_accueil.html
+++ b/citations/html/citations_accueil.html
@@ -6,14 +6,13 @@
  <title>Citations - L'Il'eau chiens - Admin</title>
  <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
-  <link rel="shortcut icon" href="favicon.png" type="image/png">
+  <link rel="shortcut icon" href="/favicon.png" type="image/png">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/citations.css">
-  <link rel="shortcut icon" href="/favicon.png" type="image/png">
 </head>
 <body>
  <header>
-    <nav class="navbar navbar-expand-xxl bg-body-tertiary">
+    <nav class="navbar navbar-expand-xl bg-body-tertiary">
      <div class="container-fluid align-items-center">
        <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
@@ -25,9 +24,9 @@
            <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
            <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
            <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
-            <li class="nav-item"><a class="nav-link left-label" href="#">Fiche renseignements</a></li>
-            <li class="nav-item"><a class="nav-link left-label" href="#">Partenaires</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
            <li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
          </ul>
          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a></li>
@@ -52,7 +51,7 @@
  <main class="my-5 fs-6">
    <div class="container">
      <header>
-        <h1 class="title my-4 fs-2">Liste des citations</h1>
+        <h1 class="title my-4 fs-2 text-center">Liste des citations</h1>
      </header>
      <div class="content">
        <div class="ajouter">
@@ -145,6 +144,14 @@
      </div>
    </div>
  </main>
+  <footer class="bg-body-tertiary py-4 mt-auto">
+
+    <div class="container d-flex gap-3 flex-wrap">
+      <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+      <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+      <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+    </div>
+  </footer>

  
  <div class="modal fade" id="confirmDeleteModal" tabindex="-1">
--- a/citations/html/citations_ajouter.html
+++ b/citations/html/citations_ajouter.html
@@ -7,14 +7,14 @@
    <title>Ajouter une citation - L'Il'eau chiens - Admin</title>
    <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
-    <link rel="shortcut icon" href="favicon.png" type="image/png">
-    <link rel="stylesheet" href="/css/style.css">
    <link rel="shortcut icon" href="/favicon.png" type="image/png">
+    <link rel="stylesheet" href="/css/style.css">
+    
 </head>

 <body>
    <header>
-        <nav class="navbar navbar-expand-xxl bg-body-tertiary">
+        <nav class="navbar navbar-expand-xl bg-body-tertiary">
            <div class="container-fluid align-items-center">
                <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
@@ -28,9 +28,9 @@
                        <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
                        <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
                        <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
-                        <li class="nav-item"><a class="nav-link left-label" href="#">Fiche renseignements</a></li>
-                        <li class="nav-item"><a class="nav-link left-label" href="#">Partenaires</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
                        <li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
                    </ul>
                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                        <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message
@@ -60,17 +60,17 @@
    <main class="my-5 fs-6">
        <div class="container">
            <header>
-                <h1 class="title my-4 fs-2">Ajouter une citation</h1>
+                <h1 class="title my-4 fs-2 text-center">Ajouter une citation</h1>
            </header>
            <div class="content">
                <form id="ajouterArticleForm">
                    <div class="mb-4 quote-addition">
-                        <label class="form-label fw-bold" for="citation">La citations</label>
+                        <label class="form-label fw-bold" for="citation">La citations (obligatoire)</label>
                        <input type="text" id="citation" class="form-control"
                            placeholder="Il faut ne jamais abandonner..." required>
                    </div>
                    <div class="mb-3 citation-category">
-                        <label class="form-label fw-bold" for="citationCategory">Catégorie de la citation</label>
+                        <label class="form-label fw-bold" for="citationCategory">Catégorie de la citation (obligatoire)</label>
                        <select id="citationCategory" class="form-select" required>
                            <option value="" disabled selected>Choisissez une catégorie</option>
                            <option value="chiens">Chiens</option>
@@ -86,8 +86,16 @@
            </div>
        </div>
    </main>
+    <footer class="bg-body-tertiary py-4 mt-auto">
+
+    <div class="container d-flex gap-3 flex-wrap">
+      <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+      <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+      <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+    </div>
+  </footer>
    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="/js/contentReduct.js"></script>
+   
 </body>

 </html>
--- a/citations/html/citations_modifier.html
+++ b/citations/html/citations_modifier.html
@@ -7,14 +7,14 @@
    <title>Modifier une citation - L'Il'eau chiens - Admin</title>
    <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
-    <link rel="shortcut icon" href="favicon.png" type="image/png">
-    <link rel="stylesheet" href="/css/style.css">
    <link rel="shortcut icon" href="/favicon.png" type="image/png">
+    <link rel="stylesheet" href="/css/style.css">
+    
 </head>

 <body>
    <header>
-        <nav class="navbar navbar-expand-xxl bg-body-tertiary">
+        <nav class="navbar navbar-expand-xl bg-body-tertiary">
            <div class="container-fluid align-items-center">
                <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
@@ -28,9 +28,9 @@
                        <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
                        <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
                        <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
-                        <li class="nav-item"><a class="nav-link left-label" href="#">Fiche renseignements</a></li>
-                        <li class="nav-item"><a class="nav-link left-label" href="#">Partenaires</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
                        <li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
                    </ul>
                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                        <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message
@@ -60,17 +60,17 @@
    <main class="my-5 fs-6">
        <div class="container">
            <header>
-                <h1 class="title my-4 fs-2">Modifier une citation</h1>
+                <h1 class="title my-4 fs-2 text-center">Modifier une citation</h1>
            </header>
            <div class="content">
                <form id="ajouterArticleForm">
                    <div class="mb-4 quote-addition">
-                        <label class="form-label fw-bold" for="citation">La citations</label>
+                        <label class="form-label fw-bold" for="citation">La citations (obligatoire)</label>
                        <input type="text" id="citation" class="form-control"
                            placeholder="Il faut ne jamais abandonner..."  value="La citation à modifier" required>
                    </div>
                    <div class="mb-3 citation-category">
-                        <label class="form-label fw-bold" for="citationCategory">Catégorie de la citation</label>
+                        <label class="form-label fw-bold" for="citationCategory">Catégorie de la citation (obligatoire)</label>
                        <select id="citationCategory" class="form-select" required>
                            <option value="" disabled>Choisissez une catégorie</option>
                            <option value="chiens" selected>Chiens</option>
@@ -86,8 +86,16 @@
            </div>
        </div>
    </main>
+    <footer class="bg-body-tertiary py-4 mt-auto">
+
+    <div class="container d-flex gap-3 flex-wrap">
+      <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+      <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+      <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+    </div>
+  </footer>
    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="/js/contentReduct.js"></script>
+    
 </body>

 </html>
--- a/configuration/html/configuration.html
+++ b/configuration/html/configuration.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Configuration - L'Il'eau chiens - Admin</title>
+  <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
+  <link rel="shortcut icon" href="/favicon.png" type="image/png">
+  <link rel="stylesheet" href="/css/style.css">
+
+</head>
+
+<body>
+  <header>
+    <nav class="navbar navbar-expand-xl bg-body-tertiary">
+      <div class="container-fluid align-items-center">
+        <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
+          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+            <li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
+            <li class="nav-item"><a class="nav-link  left-label" href="#">Citations</a></li>
+            <li class="nav-item"><a class="nav-link  left-label" href="#">À propos</a></li>
+          </ul>
+          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
+            </li>
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le
+                site</a></li>
+            <li class="nav-item"><a class="nav-link active" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown"
+                aria-expanded="false">
+                <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
+              </a>
+              <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
+                <li><a class="dropdown-item" href="#">Profil</a></li>
+                <li>
+                  <hr class="dropdown-divider">
+                </li>
+                <li><a class="dropdown-item" href="#">Sortir</a></li>
+              </ul>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+  </header>
+
+  <main class="my-5 fs-6">
+    <div class="container">
+      <header>
+        <h1 class="title my-4 fs-2 text-center">Configuration</h1>
+      </header>
+      <div class="content">
+        <form id="configForm">
+          <div class="validation my-4">
+            <button type="submit" class="btn btn-primary">Modifier</button>
+          </div>
+
+          <table class="table table-striped table-hover align-middle">
+            <thead class="table-dark">
+              <tr>
+                <th scope="col">Clé</th>
+                <th scope="col">Valeur</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr class="cfg-tel">
+                <td><label class="form-label fw-bold" for="tel">Téléphone</label></td>
+                <td><input type="tel" id="tel" class="form-control" value="06 12 34 56 78"></td>
+              </tr>
+              <tr class="cfg-mail">
+                <td><label class="form-label fw-bold" for="mail">Mail de contact</label></td>
+                <td><input type="email" id="mail" class="form-control" value="contact@example.com"></td>
+              </tr>
+              <tr class="cfg-adresse">
+                <td><label class="form-label fw-bold" for="adresse">Adresse</label></td>
+                <td><input type="text" id="adresse" class="form-control" value="12 rue des Lilas"></td>
+              </tr>
+              <tr class="cfg-code-postal">
+                <td><label class="form-label fw-bold" for="codePostal">Code postal</label></td>
+                <td><input type="text" id="codePostal" class="form-control" value="75001" pattern="\\d{5}"></td>
+              </tr>
+              <tr class="cfg-gps">
+                <td><label class="form-label fw-bold" for="gpsLat">Coordonnées GPS</label></td>
+                <td>
+                  <div class="row g-2">
+                    <div class="col-6">
+                      <input type="text" id="gpsLat" class="form-control" value="Latitude (ex: 48.8566)" pattern="-?\d{1,2}\.\d+">
+                    </div>
+                    <div class="col-6">
+                      <input type="text" id="gpsLng" class="form-control" value="Longitude (ex: 2.3522)" pattern="-?\d{1,3}\.\d+">
+                    </div>
+                  </div>
+                </td>
+              </tr>
+              <tr class="cfg-ville">
+                <td><label class="form-label fw-bold" for="ville">Ville</label></td>
+                <td><input type="text" id="ville" class="form-control" value="Paris"></td>
+              </tr>
+              <tr class="cfg-horaire-matin-debut">
+                <td><label class="form-label fw-bold" for="horaireMatinDebut">Horaires début matinée</label></td>
+                <td><input type="time" id="horaireMatinDebut" class="form-control" value="09:00"></td>
+              </tr>
+              <tr class="cfg-horaire-matin-fin">
+                <td><label class="form-label fw-bold" for="horaireMatinFin">Horaires fin matinée</label></td>
+                <td><input type="time" id="horaireMatinFin" class="form-control" value="12:00"></td>
+              </tr>
+              <tr class="cfg-horaire-aprem-debut">
+                <td><label class="form-label fw-bold" for="horaireApremDebut">Horaires début après-midi</label></td>
+                <td><input type="time" id="horaireApremDebut" class="form-control" value="14:00"></td>
+              </tr>
+              <tr class="cfg-horaire-aprem-fin">
+                <td><label class="form-label fw-bold" for="horaireApremFin">Horaires fin après-midi</label></td>
+                <td><input type="time" id="horaireApremFin" class="form-control" value="18:00"></td>
+              </tr>
+              <tr class="cfg-jours-ouverts">
+                <td><label class="form-label fw-bold" for="joursOuverts">Jours ouverts</label></td>
+                <td>
+                  <select id="joursOuverts" class="form-select" multiple size="5">
+                    <option value="lundi">Lundi</option>
+                    <option value="mardi">Mardi</option>
+                    <option value="mercredi">Mercredi</option>
+                    <option value="jeudi">Jeudi</option>
+                    <option value="vendredi">Vendredi</option>
+                    <option value="samedi">Samedi</option>
+                    <option value="dimanche">Dimanche</option>
+                  </select>
+                  <small class="text-muted">Maintenez Ctrl (Cmd sur Mac) pour sélectionner plusieurs jours.</small>
+                </td>
+              </tr>
+              <tr class="cfg-facebook">
+                <td><label class="form-label fw-bold" for="pageFacebook">Page Facebook</label></td>
+                <td><input type="url" id="pageFacebook" class="form-control" value="https://www.facebook.com/votrepage"></td>
+              </tr>
+              <tr class="cfg-siret">
+                <td><label class="form-label fw-bold" for="siret">SIRET</label></td>
+                <td><input type="text" id="siret" class="form-control" value="123 456 789 00012" pattern="\d{3}\s?\d{3}\s?\d{3}\s?\d{5}"></td>
+              </tr>
+              
+            </tbody>
+          </table>
+          <div class="validation">
+            <button type="submit" class="btn btn-primary">Modifier</button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </main>
+  <footer class="bg-body-tertiary py-4 mt-auto">
+
+    <div class="container d-flex gap-3 flex-wrap">
+      <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+      <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+      <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+    </div>
+  </footer>
+
+  <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+
+</body>
+
+</html>
--- a/connexion/html/reinitialisation_mot_de_passe.html
+++ b/connexion/html/reinitialisation_mot_de_passe.html
@@ -1,29 +1,30 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+
+<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Réinitialisation du mot de passe</title>
-    <link
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
-    />
+  <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link rel="shortcut icon" href="/favicon.png" type="image/png">

  <style>
    body {
-            background: #f4f6f981;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
    }
+
    .reset-password-card {
      width: 100%;
      max-width: 380px;
    }
  </style>
-  </head>
-  <body>
+</head>
+
+<body>
+ 
  <div class="card shadow reset-password-card">
    <div class="card-body p-4">
      <h1 class="text-center mb-4 fs-3">Nouveau mot de passe</h1>
@@ -33,38 +34,21 @@

      </p>

-          <div
-            id="errorMsg"
-            class="alert alert-danger text-center fs-1"
-            style="display: none"
-          >
-            Les mots de passe ne correspondent pas.
-          </div>
      
-        <form id="resetForm">
+
+      <form id="password-form">
+         <main>
        <div class="mb-4">
-            <label class="form-label"
-              >Nouveau mot de passe (minimum 8 caractères)</label
-            >
-            <input
-              type="password"
-              class="form-control"
-              id="password"
-              required
-            />
-            <small id="passwordIndicator" class="fw-bold"></small>
+          <label class="form-label">Nouveau mot de passe <br><span class="small"><span id="min8">8 caractères minimum</span>, incluant une <span id="uppercase">majuscule</span>, une <span id="lowercase">minuscule</span> et un <span id="digit">chiffre</span></span></label>
+          <input type="password" class="form-control" id="password" required />
+         
        </div>

+        <div class="mb-2">
+          <label class="form-label">Confirmer le mot de passe</label>
+          <input type="password" class="form-control" id="passwordConfirm" required />
+        </div>
        <div class="mb-3">
-            <label class="form-label"
-              >Confirmer le mot de passe</label
-            >
-            <input
-              type="password"
-              class="form-control"
-              id="confirmPassword"
-              required
-            />
          <label for="showPassword" class="mt-3">
            <input type="checkbox" id="showPassword" />
            Voir le mot de passe
@@ -75,26 +59,19 @@



-          <div
-            id="successMsg"
-            class="alert alert-success text-center"
-            style="display: none"
-          >
-            Votre mot de passe a été modifié avec succès !
-          </div>
+    

        <button class="btn btn-primary w-100" type="submit">
          Changer le mot de passe
        </button>
        <div class="text-center mt-3">
-            <a
-              href="../html/page_de_connexion.html"
-              class="text-decoration-none"
-              >Retour à la connexion</a
+          <a href="../html/page_de_connexion.html" class="text-decoration-none">Retour à la connexion</a>
   </form>
+   </main>
        </div>
    </div>
-    <script src="../js/reinitialisation_du_mot_de_passe.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
-  </body>
+  
+    <script src="/js/password.js"></script>
+</body>
+
 </html>
--- a/connexion/js/reinitialisation_du_mot_de_passe.js
+++ b/connexion/js/reinitialisation_du_mot_de_passe.js
@@ -40,7 +40,7 @@ form.addEventListener('submit', function(e) {
    if (pass.length < minLength) {
        errorMsg.style.display = 'block';
        errorMsg.textContent = `Le mot de passe doit contenir au moins ${minLength} caractères.`;
-        return;
+        return;8 caractères minimum
    }

    //Correspondance
@@ -61,7 +61,7 @@ form.addEventListener('submit', function(e) {


 showPasswordCheckbox.addEventListener('change', function() {
-    if (this.checked) {
+    if (this.checked) {8 caractères minimum
        password.type = 'text';
        confirmPassword.type = 'text'; 

--- a/css/blog.css
+++ b/css/blog.css
@@ -1,11 +0,0 @@
-
-    body {
-            background: #f4f6f9;
-        }
-        .container {
-           
-            margin: 40px auto;
-        }
-        .ck-editor__editable {
-    min-height: 350px; 
-}
--- a/css/citations.css
+++ b/css/citations.css
--- a/css/prestation.css
+++ b/css/prestation.css
@@ -1,2 +0,0 @@
-body { background: #f4f6f981; }
-        .container { margin-top: 50px; }
--- a/css/style.css
+++ b/css/style.css
@@ -1,8 +1,8 @@
 /*=============================================================================
 Header Navbar Styles
 =============================================================================*/
-a.nav-link{
-    font-size: .95rem;
+a.nav-link {
+    font-size: 1rem;
 }

 .navbar-brand {
@@ -10,14 +10,19 @@ a.nav-link{
    line-height: 1;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
-  }
+}

-  .brand-sep {
+.brand-sep {
    height: .8rem;
+}
+@media (max-width: 1320px)  AND (min-width: 1200px) {
+
+    .navbar .nav-link {
+        font-size: .85rem !important;
    }
+}

-
-  @media (max-width: 1399.98px) {
+@media (max-width: 1199.98px) {
    .navbar .nav-item {
        background-color: var(--bs-light);
        border: 1px solid var(--bs-border-color);
@@ -38,7 +43,7 @@ a.nav-link{
        display: none;
    }

-  }
+}



@@ -48,3 +53,36 @@ Divers
 a.tox-promotion-link {
    display: none !important;
 }
+
+body {
+    background: #f4f6f981;
+}
+
+.container {
+   margin: 50px auto;
+}
+
+/*=============================================================================
+Placeholders (global)
+=============================================================================*/
+[placeholder] {
+    font-size: 0.9rem !important;
+    font-style: italic !important;
+
+}
+
+/*=============================================================================
+Image Previews
+=============================================================================*/
+.preview-img-container{
+    margin-top: -.8rem;
+    width: 100%;
+    height: 20.3rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;
+    border-radius: .25rem;
+    margin-bottom: 1rem;
+    background-color: rgb(238, 236, 236);
+}
--- a/faq/faq_accueil.html
+++ b/faq/faq_accueil.html
@@ -7,7 +7,6 @@
  <title>FAQ - L'Il'eau chiens - Admin</title>
  <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
-  <link rel="shortcut icon" href="favicon.png" type="image/png">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/citations.css">
  <link rel="shortcut icon" href="/favicon.png" type="image/png">
@@ -15,7 +14,7 @@

 <body>
  <header>
-    <nav class="navbar navbar-expand-xxl bg-body-tertiary">
+    <nav class="navbar navbar-expand-xl bg-body-tertiary">
      <div class="container-fluid align-items-center">
        <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
@@ -28,9 +27,9 @@
            <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
            <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
            <li class="nav-item"><a class="nav-link active left-label" href="#">FAQ</a></li>
-            <li class="nav-item"><a class="nav-link left-label" href="#">Fiche renseignements</a></li>
-            <li class="nav-item"><a class="nav-link left-label" href="#">Partenaires</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
            <li class="nav-item"><a class="nav-link  left-label" href="#">Citations</a></li>
+            <li class="nav-item"><a class="nav-link  left-label" href="#">À propos</a></li>
          </ul>
          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
@@ -60,7 +59,7 @@
  <main class="my-5 fs-6">
    <div class="container">
      <header>
-        <h1 class="title my-4 fs-2">Liste des FAQ</h1>
+        <h1 class="title my-4 fs-2 text-center">Liste des FAQ</h1>
      </header>
      <div class="content">

@@ -80,7 +79,6 @@
            <tbody>
              <tr>
                <td>Chiens</td>
-                </td>
                <td class="text-end">
                  <a href="#" class="btn btn-sm btn-outline-primary me-2">Modifier</a>
                  <a href="index.php" class="btn btn-sm btn-outline-danger" role="button" data-bs-toggle="modal"
@@ -143,6 +141,14 @@
      </div>
    </div>
  </main>
+  <footer class="bg-body-tertiary py-4 mt-auto">
+
+    <div class="container d-flex gap-3 flex-wrap">
+      <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+      <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+      <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+    </div>
+  </footer>


  <div class="modal fade" id="confirmDeleteModal" tabindex="-1">
@@ -161,6 +167,9 @@
        </div>
      </div>
    </div>
+  </div>
+
+    


    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
--- a/faq/faq_ajouter_question.html
+++ b/faq/faq_ajouter_question.html
@@ -7,7 +7,6 @@
    <title>Ajouter une question - L'Il'eau chiens - Admin</title>
    <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
-    <link rel="shortcut icon" href="favicon.png" type="image/png">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="shortcut icon" href="/favicon.png" type="image/png">

@@ -16,7 +15,7 @@

 <body>
    <header>
-        <nav class="navbar navbar-expand-xxl bg-body-tertiary">
+        <nav class="navbar navbar-expand-xl bg-body-tertiary">
            <div class="container-fluid align-items-center">
                <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
@@ -30,9 +29,9 @@
                        <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
                        <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
                        <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
-                        <li class="nav-item"><a class="nav-link left-label" href="#">Fiche renseignements</a></li>
-                        <li class="nav-item"><a class="nav-link left-label" href="#">Partenaires</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
                        <li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
                    </ul>
                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                        <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message
@@ -62,7 +61,7 @@
    <main class="my-5 fs-6">
        <div class="container">
            <header>
-                <h1 class="title my-4 fs-2">Ajouter une question</h1>
+                <h1 class="title my-4 fs-2 text-center">Ajouter une question</h1>
            </header>
            <div class="content">
                <form>
@@ -83,7 +82,7 @@

                    <div class="mb-4 reponse-addition">
                        <label class="form-label fw-bold" for="reponse">Réponse (obligatoire)</label>
-                        <textarea id="reponse" class="form-control" placeholder="Votre réponse ici..."></textarea>
+                        <textarea id="reponse" class="form-control" placeholder="Votre réponse ici..." required></textarea>
                    </div>
                    <div class="d-flex gap-3 mt-4 confirmation-buttons">
                        <a href="./accueil.html" class="btn btn-secondary w-50">Annuler</a>
@@ -93,10 +92,20 @@
            </div>
        </div>
    </main>
+
+    <footer class="bg-body-tertiary py-4 mt-auto">
+
+    <div class="container d-flex gap-3 flex-wrap">
+      <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+      <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+      <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+    </div>
+  </footer>
+
    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+    
    <script src="/node_modules/tinymce/tinymce.min.js"></script>
    <script src="/node_modules/tinymce-i18n/langs8/fr-FR.js"></script>
-
    <script src="/js/tinyMce.js"></script>

 </body>
--- a/faq/faq_ajouter_theme.html
+++ b/faq/faq_ajouter_theme.html
@@ -7,14 +7,13 @@
    <title>Ajouter un thème de questions - L'Il'eau chiens - Admin</title>
    <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
-    <link rel="shortcut icon" href="favicon.png" type="image/png">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="shortcut icon" href="/favicon.png" type="image/png">
 </head>

 <body>
    <header>
-        <nav class="navbar navbar-expand-xxl bg-body-tertiary">
+        <nav class="navbar navbar-expand-xl bg-body-tertiary">
            <div class="container-fluid align-items-center">
                <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
@@ -28,9 +27,9 @@
                        <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
                        <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
                        <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
-                        <li class="nav-item"><a class="nav-link left-label" href="#">Fiche renseignements</a></li>
-                        <li class="nav-item"><a class="nav-link left-label" href="#">Partenaires</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
                        <li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
                    </ul>
                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                        <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message
@@ -60,7 +59,7 @@
    <main class="my-5 fs-6">
        <div class="container">
            <header>
-                <h1 class="title my-4 fs-2">Ajouter un thème de question</h1>
+                <h1 class="title my-4 fs-2 text-center">Ajouter un thème de question</h1>
            </header>
            <div class="content">
                <form>
@@ -77,6 +76,16 @@
            </div>
        </div>
    </main>
+
+    <footer class="bg-body-tertiary py-4 mt-auto">
+
+    <div class="container d-flex gap-3 flex-wrap">
+      <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+      <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+      <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+    </div>
+  </footer>
+
    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="/js/contentReduct.js"></script>
 </body>
--- a/faq/faq_modifier_question.html
+++ b/faq/faq_modifier_question.html
@@ -7,14 +7,13 @@
    <title>Modifier une question - L'Il'eau chiens - Admin</title>
    <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
-    <link rel="shortcut icon" href="favicon.png" type="image/png">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="shortcut icon" href="/favicon.png" type="image/png">
 </head>

 <body>
    <header>
-        <nav class="navbar navbar-expand-xxl bg-body-tertiary">
+        <nav class="navbar navbar-expand-xl bg-body-tertiary">
            <div class="container-fluid align-items-center">
                <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
@@ -28,9 +27,9 @@
                        <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
                        <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
                        <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
-                        <li class="nav-item"><a class="nav-link left-label" href="#">Fiche renseignements</a></li>
-                        <li class="nav-item"><a class="nav-link left-label" href="#">Partenaires</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
                        <li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
                    </ul>
                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                        <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message
@@ -60,7 +59,7 @@
    <main class="my-5 fs-6">
        <div class="container">
            <header>
-                <h1 class="title my-4 fs-2">Modifier une question</h1>
+                <h1 class="title my-4 fs-2 text-center">Modifier une question</h1>
            </header>
            <div class="content">
                <form>
@@ -82,8 +81,7 @@

                    <div class="mb-4 reponse-addition">
                        <label class="form-label fw-bold" for="reponse">Réponse (obligatoire)</label>
-                        <textarea id="reponse" class="form-control"
-                            value="Car si ils lèvent les deux, ils se cassent la figure">Car si ils lèvent les deux, ils ne peuvent pas se retenir.</textarea>
+                        <textarea id="reponse" class="form-control" required>Car si ils lèvent les deux, ils ne peuvent pas se retenir.</textarea>
                    </div>
                    <div class="d-flex gap-3 mt-4 confirmation-buttons">
                        <a href="./accueil.html" class="btn btn-secondary w-50">Annuler</a>
@@ -93,8 +91,20 @@
            </div>
        </div>
    </main>
+    <footer class="bg-body-tertiary py-4 mt-auto">
+
+    <div class="container d-flex gap-3 flex-wrap">
+      <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+      <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+      <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+    </div>
+  </footer>
+
    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="/js/contentReduct.js"></script>
+
+    <script src="/node_modules/tinymce/tinymce.min.js"></script>
+    <script src="/node_modules/tinymce-i18n/langs8/fr-FR.js"></script>
+    <script src="/js/tinyMce.js"></script>
 </body>

 </html>
--- a/faq/faq_modifier_theme.html
+++ b/faq/faq_modifier_theme.html
@@ -7,14 +7,13 @@
    <title>Modifier un thème de questions - L'Il'eau chiens - Admin</title>
    <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
-    <link rel="shortcut icon" href="favicon.png" type="image/png">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="shortcut icon" href="/favicon.png" type="image/png">
 </head>

 <body>
    <header>
-        <nav class="navbar navbar-expand-xxl bg-body-tertiary">
+        <nav class="navbar navbar-expand-xl bg-body-tertiary">
            <div class="container-fluid align-items-center">
                <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
@@ -28,9 +27,9 @@
                        <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
                        <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
                        <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
-                        <li class="nav-item"><a class="nav-link left-label" href="#">Fiche renseignements</a></li>
-                        <li class="nav-item"><a class="nav-link left-label" href="#">Partenaires</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
                        <li class="nav-item"><a class="nav-link active left-label" href="#">Citations</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
                    </ul>
                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                        <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message
@@ -60,7 +59,7 @@
    <main class="my-5 fs-6">
        <div class="container">
            <header>
-                <h1 class="title my-4 fs-2">Modifier un thème de question</h1>
+                <h1 class="title my-4 fs-2 text-center">Modifier un thème de question</h1>
            </header>
            <div class="content">
                <form>
@@ -77,8 +76,18 @@
            </div>
        </div>
    </main>
+    <footer class="bg-body-tertiary py-4 mt-auto">
+
+    <div class="container d-flex gap-3 flex-wrap">
+      <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+      <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+      <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+    </div>
+  </footer>
+
+      
    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="/js/contentReduct.js"></script>
+ 
 </body>

 </html>
--- a/header.html
+++ b/header.html
@@ -1,102 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>CE sera le titre de la page</title>
-    <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="node_modules/bs-icon/icons.css">
-    <link rel="shortcut icon" href="favicon.png" type="image/png">
-    <link rel="stylesheet" href="css/style.css">
-
-
-
-</head>
-
-<body>
-    <header>
-        <nav class="navbar navbar-expand-xxl bg-body-tertiary">
-            <div class="container-fluid align-items-center">
-                <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
-
-
-
-                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
-                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
-                    aria-expanded="false" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                </button>
-                <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-                        <li class="nav-item">
-                            <a class="nav-link active left-label" aria-current="page" href="#">Blog</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link left-label" href="#">Boutique</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link left-label" href="#">Prestations</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link left-label" href="#">FAQ</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link left-label" href="#">Fiche renseignements</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link left-label" href="#">Partenaires</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link left-label" href="#">Citations</a>
-                        </li>
-                    </ul>
-
-
-                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
-                        <li class="nav-item">
-                            <a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le site</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a>
-                        </li>
-                        <li class="nav-item dropdown">
-                            <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button"
-                                data-bs-toggle="dropdown" aria-expanded="false">
-                                <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
-                            </a>
-                            <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
-                                <li><a class="dropdown-item" href="#">Profil</a></li>
-                                <li>
-                                    <hr class="dropdown-divider">
-                                </li>
-                                <li><a class="dropdown-item" href="#">Sortir</a></li>
-                            </ul>
-                        </li>
-                    </ul>
-
-                </div>
-            </div>
-        </nav>
-
-    </header>
-    <main class="my-5 fs-6">
-        <div class="container">
-            <header>
-                <h1 class="title my-4 fs-2">Titre de la page</h1>
-            </header>
-            <div class="content">
-                Contenu de la page
-            </div>
-        </div>
-    </main>
-
-
-</body>
-
-<script src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-
-</html>
--- a/js/password.js
+++ b/js/password.js
@@ -0,0 +1,99 @@
+/**
+ * Verification et gestion du mot de passe lors de la réinitialisation
+ */
+
+
+const PASSWORD_LENGTH = 8;
+const PASSWORD_CONTENT = ['[A-Z]', '[a-z]', '[0-9]'];
+
+const passwordElt = document.getElementById('password');
+const confirmPasswordElt = document.getElementById('passwordConfirm');
+
+
+const min8Elt = document.getElementById('min8');
+const uppercaseElt = document.getElementById('uppercase');
+const lowercaseElt = document.getElementById('lowercase');
+const digitElt = document.getElementById('digit');
+const specialElt = document.getElementById('special');
+
+
+//Pattern du mot de passe
+passwordElt.addEventListener('input', function() {
+    const password = passwordElt.value;
+
+    // Vérification de la longueur
+    if (password.length >= PASSWORD_LENGTH) {
+        min8Elt.style.color = 'green';
+    } else {
+        min8Elt.style.color = 'red';
+    }
+
+    // Vérification du contenu
+    PASSWORD_CONTENT.forEach((pattern, index) => {
+        const regex = new RegExp(pattern);
+        const element = [uppercaseElt, lowercaseElt, digitElt, specialElt][index];
+
+        if (regex.test(password)) {
+            element.style.color = 'green';
+        } else {
+            element.style.color = 'red';
+        }
+    });
+});
+
+
+// Vérification de la confirmation du mot de passe
+confirmPasswordElt.addEventListener('input', function() {
+    const password = passwordElt.value;
+    const confirmPassword = confirmPasswordElt.value;
+    if (password === confirmPassword) {
+        confirmPasswordElt.style.borderColor = 'green';
+    } else {
+        confirmPasswordElt.style.borderColor = 'red';
+    }
+});
+
+
+// Afficher ou masquer le mot de passe
+const showPasswordElt = document.getElementById('showPassword');
+showPasswordElt.addEventListener('change', function() {
+    if (showPasswordElt.checked) {
+        passwordElt.type = 'text';
+        confirmPasswordElt.type = 'text';
+    } else {
+        passwordElt.type = 'password';
+        confirmPasswordElt.type = 'password';
+    }
+});
+
+
+// Gestion de la soumission du formulaire
+const passwordForm = document.getElementById('password-form');
+passwordForm.addEventListener('submit', function(event) {
+    const password = passwordElt.value;
+    const confirmPassword = confirmPasswordElt.value;
+
+    // Empêcher la soumission si les critères ne sont pas remplis
+    if (password.length < PASSWORD_LENGTH ||
+        !/[A-Z]/.test(password) ||
+        !/[a-z]/.test(password) ||
+        !/[0-9]/.test(password) ||
+        password !== confirmPassword) {
+        
+        event.preventDefault();
+        const main = document.querySelector('main');
+        const existingAlert = main.querySelector('#password-alert');
+        if (existingAlert) {
+            existingAlert.remove();
+        }
+
+        const alertElt = document.createElement('div');
+        alertElt.id = 'password-alert';
+        alertElt.className = 'alert alert-danger text-center';
+        alertElt.textContent = "Le mot de passe ne respecte pas les critères requis ou la confirmation ne correspond pas.";
+        main.prepend(alertElt); 
+      
+        window.scrollTo(0, 0);
+
+        }
+});
--- a/js/previewImage.js
+++ b/js/previewImage.js
@@ -0,0 +1,19 @@
+/**
+ * 
+ * Preview image when selected in input field
+ */
+
+document.getElementById("imageInput").addEventListener("change", function (e) {
+    const file = e.target.files[0];
+    const preview = document.querySelector(".preview-img-container");
+    if (file && ["image/jpeg", "image/png"].includes(file.type)) {
+        const reader = new FileReader();
+        reader.onload = function (event) {
+            preview.innerHTML = `<img src="${event.target.result}" alt="Aperçu de l'image" class="img-fluid">`;
+        };
+        reader.readAsDataURL(file);
+        preview.style.backgroundColor = "transparent";
+    } else {
+        preview.innerHTML = `<p class="text-muted">Aucun aperçu disponible <br> Le format n'est pas autorisé</p>`;
+    }
+})
--- a/js/tinyMce.js
+++ b/js/tinyMce.js
@@ -1,3 +1,7 @@
+/**
+ * Initialisation de TinyMCE avec des boutons personnalisés.
+ */
+

 tinymce.init({
  selector: "textarea",
--- a/messageActu/html/messageActu_accueil.html
+++ b/messageActu/html/messageActu_accueil.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Message d'actualités - L'Il'eau chiens - Admin</title>
+  <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
+  <link rel="shortcut icon" href="/favicon.png" type="image/png">
+  <link rel="stylesheet" href="/css/style.css">
+
+</head>
+
+<body>
+  <header>
+    <nav class="navbar navbar-expand-xl bg-body-tertiary">
+      <div class="container-fluid align-items-center">
+        <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
+          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+            <li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
+            <li class="nav-item"><a class="nav-link  left-label" href="#">Citations</a></li>
+            <li class="nav-item"><a class="nav-link  left-label" href="#">À propos</a></li>
+          </ul>
+          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+            <li class="nav-item"><a class="nav-link active" href="#"><i class="bi bi-megaphone me-1"></i> Message
+                d'actu</a>
+            </li>
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le
+                site</a></li>
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown"
+                aria-expanded="false">
+                <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
+              </a>
+              <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
+                <li><a class="dropdown-item" href="#">Profil</a></li>
+                <li>
+                  <hr class="dropdown-divider">
+                </li>
+                <li><a class="dropdown-item" href="#">Sortir</a></li>
+              </ul>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+  </header>
+
+  <main class="my-5 fs-6">
+    <div class="container">
+      <header>
+        <h1 class="title my-4 fs-2 text-center">Message d'actualités</h1>
+      </header>
+      <div class="Intro">
+        <p>Gérez ici le message d'actualités qui s'affiche en haut du site public. Vous pouvez activer ou désactiver
+          l'affichage du message ainsi que modifier son contenu.</p>
+      </div>
+
+      <div class="content mt-4">
+        <form id="messageActuForm">
+
+
+          <div class="mb-3">
+            <label for="contenuMessageActu" class="form-label fw-bold">Contenu du message d'actualités</label>
+            <textarea class="form-control" id="contenuMessageActu" rows="3"
+              required>Bienvenue sur le site de L'Il'eau chiens ! Profitez de nos offres spéciales du mois.</textarea>
+          </div>
+          <div class="mb-3 form-check">
+            <input type="checkbox" class="form-check-input" id="activerMessageActu" checked>
+            <label class="form-check-label" for="activerMessageActu">Activer le message d'actualités</label>
+          </div>
+
+          <div class="validation">
+            <button type="submit" class="btn btn-primary">Enregistrer les modifications</button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </main>
+  <footer class="bg-body-tertiary py-4 mt-auto">
+
+    <div class="container d-flex gap-3 flex-wrap">
+      <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+      <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+      <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+    </div>
+  </footer>
+
+  <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+
+
+  <script src="/node_modules/tinymce/tinymce.min.js"></script>
+  <script src="/node_modules/tinymce-i18n/langs8/fr-FR.js"></script>
+  <script src="/js/tinyMce.js"></script>
+</body>
+
+</html>
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,7 +19,6 @@
      "version": "2.11.8",
      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
-      "license": "MIT",
      "peer": true,
      "funding": {
        "type": "opencollective",
@@ -40,7 +39,6 @@
          "url": "https://opencollective.com/bootstrap"
        }
      ],
-      "license": "MIT",
      "peerDependencies": {
        "@popperjs/core": "^2.11.8"
      }
@@ -58,7 +56,6 @@
      "version": "19.2.1",
      "resolved": "https://registry.npmjs.org/react/-/react-19.2.1.tgz",
      "integrity": "sha512-DGrYcCWK7tvYMnWh79yrPHt+vdx9tY+1gPZa7nJQtO/p8bLTDaHp4dzwEhQB7pZ4Xe3ok4XKuEPrVuc+wlpkmw==",
-      "license": "MIT",
      "peer": true,
      "engines": {
        "node": ">=0.10.0"
@@ -68,7 +65,6 @@
      "version": "19.2.1",
      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.1.tgz",
      "integrity": "sha512-ibrK8llX2a4eOskq1mXKu/TGZj9qzomO+sNfO98M6d9zIPOEhlBkMkBUBLd1vgS0gQsLDBzA+8jJBVXDnfHmJg==",
-      "license": "MIT",
      "peer": true,
      "dependencies": {
        "scheduler": "^0.27.0"
@@ -81,20 +77,17 @@
      "version": "0.27.0",
      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
-      "license": "MIT",
      "peer": true
    },
    "node_modules/tinymce": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/tinymce/-/tinymce-8.3.0.tgz",
-      "integrity": "sha512-9IjrEo8HD5mg9QP6/rKcPSIcyRNVSf5eiYTqapb/q1zAIoISRJgI2DJUs4CJgZvio0hmEH394xSHUJuoGf4Msw==",
-      "license": "SEE LICENSE IN license.md"
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/tinymce/-/tinymce-8.2.2.tgz",
+      "integrity": "sha512-CFDSZwciMvFGW2czK/Xig1HcOGpXI0qcQMIqaIcG2F4RuuTdf+LQTreyEZunAJoFTQ9L0KAugOqL7OA5TJkoAA=="
    },
    "node_modules/tinymce-i18n": {
      "version": "25.11.17",
      "resolved": "https://registry.npmjs.org/tinymce-i18n/-/tinymce-i18n-25.11.17.tgz",
-      "integrity": "sha512-Fi5hGRDL9o42VsdahgNgHRHO/4ClAAqIew45QMu8sa5LQT2wTaVPf/tAXnVDHxR7c6NWZQmZp/E18LosxLq42A==",
-      "license": "MIT"
+      "integrity": "sha512-Fi5hGRDL9o42VsdahgNgHRHO/4ClAAqIew45QMu8sa5LQT2wTaVPf/tAXnVDHxR7c6NWZQmZp/E18LosxLq42A=="
    }
  }
 }
--- a/pages.html
+++ b/pages.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+	<meta charset="UTF-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	<title>Liste des pages</title>
+	<link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
+	<link rel="shortcut icon" href="/favicon.png" type="image/png" />
+	<link rel="stylesheet" href="/css/style.css" />
+	<style>
+		.pages-grid { columns: 3 320px; column-gap: 1.5rem; }
+		.pages-grid a { display: inline-block; margin: .25rem 0; }
+	</style>
+ </head>
+<body>
+	<main class="container my-4">
+		<h1 class="fs-2 text-center mb-4">Menu des pages HTML</h1>
+		<ol class="pages-grid">
+			<li><a href="/pagesText/mentionsLegales.html">pagesText/mentionsLegales.html</a></li>
+			<li><a href="/pagesText/cgv.html">pagesText/cgv.html</a></li>
+			<li><a href="/configuration/html/configuration.html">configuration/html/configuration.html</a></li>
+			<li><a href="/messageActu/html/messageActu_accueil.html">messageActu/html/messageActu_accueil.html</a></li>
+			<li><a href="/connexion/html/page_de_connexion.html">connexion/html/page_de_connexion.html</a></li>
+			<li><a href="/connexion/html/mot_de_passe_oublie.html">connexion/html/mot_de_passe_oublie.html</a></li>
+			<li><a href="/connexion/html/reinitialisation_mot_de_passe.html">connexion/html/reinitialisation_mot_de_passe.html</a></li>
+			<li><a href="/blog/html/accueil_blog.html">blog/html/accueil_blog.html</a></li>
+			<li><a href="/blog/html/ajouter_article.html">blog/html/ajouter_article.html</a></li>
+			<li><a href="/blog/html/modifier_article.html">blog/html/modifier_article.html</a></li>
+			<li><a href="/blog/html/ajouter_categorie.html">blog/html/ajouter_categorie.html</a></li>
+			<li><a href="/blog/html/modifier_categorie.html">blog/html/modifier_categorie.html</a></li>
+			<li><a href="/faq/faq_accueil.html">faq/faq_accueil.html</a></li>
+			<li><a href="/faq/faq_ajouter_question.html">faq/faq_ajouter_question.html</a></li>
+			<li><a href="/faq/faq_modifier_question.html">faq/faq_modifier_question.html</a></li>
+			<li><a href="/faq/faq_ajouter_theme.html">faq/faq_ajouter_theme.html</a></li>
+			<li><a href="/faq/faq_modifier_theme.html">faq/faq_modifier_theme.html</a></li>
+			<li><a href="/citations/html/citations_accueil.html">citations/html/citations_accueil.html</a></li>
+			<li><a href="/citations/html/citations_ajouter.html">citations/html/citations_ajouter.html</a></li>
+			<li><a href="/citations/html/citations_modifier.html">citations/html/citations_modifier.html</a></li>
+			<li><a href="/Veto/html/veto_accueil.html">Veto/html/veto_accueil.html</a></li>
+			<li><a href="/Veto/html/ajouter_veterinaire.html">Veto/html/ajouter_veterinaire.html</a></li>
+			<li><a href="/Veto/html/modifier_veterinaire.html">Veto/html/modifier_veterinaire.html</a></li>
+			<li><a href="/prestations/html/prestation_accueil.html">prestations/html/prestation_accueil.html</a></li>
+			<li><a href="/prestations/html/ajouter_prestation.html">prestations/html/ajouter_prestation.html</a></li>
+			<li><a href="/prestations/html/modifier_prestation.html">prestations/html/modifier_prestation.html</a></li>
+			<li><a href="/prestations/html/ajouter_slider.html">prestations/html/ajouter_slider.html</a></li>
+			<li><a href="/prestations/html/modifier_slider.html">prestations/html/modifier_slider.html</a></li>
+			<li><a href="/prestations/html/ajouter_avant_apres.html">prestations/html/ajouter_avant_apres.html</a></li>
+			<li><a href="/prestations/html/modifier_avant_apres.html">prestations/html/modifier_avant_apres.html</a></li>
+			
+		</ol>
+	</main>
+	<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+ </body>
+</html>
--- a/pagesText/cgv.html
+++ b/pagesText/cgv.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Conditions générales de vente - L'Il'eau chiens - Admin</title>
+    <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
+    <link rel="shortcut icon" href="/favicon.png" type="image/png">
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+
+<body>
+    <header>
+        <nav class="navbar navbar-expand-xl bg-body-tertiary">
+            <div class="container-fluid align-items-center">
+                <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
+                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
+                    aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+                <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                        <li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
+                        <li class="nav-item"><a class="nav-link  left-label" href="#">Citations</a></li>
+                        <li class="nav-item"><a class="nav-link  left-label" href="#">À propos</a></li>
+                    </ul>
+                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+                        <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message
+                                d'actu</a>
+                        </li>
+                        <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i>
+                                Voir le
+                                site</a></li>
+                        <li class="nav-item"><a class="nav-link active" href="#"><i class="bi bi-gear me-1"></i>
+                                Configuration</a></li>
+                        <li class="nav-item dropdown">
+                            <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button"
+                                data-bs-toggle="dropdown" aria-expanded="false">
+                                <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
+                                <li><a class="dropdown-item" href="#">Profil</a></li>
+                                <li>
+                                    <hr class="dropdown-divider">
+                                </li>
+                                <li><a class="dropdown-item" href="#">Sortir</a></li>
+                            </ul>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </nav>
+    </header>
+
+    <main class="my-5 fs-6">
+        <div class="container">
+            <header>
+                <h1 class="title my-4 fs-2 text-center">Conditions générales de vente</h1>
+            </header>
+            <div class="content">
+                <form action="" class="mb-5">
+                    <div class="mb-4">
+                        <label for="conditionsGeneralesDeVente" class="form-label">Contenu des conditions générales de vente</label>
+                        <textarea class="form-control" id="conditionsGeneralesDeVente" rows="15"></textarea>
+                    </div>
+                    <div class="d-flex justify-content-start mb-4">
+                        <button type="submit" class="btn btn-primary">Enregistrer les modifications</button>
+                    </div>
+
+                </form>
+            </div>
+        </div>
+
+    </main>
+    <footer class="bg-body-tertiary py-4 mt-auto">
+
+        <div class="container d-flex gap-3 flex-wrap">
+            <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+            <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+            <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+        </div>
+    </footer>
+        <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+
+        <script src="/node_modules/tinymce/tinymce.min.js"></script>
+        <script src="/node_modules/tinymce-i18n/langs8/fr-FR.js"></script>
+        <script src="/js/tinyMce.js"></script>
+
+</body>
+
+</html>
--- a/pagesText/mentionsLegales.html
+++ b/pagesText/mentionsLegales.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Mentions légales - L'Il'eau chiens - Admin</title>
+    <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
+    <link rel="shortcut icon" href="/favicon.png" type="image/png">
+    <link rel="stylesheet" href="/css/style.css">
+    
+</head>
+
+<body>
+    <header>
+        <nav class="navbar navbar-expand-xl bg-body-tertiary">
+            <div class="container-fluid align-items-center">
+                <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
+                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
+                    aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+                <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                        <li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
+                        <li class="nav-item"><a class="nav-link  left-label" href="#">Citations</a></li>
+                        <li class="nav-item"><a class="nav-link  left-label" href="#">À propos</a></li>
+                    </ul>
+                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+                        <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message
+                                d'actu</a>
+                        </li>
+                        <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i>
+                                Voir le
+                                site</a></li>
+                        <li class="nav-item"><a class="nav-link active" href="#"><i class="bi bi-gear me-1"></i>
+                                Configuration</a></li>
+                        <li class="nav-item dropdown">
+                            <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button"
+                                data-bs-toggle="dropdown" aria-expanded="false">
+                                <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
+                                <li><a class="dropdown-item" href="#">Profil</a></li>
+                                <li>
+                                    <hr class="dropdown-divider">
+                                </li>
+                                <li><a class="dropdown-item" href="#">Sortir</a></li>
+                            </ul>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </nav>
+    </header>
+
+    <main class="my-5 fs-6">
+        <div class="container">
+            <header>
+                <h1 class="title my-4 fs-2 text-center">Mentions légales</h1>
+            </header>
+            <div class="content">
+                <form action="" class="mb-5">
+                    <div class="mb-4">
+                        <label for="mentionsLegales" class="form-label">Contenu des mentions légales</label>
+                        <textarea class="form-control" id="mentionsLegales" rows="15"></textarea>
+                    </div>
+                    <div class="d-flex justify-content-start mb-4">
+                        <button type="submit" class="btn btn-primary">Enregistrer les modifications</button>
+                    </div>
+
+                </form>
+            </div>
+        </div>
+
+    </main>
+    <footer class="bg-body-tertiary py-4 mt-auto">
+
+        <div class="container d-flex gap-3 flex-wrap">
+            <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+            <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+            <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+        </div>
+    </footer>
+        <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+
+        <script src="/node_modules/tinymce/tinymce.min.js"></script>
+        <script src="/node_modules/tinymce-i18n/langs8/fr-FR.js"></script>
+        <script src="/js/tinyMce.js"></script>
+
+</body>
+
+</html>
--- a/prestations/components/html/delete-composant.html
+++ b/prestations/components/html/delete-composant.html
@@ -1,25 +0,0 @@
-<!-- Modale de suppression -->
-<div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
-  <div class="modal-dialog">
-    <div class="modal-content">
-
-      <div class="modal-header">
-        <h2 class="modal-title fs-5" id="deleteModalLabel">Confirmer la suppression</h2>
-        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
-      </div>
-
-      <div class="modal-body">
-        Voulez-vous vraiment supprimer <strong id="itemName">cet élément</strong> ?
-      </div>
-
-      <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
-        <button type="button" class="btn btn-danger" id="confirmDeleteBtn">Supprimer</button>
-      </div>
-
-    </div>
-  </div>
-</div>
-
- 
- 
--- a/prestations/components/js/delete-composant.js
+++ b/prestations/components/js/delete-composant.js
@@ -1,42 +0,0 @@
-// Injection du modal
-fetch("../components/html/delete-composant.html")
-  .then(res => {
-    if (!res.ok) throw new Error("Modal HTML introuvable");
-    return res.text();
-  })
-  .then(html => {
-    document.getElementById("modal-placeholder").innerHTML = html;
-    initDeleteModalLogic();
-  })
-  .catch(err => console.error(err));
-
-// Logique du modal
-function initDeleteModalLogic() {
-  let rowToDelete = null;
-
-  const modalElement = document.getElementById("deleteModal");
-  const itemNameSpan = document.getElementById("itemName");
-  const confirmBtn = document.getElementById("confirmDeleteBtn");
-
-  const deleteModal = new bootstrap.Modal(modalElement);
-
-  document.body.addEventListener("click", (event) => {
-    const button = event.target.closest(".delete-btn");
-    if (!button) return;
-
-    rowToDelete = button.closest("tr");
-
-    const firstCell = rowToDelete.querySelector("td");
-    const itemName = firstCell ? firstCell.textContent.trim() : "cet élément";
-
-    itemNameSpan.textContent = itemName;
-    deleteModal.show();
-  });
-
-  confirmBtn.addEventListener("click", () => {
-    if (rowToDelete) rowToDelete.remove();
-    rowToDelete = null;
-    deleteModal.hide();
-  });
-}
-
--- a/prestations/components/js/header-composant.js
+++ b/prestations/components/js/header-composant.js
@@ -1,5 +0,0 @@
-fetch("../components/html/header-composant.html")
-      .then(response => response.text())
-      .then(data => {
-          document.getElementById("header-placeholder").innerHTML = data;
-      });
--- a/prestations/html/ajouter_avant_apres.html
+++ b/prestations/html/ajouter_avant_apres.html
@@ -21,7 +21,7 @@
    <main class="my-5 fs-6">
        <div class="container">
            <header>
-                <h1 class="title fs-2">Ajouter un résultat en images (Avant / Après)</h1>
+                <h1 class="title fs-2 text-center">Ajouter un résultat en images (Avant / Après)</h1>
                <!-- Message succès -->
                <div id="successMsg" class="alert alert-success d-none">
                    Nouveau résultat ajouté avec succès !
--- a/prestations/html/ajouter_prestation.html
+++ b/prestations/html/ajouter_prestation.html
@@ -3,11 +3,12 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Ajouter une prestation</title>
-    <link rel="stylesheet" href="/css/prestation.css">
-    <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css">
-

+    <title>Ajouter une préstation</title>
+    <link href="../../node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="node_modules/bs-icon/icons.css">
+    <link rel="shortcut icon" href="favicon.png" type="image/png">
+    <link rel="stylesheet" href="../../css/style.css">
 </head>

 <body>
@@ -24,18 +25,30 @@
                </button>

                <div class="collapse navbar-collapse" id="navbarSupportedContent">
-
-                <!-- MENU GAUCHE -->
                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-                    <li class="nav-item"><a class="nav-link active" href="#">Blog</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">Boutique</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">Prestations</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">FAQ</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">Fiche de renseignements</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#">Partenaires</a></li>
+                        <li class="nav-item">
+                            <a class="nav-link active left-label" aria-current="page" href="#">Blog</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link left-label" href="#">Boutique</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link left-label" href="#">Prestations</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link left-label" href="#">FAQ</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link left-label" href="#">Fiche renseignements</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link left-label" href="#">Partenaires</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link left-label" href="#">Citations</a>
+                        </li>
                    </ul>

-                <!-- MENU DROIT -->
                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                        <li class="nav-item">
                            <a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
@@ -46,12 +59,12 @@
                        <li class="nav-item">
                            <a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a>
                        </li>
-
                        <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" href="#" id="userMenu" data-bs-toggle="dropdown">
+                            <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button"
+                                data-bs-toggle="dropdown" aria-expanded="false">
                                <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
                            </a>
-                        <ul class="dropdown-menu dropdown-menu-end">
+                            <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
                                <li><a class="dropdown-item" href="#">Profil</a></li>
                                <li><hr class="dropdown-divider"></li>
                                <li><a class="dropdown-item" href="#">Sortir</a></li>
@@ -62,56 +75,84 @@
                </div>
            </div>
        </nav>
-</header>
+    </header>

-<div class="container">
-    <h1 class="mb-5 text-center">Ajouter une prestation</h1>
+    <main class="my-5 fs-6">
+        <div class="container">
+            <header>
+                <h1 class="title my-4 fs-2">Ajouter une prestation</h1>

-    <!-- Messages DOM -->
-    <div id="messages" class="mb-3"></div>
+                <!-- Erreur champ vide -->
+                <div id="errorEmpty" class="alert alert-danger d-none">Le titre est obligatoire.</div>

+                <!-- Erreur nom déjà existant -->
+                <div id="errorExists" class="alert alert-danger d-none">
+                    Cette prestation existe déjà. Veuillez en choisir une autre.
+                </div>
+
+                <!-- Succès ajout -->
+                <div id="successMessage" class="alert alert-success d-none">
+                    Prestation ajoutée avec succès !
+                </div>
+            </header>
+
+            <div class="section">
                <form id="addCategoryForm">
-
                    <div class="mb-4">
-            <label class="form-label fw-bold">Titre de la prestation (obligatoire)</label>
-            <input type="text" id="categoryName" class="form-control">
+                        <label class="form-label fw-bold" for="categoryName">
+                            Titre de la prestation (obligatoire)
+                        </label>
+                        <input type="text" id="categoryName" class="form-control" required>
                    </div>

                    <div class="mb-3">
-            <label class="form-label fw-bold">Type de prestation</label>
-            <select id="prestationType" class="form-select">
-                <option value="chien" selected>Chien</option>
+                        <label class="form-label fw-bold" for="prestationType">
+                            Type de prestation (obligatoire)
+                        </label>
+                        <select id="prestationType" class="form-select" required>
+                            <option value="" selected disabled>-- Choisissez un type --</option>
+                            <option value="chien">Chien</option>
                            <option value="chat">Chat</option>
                        </select>
                    </div>

+                    <!-- Étapes -->
                    <div class="mb-3">
-            <label class="form-label fw-bold">Description de la prestation</label>
-            <textarea id="prestationDescription" class="form-control" rows="5">
-• 
-• 
-• 
-•
-            </textarea>
+                        <label class="form-label fw-bold">Choisissez les étapes (obligatoire)</label>
+
+                        <div class="form-check">
+                            <input class="form-check-input" type="checkbox" id="stepCiseaux" name="steps" value="coupe_ciseaux">
+                            <label class="form-check-label" for="stepCiseaux">Coupe ciseaux</label>
                        </div>

+                        <div class="form-check">
+                            <input class="form-check-input" type="checkbox" id="stepGriffes" name="steps" value="coupe_griffes">
+                            <label class="form-check-label" for="stepGriffes">Coupe griffes</label>
+                        </div>
+
+                        <div class="form-check">
+                            <input class="form-check-input" type="checkbox" id="stepSechage" name="steps" value="sechage_doux">
+                            <label class="form-check-label" for="stepSechage">Séchage doux</label>
+                        </div>
+                    </div>
+
+                    <!-- Tarifs -->
                    <div class="mb-3">
-            <label class="form-label fw-bold">Tarif (fourchette)</label>
+                        <label class="form-label fw-bold">Tarif (fourchette) (obligatoire)</label>
                        <div class="d-flex gap-3">
-                <input type="number" id="priceMin" class="form-control" placeholder="Prix min (€)" value="35">
-                <input type="number" id="priceMax" class="form-control" placeholder="Prix max (€)" value="60">
+                            <input type="number" id="priceMin" class="form-control" placeholder="Prix min (€)" value="35" required>
+                            <input type="number" id="priceMax" class="form-control" placeholder="Prix max (€)" value="60" required>
                        </div>
                    </div>

                    <div class="d-flex gap-3 mt-4">
-            <a href="../liste_prestation/liste_prestation.html" class="btn btn-secondary w-50">Annuler</a>
+                        <a href="../html/prestation_accueil.html" class="btn btn-secondary w-50">Annuler</a>
                        <button type="submit" class="btn btn-primary w-50">Ajouter</button>
                    </div>
                </form>
-</div>
+            </div>
+        </div>
+    </main>

-<script src="ajouter_prestation.js"></script>
-<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-
-</body>
-</html>
+    <script src="../js/ajouter_prestation.js"></script>
+    <script src="../..
--- a/prestations/html/ajouter_slider.html
+++ b/prestations/html/ajouter_slider.html
@@ -13,7 +13,7 @@

  <body>
    <header>
-      <nav class="navbar navbar-expand-xxl bg-body-tertiary shadow-sm">
+      <nav class="navbar navbar-expand-xl bg-body-tertiary shadow-sm">
        <div class="container-fluid align-items-center">
          <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>

--- a/prestations/html/modifier_avant_apres.html
+++ b/prestations/html/modifier_avant_apres.html
@@ -19,7 +19,7 @@
    <main class="my-5 fs-6">
        <div class="container">
            <header>
-                <h1 class="title fs-2">Modifier un résultat en images (Avant / Après)</h1>
+                <h1 class="title fs-2 text-center">Modifier un résultat en images (Avant / Après)</h1>

                <!-- Messages -->
                <div id="successMsg" class="alert alert-success d-none">
--- a/prestations/html/modifier_prestation.html
+++ b/prestations/html/modifier_prestation.html
@@ -13,7 +13,7 @@
  </head>
  <body>
    <header>
-      <nav class="navbar navbar-expand-xxl bg-body-tertiary shadow-sm">
+      <nav class="navbar navbar-expand-xl bg-body-tertiary shadow-sm">
        <div class="container-fluid align-items-center">
          <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
        </div>
--- a/prestations/html/prestation_accueil.html
+++ b/prestations/html/prestation_accueil.html
@@ -6,18 +6,83 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gérer les prestations</title>
    <link href="../../node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="../../node_modules/bs-icon/icons.css">
+    <link rel="stylesheet" href="node_modules/bs-icon/icons.css">
+    <link rel="shortcut icon" href="favicon.png" type="image/png">
    <link rel="stylesheet" href="../../css/style.css">
 </head>

 <body>

-    <div id="header-placeholder"></div>
+    <header>
+        <nav class="navbar navbar-expand-xxl bg-body-tertiary">
+            <div class="container-fluid align-items-center">
+                <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
+
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
+                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
+                    aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+                <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                        <li class="nav-item">
+                            <a class="nav-link active left-label" aria-current="page" href="#">Blog</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link left-label" href="#">Boutique</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link left-label" href="#">Prestations</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link left-label" href="#">FAQ</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link left-label" href="#">Fiche renseignements</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link left-label" href="#">Partenaires</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link left-label" href="#">Citations</a>
+                        </li>
+                    </ul>
+
+                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+                        <li class="nav-item">
+                            <a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le site</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a>
+                        </li>
+                        <li class="nav-item dropdown">
+                            <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button"
+                                data-bs-toggle="dropdown" aria-expanded="false">
+                                <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
+                                <li><a class="dropdown-item" href="#">Profil</a></li>
+                                <li>
+                                    <hr class="dropdown-divider">
+                                </li>
+                                <li><a class="dropdown-item" href="#">Sortir</a></li>
+                            </ul>
+                        </li>
+                    </ul>
+
+                </div>
+            </div>
+        </nav>
+
+    </header>

    <main class="my-5 fs-6">
        <div class="container">
            <header>
-                <h1 class="title fs-2 my-4">Gérer la page prestations</h1>
+                <h1 class="title fs-2 my-4 text-center">Gérer la page prestations</h1>
            </header>

            <div class="section">
@@ -39,7 +104,7 @@
                                <section class="presta my-3">
                                    <h3 class="fs-4">Prestations</h3>
                                    <div class="mb-4 mt-2">
-                                        <a href="../html/ajouter_avant_apres.html" class="btn btn-primary btn-sm">
+                                        <a href="../html/ajouter_prestation.html" class="btn btn-primary btn-sm">
                                            Ajouter une prestation
                                        </a>
                                    </div>
@@ -58,7 +123,8 @@
                                                <td>Toilettage complet</td>

                                                <td class="text-end">
-                                                    <a href="#" class="btn btn-sm btn-outline-primary me-1">Modifier</a>
+                                                    <a href="../html/modifier_prestation.html"
+                                                        class="btn btn-sm btn-outline-primary me-1">Modifier</a>
                                                    <button
                                                        class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>

@@ -69,7 +135,8 @@
                                                <td>Toilettage express</td>

                                                <td class="text-end">
-                                                    <a href="#" class="btn btn-sm btn-outline-primary me-1">Modifier</a>
+                                                    <a href="../html/modifier_prestation.html"
+                                                        class="btn btn-sm btn-outline-primary me-1">Modifier</a>
                                                    <button
                                                        class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>

@@ -80,10 +147,10 @@
                                </section>

                                <section class="carte my-3">
-                                    <h3 class="fs-4 mt-4">Cartes</h3>
+                                    <h3 class="fs-4 mt-4">Étapes</h3>
                                    <div class="mb-4 mt-2">
-                                        <a href="../html/ajouter_avant_apres.html" class="btn btn-primary btn-sm">
-                                            Ajouter une carte
+                                        <a href="#" class="btn btn-primary btn-sm">
+                                            Ajouter une étape
                                        </a>
                                    </div>

@@ -115,6 +182,17 @@

                                                </td>
                                            </tr>
+
+                                            <tr>
+                                                <td>Séchage doux</td>
+
+                                                <td class="text-end">
+                                                    <a href="#" class="btn btn-sm btn-outline-primary me-1">Modifier</a>
+                                                    <button
+                                                        class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
+
+                                            </tr>
+
                                        </tbody>
                                    </table>
                                </section>
@@ -135,7 +213,7 @@
                            <div class="accordion-body">

                                <div class="mb-4 mt-2">
-                                    <a href="../html/ajouter_avant_apres.html" class="btn btn-primary btn-sm">
+                                    <a href="../html/ajouter_slider.html" class="btn btn-primary btn-sm">
                                        Ajouter un slider
                                    </a>
                                </div>
@@ -149,10 +227,11 @@
                                    </thead>
                                    <tbody>
                                        <tr>
-                                            <td><img src="slide1.webp" alt="Chien toiletté" class="img-thumbnail"></td>
+                                            <td>Chien toiletté</td>

                                            <td class="text-end">
-                                                <a href="#" class="btn btn-sm btn-outline-primary me-1">Modifier</a>
+                                                <a href="../html/modifier_slider.html"
+                                                    class="btn btn-sm btn-outline-primary me-1">Modifier</a>
                                                <button
                                                    class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>

@@ -164,7 +243,8 @@


                                            <td class="text-end">
-                                                <a href="#" class="btn btn-sm btn-outline-primary me-1">Modifier</a>
+                                                <a href="../html/modifier_slider.html"
+                                                    class="btn btn-sm btn-outline-primary me-1">Modifier</a>
                                                <button
                                                    class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>

@@ -175,7 +255,8 @@
                                            <td>Nouveauté</td>

                                            <td class="text-end">
-                                                <a href="#" class="btn btn-sm btn-outline-primary me-1">Modifier</a>
+                                                <a href="../html/modifier_slider.html"
+                                                    class="btn btn-sm btn-outline-primary me-1">Modifier</a>
                                                <button
                                                    class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>

@@ -250,8 +331,6 @@
    </main>

    <script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="../components/js/header-composant.js"></script>
-    <script src="../components/js/delete-composant.js"></script>
 </body>

 </html>
--- a/prestations/html/verif.html
+++ b/prestations/html/verif.html
@@ -19,7 +19,7 @@
    <main class="my-5 fs-6">
        <div class="container">
            <header>
-                <h1 class="title fs-2">Modifier un résultat en images (Avant / Après)</h1>
+                <h1 class="title fs-2 text-center">Modifier un résultat en images (Avant / Après)</h1>

                <!-- Messages -->
                <div id="successMsg" class="alert alert-success d-none">
--- a/prestations/js/ajouter_prestation.js
+++ b/prestations/js/ajouter_prestation.js
@@ -52,6 +52,7 @@ form.addEventListener("submit", function (e) {

    // Redirection
    setTimeout(() => {
-        window.location.href = "../liste_prestation/liste_prestation.html";
-    }, 1500);
+
+    window.location.href = "../html/prestation_accueil.html";
+}, 1500);
 });
--- a/profil/html/profil.html
+++ b/profil/html/profil.html
@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Profil - L'Il'eau chiens - Admin</title>
+  <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
+  <link rel="shortcut icon" href="/favicon.png" type="image/png">
+  <link rel="stylesheet" href="/css/style.css">
+  <link rel="stylesheet" href="/css/citations.css">
+</head>
+<body>
+  <header>
+    <nav class="navbar navbar-expand-xl bg-body-tertiary">
+      <div class="container-fluid align-items-center">
+        <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+            <li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Citations</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">À propos</a></li>
+          </ul>
+          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a></li>
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le site</a></li>
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
+              </a>
+              <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
+                <li><a class="dropdown-item active" href="#">Profil</a></li>
+                <li><hr class="dropdown-divider"></li>
+                <li><a class="dropdown-item" href="#">Sortir</a></li>
+              </ul>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+  </header>
+
+  <main class="my-5 fs-6">
+    <div class="container">
+      <header>
+        <h1 class="title my-4 fs-2 text-center">Mon profil</h1>
+      </header>
+      <div class="content">
+        <section class="my-4">
+          <h2 class="fs-4 mb-3">Informations personnelles</h2>
+          <form class="row g-3" id="profile-info-form">
+            <div class="col-md-12">
+              <label for="lastName" class="form-label">Nom (obligatoire)</label>
+              <input type="text" class="form-control" id="lastName" name="lastName" placeholder="Votre nom" value="Nom de famille" required>
+            </div>
+            <div class="col-md-12">
+              <label for="firstName" class="form-label">Prénom (obligatoire)</label>
+              <input type="text" class="form-control" id="firstName" name="firstName" placeholder="Votre prénom" value="Sandrine" required>
+            </div>
+            <div class="col-12">
+              <label for="email" class="form-label">Email (obligatoire)</label>
+              <input type="email" class="form-control" id="email" name="email" placeholder="votre@email.com" value="sandrine@gmail.com">
+            </div>
+            <div class="col-12 d-flex justify-content-star">
+              <button type="submit" class="btn btn-primary">Modifier</button>
+            </div>
+          </form>
+        </section>
+
+        <section class="my-5">
+          <h2 class="fs-4">Mot de passe</h2>
+          
+          <form class="row" id="password-form">
+            <div class="col-12 my-2">
+              <small class="text-muted">Laissez ces champs vides pour ne pas modifier votre mot de passe.</small>
+            </div>
+            <div class="col-12 mb-3">
+              <label for="password" class="form-label">Nouveau mot de passe (<span id="min8">8 caractères minimum</span>, incluant une <span id="uppercase">majuscule</span>, une <span id="lowercase">minuscule</span> et un <span id="digit">chiffre</span>)</label>
+              <input type="password" class="form-control" id="password" name="password" placeholder="Nouveau mot de passe">
+            </div>
+            <div class="col-12">
+              <label for="passwordConfirm" class="form-label">Confirmation</label>
+              <input type="password" class="form-control" id="passwordConfirm" name="passwordConfirm" placeholder="Confirmer le mot de passe">
+            </div>
+
+            <div class="col-12">
+                <label for="showPassword" class="mt-2 mb-3">
+                    <input type="checkbox" id="showPassword" />
+                    Voir le mot de passe
+                </label>
+            </div>
+            
+            <div class="col-12 d-flex justify-content-star">
+              <button type="submit" class="btn btn-primary">Modifier</button>
+            </div>
+          </form>
+        </section>
+      </div>
+    </div>
+  </main>
+  <footer class="bg-body-tertiary py-4 mt-auto">
+
+    <div class="container d-flex gap-3 flex-wrap">
+      <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+      <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+      <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+    </div>
+  </footer>
+
+  
+  
+
+
+  <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+
+  <script src="/js/password.js"></script>
+</body>
+</html>         
--- a/prestations/components/html/header-composant.html
+++ b/prestations/components/html/header-composant.html
@@ -1,45 +1,8 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Header- composant</title>
-
-    <style>
-        .navbar-brand { font-size: 1.2rem; line-height: 1; padding-top: 0.25rem; padding-bottom: 0.25rem; }
-     
-        .brand-sep { height: 1.2rem; }
-
-        
-        @media (max-width: 1399.98px) {
-            .navbar .nav-item { 
-                background-color: var(--bs-light);
-                border: 1px solid var(--bs-border-color);
-                border-radius: .25rem;
-                margin-bottom: .375rem;
-                text-align: center;
-            }
-           
-            #navbarSupportedContent > ul:first-child { margin-top: .5rem; }
-            #navbarSupportedContent > ul:last-child { margin-top: 1rem; }
-
-            .bi{
-                display: none;
-            }
-           
-        }
-    </style>
-
-</head>
-<body>
-    
-    <header>
+<header>
        <nav class="navbar navbar-expand-xxl bg-body-tertiary">
            <div class="container-fluid align-items-center">
                <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>

-                
-
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                    aria-expanded="false" aria-label="Toggle navigation">
@@ -60,14 +23,16 @@
                            <a class="nav-link left-label" href="#">FAQ</a>
                        </li>
                        <li class="nav-item">
-                            <a class="nav-link left-label" href="#">Fiche de renseignements</a>
+                            <a class="nav-link left-label" href="#">Fiche renseignements</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link left-label" href="#">Partenaires</a>
                        </li>
+                         <li class="nav-item">
+                            <a class="nav-link left-label" href="#">Citations</a>
+                        </li>
                    </ul>

-                   
                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                        <li class="nav-item">
                            <a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
@@ -95,6 +60,3 @@
        </nav>

    </header>
-
-</body>
-</html>
--- a/template.html
+++ b/template.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>CE sera le titre de la page</title>
+    <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="node_modules/bs-icon/icons.css">
+    <link rel="shortcut icon" href="/favicon.png" type="image/png">
+    <link rel="stylesheet" href="/css/style.css">
+
+
+
+</head>
+
+<body>
+    <header>
+      <nav class="navbar navbar-expand-xl bg-body-tertiary">
+        <div class="container-fluid align-items-center">
+          <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
+          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
+            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+          <div class="collapse navbar-collapse" id="navbarSupportedContent">
+            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+              <li class="nav-item"><a class="nav-link left-label" href="#">Blog</a></li>
+              <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
+              <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
+              <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
+              <li class="nav-item"><a class="nav-link left-label" href="#">Vétos</a></li>
+              <li class="nav-item"><a class="nav-link  left-label" href="#">Citations</a></li>
+              <li class="nav-item"><a class="nav-link  left-label" href="#">À propos</a></li>
+            </ul>
+            <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+              <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
+              </li>
+              <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le
+                  site</a></li>
+              <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
+              <li class="nav-item dropdown">
+                <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown"
+                  aria-expanded="false">
+                  <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
+                </a>
+                <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
+                  <li><a class="dropdown-item" href="#">Profil</a></li>
+                  <li>
+                    <hr class="dropdown-divider">
+                  </li>
+                  <li><a class="dropdown-item" href="#">Sortir</a></li>
+                </ul>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </nav>
+    </header>
+    <main class="my-5 fs-6">
+        <div class="container">
+            <header>
+                <h1 class="title my-4 fs-2 text-center">Titre de la page</h1>
+            </header>
+            <div class="content">
+                Contenu de la page
+            </div>
+        </div>
+    </main>
+
+    <footer class="border-top py-3 mt-4">
+        <div class="container d-flex gap-3 flex-wrap">
+            <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+            <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+        </div>
+    </footer>
+
+</body>
+
+<script src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+
+</html>
--- a/veto/html/ajouter_veterinaire.html
+++ b/veto/html/ajouter_veterinaire.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Liste des vétos - L'Il'eau chiens - Admin</title>
+  <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
+  <link rel="shortcut icon" href="/favicon.png" type="image/png">
+  <link rel="stylesheet" href="/css/style.css">
+    
+</head>
+
+<body>
+  <header>
+    <nav class="navbar navbar-expand-xl bg-body-tertiary">
+      <div class="container-fluid align-items-center">
+        <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
+          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+            <li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
+            <li class="nav-item"><a class="nav-link active left-label" href="#">Vétos</a></li>
+            <li class="nav-item"><a class="nav-link  left-label" href="#">Citations</a></li>
+            <li class="nav-item"><a class="nav-link  left-label" href="#">À propos</a></li>
+          </ul>
+          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
+            </li>
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le
+                site</a></li>
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown"
+                aria-expanded="false">
+                <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
+              </a>
+              <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
+                <li><a class="dropdown-item" href="#">Profil</a></li>
+                <li>
+                  <hr class="dropdown-divider">
+                </li>
+                <li><a class="dropdown-item" href="#">Sortir</a></li>
+              </ul>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+  </header>
+    <main class="my-5 fs-6">
+        <div class="container">
+            <header>
+                <h1 class="title my-4 fs-2 text-center">Ajouter un vétérinaire</h1>
+            </header>
+            <div class="content">
+                <form id="ajouterArticleForm">
+                    <div class="mb-4 veto-addition">
+                        <label class="form-label fw-bold" for="veto">Nom du vétérinaire (obligatoire)</label>
+                        <input type="text" id="veto" class="form-control"
+                            placeholder="Veto bidule" required>
+                    </div>
+                    <div class="mb-4 veto-adresse1">
+                        <label class="form-label fw-bold" for="address">Adresse du vétérinaire (obligatoire)</label>
+                        <input type="text" id="address" class="form-control"
+                            placeholder="123 Rue Exemple" required>
+                    </div>
+                    <div class="mb-4 veto-adresse2">
+                        <label class="form-label fw-bold" for="address2">Complément d'adresse (optionnel)</label>
+                        <input type="text" id="address2" class="form-control"
+                            placeholder="Appartement, étage, bâtiment, etc.">
+                    </div>
+                    <div class="mb-4 veto-adresse2">
+                        <label class="form-label fw-bold" for="code_postal">Code postal (obligatoire)</label>
+                        <input type="text" id="code_postal" class="form-control"
+                            placeholder="75000" required>
+                    </div>
+                     <div class="mb-4 veto-commune">
+                        <label class="form-label fw-bold" for="commune">Commune (obligatoire)</label>
+                        <input type="text" id="commune" class="form-control"
+                            placeholder="Paris" required>
+                    </div>
+                     <div class="mb-4 veto-telephone">
+                        <label class="form-label fw-bold" for="telephone">Téléphone (obligatoire)</label>
+                        <input type="text" id="telephone" class="form-control"
+                            placeholder="0123456789" required>
+                    </div>
+                   
+                    <div class="d-flex gap-3 mt-4 confirmation-buttons">
+                        <a href="./accueil.html" class="btn btn-secondary w-50">Annuler</a>
+                        <button type="submit" class="btn btn-primary w-50">Ajouter</button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </main>
+    <footer class="bg-body-tertiary py-4 mt-auto">
+
+    <div class="container d-flex gap-3 flex-wrap">
+      <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+      <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+      <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+    </div>
+  </footer>
+    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+   
+</body>
+
+</html>
--- a/veto/html/modifier_veterinaire.html
+++ b/veto/html/modifier_veterinaire.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Modifier un vétérinaire - L'Il'eau chiens - Admin</title>
+    <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
+    <link rel="shortcut icon" href="/favicon.png" type="image/png">
+    <link rel="stylesheet" href="/css/style.css">
+    
+</head>
+
+<body>
+    <header>
+        <nav class="navbar navbar-expand-xl bg-body-tertiary">
+            <div class="container-fluid align-items-center">
+                <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
+                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
+                    aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+                <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                        <li class="nav-item"><a class="nav-link  left-label" aria-current="page" href="#">Blog</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
+                        <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
+                        <li class="nav-item"><a class="nav-link active left-label" href="#">Vétos</a></li>
+                        <li class="nav-item"><a class="nav-link  left-label" href="#">Citations</a></li>
+                        <li class="nav-item"><a class="nav-link  left-label" href="#">À propos</a></li>
+                    </ul>
+                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+                        <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message
+                                d'actu</a></li>
+                        <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i>
+                                Voir le site</a></li>
+                        <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i>
+                                Configuration</a></li>
+                        <li class="nav-item dropdown">
+                            <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button"
+                                data-bs-toggle="dropdown" aria-expanded="false">
+                                <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
+                                <li><a class="dropdown-item" href="#">Profil</a></li>
+                                <li>
+                                    <hr class="dropdown-divider">
+                                </li>
+                                <li><a class="dropdown-item" href="#">Sortir</a></li>
+                            </ul>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </nav>
+    </header>
+    <main class="my-5 fs-6">
+        <div class="container">
+            <header>
+                <h1 class="title my-4 fs-2 text-center">Modifier un vétérinaire</h1>
+            </header>
+            <div class="content">
+                <form id="ajouterArticleForm">
+                    <div class="mb-4 veto-addition">
+                        <label class="form-label fw-bold" for="veto">Nom du vétérinaire (obligatoire)</label>
+                        <input type="text" id="veto" class="form-control" value="Clinique vétérinaire de Victor hugo" required>
+                    </div>
+                    <div class="mb-4 veto-adresse1">
+                        <label class="form-label fw-bold" for="address">Adresse du vétérinaire (obligatoire)</label>
+                        <input type="text" id="address" class="form-control" value="1 Boulevard René Chabasse" required>
+                    </div>
+                    <div class="mb-4 veto-adresse2">
+                        <label class="form-label fw-bold" for="address2">Complément d'adresse (optionnel)</label>
+                        <input type="text" id="address2" class="form-control" value="Appartement, étage, bâtiment, etc.">
+                    </div>
+                    <div class="mb-4 veto-adresse2">
+                        <label class="form-label fw-bold" for="code_postal">Code postal (obligatoire)</label>
+                        <input type="text" id="code_postal" class="form-control" value="16000" required>
+                    </div>
+                     <div class="mb-4 veto-commune">
+                        <label class="form-label fw-bold" for="commune">Commune (obligatoire)</label>
+                        <input type="text" id="commune" class="form-control" value="Angoulême" required>
+                    </div>
+                     <div class="mb-4 veto-telephone">
+                        <label class="form-label fw-bold" for="telephone">Téléphone (obligatoire)</label>
+                        <input type="text" id="telephone" class="form-control" value="0545367890" required>
+                    </div>
+                   
+                    <div class="d-flex gap-3 mt-4 confirmation-buttons">
+                        <a href="./accueil.html" class="btn btn-secondary w-50">Annuler</a>
+                        <button type="submit" class="btn btn-primary w-50">Modifier</button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </main>
+    <footer class="bg-body-tertiary py-4 mt-auto">
+
+    <div class="container d-flex gap-3 flex-wrap">
+      <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+      <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+      <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+    </div>
+  </footer>
+  
+    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+   
+</body>
+
+</html>
--- a/veto/html/veto_accueil.html
+++ b/veto/html/veto_accueil.html
@@ -0,0 +1,141 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Liste des vétos - L'Il'eau chiens - Admin</title>
+  <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="/node_modules/bs-icon/icons.css">
+  <link rel="shortcut icon" href="/favicon.png" type="image/png">
+  <link rel="stylesheet" href="/css/style.css">
+  
+</head>
+
+<body>
+  <header>
+    <nav class="navbar navbar-expand-xl bg-body-tertiary">
+      <div class="container-fluid align-items-center">
+        <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
+          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+            <li class="nav-item"><a class="nav-link left-label" aria-current="page" href="#">Blog</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Boutique</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">Prestations</a></li>
+            <li class="nav-item"><a class="nav-link left-label" href="#">FAQ</a></li>
+            <li class="nav-item"><a class="nav-link active left-label" href="#">Vétos</a></li>
+            <li class="nav-item"><a class="nav-link  left-label" href="#">Citations</a></li>
+            <li class="nav-item"><a class="nav-link  left-label" href="#">À propos</a></li>
+          </ul>
+          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
+            </li>
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le
+                site</a></li>
+            <li class="nav-item"><a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button" data-bs-toggle="dropdown"
+                aria-expanded="false">
+                <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
+              </a>
+              <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
+                <li><a class="dropdown-item" href="#">Profil</a></li>
+                <li>
+                  <hr class="dropdown-divider">
+                </li>
+                <li><a class="dropdown-item" href="#">Sortir</a></li>
+              </ul>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+  </header>
+
+  <main class="my-5 fs-6">
+    <div class="container">
+      <header>
+        <h1 class="title my-4 fs-2 text-center">Liste des vétérinaires</h1>
+      </header>
+      <div class="content">
+        <div class="ajouter mb-4">
+          <a href="#" class="btn btn-primary">Ajouter un vétérinaire</a>
+        </div>
+
+
+        <table class="table table-striped table-hover">
+          <thead class="table-dark">
+            <tr>
+              <th>Vétérinaire</th>
+              <th class="text-end">Actions</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>Clinique vétérinaire de Victor Hugo</td>
+              <td class="text-end">
+                <a href="#" class="btn btn-sm btn-outline-primary me-2">Modifier</a>
+                <a href="index.php" class="btn btn-sm btn-outline-danger" role="button" data-bs-toggle="modal"
+                  data-bs-target="#confirmDeleteModal">Supprimer</a>
+              </td>
+            </tr>
+            <tr>
+              <td>Clinique du Champs de Mars</td>
+              <td class="text-end">
+                <a href="#" class="btn btn-sm btn-outline-primary me-2">Modifier</a>
+                <a href="#" class="btn btn-sm btn-outline-danger" role="button" data-bs-toggle="modal"
+                  data-bs-target="#confirmDeleteModal">Supprimer</a>
+              </td>
+            </tr>
+            <tr>
+              <td>Véto 16</td>
+              <td class="text-end">
+                <a href="#" class="btn btn-sm btn-outline-primary me-2">Modifier</a>
+                <a href="#" class="btn btn-sm btn-outline-danger" role="button" data-bs-toggle="modal"
+                  data-bs-target="#confirmDeleteModal">Supprimer</a>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+
+  </main>
+
+
+  <div class="modal fade" id="confirmDeleteModal" tabindex="-1">
+    <div class="modal-dialog">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h5 class="modal-title">Confirmer la suppression</h5>
+          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <div class="modal-body">
+          Êtes-vous sûr de vouloir supprimer cette citation ? Cette action est définitive.
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
+          <button type="button" class="btn btn-danger" id="confirmDeleteBtn">Supprimer</button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <footer class="bg-body-tertiary py-4 mt-auto">
+
+    <div class="container d-flex gap-3 flex-wrap">
+      <span class="text-muted">© 2025 L'Il'eau chiens. Tous droits réservés.</span>
+      <a href="/pagesText/mentionsLégales.html" class="link-secondary">Mentions légales</a>
+      <a href="/pagesText/cgv.html" class="link-secondary">CGV</a>
+    </div>
+  </footer>
+
+  <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+  <script src="/js/contentReduct.js"></script>
+  <script src="/js/confirmDelete.js"></script>
+</body>
+
+</html>
Author	SHA1	Message	Date
pestak	bbf921bbfe	bog : supprimer réactif	2025-12-16 13:18:18 +01:00
RoxanaElena09	aef7d63451	feat: ajouter_prestation validée w3c validator et normalisee	2025-12-16 09:58:38 +01:00
pestak	55a31a507c	integration de password.js à reinitialisation mdp	2025-12-16 08:50:31 +01:00
pestak	706d3ece23	FEAT : page profil	2025-12-16 08:31:11 +01:00
pestak	ee068c9d6f	commit de fin de journée	2025-12-14 21:06:10 +01:00
pestak	4022e385eb	petites modifs	2025-12-14 14:11:39 +01:00
pestak	cf5a366650	edition pages statique texte	2025-12-14 14:00:52 +01:00
pestak	11e4cc9767	Page configuration	2025-12-14 13:41:23 +01:00
pestak	d3af22566a	Message d'actu	2025-12-14 13:16:24 +01:00
pestak	4340bcab6d	Normalisation Menus	2025-12-14 12:42:14 +01:00
pestak	b0673ad90d	FEAT bouton publier sur facebook	2025-12-14 11:57:29 +01:00
pestak	b4e037f11d	normalisation blog + gestion images	2025-12-14 11:42:13 +01:00
pestak	1950fd3902	FEAT : pages veto	2025-12-14 09:32:34 +01:00
pestak	75abb10913	validation HTML	2025-12-13 07:45:59 +01:00