diff --git a/Images/Icones/facebook.png b/Images/Icones/facebook.png
new file mode 100644
index 0000000..55704e4
Binary files /dev/null and b/Images/Icones/facebook.png differ
diff --git a/Images/Icones/insta.png b/Images/Icones/insta.png
new file mode 100644
index 0000000..8b6c629
Binary files /dev/null and b/Images/Icones/insta.png differ
diff --git a/Images/Icones/twitter.png b/Images/Icones/twitter.png
new file mode 100644
index 0000000..38ba7d1
Binary files /dev/null and b/Images/Icones/twitter.png differ
diff --git a/Images/Icones/yt.png b/Images/Icones/yt.png
new file mode 100644
index 0000000..0e06931
Binary files /dev/null and b/Images/Icones/yt.png differ
diff --git a/Images/Produits/arrow.svg b/Images/Produits/arrow.svg
new file mode 100644
index 0000000..2d5ea0d
--- /dev/null
+++ b/Images/Produits/arrow.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="700">
+<path d="M350,0 700,700 350,550 0,700" fill="#0C0"/>
+</svg>
\ No newline at end of file
diff --git a/Images/arrow.png b/Images/arrow.png
new file mode 100644
index 0000000..aa1b3a7
Binary files /dev/null and b/Images/arrow.png differ
diff --git a/Images/benoit.png b/Images/benoit.png
new file mode 100644
index 0000000..b3c1309
Binary files /dev/null and b/Images/benoit.png differ
diff --git a/Images/florian.png b/Images/florian.png
new file mode 100644
index 0000000..f2231af
Binary files /dev/null and b/Images/florian.png differ
diff --git a/checkout.html b/checkout.html
index da8ce57..c40ea7c 100644
--- a/checkout.html
+++ b/checkout.html
@@ -4,6 +4,7 @@
 <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="css.css">
 </head>
 <body id="produit">
@@ -12,56 +13,79 @@
     <nav id="nav">
         <div class="topnav">
             <a id ="kyflo" class="active" href="index.html">KyFlo</a>
-            <a id ="nous" href="#nous">A propos</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/cart.png" alt></a>
             <input type="text" placeholder="Rechercher...">
         </div>   
     </nav> 
+    <button id="hautPage" onclick="window.location.href='#nav'"><img src="Images/arrow.png" alt></button>
+    <div id="content">
+        <table id="basket">
+            <tr>
+                <th>Nom Produit</th><th>Quantité</th><th>Prix</th>
+            </tr>
+            <tr>
+                <td>R2D2</td><td><input type="number" value="2"></td><td>500 €</td>
+            </tr>
+            <tr>
+                <td>Nao</td><td><input type="number" value="1"></td><td>5 000€</td>
+            </tr>
+            <tr>
+                <td id="total" COLSPAN=3>TOTAL : 6 000€</td>
+            </tr>
+        </table>
 
-    <table>
-        <tr>
-            <th>Nom Produit</th><th>Quantité</th><th>Prix</th>
-        </tr>
-        <tr>
-            <td>R2D2</td><td><input type="number" value="2"></td><td>500 €</td>
-        </tr>
-        <tr>
-            <td>Nao</td><td><input type="number" value="1"></td><td>5 000€</td>
-        </tr>
-        <tr>
-            <td id="total" COLSPAN=3>TOTAL : 6 000€</td>
-        </tr>
-    </table>
+        <div id="livraison">
+            <h1>Coordonnées de livraison :</h1>
+            <form action="commande.html">
+                <h1>Nom et prénom :</h1>
+                <input type="text" required>
+                
+                <h1>Adresse ligne 1 :</h1>
+                <input type="text" placeholder="Rue, voie, boite postale, nom de société" required>
+                
+                <h1>Adresse ligne 2 :</h1>
+                <input type="text" placeholder="Batiment, Etage, Lieu-Dit">
 
-    <div id="livraison">
-        <h1>Coordonnées de livraison :</h1>
-        <form action="commande.html">
-            <h1>Nom et prénom :</h1>
-            <input type="text" required>
-            
-            <h1>Adresse ligne 1 :</h1>
-            <input type="text" placeholder="Rue, voie, boite postale, nom de société" required>
-            
-            <h1>Adresse ligne 2 :</h1>
-            <input type="text" placeholder="Batiment, Etage, Lieu-Dit">
+                <h1>Ville :</h1>
+                <input type="text" required>
 
