diff --git a/public/css/style.css b/public/css/style.css
index 3091da1..2fbf38f 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -14,12 +14,16 @@ nav {
 
 .logo-image,
 .account-image {
-  width: 50px; /* Ajustez la taille des images */
-  height: 50px; /* Ajoutez cette propriété pour maintenir la proportion */
+  width: 75px; /* Ajustez la taille des images */
+  height: 75px; /* Ajoutez cette propriété pour maintenir la proportion */
   object-fit: cover; /* Pour ajuster l'image sans déformer la proportion */
   border-radius: 50%; /* Pour un effet de cercle */
 }
 
+.account-image {
+  border: 3px solid green;
+}
+
 .user-account {
   position: relative;
   display: inline-block;
@@ -32,7 +36,7 @@ nav {
   left: 50%;
   transform: translateX(-50%);
   padding: 10px;
-  background-color: #18232c;
+  background-color: var(--code-background-color);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
 }
 
diff --git a/templates/base.html.twig b/templates/base.html.twig
index 65d9b17..3d07c13 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -20,7 +20,7 @@
             </a>
             McDo
             <div class="user-account">
-                <img src="https://icon-library.com/images/profile-icon-white/profile-icon-white-22.jpg" alt="Image de compte utilisateur" class="account-image" />
+                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTTKH9wi35hrzL8VwoC21_g64uU6_Vwn7kR2Do__YnDJYg-2rXyi8ACbaYz-JrrqmKAS3Y&usqp=CAU" alt="Image de compte utilisateur" class="account-image" />
                 <div class="hover-text">
                     {% if not app.user %}
                         <div class="list">