diff --git a/blog/html/ajouter_article.html b/blog/html/ajouter_article.html
index c468486..eb8cd59 100644
--- a/blog/html/ajouter_article.html
+++ b/blog/html/ajouter_article.html
@@ -144,7 +144,7 @@
 </div>
 
 <script src="../js/ajouter_article.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+<script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
 <script src="https://cdn.tiny.cloud/1/1up68ybfp3crmpssl9o7pu6d0e8v3okcnsinhoujnmak7wft/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
 
   <script>
@@ -158,27 +158,9 @@ tinymce.init({
 </script>
 
 
-
-
-
-
-
     
 </body>
 </html>
 
 
 
-<!--ClassicEditor
-  .create(document.querySelector('#articleContent'), {
-    language: 'fr',
-    toolbar: [
-      'heading',
-      'bold', 'italic', 
-      'bulletedList', 'numberedList',
-      'undo', 'redo'
-    ]
-  })
-  .catch(error => {
-    console.error(error);
-  });
\ No newline at end of file
diff --git a/blog/html/ajouter_categorie.html b/blog/html/ajouter_categorie.html
index e37de56..ae80d6a 100644
--- a/blog/html/ajouter_categorie.html
+++ b/blog/html/ajouter_categorie.html
@@ -104,7 +104,7 @@
     </div>
 
     <script src="../js/ajouter_categorie.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/html/modifier_article.html b/blog/html/modifier_article.html
index bee27bc..caa594d 100644
--- a/blog/html/modifier_article.html
+++ b/blog/html/modifier_article.html
@@ -179,7 +179,7 @@
 </script>
 
 <script src="../js/modifier_article.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+<script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
 
 </body>
 </html>
diff --git a/blog/html/modifier_categorie.html b/blog/html/modifier_categorie.html
index 39accf0..b1ced3a 100644
--- a/blog/html/modifier_categorie.html
+++ b/blog/html/modifier_categorie.html
@@ -5,17 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Modifier une catégorie</title>
     <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">
 
-    <style>
-        body {
-            background: #f4f6f981;
-           
-        }
-        .container {
-           
-            margin: 50px auto;
-        }
-    </style>
+    
 </head>
 <body>
 
@@ -75,10 +67,7 @@
 <div class="container">
     <h2 class="mb-5 text-center">Modifier une catégorie</h2>
 
-    <div id="errorMsg" class="alert alert-danger d-none">Veuillez ezmplir tous les champs obligatoires</div>
-
-    <div id="successMsg" class="alert alert-success d-none">La catégorie a été modifiée avec succès !</div>
-
+   
     <form id="modifierCategorie">
 
 
@@ -103,7 +92,7 @@
 </div>
 
 <script src="../js/modifier_categorie.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+<script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
 
 
     
diff --git a/blog/js/modifier_categorie.js b/blog/js/modifier_categorie.js
index 2131a45..ab6456e 100644
--- a/blog/js/modifier_categorie.js
+++ b/blog/js/modifier_categorie.js
@@ -1,25 +1,36 @@
-
 const form = document.getElementById("modifierCategorie");
 const nameField = document.getElementById("categoryName");
 const descField = document.getElementById("categorieDescription");
-const errorMsg = document.getElementById("errorMsg");
-const successMsg = document.getElementById("successMsg");
+
+// Fonction pour afficher un message Bootstrap
+function showMessage(type, message) {
+    // Création de l'alert
+    const alert = document.createElement("div");
+    alert.className = `alert alert-${type} mt-3`;
+    alert.textContent = message;
+
+    // Ajout en haut du formulaire
+    form.prepend(alert);
+
+    // Suppression automatique après 2 secondes
+    setTimeout(() => {
+        alert.remove();
+    }, 2000);
+}
 
 form.addEventListener("submit", function (e) {
     e.preventDefault();
 
     // Vérification des champs obligatoires
     if (nameField.value.trim() === "" || descField.value.trim() === "") {
-        errorMsg.classList.remove("d-none");
-        successMsg.classList.add("d-none");
+        showMessage("danger", "Veuillez remplir tous les champs obligatoires");
         return;
     }
 
-    // Succès
-    errorMsg.classList.add("d-none");
-    successMsg.classList.remove("d-none");
+    // Message succès
+    showMessage("success", "La catégorie a été modifiée avec succès !");
 
-    //  Redirection après succès
+    // Redirection après succès
     setTimeout(() => {
         window.location.href = "../html/accueil_blog.html";
     }, 1500);
