diff --git a/Assets/Images/Icones/Thumbs.db b/Assets/Images/Icones/Thumbs.db
index a94f3a6..43145cc 100644
Binary files a/Assets/Images/Icones/Thumbs.db and b/Assets/Images/Icones/Thumbs.db differ
diff --git a/Assets/Images/Produits/Thumbs.db b/Assets/Images/Produits/Thumbs.db
index eb3f712..d2f8a6e 100644
Binary files a/Assets/Images/Produits/Thumbs.db and b/Assets/Images/Produits/Thumbs.db differ
diff --git a/Assets/Images/Produits/cat.png b/Assets/Images/Produits/cat.png
deleted file mode 100644
index 1e3d06a..0000000
Binary files a/Assets/Images/Produits/cat.png and /dev/null differ
diff --git a/Assets/Images/Produits/jaune.png b/Assets/Images/Produits/jaune.png
deleted file mode 100644
index 0ff342e..0000000
Binary files a/Assets/Images/Produits/jaune.png and /dev/null differ
diff --git a/Assets/Images/Produits/romeo.png b/Assets/Images/Produits/romeo.png
deleted file mode 100644
index 004181e..0000000
Binary files a/Assets/Images/Produits/romeo.png and /dev/null differ
diff --git a/Assets/css.css b/Assets/css.css
index a51b91e..68c8083 100644
--- a/Assets/css.css
+++ b/Assets/css.css
@@ -8,6 +8,7 @@
 
 a{
     color: black;
+    text-decoration: none;
 }
 
 .header{
@@ -167,7 +168,7 @@ div#slider figure {
 }
 /*============================================*/
 
-
+/* TOUT NOS PRODUITS*/
 .flex-container {
     display: flex;
     flex-wrap: wrap;
@@ -178,21 +179,44 @@ div#slider figure {
 
 .flex-container>div {
     box-shadow: 0.3vw 0.3vw 2px grey;
-    width: 20%;
+    width: 40%;
     margin: 1vw;
     text-align: center;
     font-size: 30px;
 }
 
-.flex-container>div>img{
-    width: 85%;
+.flex-container>div>a>img{
+    width: 50%;
 }
 
-.flex-container>div>p{
+.flex-container>div>a>p{
     font-size: 0px;
 }
 
-.flex-container>div:hover p{
+.flex-container>div:hover a>p{
     font-size: 40px;
     transition-duration: 0.2s;
-}
\ No newline at end of file
+}
+
+.content>h1{
+    font-size: 60px;
+    text-align: center;
+}
+
+.spec{
+    text-align: left;
+    font-size: 20px;
+    background-color: rgba(255, 255, 255, 0.651);
+    color: black;
+    width: 50%;
+}
+.rupt{
+    text-align: right;
+    float: right;
+    background-color: black;
+    color: white;
+    width : 58%;
+    font-size: 20px;
+}
+
+/*============================================*/
\ No newline at end of file
diff --git a/Assets/resp.css b/Assets/resp.css
index 00e22fd..08e42c8 100644
--- a/Assets/resp.css
+++ b/Assets/resp.css
@@ -1,4 +1,5 @@
 @media (min-width:48em){
+    /* NAVBAR */
     .header li{
         float: left;
     }
@@ -16,4 +17,17 @@
     .header .menu-icon{
         display: none;
     }
+    
+    /*============================================*/
+
+    /* TOUT NOS PRODUITS*/
+    .flex-container>div {
+        width: 20%;
+        margin: 1vw;
+    }
+
+    .flex-container>div>a>img{
+        width: 80%;
+    }
+    /*============================================*/
 }
diff --git a/index.html b/index.html
index b5fc444..c86b7a7 100644
--- a/index.html
+++ b/index.html
@@ -34,13 +34,14 @@
 	</div>
     
     <div class="content">
+        <h1>Nos produits :</h1>
         <div class="flex-container">
-            <div><img src="Assets/Images/Produits/nao.png" alt><p>Nao</p></div>
-            <div><img src="Assets/Images/Produits/valkyrie.png" alt><p>Valkyrie</p></div>
-            <div><img src="Assets/Images/Produits/soldat.png" alt><p>Soldat</p></div>
-            <div><img src="Assets/Images/Produits/r2d2.png" alt><p>R2D2</p></div>
-            <div><img src="Assets/Images/Produits/pepper.png" alt><p>Pepper</p></div>
-            <div><img src="Assets/Images/Produits/terminator.png" alt><p>Terminator</p></div>
+            <div><a href="Assets/Pages/Produits/nao.html"><img src="Assets/Images/Produits/nao.png" alt><p>Nao</p></a></div>
+            <div><div class="rupt">Rutpure de stock</div><a href="#"><img src="Assets/Images/Produits/valkyrie.png" alt><p>Valkyrie</p></a></div>
+            <div><a href="Assets/Pages/Produits/r2d2.html"><img src="Assets/Images/Produits/pepper.png" alt><p>Pepper</p></a></div>
+            <div><a href="#"><img src="Assets/Images/Produits/soldat.png" alt><p>Soldat</p></a></div>
+            <div><div class="spec">N°1 des ventes</div><a href="Assets/Pages/Produits/r2d2.html"><img src="Assets/Images/Produits/r2d2.png" alt><p>R2D2</p></a></div>
+            <div><a href="Assets/Pages/Produits/r2d2.html"><img src="Assets/Images/Produits/terminator.png" alt><p>Terminator</p></a></div>
         </div>
     </div>