diff --git a/css/style.css b/css/style.css
index 1f260a9..d38c219 100644
--- a/css/style.css
+++ b/css/style.css
@@ -41,4 +41,10 @@ a.nav-link{
   }
 
 
- 
\ No newline at end of file
+
+/*=============================================================================
+Divers
+=============================================================================*/
+a.tox-promotion-link {
+  display: none !important;
+}
\ No newline at end of file
diff --git a/faq/accueil.html b/faq/accueil.html
new file mode 100644
index 0000000..b7d79df
--- /dev/null
+++ b/faq/accueil.html
@@ -0,0 +1,171 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <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">
+</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 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 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="#">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">Liste des FAQ</h1>
+      </header>
+      <div class="content">
+
+
+        <section class="themes my-4">
+          <h2 class="fs-4">Gérer les thèmes des questions</h2>
+          <div class="d-flex justify-content-start mb-4">
+            <a href="ajouter.html" class="btn btn-primary">Ajouter un thème</a>
+          </div>
+          <table class="table table-striped table-hover">
+            <thead class="table-dark">
+              <tr>
+                <th>Thème</th>
+                <th class="text-end">Actions</th>
+              </tr>
+            </thead>
+            <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"
+                    data-bs-target="#confirmDeleteModal">Supprimer</a>
+                </td>
+              </tr>
+              <tr>
+                <td>Chat</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>Autres questions</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>
+        </section>
+
+        <section class="questions my-5">
+          <h2 class="fs-4">Gérer les questions</h2>
+          <div class="d-flex justify-content-start mb-4">
+            <a href="ajouter.html" class="btn btn-primary">Ajouter une question</a>
+          </div>
+          <table class="table table-striped table-hover">
+            <thead class="table-dark">
+              <tr>
+                <th>Questions</th>
+                <th class="text-end">Actions</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td>Pourquoi les chiens lèvent-ils la patte pour uriner ?</td>
+
+                <td class="text-end">
+                  <a href="#" class="btn btn-sm btn-outline-primary me-2">Modifier</a>
+                  <a href="index.php?suppression" class="btn btn-sm btn-outline-danger" role="button"
+                    data-bs-toggle="modal" data-bs-target="#confirmDeleteModal">Supprimer</a>
+                </td>
+              </tr>
+              <tr>
+                <td>Comment savoir si mon chat est heureux ?</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>
+        </section>
+      </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 ce thème ou cette question ? 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>
+
+
+    <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>
\ No newline at end of file
diff --git a/faq/ajouter_question.html b/faq/ajouter_question.html
new file mode 100644
index 0000000..95490b7
--- /dev/null
+++ b/faq/ajouter_question.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <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">
+
+
+</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  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 active 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">Ajouter une question</h1>
+            </header>
+            <div class="content">
+                <form>
+                    <div class="mb-4 question-addition">
+                        <label class="form-label fw-bold" for="question">Question (obligatoire)</label>
+                        <input type="text" id="question" class="form-control" placeholder="Une question" required>
+                    </div>
+                    <div class="mb-4 theme-addition">
+                        <label class="form-label fw-bold" for="theme">Thème (obligatoire)</label>
+                        <select name="theme" id="theme" class="form-select" required>
+                            <option value="" disabled selected>Choisir un thème</option>
+                            <option value="1">Chiens</option>
+                            <option value="2">Thème 2</option>
+                            <option value="3">Thème 3</option>
+                        </select>
+                    </div>
+
+
+                    <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>
+                    </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>
+    <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>
\ No newline at end of file
diff --git a/faq/ajouter_theme.html b/faq/ajouter_theme.html
new file mode 100644
index 0000000..39096a1
--- /dev/null
+++ b/faq/ajouter_theme.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <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">
+            <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="#">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 active 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">Ajouter un thème de question</h1>
+            </header>
+            <div class="content">
+                <form>
+                    <div class="mb-4 theme-addition">
+                        <label class="form-label fw-bold" for="theme">Thème (obligatoire)</label>
+                        <input type="text" id="theme" class="form-control" placeholder="Un thème de question" 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>
+    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="/js/contentReduct.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/faq/modifier_question.html b/faq/modifier_question.html
new file mode 100644
index 0000000..df54f00
--- /dev/null
+++ b/faq/modifier_question.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <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">
+            <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="#">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 active 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">Modifier une question</h1>
+            </header>
+            <div class="content">
+                <form>
+                    <div class="mb-4 question-addition">
+                        <label class="form-label fw-bold" for="question">Question (obligatoire)</label>
+                        <input type="text" id="question" class="form-control"
+                            value="Pourquoi les chiens lèvent-ils la patte quand ils font pipi ?" required>
+                    </div>
+                    <div class="mb-4 theme-addition">
+                        <label class="form-label fw-bold" for="theme">Thème (obligatoire)</label>
+                        <select name="theme" id="theme" class="form-select" required>
+                            <option value="" disabled>Choisir un thème</option>
+                            <option value="1" selected>Chiens</option>
+                            <option value="2">Thème 2</option>
+                            <option value="3">Thème 3</option>
+                        </select>
+                    </div>
+
+
+                    <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>
+                    </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>
+    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="/js/contentReduct.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/faq/modifier_theme.html b/faq/modifier_theme.html
new file mode 100644
index 0000000..78f06f7
--- /dev/null
+++ b/faq/modifier_theme.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <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">
+            <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="#">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 active 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">Modifier un thème de question</h1>
+            </header>
+            <div class="content">
+                <form>
+                    <div class="mb-4 theme-addition">
+                        <label class="form-label fw-bold" for="theme">Thème (obligatoire)</label>
+                        <input type="text" id="theme" class="form-control" value="Le nom du thème à modifier" 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>
+    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="/js/contentReduct.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/header.html b/header.html
index 997d403..94786f6 100644
--- a/header.html
+++ b/header.html
@@ -9,8 +9,8 @@
     <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>
 