-            <h1>Ville :</h1>
-            <input type="text" required>
+                <h1>État / Région / Canton :</h1>
+                <input type="text" required>
 
-            <h1>État / Région / Canton :</h1>
-            <input type="text" required>
+                <h1>Code postal :</h1>
+                <input type="text" required>
 
-            <h1>Code postal :</h1>
-            <input type="text" required>
+                <h1>Numéro de téléphone :</h1>
+                <input type="tel" required>
+                
+                <h1 id="valider">Valider:</h1>
+                <input type="submit" value="Payer">
+        </form> 
+        </div>
+    </div>  
+    <footer>
+        <div id="acces">
+            <table>
+                <tbody>
+                <tr>
+                    <th>Accès rapide</th><th id="line"></th><th>Une question ?</th>
+                </tr>
+                <tr>
+                    <td><a href="index.html">Accueil</a></td>
+                    <td><a href="index.html#slider">Nos Promotions</a></td>
+                    <td></td>
+                </tr>
+                <tr>
+                    <td><a href="index.html#produits">Nos Produits</a></td>
+                    <td><a href="checkout.html">Votre panier</a></td>
+                    <td id="contact"><button onclick="window.location.href='contact.html'" id="contactB">Nous contacter</button></td>
+                </tr>
+                </tbody>
+            </table>    
+        </div>
+    </footer>
 
-            <h1>Numéro de téléphone :</h1>
-            <input type="tel" required>
-            
-            <h1>Valider:</h1>
-            <input type="submit" value="Payer">
-      </form> 
-    </div>
-    
 </body>
 </html>
\ No newline at end of file
diff --git a/commande.html b/commande.html
index e44b8c2..2274783 100644
--- a/commande.html
+++ b/commande.html
@@ -5,13 +5,14 @@
     <meta charset="utf-8" />
     <title>Kyflo</title>
     <link rel="stylesheet" type="text/css" href="css.css">
+    <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
 </head>
 <body>
     
     <nav id="nav">
         <div class="topnav">
             <a id ="kyflo" class="active" href="index.html">KyFlo</a>
-            <a id ="nous" href="#nous">A propos</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/cart.png" alt></a>
             <input type="text" placeholder="Rechercher...">
@@ -22,6 +23,28 @@
         <img src="Images/Produits/pouce.png" alt>
         <h2><a href="index.html">Retourner a l'accueil</a></h2>
        
-    </div>  
+    </div>
+    <footer>
+        <div id="acces">
+            <table>
+                <tbody>
+                <tr>
+                    <th>Accès rapide</th><th id="line"></th><th>Une question ?</th>
+                </tr>
+                <tr>
+                    <td><a href="index.html">Accueil</a></td>
+                    <td><a href="index.html#slider">Nos Promotions</a></td>
+                    <td></td>
+                </tr>
+                <tr>
+                    <td><a href="index.html#produits">Nos Produits</a></td>
+                    <td><a href="checkout.html">Votre panier</a></td>
+                    <td id="contact"><button onclick="window.location.href='contact.html'" id="contactB">Nous contacter</button></td>
+                </tr>
+                </tbody>
+            </table>    
+        </div>
+    </footer>
+  
 </body>
 </html>
\ No newline at end of file
diff --git a/commentaire.html b/commentaire.html
index f0430dd..073b13c 100644
--- a/commentaire.html
+++ b/commentaire.html
@@ -5,23 +5,47 @@
     <meta charset="utf-8" />
     <title>Kyflo</title>
     <link rel="stylesheet" type="text/css" href="css.css">
+    <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
 </head>
 <body>
     
     <nav id="nav">
         <div class="topnav">
             <a id ="kyflo" class="active" href="#home">KyFlo</a>
-            <a id ="nous" href="#nous">A propos</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/cart.png" alt></a>
             <input type="text" placeholder="Rechercher...">
         </div>   
     </nav> 
