diff --git a/src/main/java/fr/eni/enchere/controllers/ArticleController.java b/src/main/java/fr/eni/enchere/controllers/ArticleController.java
index 4e90ad0..dd6f8d9 100644
--- a/src/main/java/fr/eni/enchere/controllers/ArticleController.java
+++ b/src/main/java/fr/eni/enchere/controllers/ArticleController.java
@@ -68,6 +68,12 @@ public class ArticleController {
             Optional<Float> maxMontantEnchere = lastEnchere.stream()
                     .map(Enchere::getMontantEnchere) // Récupère seulement les montants d'enchère
                     .max(Float::compareTo);
+            UserProfil currentUser = userService.utilisateurByName(authentication.getName());
+            boolean isArticleCurrentUser = false;
+            if (currentUser.getId() == user.getId()) {
+                isArticleCurrentUser = true;
+            }
+            model.addAttribute("isArticleCurrentUser", isArticleCurrentUser);
             model.addAttribute("article", article);
             model.addAttribute("username", user);
             model.addAttribute("cate", cate.getLibelle());
diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css
index 1fc8f6f..5e6a048 100644
--- a/src/main/resources/static/css/style.css
+++ b/src/main/resources/static/css/style.css
@@ -30,3 +30,7 @@
 .navbar-nav .nav-item.active .nav-link {
     color: white;
 }
+
+#container-main {
+    padding-bottom: 40px;
+}
diff --git a/src/main/resources/static/images/articles/1.jpg b/src/main/resources/static/images/articles/1.jpg
new file mode 100644
index 0000000..b4d49d7
Binary files /dev/null and b/src/main/resources/static/images/articles/1.jpg differ
diff --git a/src/main/resources/templates/accueil.html b/src/main/resources/templates/accueil.html
index 1afb727..5ceb2c8 100644
--- a/src/main/resources/templates/accueil.html
+++ b/src/main/resources/templates/accueil.html
@@ -144,10 +144,11 @@
             </div>
         </div>
         <!-- Pagination -->
-        <div class="row mt-4">
+        <div class="row mt-4" th:if="${not #lists.isEmpty(articles)}">
             <div class="col-md-12">
                 <nav aria-label="Page navigation example">
                     <ul class="pagination justify-content-center">
+                        <!-- Bouton pour la première page -->
                         <li class="page-item">
                             <a class="page-link" th:href="@{/(page=0)}">
                                 <span aria-hidden="true">&laquo;</span>
@@ -155,6 +156,7 @@
                             </a>
                         </li>
 
+                        <!-- Bouton pour la page précédente -->
                         <li th:if="${currentPage > 0}" class="page-item">
                             <a class="page-link" th:href="@{/(page=${currentPage - 1})}">
                                 <span aria-hidden="true">&lsaquo;</span>
@@ -162,6 +164,15 @@
                             </a>
                         </li>
 
+                        <!-- Boucle pour afficher les numéros de page -->
+                        <!-- Vous pouvez ajuster la plage de pages affichées comme vous le souhaitez -->
+                        <th:block th:each="page,iter : ${#numbers.sequence(0, totalPages - 1)}">
+                            <li class="page-item" th:if="${iter.index >= (currentPage - 2) && iter.index <= (currentPage + 2)}">
+                                <a class="page-link" th:href="@{/(page=${page})}" th:text="${page} + 1"></a>
+                            </li>
+                        </th:block>
+
+                        <!-- Bouton pour la page suivante -->
                         <li th:if="${currentPage < totalPages - 1}" class="page-item">
                             <a class="page-link" th:href="@{/(page=${currentPage + 1})}">
                                 <span aria-hidden="true">&rsaquo;</span>
@@ -169,6 +180,7 @@
                             </a>
                         </li>
 
+                        <!-- Bouton pour la dernière page -->
                         <li class="page-item">
                             <a class="page-link" th:href="@{/(page=${totalPages - 1})}">
                                 <span aria-hidden="true">&raquo;</span>
diff --git a/src/main/resources/templates/article.html b/src/main/resources/templates/article.html
index cfdecd9..8761959 100644
--- a/src/main/resources/templates/article.html
+++ b/src/main/resources/templates/article.html
@@ -4,9 +4,9 @@
     <meta charset="UTF-8">
 </head>
 <body>
-<div id="container-main">
-    <div class="row mt-3">
-        <div class="col-md-6 offset-md-3">
+<div class="container-fluid" id="container-main" >
+    <div class="row mt-3 justify-content-center"> <!-- Ajoutez la classe justify-content-center pour centrer le contenu -->
+        <div class="col-md-6">
             <div class="card">
                 <div class="card-header">
                     <h4 th:text="#{article.details.heading}"></h4>
@@ -46,7 +46,7 @@
                                 <strong><label class="col-form-label" th:text="#{article.details.label.pickup}"></label></strong>
                                 <span th:text="${retrait} ? ${retrait.rue} + ' ' + ${retrait.code_postale} + ' ' + ${retrait.ville} : #{article.details.address.unknown}"></span>
                             </div>
-                            <form th:action="@{/enchere/incEnchere}" method="post" th:object="${enchere}" class="mt-2 d-flex flex-row align-items-end justify-content-between">
+                            <form th:if="${!isArticleCurrentUser}" th:action="@{/enchere/incEnchere}" method="post" th:object="${enchere}" class="mt-2 d-flex flex-row align-items-end justify-content-between">
                                 <input type="hidden" id="articleId" name="articleId" th:value="${article.id}">
                                 <label for="montantEnchere" th:text="#{article.details.label.amount}"></label>
                                 <input type="number" th:field="*{montantEnchere}" id="montantEnchere" step="0.01" min="0">
@@ -57,6 +57,7 @@
                                         </span>
                                 <button type="submit" class="btn btn-primary" th:text="#{article.details.button.bid}"></button>
                             </form>
+                            <button th:if="${isArticleCurrentUser}" type="button" class="btn btn-success"> Modifier</button>
                         </div>
                     </div>
                 </div>
@@ -64,5 +65,6 @@
         </div>
     </div>
 </div>
+
 </body>
 </html>