diff --git a/Assets/Images/Icones/Thumbs.db b/Assets/Images/Icones/Thumbs.db
new file mode 100644
index 0000000..a94f3a6
Binary files /dev/null and b/Assets/Images/Icones/Thumbs.db differ
diff --git a/Assets/Images/Produits/Thumbs.db b/Assets/Images/Produits/Thumbs.db
new file mode 100644
index 0000000..eb3f712
Binary files /dev/null and b/Assets/Images/Produits/Thumbs.db differ
diff --git a/Assets/Images/Sprites/florian.png b/Assets/Images/Sprites/florian.png
index f2231af..2db7d9c 100644
Binary files a/Assets/Images/Sprites/florian.png and b/Assets/Images/Sprites/florian.png differ
diff --git a/Assets/Pages/Autres/checkout.html b/Assets/Pages/Autres/checkout.html
index c667e21..6b49e0d 100644
--- a/Assets/Pages/Autres/checkout.html
+++ b/Assets/Pages/Autres/checkout.html
@@ -1,29 +1,31 @@
 ﻿<!DOCTYPE html>
 
-<html lang="fr" xmlns="http://www.w3.org/1999/xhtml">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
 
 <head>
     <meta charset="utf-8" />
     <title>Kyflo</title>
-    <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
-    <link rel="stylesheet" type="text/css" href="../../resp.css">
     <link rel="stylesheet" type="text/css" href="../../css.css">
+    <link rel="stylesheet" type="text/css" href="../../resp.css">
+    <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
+
 </head>
 
-<body id="produit">
+<body>
 
-
-    <nav id="nav">
+    <nav>
         <div class="topnav">
             <a id="kyflo" class="active" href="../../../index.html">KyFlo</a>
             <a id="nous" href="nous.html">A propos</a>
             <a id="contactN" href="contact.html">Contact</a>
-            <a id="panier" href="checkout.html"><img src="../../Images/Icones/cart.png" alt></a>
+            <a id="panier" href="checkout.html"><img src="../../Images/Icones/cart.png" alt><h3>Panier</h3></a>
             <a id="loupe" href="search_result.html">GO</a>
             <input type="text" placeholder="Rechercher sur tout le site">
         </div>
     </nav>
-    <button id="hautPage" onclick="window.location.href='#nav'"><img src="../../Images/Icones/arrow.png" alt></button>
+
+
+    <button id="hautPage" onclick="window.location.href='#kyflo'"><img src="../../Images/Icones/arrow.png" alt></button>
     <div id="content">
         <table id="basket">
             <tr id="cent">
diff --git a/Assets/Pages/Autres/commande.html b/Assets/Pages/Autres/commande.html
index 7ea2843..8698150 100644
--- a/Assets/Pages/Autres/commande.html
+++ b/Assets/Pages/Autres/commande.html
@@ -12,12 +12,12 @@
 
 <body>
 
-    <nav id="nav">
+    <nav>
         <div class="topnav">
             <a id="kyflo" class="active" href="../../../index.html">KyFlo</a>
             <a id="nous" href="nous.html">A propos</a>
             <a id="contactN" href="contact.html">Contact</a>
-            <a id="panier" href="checkout.html"><img src="../../Images/Icones/cart.png" alt></a>
+            <a id="panier" href="checkout.html"><img src="../../Images/Icones/cart.png" alt><h3>Panier</h3></a>
             <a id="loupe" href="search_result.html">GO</a>
             <input type="text" placeholder="Rechercher sur tout le site">
         </div>
diff --git a/Assets/Pages/Autres/commentaire.html b/Assets/Pages/Autres/commentaire.html
index c513732..41abd05 100644
--- a/Assets/Pages/Autres/commentaire.html
+++ b/Assets/Pages/Autres/commentaire.html
@@ -12,12 +12,12 @@
 
 <body>
 