+    
     <div id="Merci">
         <h1>Merci beaucoup pour votre réponse ! Votre commentaire a été pris en compte !</h1>
         <img src="Images/Produits/pouce.png" alt>
         <h2><a href="index.html">Retourner a l'accueil</a></h2>
        
-    </div>  
+    </div>
+    <footer>
+        <div id="acces">
+            <table>
+                <tbody>
+                <tr>
+                    <th>Accès rapide</th><th id="line"></th><th>Une question ?</th>
+                </tr>
+                <tr>
+                    <td><a href="index.html">Accueil</a></td>
+                    <td><a href="index.html#slider">Nos Promotions</a></td>
+                    <td></td>
+                </tr>
+                <tr>
+                    <td><a href="index.html#produits">Nos Produits</a></td>
+                    <td><a href="checkout.html">Votre panier</a></td>
+                    <td id="contact"><button onclick="window.location.href='contact.html'" id="contactB">Nous contacter</button></td>
+                </tr>
+                </tbody>
+            </table>    
+        </div>
+    </footer>
+  
 </body>
 </html>
\ No newline at end of file
diff --git a/contact.html b/contact.html
index aea6139..3bf4ef1 100644
--- a/contact.html
+++ b/contact.html
@@ -5,8 +5,70 @@
     <meta charset="utf-8" />
     <title>Kyflo</title>
     <link rel="stylesheet" type="text/css" href="css.css">
+    <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
+    
 </head>
 <body>
+    
+    <nav id="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/cart.png" alt></a>
+            <input type="text" placeholder="Rechercher...">
+        </div>   
+    </nav>    
+    
+    <button id="hautPage" onclick="window.location.href='#nav'"><img src="Images/arrow.png" alt></button>
+    <div id="content">
+       <h1>Nous contacter :</h1>
+       <form action="commentaire.html">
+            <h2>Nom et Prénom :</h2>
+            <input type="text" required>
+            
+            <h2>Email :</h2>
+            <input type="text" required>
+            
+            <h2>Question :</h2>
+            <input type="text" placeholder="Question, suggestion, remarque" required>
+            
+            <h2 id="valider">Valider:</h2>
+            <input type="submit" value="Envoyer">
+        </form>
+        <h1>Nos réseaux sociaux :</h1>
+        <table id="reseaux">
+            <tr id="res">
+                <td><a href="#"><img src="Images/Icones/facebook.png" alt></a></td>
+                <td><a href="#"><img src="Images/Icones/twitter.png" alt></a></td>
+                <td><a href="#"><img src="Images/Icones/yt.png" alt></a></td>
+                <td><a href="#"><img src="Images/Icones/insta.png" alt></a></td>
+            </tr>
+        </table>
+
+    </div>
+    
+    <footer>
+        <div id="acces">
+            <table>
+                <tbody>
+                <tr>
+                    <th>Accès rapide</th><th id="line"></th><th>Une question ?</th>
+                </tr>
+                <tr>
+                    <td><a href="index.html">Accueil</a></td>
+                    <td><a href="index.html#slider">Nos Promotions</a></td>
+                    <td></td>
+                </tr>
+                <tr>
+                    <td><a href="index.html#produits">Nos Produits</a></td>
+                    <td><a href="checkout.html">Votre panier</a></td>
+                    <td id="contact"><button onclick="window.location.href='contact.html'" id="contactB">Nous contacter</button></td>
+                </tr>
+                </tbody>
+            </table>    
+        </div>
+    </footer>
 
 </body>
 </html>
\ No newline at end of file
diff --git a/css.css b/css.css
index d71bbd3..fb4aa43 100644
--- a/css.css
+++ b/css.css
@@ -4,6 +4,8 @@
 body{
     background : linear-gradient(to left,#141414, #444444, #141414);
     margin: 0;
+    font-family: 'Roboto', sans-serif;
+
 }
 
 #content{
@@ -27,6 +29,23 @@ body>#bienvenue>h2{
     color : lightgrey;
     text-align: center;
 }
+
+button#hautPage{
+    position: fixed;
+    z-index: 1;
+    left: 95%;
+    top: 90%;
+    padding: 1vw 1vw;
+    background-color: rgba(0, 0, 0, 0.5);
+    border: 0.1vw solid rgb(204,25,25);
+    color: white;
+}
+
+button#hautPage>img{
+    width:2vw;
+}
+
+
 /*=====================================*/
 /*NAVBAR*/
 
