diff --git a/src/main/resources/templates/accueil.html b/src/main/resources/templates/accueil.html
index c1f973e..760f8ce 100644
--- a/src/main/resources/templates/accueil.html
+++ b/src/main/resources/templates/accueil.html
@@ -14,7 +14,7 @@
                         <!-- Formulaire de recherche avec sélection de catégorie -->
                         <form th:action="@{/enchere}" method="post" class="mb-3">
                             <div class="row">
-                                <div class="col-md-6" th:if="${#authentication.principal != 'anonymousUser'}">
+                                <div class="col-lg-6 col-12" th:if="${#authentication.principal != 'anonymousUser'}">
                                     <!-- Zone de recherche -->
                                     <div class="mb-3">
                                         <input type="text" class="form-control" th:attr="placeholder=#{home.search.title}, value=${session.searchTitle != null ? session.searchTitle : ''}" name="searchTitle">
@@ -27,7 +27,7 @@
                                     </div>
                                     <!-- Achats et Ventes -->
                                 </div>
-                                <div class="col-md-12" th:if="${#authentication.principal == 'anonymousUser'}">
+                                <div class="col-lg-12" th:if="${#authentication.principal == 'anonymousUser'}">
                                     <!-- Zone de recherche -->
                                     <div class="mb-3">
                                         <input type="text" class="form-control" th:attr="placeholder=#{home.search.title}, value=${session.searchTitle != null ? session.searchTitle : ''}" name="searchTitle">
@@ -41,7 +41,7 @@
                                     <!-- Achats et Ventes -->
                                 </div>
                                 <!-- Colonne pour le bouton de recherche -->
-                                <div class="col-md-6 d-flex justify-content-center align-items-center"th:if="${#authentication.principal != 'anonymousUser'}">
+                                <div class="col-lg-6 col-12 d-flex justify-content-center align-items-center"th:if="${#authentication.principal != 'anonymousUser'}">
                                     <div class="card">
                                         <div class="card-body">
                                             <div class="row">
@@ -114,7 +114,7 @@
             </div>
         </div>
         <div class="row">
-            <div th:each="article : ${articles}" class="col-md-6 mb-4">
+            <div th:each="article : ${articles}" class="col-lg-6 col-12 mb-4">
                 <a th:href="@{/article/show(id=${article.id})}" class="text-decoration-none text-dark" id="article-card">
                     <div class="card shadow-sm h-100 card-article">
                         <div class="row g-0">
diff --git a/src/main/resources/templates/profil.html b/src/main/resources/templates/profil.html
index b9fef7e..12e1605 100644
--- a/src/main/resources/templates/profil.html
+++ b/src/main/resources/templates/profil.html
@@ -6,7 +6,7 @@
 <body>
 <div class="container-fluid" id="container-main">
     <div class="row mt-3">
-        <div class="col-md-6 offset-md-3">
+        <div class="col-12 col-lg-6 md-3">
             <div class="card">
                 <div class="card-header">
                     <h4 th:text="#{profil.title}"></h4>
diff --git a/src/main/resources/templates/security/login.html b/src/main/resources/templates/security/login.html
index 146e587..ee8273f 100644
--- a/src/main/resources/templates/security/login.html
+++ b/src/main/resources/templates/security/login.html
@@ -6,7 +6,7 @@
 <body>
 <div class="container" id="container-main">
     <div class="row justify-content-center mt-5">
-        <div class="col-md-6">
+        <div class="col-lg-6 col-12">
             <h2 class="text-center mb-4">Pour se Connecter :</h2>
             <form th:action="@{/login}" method="post">
                 <div class="mb-3">