-    <nav id="nav">
+    <nav>
         <div class="topnav">
             <a id="kyflo" class="active" href="../../../index.html">KyFlo</a>
             <a id="nous" href="nous.html">A propos</a>
             <a id="contactN" href="contact.html">Contact</a>
-            <a id="panier" href="checkout.html"><img src="../../Images/Icones/cart.png" alt></a>
+            <a id="panier" href="checkout.html"><img src="../../Images/Icones/cart.png" alt><h3>Panier</h3></a>
             <a id="loupe" href="search_result.html">GO</a>
             <input type="text" placeholder="Rechercher sur tout le site">
         </div>
diff --git a/Assets/Pages/Autres/contact.html b/Assets/Pages/Autres/contact.html
index 4d193cd..2c43e04 100644
--- a/Assets/Pages/Autres/contact.html
+++ b/Assets/Pages/Autres/contact.html
@@ -13,18 +13,18 @@
 
 <body>
 
-    <nav id="nav">
+    <nav>
         <div class="topnav">
             <a id="kyflo" class="active" href="../../../index.html">KyFlo</a>
             <a id="nous" href="nous.html">A propos</a>
             <a id="contactN" href="contact.html">Contact</a>
-            <a id="panier" href="checkout.html"><img src="../../Images/Icones/cart.png" alt></a>
+            <a id="panier" href="checkout.html"><img src="../../Images/Icones/cart.png" alt><h3>Panier</h3></a>
             <a id="loupe" href="search_result.html">GO</a>
             <input type="text" placeholder="Rechercher sur tout le site">
         </div>
     </nav>
 
-    <button id="hautPage" onclick="window.location.href='#nav'"><img src="../../Images/Icones/arrow.png" alt></button>
+    <button id="hautPage" onclick="window.location.href='#kyflo'"><img src="../../Images/Icones/arrow.png" alt></button>
     <div id="content">
         <h1>Nous contacter :</h1>
         <form action="commentaire.html">
diff --git a/Assets/Pages/Autres/nous.html b/Assets/Pages/Autres/nous.html
index 4537928..740a492 100644
--- a/Assets/Pages/Autres/nous.html
+++ b/Assets/Pages/Autres/nous.html
@@ -13,18 +13,18 @@
 
 <body>
 
-    <nav id="nav">
+    <nav>
         <div class="topnav">
             <a id="kyflo" class="active" href="../../../index.html">KyFlo</a>
             <a id="nous" href="nous.html">A propos</a>
             <a id="contactN" href="contact.html">Contact</a>
-            <a id="panier" href="checkout.html"><img src="../../Images/Icones/cart.png" alt></a>
+            <a id="panier" href="checkout.html"><img src="../../Images/Icones/cart.png" alt><h3>Panier</h3></a>
             <a id="loupe" href="search_result.html">GO</a>
             <input type="text" placeholder="Rechercher sur tout le site">
         </div>
     </nav>
 
-    <button id="hautPage" onclick="window.location.href='#nav'"><img src="../../Images/Icones/arrow.png" alt></button>
+    <button id="hautPage" onclick="window.location.href='#kyflo'"><img src="../../Images/Icones/arrow.png" alt></button>
     <div id="content">
         <h1>Qui sommes-nous ?</h1>
         <h2>L'équipe :</h2>
diff --git a/Assets/Pages/Autres/search_result.html b/Assets/Pages/Autres/search_result.html
index 5fee454..ed3d41d 100644
--- a/Assets/Pages/Autres/search_result.html
+++ b/Assets/Pages/Autres/search_result.html
@@ -14,19 +14,19 @@
 
 <body>
 
-    <nav id="nav">
+    <nav>
         <div class="topnav">
             <a id="kyflo" class="active" href="../../../index.html">KyFlo</a>
             <a id="nous" href="nous.html">A propos</a>
             <a id="contactN" href="contact.html">Contact</a>
