diff --git a/Images/Produits/loupe.png b/Images/Produits/loupe.png
index 6929756..5c010e3 100644
Binary files a/Images/Produits/loupe.png and b/Images/Produits/loupe.png differ
diff --git a/Images/cart.png b/Images/cart.png
index c5c9fee..0c2199f 100644
Binary files a/Images/cart.png and b/Images/cart.png differ
diff --git a/Images/logo.png b/Images/logo.png
index 6d10eb1..2047eaa 100644
Binary files a/Images/logo.png and b/Images/logo.png differ
diff --git a/css.css b/css.css
index 51e1bfa..09c2fc8 100644
--- a/css.css
+++ b/css.css
@@ -1,7 +1,8 @@
-/*==========================================================================================*/
+/*204, 25, 25*/
+/*==========================================================================================*/
 /*BODY + NAV*/
 body{
-    background : linear-gradient(to left,#022425, #08023a, #1c0224);
+    background : linear-gradient(to left,#141414, #444444, #141414);
 }
 body#produit
 {
@@ -16,9 +17,10 @@ h1{
 }
 
 nav {
-    background-color: rgba(255,255,255,0.5);
+    background-color: rgba(22, 22, 22, 0.61);
     width: 100%;
     z-index: 1; 
+    box-shadow: 0vw 0.5vw 0.4vw rgba(255, 0, 0, 0.534);
 }
 
 body>nav>a>img{
@@ -26,7 +28,7 @@ body>nav>a>img{
     margin : auto;
 }
 
-body>nav>button>img:hover{
+body>nav>a>img:hover{
     background-color: rgba(255,255,255,0.5);
     transition-duration: 0.5s;
 }    
@@ -36,7 +38,7 @@ body>nav>button>img:hover{
     width : 5%;
     margin-right : 1%;
     margin-left : 3%;
-    padding : 1.1vw 1.1vw;
+    padding : 0.9vw 0.9vw;
 }
 
 #loupe {
@@ -44,7 +46,7 @@ body>nav>button>img:hover{
     width : 5%;
     margin-right : 1%;
     margin-left : 3%;
-    padding : 1.1vw 1.1vw;
+    padding : 0.9vw 0.9vw;
 }
 
 body>#bienvenue>h1{
@@ -288,6 +290,7 @@ div#slider {
     margin: auto;
     border-radius: 12px;
     margin-top: 5%;
+    border : 0.1vw solid red;
     
 }
 
@@ -308,6 +311,7 @@ div#slider {
     width: 100%;
     max-width: 1920px;
     overflow: hidden
+    
 }
 
 @keyframes slidy {