@@ -126,8 +145,12 @@ a#nous{
 
 /*======================================*/
 
-
 /*FOOTER*/
+
+footer{
+    margin-top: 8vw;
+}
+
 footer>div>table{
     width: 100%;
     border-top : 0.1vw solid rgb(204,25,25);
@@ -212,20 +235,23 @@ td#contact{
        
 }
 #Merci>h2>a:hover{
-    color : yellow;     
+    color : rgb(204, 25, 25);     
 }
 
 #Merci>img{
-    margin-left: 45%;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
     width : 10%;
     margin-top: 5%;
+    float : none;
 }
 
 
 /*==========================================*/
 
 /*==========================================*/
-/* CSS Produits */
+/* CSS DESCRIPTION PRODUIT */
 /*EN TETE PRODUIT*/
 #Produit{
     margin-top: 5%;
@@ -281,12 +307,25 @@ td#contact{
     transition-duration: 0.5s;
     border-radius: 2vw;
 }
+/*=====================*/
+/* MOSAIQUE PRODUITS*/
+
+#produits{
+    border: 0.1vw solid red;
+    background-color: rgba(0,0,0,0.5);
+    margin-top: 8vw;
+}
 
 table#mosaique{
     width: 100%;
     margin: auto;
 }
 
+table#mosaique>tr{
+    border :0.1vw solid rgb(204, 25, 25);
+    height: 20%;
+}
+
 table#mosaique>tr>td>img{
     width: 20%;
 }
@@ -302,13 +341,13 @@ h3,h4{
 
 h3:hover{
     color: rgb(204, 25, 25);
-    transition-duration: 0.5s;
+    transition-duration: 0.2s;
 }
 /*================================================*/
 /*CARACTERISTIQUES PRODUIT*/
 #Carac{
     width : 100%;
-    border-top : 0.2vw solid white;
+    border-top : 0.2vw solid rgb(204,25,25);
     margin-top: 8%;
 }
 
@@ -354,14 +393,14 @@ h3:hover{
 }
 #Client>div{
     margin-bottom: 3%;
-    border-bottom: 0.1vw solid darkgrey;
+    border-bottom: 0.1vw solid rgb(134, 134, 134);
 }
 
 /*================================================*/
 /*ESPACE LAISSER COMMENTAIRE*/
 #Coms{
     width : 100%;
-    border-top : 0.2vw solid white;
+    border-top : 0.2vw solid rgb(204,25,25);
     margin-top: 5%;
 }
 
@@ -373,7 +412,7 @@ h3:hover{
 #Coms>h2{
     font-size: 3vw;
     color: white;
-    border-top: 0.2vw dashed white;
+    border-top: 0.2vw dashed rgb(204, 25, 25);
     text-align: center;
 }
 
@@ -408,7 +447,7 @@ input:valid{
 }
 
 
-input[placeholder=Commentaire], select {
+input[placeholder=Commentaire], select, input[placeholder="Question, suggestion, remarque"], select {
     width: 60%;
     padding: 1vw 1vw;
     font-size: 1.5vw;
@@ -419,17 +458,25 @@ input[type=submit], select {
     padding: 1vw 1vw;
     font-size: 1.5vw;
     background-color: rgba(0, 0, 0, 0.5);
-    border : 0.15vw solid white;
+    border : 0.15vw solid rgb(204,25,25);
     color : white;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
 }
 
 input[type=submit]:hover {
-    color: black;
-    background-color: rgba(255, 255, 255, 0.856);
+    color: rgb(255, 255, 255);
+    background-color: rgba(204, 25, 25, 0.5);
     transition-duration: 0.5s;
+    border : 0.15vw solid rgb(0, 0, 0);
     border-radius: 2vw;
 }
 
+h1#valider{
+    text-align: center;
+}
+
 table>tr>td>input{
     border: 0vw solid white;
     background-color: rgba(255, 255, 255, 0);
@@ -507,4 +554,76 @@ form[action="commande.html"]>input[type=text], select {
     background-color: rgba(0, 0, 0, 0.2);
 }
 
+input[type=number], select{
+    border : 0.1vw solid white;
+}
+
+table#basket{
+    margin-top: 5vw;
+    background-color: rgba(0, 0, 0, 0.5)
+}
+
+td#total{
+    text-align: right;
+    color: rgb(204,25,25);
+    font-size: 2vw;
+    font-weight: bold;
+    padding: 0vw 2vw;
+}
+
 /*=================================*/