-            <a id="panier" href="checkout.html"><img src="../../Images/Icones/cart.png" alt></a>
+            <a id="panier" href="checkout.html"><img src="../../Images/Icones/cart.png" alt><h3>Panier</h3></a>
             <a id="loupe" href="search_result.html">GO</a>
             <input type="text" placeholder="Rechercher sur tout le site...">
         </div>
     </nav>
 
 
-    <button id="hautPage" onclick="window.location.href='#nav'"><img src="../../Images/Icones/arrow.png" alt></button>
+    <button id="hautPage" onclick="window.location.href='#kyflo'"><img src="../../Images/Icones/arrow.png" alt></button>
     <div id="content">
         <div id="produits">
             <h1>Résultats pour la recherche "robot guerrier":</h1>
diff --git a/Assets/Pages/Produits/nao.html b/Assets/Pages/Produits/nao.html
index a26dd75..5e54751 100644
--- a/Assets/Pages/Produits/nao.html
+++ b/Assets/Pages/Produits/nao.html
@@ -15,33 +15,29 @@
 <body>
 
 
-    <nav id="nav">
+    <nav>
         <div class="topnav">
             <a id="kyflo" class="active" href="../../../index.html">KyFlo</a>
             <a id="nous" href="../Autres/nous.html">A propos</a>
             <a id="contactN" href="../Autres/contact.html">Contact</a>
-            <a id="panier" href="../Autres/checkout.html"><img src="../../Images/Icones/cart.png" alt></a>
+            <a id="panier" href="../Autres/checkout.html"><img src="../../Images/Icones/cart.png" alt><h3>Panier</h3></a>
             <a id="loupe" href="../Autres/search_result.html">GO</a>
             <input type="text" placeholder="Rechercher sur tout le site">
         </div>
     </nav>
-    <button id="hautPage" onclick="window.location.href='#nav'"><img src="../../Images/Icones/arrow.png" alt></button>
+    <button id="hautPage" onclick="window.location.href='#kyflo'"><img src="../../Images/Icones/arrow.png" alt></button>
     <div id="content">
         <div id="Produit">
             <img src="../../Images/Produits/nao.png" alt>
             <h1>ROBOT NAO</h1>
             <button onclick="window.location.href='../Autres/checkout.html'">Ajouter au panier</button>
             <h2>5 000€</h2>
-            <h3>Nao est un robot humanoide français crée entre 2005 et 2006 sur Aldebaran ou plutot dans la société Aldebaran. En effet Nao a été conçu dans une start-up française à Paris.A partir de 2007, il va remplacer le robot canidé "Aibo" comme plateforme
-                standard de la robotcup.</h3>
+            <h3>Nao est un robot assistant qui vous aidera dans vos taches quotidiennes</h3>
         </div>
         <div id="Carac">
             <h1>Caractéristiques du robot :</h1>
             <h2>La plateforme robotique NAO existe en différents modèles qui comportent de 14 à 25 degrés de liberté. Elle est équipée d'une centrale inertielle avec un accéléromètre 3 axes et 2 gyromètres, de 2 sonars utilisant des capteurs à ultrason (émetteurs
                 et récepteurs), de 8 capteurs de pressions résistifs sous les pieds et de 2 bumpers. NAO dispose de 90 minutes d'autonomie.</h2>
