diff --git a/Assets/css.css b/Assets/css.css
index 5bd9079..f22480f 100644
--- a/Assets/css.css
+++ b/Assets/css.css
@@ -5,10 +5,11 @@ html{
 }
 
 body {
-    background: linear-gradient(to left, rgb(99, 1, 99), rgb(0, 0, 145));
+    background: linear-gradient(to left, rgb(10, 1, 92), rgb(0, 82, 50));
     margin: 0;
     padding: 0;
     font-family: 'Roboto', sans-serif;
+    z-index: 2;
 }
 
 
@@ -86,6 +87,8 @@ a#panier>h3{
 .topnav {
     overflow: hidden;
     background-color: rgb(255, 255, 255);
+    position: fixed;
+    z-index: 1;
 }
 
 .topnav a {
@@ -135,7 +138,7 @@ a#panier>h3{
 
 /*TOP*/
 div#bienvenue{
-    padding: 3vw;
+    padding: 4vw;
 }
 
 body>#bienvenue>h1 {
@@ -266,11 +269,12 @@ div#slider figure {
 
 .flex-container div.out:hover img{
     width: 50%;
+    cursor: not-allowed;
     transition-duration: 0.5s;
 }
 
 .flex-container div.out:hover{
-    cursor: none;
+    cursor: not-allowed;
     border: none;
     border-bottom: 0.2vw solid grey;
     border-right: 0.2vw solid grey; 
@@ -293,7 +297,7 @@ div#slider figure {
     font-size: 2vw;
     background-color: transparent;
     border: none;
-    border-bottom: 0.2vw solid rgb(0, 0, 0);
+    border-bottom: 0.2vw solid rgb(90, 90, 90);
     padding: 0.5vw;
 }
 
@@ -338,15 +342,14 @@ footer {
 
 footer>div>table {
     width: 100%;
-    border-top: 0.1vw solid white;
-    background-color: rgb(27, 27, 27);
+    background-color: #ddd;
     margin: auto;
     padding: 2vw 8vw;
 }
 
 a {
     text-decoration: none;
-    color: grey;
+    color: rgb(90, 90, 90);
 }
 
 a:hover {
@@ -362,8 +365,9 @@ tr {
 
 th {
     font-size: 2vw;
+    color: black;
     text-align: left;
-    border-bottom: 0.1vw solid white;
+    border-bottom: 0.1vw solid rgb(0, 0, 0);
 }
 
 th#line {
@@ -376,15 +380,16 @@ button#contactB {
     justify-content: center;
     padding: 1.5vw 4vw;
     font-size: 1.5vw;
-    color: lightgrey;
-    background-color: rgb(27, 27, 27);
-    border: 0.1vw solid white;
+    color: rgb(90, 90, 90);
+    background-color: transparent;
+    border: 0.1vw solid rgb(90, 90, 90);
     transform: skew(-.312rad);
     margin-bottom: 2vw;
 }
 
 button#contactB:hover {
-    background-color: white;
+    background-color: rgb(90, 90, 90);
+    color: white;
     transition-duration: 0.5s;
     border-radius: 1vw;
 }
diff --git a/Assets/resp.css b/Assets/resp.css
index 596882a..4fa6717 100644
--- a/Assets/resp.css
+++ b/Assets/resp.css
@@ -79,54 +79,32 @@
     .flex-container>div>a>img {
         width: 20%;
     }
+
+    .flex-container div:hover img{
+        width: 30%;
+    }
+
+    .flex-container div.out:hover img{
+        width: 20%;
+        cursor: not-allowed;;
+    }
+
     #content {
         margin-left: 2vw;
         margin-right: 2vw;
     }
 
     /*========FOOTER=========*/
-    tr {
-        border-bottom: 0.2vw solid red;
-        color: white;
-        height: 4vw;
-    }
 
     th {
         font-size: 2.5vw;
     }
 
-    th#line {
-        border: none;
-    }
-
-    button#contactB {
-        margin: auto;
-        display: flex;
-        justify-content: center;
-        padding: 1.5vw 4vw;
-        font-size: 2vw;
-        color: lightgrey;
-        background-color: rgb(27, 27, 27);
-        border: 0.1vw solid rgb(204, 25, 25);
-        transform: skew(-.312rad);
-        margin-bottom: 2vw;
-    }
-
-    button#contactB:hover {
-        background-color: rgb(204, 25, 25);
-        transition-duration: 0.5s;
-        border-radius: 1vw;
-    }
-
     td {
         width: 20%;
         font-size: 2vw;
     }
 
-    td#contact {
-        width: 100%;
-    }
-
     /*=======FLEX CONTAINER========*/
 
     .flex-container {