diff --git a/src/main/java/fr/eni/enchere/controllers/ArticleController.java b/src/main/java/fr/eni/enchere/controllers/ArticleController.java
index 4826f1e..9f630ce 100644
--- a/src/main/java/fr/eni/enchere/controllers/ArticleController.java
+++ b/src/main/java/fr/eni/enchere/controllers/ArticleController.java
@@ -44,9 +44,16 @@ public class ArticleController {
     //Affichage d'un article
 
     @GetMapping("/show")
-    public String showArticle(@RequestParam(name = "slug")int id, Model model) {
-        Article article = articleService.findArticleById(id);
-        return "article";
+    public String showArticle(@RequestParam()int id, Model model) {
+        Authentication authentication = SecurityContextHolder.getContext().getAuthentication();
+        if (!authentication.getName().equals("anonymousUser")) {
+            Article article = articleService.findArticleById(id);
+            System.out.println(article);
+            model.addAttribute("article", article);
+            return "article";
+        } else {
+            return "redirect:/accueil";
+        }
     }
 
     @GetMapping("/{slug}")
diff --git a/src/main/java/fr/eni/enchere/dal/ArticleRepositoryImpl.java b/src/main/java/fr/eni/enchere/dal/ArticleRepositoryImpl.java
index efb0764..8729afb 100644
--- a/src/main/java/fr/eni/enchere/dal/ArticleRepositoryImpl.java
+++ b/src/main/java/fr/eni/enchere/dal/ArticleRepositoryImpl.java
@@ -91,7 +91,9 @@ public class ArticleRepositoryImpl implements ArticleRepository {
 
     @Override
     public Article findArticleById(int id) {
-        return null;
+        String sql = "SELECT * FROM ARTICLES_VENDUS a WHERE no_article = ?";
+        Article article = jdbcTemplate.queryForObject(sql, new ArticleRowMapper(), id);
+        return article;
     }
 
     @Override
diff --git a/src/main/java/fr/eni/enchere/interceptor/UserInterceptor.java b/src/main/java/fr/eni/enchere/interceptor/UserInterceptor.java
index a7c2b6e..b58d0ed 100644
--- a/src/main/java/fr/eni/enchere/interceptor/UserInterceptor.java
+++ b/src/main/java/fr/eni/enchere/interceptor/UserInterceptor.java
@@ -27,7 +27,9 @@ public class UserInterceptor implements HandlerInterceptor {
             Authentication authentication = SecurityContextHolder.getContext().getAuthentication();
             if (authentication != null && authentication.isAuthenticated() && !authentication.getName().equals("anonymousUser")) {
                 UserProfil user = this.userService.utilisateurByName(authentication.getName());
-                modelAndView.getModelMap().addAttribute("user", user.getCredit());
+                if (modelAndView != null && modelAndView.getViewName() != null && !modelAndView.getViewName().startsWith("redirect:")) {
+                    modelAndView.addObject("user", user.getCredit());
+                }
             }
         }
     }
diff --git a/src/main/java/fr/eni/enchere/interceptor/UserServiceInterceptorAppConfig.java b/src/main/java/fr/eni/enchere/interceptor/UserServiceInterceptorAppConfig.java
deleted file mode 100644
index b6fb169..0000000
--- a/src/main/java/fr/eni/enchere/interceptor/UserServiceInterceptorAppConfig.java
+++ /dev/null
@@ -1,13 +0,0 @@
-//package fr.eni.enchere.interceptor;
-//
-//import org.springframework.beans.factory.annotation.Autowired;
-//import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
-//import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
-//
-//public class UserServiceInterceptorAppConfig implements WebMvcConfigurer {
-//
-//    @Override
-//    public void addInterceptors(InterceptorRegistry registry) {
-//        registry.addInterceptor(new UserInterceptor());
-//    }
-//}
diff --git a/src/main/resources/templates/accueil.html b/src/main/resources/templates/accueil.html
index 6d6f6c4..6aee351 100644
--- a/src/main/resources/templates/accueil.html
+++ b/src/main/resources/templates/accueil.html
@@ -17,41 +17,64 @@
                                 <input type="text" class="form-control" th:attr="placeholder=#{home.search.title}" name="searchTitle">
                                 <select class="form-control mt-2" name="searchCategory">
                                     <option value="" th:text="#{home.search.cat}"></option>
-                                    <option th:each="category : ${categories}" th:value="${category.id}" th:text="${category.libelle}"></option>
+                                    <!-- Options de catégorie -->
                                 </select>
                             </div>
                             <div class="col-md-4 text-center">
                                 <button type="submit" class="btn btn-primary" th:text="#{home.search.button}">Search</button>
                             </div>
                         </form>
+                        <div class="row">
+                            <div class="col-12 col-lg-6">
+                                <div class="card mt-3">
+                                    <div class="card-body">
+                                        <form class="row">
+                                            <div class="col-6">
+                                                <div class="form-check">
+                                                    <input class="form-check-input" type="radio" name="transactionType" id="achats" value="achats">
+                                                    <label class="form-check-label" type="chec" >Achats</label>
+                                                </div>
+                                            </div><div class="col-6">
+                                                <div class="form-check">
+                                                    <input class="form-check-input" type="radio" name="transactionType" id="ventes" value="ventes">
+                                                    <label class="form-check-label" for="ventes">Mes ventes</label>
+                                                </div>
+                                            </div>
+                                        </form>
+                                    </div>
+                                </div>
+                            </div>
                     </div>
                 </div>
             </div>
         </div>
+        </div>
         <div class="row">
             <div th:each="article : ${articles}" class="col-md-6 mb-4">
-                <div class="card shadow-sm h-100">
-                    <div class="row g-0">
-                        <div class="col-md-4 d-flex align-items-center justify-content-center p-3">
-                            <img th:src="${'images/articles/' + article.id + '.jpg'}" alt="Image de l'article" class="img-fluid rounded">
-                        </div>
-                        <div class="col-md-8">
-                            <div class="card-body d-flex flex-column">
-                                <h5 class="card-title" th:text="${article.nom}">Nom de l'article</h5>
-                                <p class="card-text mb-auto" th:text="${article.desc}">Description</p>
-                                <div class="d-flex justify-content-between align-items-center">
-                                    <div>
-                                        <h6>Prix de vente: <span th:text="${article.prixVente}"></span> €</h6>
+                <a th:href="@{/article/show(id=${article.id})}">
+                    <div class="card shadow-sm h-100">
+                        <div class="row g-0">
+                            <div class="col-md-4 d-flex align-items-center justify-content-center p-3">
+                                <img th:src="${'images/articles/' + article.id + '.jpg'}" alt="Image de l'article" class="img-fluid rounded">
+                            </div>
+                            <div class="col-md-8">
+                                <div class="card-body d-flex flex-column">
+                                    <h5 class="card-title" th:text="${article.nom}">Nom de l'article</h5>
+                                    <p class="card-text mb-auto" th:text="${article.desc}">Description</p>
+                                    <div class="d-flex justify-content-between align-items-center">
+                                        <div>
+                                            <h6>Prix de vente: <span th:text="${article.prixVente}"></span> €</h6>
 
-                                        <h6>Vendeur: <span th:text="${article.pseudoUtilisateur}"></span> </h6>
+                                            <h6>Vendeur: <span th:text="${article.pseudoUtilisateur}"></span> </h6>
+                                        </div>
                                     </div>
+                                    </br>
+                                    <h6 class="text-muted">Fin de l'enchere: <span th:text="${#dates.format(article.dateFinEnch, 'dd/MM/yyyy')}"></span></h6>
                                 </div>
-                                </br>
-                                <h6 class="text-muted">Fin de l'enchere: <span th:text="${#dates.format(article.dateFinEnch, 'dd/MM/yyyy')}"></span></h6>
                             </div>
                         </div>
                     </div>
-                </div>
+                </a>
             </div>
         </div>
     </div>
diff --git a/src/main/resources/templates/article.html b/src/main/resources/templates/article.html
index 119c949..654c85a 100644
--- a/src/main/resources/templates/article.html
+++ b/src/main/resources/templates/article.html
@@ -5,7 +5,22 @@
 </head>
     <body>
         <div id="container-main">
-
+            <div class="row mt-3">
+                <div class="col-md-6 offset-md-3">
+                    <div class="card">
+                        <div class="card-header">
+                            <h4>Article</h4>
+                        </div>
+                        <div class="card-body">
+                            <ul class="list-group">
+                                <li class="list-group-item">
+                                    <strong><label class="col-form-label" th:text="${article}"></label></strong>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
         </div>
     </body>
 </html>
diff --git a/src/main/resources/templates/security/login.html b/src/main/resources/templates/security/login.html
index 9fdbcb1..20b4228 100644
--- a/src/main/resources/templates/security/login.html
+++ b/src/main/resources/templates/security/login.html
@@ -3,30 +3,40 @@
 <head>
     <meta charset="UTF-8">
 </head>
-    <body>
-        <div id="container-main">
-            <h2>Pour se Connecter :</h2>
-            <br>
+<body>
+<div class="container" id="container-main">
+    <div class="row justify-content-center mt-5">
+        <div class="col-md-6">
+            <h2 class="text-center mb-4">Pour se Connecter :</h2>
             <form th:action="@{/login}" method="post">
-                <div>
-                    <label for="username">Identifiant: </label>
-                    <input type="username" name="username" id="username"/>
+                <div class="mb-3">
+                    <label for="username" class="form-label">Identifiant:</label>
+                    <input type="text" class="form-control" name="username" id="username" placeholder="Entrez votre identifiant">
                 </div>
-                <div>
-                    <label for="password">Mot de passe:</label>
-                    <input type="password" name="password" id="password"/>
+                <div class="mb-3">
+                    <label for="password" class="form-label">Mot de passe:</label>
+                    <input type="password" class="form-control" name="password" id="password" placeholder="Entrez votre mot de passe">
+                </div>
+                <div class="mb-3 form-check">
+                    <input type="checkbox" class="form-check-input" id="remember-me" name="remember-me">
+                    <label class="form-check-label" for="remember-me">Se souvenir de moi</label>
+                </div>
+                <div class="mb-3">
+                    <a href="/mot-de-passe-oublie">Mot de passe oublié</a>
+                </div>
+                <div class="mb-3">
+                    <button type="submit" class="btn btn-primary">Connexion</button>
+                    <button type="button" class="btn btn-warning text-light" href="/inscription">Créer un compte </button>
                 </div>
-                <div><input type="checkbox" id="remember-me" name="remember-me"/><label for="remember-me"> Se souvenir de moi</label></div>
-                <div><a href="/mot-de-passe-oublie">Mot de passe oublié</a></div>
-                <div><input type="submit" value="Connexion"/></div>
             </form>
-            <div th:if="${param.error}">
+            <div th:if="${param.error}" class="text-danger">
                 Identifiant ou mot de passe incorrect
             </div>
-            <div th:if="${param.logout}">
+            <div th:if="${param.logout}" class="text-success">
                 Vous avez été déconnecté
             </div>
-            <div><a href="/inscription">Créer un compte</a></div>
         </div>
-    </body>
+    </div>
+</div>
+</body>
 </html>
\ No newline at end of file