diff --git a/images/user_dark.png b/images/user_dark.png
new file mode 100644
index 0000000..0b8974e
Binary files /dev/null and b/images/user_dark.png differ
diff --git a/index.html b/index.html
index bdfa58e..4ec7b91 100644
--- a/index.html
+++ b/index.html
@@ -18,7 +18,9 @@
             <div class="logo">
                 <img src="../images/WIKIFANTASY.png" alt="Logo" width="227px" height="106px" onmousedown="return false" >
             </div>
-            <div></div>
+            <div class="user">
+                <img src="../images/user_dark.png" alt="user" width="70px" height="70px" onmousedown="return false">
+            </div>
         </div>
     </div>
     <h1>Wiki Fantasy</h1>
diff --git a/pages/accueil.html b/pages/accueil.html
index bdfa58e..4ec7b91 100644
--- a/pages/accueil.html
+++ b/pages/accueil.html
@@ -18,7 +18,9 @@
             <div class="logo">
                 <img src="../images/WIKIFANTASY.png" alt="Logo" width="227px" height="106px" onmousedown="return false" >
             </div>
-            <div></div>
+            <div class="user">
+                <img src="../images/user_dark.png" alt="user" width="70px" height="70px" onmousedown="return false">
+            </div>
         </div>
     </div>
     <h1>Wiki Fantasy</h1>
diff --git a/style/style.css b/style/style.css
index 21469f9..278d685 100644
--- a/style/style.css
+++ b/style/style.css
@@ -21,10 +21,10 @@
     vertical-align: center;
     gap: 30px;
     width: 40%;
-    filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(157deg) brightness(103%) contrast(101%) ;
 }
+
 .nav img:hover{
-    fill:url(#Gradient1);
+  filter: invert(59%) sepia(96%) saturate(6733%) hue-rotate(275deg) brightness(112%) contrast(122%) ;
 }
 
 
@@ -35,21 +35,12 @@
     width: 20%;
 }
 
-
-#Gradient1 {
-    offset: 0%; stop-color: rgba(27,0,72,1);
-    offset: 100%; stop-color: rgba(97,0,255,1);
-      /*<stop class="stop1" offset="0%" />
-      <stop class="stop2" offset="50%" />
-      <stop class="stop3" offset="100%" />*/
-}/*
-    <linearGradient id="Gradient2" x1="0" x2="0" y1="0" y2="1">
-      <stop offset="0%" stop-color="red" />
-      <stop offset="50%" stop-color="black" stop-opacity="0" />
-      <stop offset="100%" stop-color="blue" />
-    </linearGradient>
-  </defs>
-  <style>
-    #rect1 {
-      fill: url(#Gradient1);
-    }
\ No newline at end of file
+.user{
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+    align-items: center;
+    vertical-align: center;
+    gap: 30px;
+    width: 40%;
+}
\ No newline at end of file