-            <h2>Le robot dispose également d'un système multimédia évolué incluant quatre microphones (pour la reconnaissance vocale et la localisation de la source sonore), deux haut-parleurs (pour la synthèse vocale), et deux caméras HD (1280 × 960 pixels)
-                (pour la localisation ou la reconnaissance de visage ou d'objet). Ces deux caméras couleurs, positionnées verticalement, lui permettent de voir une personne de 1,8 m de la tête au pied à 1,5 m. Malheureusement, pour le moment, ces deux
-                caméras ne sont pas activables en même temps.</h2>
             <h2>La plateforme robotique NAO est livrée avec une suite logicielle qui comporte un outil de programmation graphique (Choregraphe), un simulateur physique (NaoSim) et un kit de développement (SDK) qui permet de développer en Python (scripts des
                 modules Chroregraphe) et C++ (modules embarqués). Des ponts en C#, Java et Matlab existent également. NAO est compatible avec Microsoft Robotics Studio, Cyberbotics Webots et Gostai Studio (Urbi).</h2>
         </div>
diff --git a/Assets/Pages/Produits/pepper.html b/Assets/Pages/Produits/pepper.html
index 0f7f2e1..763c887 100644
--- a/Assets/Pages/Produits/pepper.html
+++ b/Assets/Pages/Produits/pepper.html
@@ -14,24 +14,24 @@
 <body id="produit">
 
 
-    <nav id="nav">
+    <nav>
         <div class="topnav">
             <a id="kyflo" class="active" href="../../../index.html">KyFlo</a>
             <a id="nous" href="../Autres/nous.html">A propos</a>
             <a id="contactN" href="../Autres/contact.html">Contact</a>
-            <a id="panier" href="../Autres/checkout.html"><img src="../../Images/Icones/cart.png" alt></a>
+            <a id="panier" href="../Autres/checkout.html"><img src="../../Images/Icones/cart.png" alt><h3>Panier</h3></a>
             <a id="loupe" href="../Autres/search_result.html">GO</a>
             <input type="text" placeholder="Rechercher sur tout le site">
         </div>
     </nav>
-    <button id="hautPage" onclick="window.location.href='#nav'"><img src="../../Images/Icones/arrow.png" alt></button>
+    <button id="hautPage" onclick="window.location.href='#kyflo'"><img src="../../Images/Icones/arrow.png" alt></button>
     <div id="content">
         <div id="Produit">
             <img src="../../Images/Produits/pepper.png" alt>
             <h1>ROBOT PEPPER</h1>
             <button onclick="window.location.href='../Autres/checkout.html'">Ajouter au panier</button>
             <h2>15 000€</h2>
-            <h3>Pepper est un robot humanoïde, développé par la société SoftBank Robotics (anciennement Aldebaran), capable de reconnaître certaines émotions.</h3>
+            <h3>Pepper est un robot humanoïde, développé par la société SoftBank Robotics, capable de reconnaître certaines émotions.</h3>
         </div>
         <div id="Carac">
             <h1>Caractéristiques du robot :</h1>
diff --git a/Assets/Pages/Produits/r2d2.html b/Assets/Pages/Produits/r2d2.html
index bcb9610..8f9b797 100644
--- a/Assets/Pages/Produits/r2d2.html
+++ b/Assets/Pages/Produits/r2d2.html
@@ -14,7 +14,7 @@
 <body id="produit">
 
 
-    <nav id="nav">
+    <nav>
         <div class="topnav">
             <a id="kyflo" class="active" href="../../../index.html">KyFlo</a>
             <a id="nous" href="../Autres/nous.html">A propos</a>
@@ -24,7 +24,7 @@
             <input type="text" placeholder="Rechercher sur tout le site">
         </div>
     </nav>
-    <button id="hautPage" onclick="window.location.href='#nav'"><img src="../../Images/Icones/arrow.png" alt></button>
+    <button id="hautPage" onclick="window.location.href='#kyflo'"><img src="../../Images/Icones/arrow.png" alt><h3>Panier</h3></button>
     <div id="content">
         <div id="Produit">
             <img src="../../Images/Produits/r2d2.png" alt>
diff --git a/Assets/Pages/Produits/terminator.html b/Assets/Pages/Produits/terminator.html
index 9eea7c6..1c3ad4d 100644
--- a/Assets/Pages/Produits/terminator.html
+++ b/Assets/Pages/Produits/terminator.html
@@ -14,17 +14,17 @@
 <body id="produit">
 
 
-    <nav id="nav">
+    <nav>
         <div class="topnav">
             <a id="kyflo" class="active" href="../../../index.html">KyFlo</a>
             <a id="nous" href="../Autres/nous.html">A propos</a>
             <a id="contactN" href="../Autres/contact.html">Contact</a>
-            <a id="panier" href="../Autres/checkout.html"><img src="../../Images/Icones/cart.png" alt></a>
+            <a id="panier" href="../Autres/checkout.html"><img src="../../Images/Icones/cart.png" alt><h3>Panier</h3></a>
             <a id="loupe" href="../Autres/search_result.html">GO</a>
             <input type="text" placeholder="Rechercher sur tout le site">
         </div>
     </nav>
-    <button id="hautPage" onclick="window.location.href='#nav'"><img src="../../Images/Icones/arrow.png" alt></button>
+    <button id="hautPage" onclick="window.location.href='#kyflo'"><img src="../../Images/Icones/arrow.png" alt></button>
 
     <div id="content">
         <div id="Produit">
diff --git a/Assets/css.css b/Assets/css.css
index 7e67cb5..8d00a7d 100644
--- a/Assets/css.css
+++ b/Assets/css.css
@@ -83,6 +83,7 @@ a#nous {
 a#panier>h3{
     margin-top :0.5vw;
     margin-bottom: 0;
+    color: white;
 }
 
 #loupe {
