diff --git a/blog/html/liste_article.html b/blog/html/liste_article.html
deleted file mode 100644
index 2efe9cd..0000000
--- a/blog/html/liste_article.html
+++ /dev/null
@@ -1,153 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Liste des articles</title>
-
-    <!-- BOOTSTRAP CDN -->
-    <link rel="stylesheet"
-          href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
-
-    <!-- BS ICONS CDN -->
-    <link rel="stylesheet"
-          href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
-
-    <style>
-        body {
-            background: #f4f6f9;
-        }
-
-        .page-container {
-            padding: 30px;
-            margin: 40px auto;
-        }
-
-        .navbar-brand { 
-            font-size: 1.2rem; 
-            line-height: 1; 
-            padding-top: 0.25rem; 
-            padding-bottom: 0.25rem; 
-        }
-
-        @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 shadow-sm">
-        <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">
-
-                <!-- 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>
-                </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>
-                    <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">
-                            <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
-                        </a>
-                        <ul class="dropdown-menu dropdown-menu-end">
-                            <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>
-
-<!-- CONTENU DE LA PAGE -->
-<main class="page-container">
-
-    <h2 class="text-center mb-4">Liste des articles</h2>
-
-    <!-- Message succès -->
-    <div id="successMsg" class="alert alert-success d-none"></div>
-
-    <!-- Bouton ajouter -->
-    <div class="d-flex justify-content-end mb-4">
-        <a href="ajouter_article.html" class="btn btn-primary">
-            Ajouter un article
-        </a>
-    </div>
-
-    <!-- Tableau -->
-    <table class="table table-striped table-hover">
-        <thead class="table-dark">
-            <tr>
-                <th>Titre</th>
-                <th class="text-end">Actions</th>
-            </tr>
-        </thead>
-
-        <tbody id="articlesTableBody">
-            <tr>
-                <td>Mon premier article</td>
-                <td class="text-end">
-                    <a href="../html/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>
-                </td>
-            </tr>
-
-            <tr>
-                <td>Mon deuxième article</td>
-                <td class="text-end">
-                    <a href="../html/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>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-
-</main>
-
-<!-- SCRIPTS -->
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
-<script src="../js/liste_articles.js"></script>
-
-</body>
-</html>
diff --git a/blog/html/liste_categorie.html b/blog/html/liste_categorie.html
deleted file mode 100644
index 9b8dd7f..0000000
--- a/blog/html/liste_categorie.html
+++ /dev/null
@@ -1,108 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Liste des catégories</title>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
-
-    <style>
-        body {
-            background: #f4f6f9;
-            padding: 30px;
-        }
-        .container {
-            
-            margin-top: 40px;
-        }
-    </style>
-</head>
-
-<body>
-
-    <!-- HEADER -->
-<header>
-    <nav class="navbar navbar-expand-xxl bg-body-tertiary shadow-sm">
-        <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">
-
-                <!-- 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>
-                </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>
-                    <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">
-                            <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
-                        </a>
-                        <ul class="dropdown-menu dropdown-menu-end">
-                            <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>
-
-<div class="container">
-    <h2 class="text-center mb-4">Liste des catégories</h2>
-
-    <!-- Message succès -->
-    <div id="successMsg" class="alert alert-success d-none"></div>
-
-    <!-- Bouton ajouter -->
-    <div class="d-flex justify-content-end mb-4">
-        <a href="../html/ajouter_categorie.html" class="btn btn-primary">
-            Ajouter une catégorie
-        </a>
-    </div>
-
-    <!-- Tableau -->
-    <table class="table table-striped table-hover">
-        <thead class="table-dark">
-            <tr>
-                <th>Nom</th>
-                <th class="text-end">Actions</th>
-            </tr>
-        </thead>
-        <tbody id="categoriesTableBody">
-            <!-- rempli en JS -->
-        </tbody>
-    </table>
-</div>
-
-<script src="../js/liste_categorie.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
-
-</body>
-</html>
-
diff --git a/blog/html/liste_categorie_article.html b/blog/html/liste_categorie_article.html
index 2fbacb0..b5df79a 100644
--- a/blog/html/liste_categorie_article.html
+++ b/blog/html/liste_categorie_article.html
@@ -134,7 +134,7 @@
     <!-- ===================== -->
     <!--   LISTE ARTICLES      -->
     <!-- ===================== -->
-    <!-- Solution 2 : espace supérieur important -->
+    
     <section style="margin-top: 120px;">
         <h2 class="text-center mb-4">Liste des articles</h2>
 

Titre	Actions
Mon premier article	- Modifier - -
Mon deuxième article	- Modifier - -