+
+/*CONTACT*/
+
+#content>h1{
+    text-align: center;
+    font-size: 3vw;
+}
+
+#content>form>h2{
+    font-size: 1.5vw;
+    color: lightgrey;
+}
+
+table#reseaux{
+    width: 70%;
+    margin : auto;
+}
+
+tr#res>td{
+    text-align: center;
+}
+
+tr#res>td>a>img{
+    float: none;
+}
+/*===========================*/
+/*QUI SOMMES NOUS*/
+#content>h1{
+    margin-top: 3vw;
+}
+
+#content>h2{
+    font-size: 2vw;
+    color: white;
+    text-align: left;
+    margin-top: 5vw;
+}
+
+#content>ul>li>h3{
+    font-size: 1.5vw;
+    color: lightgrey;
+}
+
+table#equipe{
+    width: 100%;
+}
+
+tr#equ>td{
+    text-align: center;
+}
+
+tr#equ>td>img{
+    float: none;
+    border: 0.2vw solid rgb(204, 25, 25);
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index b77d220..d963276 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,8 @@
     <meta charset="utf-8" />
     <title>Kyflo</title>
     <link rel="stylesheet" type="text/css" href="css.css">
+    <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
+
     
 </head>
 <body>
@@ -12,7 +14,7 @@
     <nav id="nav">
         <div class="topnav">
             <a id ="kyflo" class="active" href="index.html">KyFlo</a>
-            <a id ="nous" href="#nous">A propos</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/cart.png" alt></a>
             <input type="text" placeholder="Rechercher...">
@@ -33,6 +35,7 @@
             <a href="nao.html"><img src="Images/Promotions/promo1.png" alt></a>
         </figure>
     </div>
+    <button id="hautPage" onclick="window.location.href='#nav'"><img src="Images/arrow.png" alt></button>
     <div id="content">
         <div id="produits">
             <h1>Tout nos produits :</h1>
@@ -47,12 +50,15 @@
                 </tr>
                 <tr>
                     <td><a href="#"><img src="Images/Produits/jaune.png" alt><h3>Robot fun</h3><h4>50€</h4></a></td>
-                    <td><a href="#"><img src="Images/Produits/valkyrie.png" alt><h3>Robot valkyrie</h3><h4>00€</h4></a></td>
+                    <td><a href="#"><img src="Images/Produits/valkyrie.png" alt><h3>Robot valkyrie</h3><h4>300€</h4></a></td>
+                </tr>
+                <tr>
+                    <td><a href="#"><img src="Images/Produits/pepper.png" alt><h3>Robot Pepper</h3><h4>15 000€</h4></a></td>
+                    <td><a href="#"><img src="Images/Produits/terminator.png" alt><h3>Robot Terminator</h3><h4>50 000€</h4></a></td>
                 </tr>
             </table>
         </div>
     </div>
-    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
     <footer>
         <div id="acces">
             <table>
@@ -62,13 +68,13 @@
                 </tr>
                 <tr>
                     <td><a href="index.html">Accueil</a></td>
-                    <td><a href="#slider">Nos Promotions</a></td>
+                    <td><a href="index.html#slider">Nos Promotions</a></td>
                     <td></td>
                 </tr>
                 <tr>
-                    <td><a href="#produits">Nos Produits</a></td>
+                    <td><a href="index.html#produits">Nos Produits</a></td>
                     <td><a href="checkout.html">Votre panier</a></td>
-                    <td id="contact"><button id="contactB">Nous contacter</button></td>
+                    <td id="contact"><button onclick="window.location.href='contact.html'" id="contactB">Nous contacter</button></td>
                 </tr>
                 </tbody>
             </table>    