@@ -111,8 +112,6 @@ a#panier>h3{
     overflow: hidden;
     background-color: rgba(22, 22, 22, 0.61);
     border-bottom: 0.15vw solid rgb(204, 25, 25);
-    
-    
 }
 
 .topnav a {
@@ -148,6 +147,7 @@ a#contactN:hover {
     margin-right: -2%;
 }
 
+
 .topnav input[type=text] {
     float: right;
     padding: 0.5vw;
@@ -174,7 +174,7 @@ footer>div>table {
     border-top: 0.1vw solid rgb(204, 25, 25);
     background-color: rgb(27, 27, 27);
     margin: auto;
-    padding: 2vw 8vw;
+    padding: 0vw 8vw;
 }
 
 a {
@@ -478,7 +478,7 @@ h3:hover {
 /*ESPACE LAISSER COMMENTAIRE*/
 
 #Coms {
-    width: 100%;
+    width: 95%;
     border-top: 0.2vw solid rgb(204, 25, 25);
     margin-top: 5%;
     padding: 2vw 2vw;
diff --git a/Assets/resp.css b/Assets/resp.css
index 3bc70b5..4073cf7 100644
--- a/Assets/resp.css
+++ b/Assets/resp.css
@@ -1,4 +1,4 @@
-@media screen and (max-width: 600px) {
+@media screen and (max-width: 700px) {
     
     /*===========GENERAL===========*/
     h1{
@@ -97,7 +97,7 @@
     tr {
         border-bottom: 0.2vw solid red;
         color: white;
-        height: 4vw;
+        height: 5vw;
     }
 
     th {
@@ -163,12 +163,54 @@
 
     /*=====Produits=======*/
     #Produit>h3 {
-        font-size: 2.5vw;
+        font-size: 2vw;
     }
 
     #Carac>h2 {
-        font-size: 2.5vw;
+        font-size: 2vw;
         color: lightgrey;
     }
+
+    #Client>div>h1 {
+        font-size: 2.8vw;
+    }
+   
+    #Client>div>h3 {
+        font-size: 1.5vw;
+    }
+
+    input, select {
+        font-size: 2.5vw;
+    }
+    input[placeholder=Commentaire],
+    select,
+    input[placeholder="Question, suggestion, remarque"],
+    select {
+    width: 60%;
+    padding: 1vw 1vw;
+    font-size: 2.5vw;
+    }
+
+    input[type=submit],
+    select {
+    font-size: 2.5vw;
+    }
+
+    #Coms>form>h1 {
+        font-size: 2.5vw;
+    }
+
+    #content>h1 {
+        margin-top: 3vw;
+        font-size: 3vw;
+    }
+    
+    #content>h2 {
+        font-size: 2.5vw;
+    }
+
+    #content>ul>li>h3 {
+        font-size: 2vw;
+    }
     
 }