@@ -20,7 +20,7 @@
             <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"
@@ -47,12 +47,12 @@
                         <li class="nav-item">
                             <a class="nav-link left-label" href="#">Partenaires</a>
                         </li>
-                         <li class="nav-item">
+                        <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>
@@ -64,12 +64,15 @@
                             <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">
                                 <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>
diff --git a/js/tinyMce.js b/js/tinyMce.js
new file mode 100644
index 0000000..f942b14
--- /dev/null
+++ b/js/tinyMce.js
@@ -0,0 +1,46 @@
+
+tinymce.init({
+  selector: "textarea",
+  height: 400,
+  language: "fr-FR",
+  branding: false,
+  menubar: false,
+  menu: {},
+  plugins: "link, lists fullscreen",
+ 
+  toolbar: "h3 h4 h5 h6 | undo redo | link | bold | bullist numlist | outdent indent | fullscreen",
+  license_key: 'gpl',
+  setup: function (editor) {
+    ['h3', 'h4', 'h5', 'h6'].forEach(function (tag) {
+      editor.ui.registry.addToggleButton(tag, {
+        text: tag.toUpperCase(),
+        tooltip: 'Titre ' + tag.substring(1),
+        onAction: function () {
+          try {
+            if (editor.formatter && typeof editor.formatter.toggle === 'function') {
+              editor.formatter.toggle(tag);
+            } else {
+              editor.execCommand('FormatBlock', false, tag);
+            }
+          } catch (e) {
+            // fallback
+            editor.execCommand('FormatBlock', false, tag);
+          }
+        },
+        onSetup: function (api) {
+          var nodeChangeHandler = function () {
+            try {
+              api.setActive(editor.formatter ? !!editor.formatter.match(tag) : false);
+            } catch (e) {
+              api.setActive(false);
+            }
+          };
+          editor.on('NodeChange', nodeChangeHandler);
+          return function () {
+            editor.off('NodeChange', nodeChangeHandler);
+          };
+        }
+      });
+    });
+  }
+});

Thème	Actions
Chiens	+ Modifier + Supprimer +
Chat	+ Modifier + Supprimer +
Autres questions	+ Modifier + Supprimer +
Questions	Actions
Pourquoi les chiens lèvent-ils la patte pour uriner ?	+ Modifier + Supprimer +
Comment savoir si mon chat est heureux ?	+ Modifier + Supprimer +