diff --git a/nao.html b/nao.html
index f0968fa..167fe1c 100644
--- a/nao.html
+++ b/nao.html
@@ -5,7 +5,8 @@
     <meta charset="utf-8" />
     <title>Kyflo</title>
     <link rel="stylesheet" type="text/css" href="css.css">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
+
     
 </head>
 <body>
@@ -14,12 +15,13 @@
     <nav id="nav">
         <div class="topnav">
             <a id ="kyflo" class="active" href="index.html">KyFlo</a>
-            <a id ="nous" href="#nous">A propos</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/cart.png" alt></a>
             <input type="text" placeholder="Rechercher...">
         </div>   
     </nav> 
+    <button id="hautPage" onclick="window.location.href='#nav'"><img src="Images/arrow.png" alt></button>
     <div id="content">
         <div id="Produit">
             <img src="Images/Produits/nao.png" alt>
@@ -60,10 +62,32 @@
                 <h1>Commentaire:</h1>
                 <input type="text" placeholder="Commentaire" required>
                 
-                <h1>Valider:</h1>
+                <h1 id="valider">Valider:</h1>
                 <input type="submit" value="Envoyer">
             </form> 
         </div>
     </div>
+    <footer>
+        <div id="acces">
+            <table>
+                <tbody>
+                <tr>
+                    <th>Accès rapide</th><th id="line"></th><th>Une question ?</th>
+                </tr>
+                <tr>
+                    <td><a href="index.html">Accueil</a></td>
+                    <td><a href="index.html#slider">Nos Promotions</a></td>
+                    <td></td>
+                </tr>
+                <tr>
+                    <td><a href="index.html#produits">Nos Produits</a></td>
+                    <td><a href="checkout.html">Votre panier</a></td>
+                    <td id="contact"><button onclick="window.location.href='contact.html'" id="contactB">Nous contacter</button></td>
+                </tr>
+                </tbody>
+            </table>    
+        </div>
+    </footer>
+
 </body>
 </html>
\ No newline at end of file
diff --git a/nous.html b/nous.html
new file mode 100644
index 0000000..1974771
--- /dev/null
+++ b/nous.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <meta charset="utf-8" />
+    <title>Kyflo</title>
+    <link rel="stylesheet" type="text/css" href="css.css">
+    <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
+    
+</head>
+<body>
+    
+    <nav id="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/cart.png" alt></a>
+            <input type="text" placeholder="Rechercher...">
+        </div>   
+    </nav>    
+    
+    <button id="hautPage" onclick="window.location.href='#nav'"><img src="Images/arrow.png" alt></button>
+    <div id="content">
+       <h1>Qui sommes-nous ?</h1>
+       <h2>L'équipe :</h2>
+       <table id="equipe">
+           <tr id="equ">
+               <td><img src="Images/benoit.png" alt></td><td><img src="Images/florian.png" alt></td>
+           </tr>
+       </table>
+       <h2>Nos engagements :</h2>
+       <ul>
+           <li><h3>Etre soucieux de la qualité de nos produits</h3></li>
+           <li><h3>Vendre des robots à la pointe de la technologie</h3></li>
+           <li><h3>Respecter l'environnement</h3></li>
+       </ul>
+        <h1>Nos réseaux sociaux :</h1>
+        <table id="reseaux">
+            <tr id="res">
+                <td><a href="#"><img src="Images/Icones/facebook.png" alt></a></td>
+                <td><a href="#"><img src="Images/Icones/twitter.png" alt></a></td>
+                <td><a href="#"><img src="Images/Icones/yt.png" alt></a></td>
+                <td><a href="#"><img src="Images/Icones/insta.png" alt></a></td>
+            </tr>
+        </table>
+
+    </div>
+    
+    <footer>
+        <div id="acces">
+            <table>
+                <tbody>
+                <tr>
+                    <th>Accès rapide</th><th id="line"></th><th>Une question ?</th>
+                </tr>
+                <tr>
+                    <td><a href="index.html">Accueil</a></td>
+                    <td><a href="index.html#slider">Nos Promotions</a></td>
+                    <td></td>
+                </tr>
+                <tr>
+                    <td><a href="index.html#produits">Nos Produits</a></td>
+                    <td><a href="checkout.html">Votre panier</a></td>
+                    <td id="contact"><button onclick="window.location.href='contact.html'" id="contactB">Nous contacter</button></td>
+                </tr>
+                </tbody>
+            </table>    
+        </div>
+    </footer>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/pepper.html b/pepper.html
index 96f0133..89b99a6 100644
--- a/pepper.html
+++ b/pepper.html
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <title>Kyflo</title>
     <link rel="stylesheet" type="text/css" href="css.css">