\ No newline at end of file
diff --git a/Images/Icones/facebook.png b/Images/Icones/facebook.png
deleted file mode 100644
index 55704e4..0000000
Binary files a/Images/Icones/facebook.png and /dev/null differ
diff --git a/Images/Icones/insta.png b/Images/Icones/insta.png
deleted file mode 100644
index 8b6c629..0000000
Binary files a/Images/Icones/insta.png and /dev/null differ
diff --git a/Images/Icones/smiley.png b/Images/Icones/smiley.png
deleted file mode 100644
index 78df20c..0000000
Binary files a/Images/Icones/smiley.png and /dev/null differ
diff --git a/Images/Icones/twitter.png b/Images/Icones/twitter.png
deleted file mode 100644
index 38ba7d1..0000000
Binary files a/Images/Icones/twitter.png and /dev/null differ
diff --git a/Images/Icones/yt.png b/Images/Icones/yt.png
deleted file mode 100644
index 0e06931..0000000
Binary files a/Images/Icones/yt.png and /dev/null differ
diff --git a/Images/Produits/cat.png b/Images/Produits/cat.png
deleted file mode 100644
index 1e3d06a..0000000
Binary files a/Images/Produits/cat.png and /dev/null differ
diff --git a/Images/Produits/jaune.png b/Images/Produits/jaune.png
deleted file mode 100644
index 0ff342e..0000000
Binary files a/Images/Produits/jaune.png and /dev/null differ
diff --git a/Images/Produits/loupeN.png b/Images/Produits/loupeN.png
deleted file mode 100644
index c82c104..0000000
Binary files a/Images/Produits/loupeN.png and /dev/null differ
diff --git a/Images/Produits/romeo.png b/Images/Produits/romeo.png
deleted file mode 100644
index 004181e..0000000
Binary files a/Images/Produits/romeo.png and /dev/null differ
diff --git a/Images/Produits/soldat.png b/Images/Produits/soldat.png
deleted file mode 100644
index fe7f400..0000000
Binary files a/Images/Produits/soldat.png and /dev/null differ
diff --git a/Images/Produits/terminator.png b/Images/Produits/terminator.png
deleted file mode 100644
index 01e6656..0000000
Binary files a/Images/Produits/terminator.png and /dev/null differ
diff --git a/Images/Produits/valkyrie.png b/Images/Produits/valkyrie.png
deleted file mode 100644
index caa36e8..0000000
Binary files a/Images/Produits/valkyrie.png and /dev/null differ
diff --git a/Images/arrow.png b/Images/arrow.png
deleted file mode 100644
index aa1b3a7..0000000
Binary files a/Images/arrow.png and /dev/null differ
diff --git a/Images/benoit.png b/Images/benoit.png
deleted file mode 100644
index b3c1309..0000000
Binary files a/Images/benoit.png and /dev/null differ
diff --git a/Images/florian.png b/Images/florian.png
deleted file mode 100644
index f2231af..0000000
Binary files a/Images/florian.png and /dev/null differ
diff --git a/index.html b/index.html
index 3d7bebd..69b27b8 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,7 @@
 
 <body>
 
-    <nav id="nav">
+    <nav>
         <div class="topnav">
             <a id="kyflo" class="active" href="index.html">KyFlo</a>
             <a id="nous" href="Assets/Pages/Autres/nous.html">A propos</a>
@@ -39,7 +39,7 @@
             <a href="Assets/Pages/Produits/nao.html"><img src="Assets/Images/Promotions/promo1.png" alt></a>
         </figure>
     </div>
-    <button id="hautPage" onclick="window.location.href='#nav'"><img src="Assets/Images/Icones/arrow.png" alt></button>
+    <button id="hautPage" onclick="window.location.href='#kyflo'"><img src="Assets/Images/Icones/arrow.png" alt></button>
     <div id="content">
         <div id="produits">
             <h1>Tout nos produits :</h1>