+    <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
     
 </head>
 <body id="produit">
@@ -13,12 +14,13 @@
     <nav id="nav">
         <div class="topnav">
             <a id ="kyflo" class="active" href="index.html">KyFlo</a>
-            <a id ="nous" href="#nous">A propos</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/cart.png" alt></a>
             <input type="text" placeholder="Rechercher...">
         </div>   
     </nav> 
+    <button id="hautPage" onclick="window.location.href='#nav'"><img src="Images/arrow.png" alt></button>
     <div id="content">
         <div id="Produit">
             <img src="Images/Produits/pepper.png" alt>
@@ -63,10 +65,32 @@
                 <h1>Commentaire:</h1>
                 <input type="text" placeholder="Commentaire" required>
                 
-                <h1>Valider:</h1>
+                <h1 id="valider">Valider:</h1>
                 <input type="submit" value="Envoyer">
             </form> 
         </div>
     </div>
+    <footer>
+        <div id="acces">
+            <table>
+                <tbody>
+                <tr>
+                    <th>Accès rapide</th><th id="line"></th><th>Une question ?</th>
+                </tr>
+                <tr>
+                    <td><a href="index.html">Accueil</a></td>
+                    <td><a href="index.html#slider">Nos Promotions</a></td>
+                    <td></td>
+                </tr>
+                <tr>
+                    <td><a href="index.html#produits">Nos Produits</a></td>
+                    <td><a href="checkout.html">Votre panier</a></td>
+                    <td id="contact"><button onclick="window.location.href='contact.html'" id="contactB">Nous contacter</button></td>
+                </tr>
+                </tbody>
+            </table>    
+        </div>
+    </footer>
+
 </body>
 </html>
\ No newline at end of file
diff --git a/r2d2.html b/r2d2.html
index d592527..aacea5b 100644
--- a/r2d2.html
+++ b/r2d2.html
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <title>Kyflo</title>
     <link rel="stylesheet" type="text/css" href="css.css">
+    <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
     
 </head>
 <body id="produit">
@@ -13,12 +14,13 @@
     <nav id="nav">
         <div class="topnav">
             <a id ="kyflo" class="active" href="index.html">KyFlo</a>
-            <a id ="nous" href="#nous">A propos</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/cart.png" alt></a>
             <input type="text" placeholder="Rechercher...">
         </div>   
     </nav> 
+    <button id="hautPage" onclick="window.location.href='#nav'"><img src="Images/arrow.png" alt></button>
     <div id="content">
         <div id="Produit">
             <img src="Images/Produits/r2d2.png" alt>
@@ -58,10 +60,32 @@
                 <h1>Commentaire:</h1>
                 <input type="text" placeholder="Commentaire" required>
                 
-                <h1>Valider:</h1>
+                <h1 id="valider">Valider:</h1>
                 <input type="submit" value="Envoyer">
             </form> 
         </div>
     </div>
+    <footer>
+        <div id="acces">
+            <table>
+                <tbody>
+                <tr>
+                    <th>Accès rapide</th><th id="line"></th><th>Une question ?</th>
+                </tr>
+                <tr>
+                    <td><a href="index.html">Accueil</a></td>
+                    <td><a href="index.html#slider">Nos Promotions</a></td>
+                    <td></td>
+                </tr>
+                <tr>
+                    <td><a href="index.html#produits">Nos Produits</a></td>
+                    <td><a href="checkout.html">Votre panier</a></td>
+                    <td id="contact"><button onclick="window.location.href='contact.html'" id="contactB">Nous contacter</button></td>
+                </tr>
+                </tbody>
+            </table>    
+        </div>
+    </footer>
+
 </body>
 </html>
\ No newline at end of file
