diff --git a/css/style.css b/css/style.css
index 45979c6..7c9e9be 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,3 +1,6 @@
+header {
+    text-align: center;
+}
 nav {
     text-align: center;
     background-color: #f2f2f2; /* Couleur de fond */
@@ -20,7 +23,9 @@ footer {
     color: #fff; /* Couleur du texte */
     padding: 20px; /* Espacement intérieur du footer */
 }
-
+h2 {
+    text-align: center;
+}
 .a-propos {
     max-width: 600px; /* Largeur maximale du contenu */
     margin: 0 auto; /* Centre le contenu horizontalement */
@@ -45,4 +50,112 @@ footer p {
 body {
     margin: 0; /* Retire les marges */
     padding: 0; /* Retire les paddings */
-}
\ No newline at end of file
+}
+/* Création de la grille pour les articles */
+article {
+    display: grid;
+    grid-template-columns: 1fr; /* Une seule colonne */
+    grid-template-rows: auto auto; /* Deux lignes, ajustées à la hauteur du contenu */
+    grid-gap: 10px; /* Espacement entre les éléments */
+    text-align: center; /* Centre le contenu des articles */
+}
+
+/* Ajustement de l'image dans la première ligne */
+article img {
+    max-width: 100%; /* Assurez-vous que les images ne dépassent pas de leurs conteneurs */
+    grid-row: 1; /* Place l'image dans la première ligne */
+}
+
+/* Ajustement du texte dans la deuxième ligne */
+article p {
+    margin: 0; /* Réinitialise les marges par défaut */
+    grid-row: 2; /* Place le texte dans la deuxième ligne */
+}
+/* Ajustement de l'image dans la première ligne */
+article img {
+    max-width: 100%; /* Assurez-vous que les images ne dépassent pas de leurs conteneurs */
+    height: 200px; /* Hauteur fixe pour toutes les images */
+    object-fit: cover; /* Ajuste la taille de l'image pour couvrir le conteneur tout en conservant ses proportions */
+    grid-row: 1; /* Place l'image dans la première ligne */
+}
+
+/* Target all articles within the `main` section */
+main article {
+    /* Display as inline-block elements to form a grid */
+    display: inline-block;
+  
+    /* Set equal width for each article (adjust as needed) */
+    width: 23.75%; /* 100% divided by 4 columns */
+    margin: 1.25%; /* Adjust spacing as needed */
+  
+    /* Text styles for clarity and readability */
+    text-align: center;
+    font-family: sans-serif; /* Choose your preferred font family */
+    color: #333; /* Adjust text color */
+  }
+  
+  /* Ensure articles span only 2 rows instead of 4 */
+  main article:nth-child(5n+1),
+  main article:nth-child(5n+2),
+  main article:nth-child(5n+3),
+  main article:nth-child(5n+4) {
+    clear: none; /* Prevent clearing after every 4th article */
+  }
+  
+  /* Responsive adjustments for smaller screens */
+  @media (max-width: 768px) {
+    main article {
+      /* Switch to 2 columns instead of 4 on narrow screens */
+      width: 47.5%; /* 100% divided by 2 columns */
+    }
+  
+    /* Clear after every 2nd article to maintain 2 rows */
+    main article:nth-child(3n+1),
+    main article:nth-child(3n+2) {
+      clear: none;
+    }
+  }
+  
+  @media (max-width: 480px) {
+    /* Switch to 1 column on very narrow screens */
+    main article {
+      width: 100%;
+    }
+  
+    /* Clear after every article to prevent gaps */
+    main article {
+      clear: none;
+    }
+  }
+  .Plateforme {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr); /* Deux colonnes de largeur égale */
+    grid-gap: 20px; /* Espacement entre les éléments */
+    justify-items: center; /* Centre les éléments horizontalement */
+    margin: 0 auto; /* Centre le conteneur horizontalement */
+    max-width: 900px; /* Optionnel : Limite la largeur maximale du conteneur */
+}
+
+  p {
+    text-align: center;
+  }
+  .produits {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+.produits img {
+    margin-right: 20px; /* Ajustez la marge selon vos besoins */
+    height: 725px;
+    width: 725px;
+}
+
+.produits h2 {
+    flex: 1; /* Permet au titre de prendre l'espace restant */
+    margin-right: 20px;
+}
+
+.produits h3 {
+    width: 100%; /* Assure que le paragraphe occupe toute la largeur */
+}
diff --git a/html/bureau gaming.html b/html/bureau gaming.html
index 9c2cb4a..8034d27 100644
--- a/html/bureau gaming.html	
+++ b/html/bureau gaming.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/Bureau_Gaming.png" alt="Bureau Gaming" />
-            <h2>Bureau Gaming <br> Poids : 31,3 kg.</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/Bureau_Gaming.png" alt="Bureau Gaming" />
+                <h2>
+                    Bureau Gaming <br />
+                    Poids : 31,3 kg.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/casque gaming.html b/html/casque gaming.html
index b461fe8..7261a7d 100644
--- a/html/casque gaming.html	
+++ b/html/casque gaming.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/Casque Gaming.png" alt="Casque Gaming" />
-            <h2>Casque Gaming <br> Poids : 275 g.</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/Casque Gaming.png" alt="Casque Gaming" />
+                <h2>
+                    Casque Gaming <br />
+                    Poids : 275 g.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/casque xbox.html b/html/casque xbox.html
index 9b7d373..fc421d4 100644
--- a/html/casque xbox.html	
+++ b/html/casque xbox.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/casque xbox.jpeg" alt="Casque Xbox" />
-            <h2>Casque Xbox <br> Poids : 312 g.</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/casque xbox.jpeg" alt="Casque Xbox" />
+                <h2>
+                    Casque Xbox <br />
+                    Poids : 312 g.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/clavier.html b/html/clavier.html
index 9559fd4..6756d54 100644
--- a/html/clavier.html
+++ b/html/clavier.html
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/Clavier.png" alt="Clavier Gaming" />
-            <h2>Clavier Gaming <br> Poids : 1,15 kg.</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/Clavier.png" alt="Clavier Gaming" />
+                <h2>
+                    Clavier Gaming <br />
+                    Poids : 1,15 kg.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/enceinte gaming.html b/html/enceinte gaming.html
index b898a74..416d41b 100644
--- a/html/enceinte gaming.html	
+++ b/html/enceinte gaming.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/Enceinte.png" alt="Enceinte Gaming" />
-            <h2>Enceinte Gaming <br> Poids : 120 kg.</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/Enceinte.png" alt="Enceinte Gaming" />
+                <h2>
+                    Enceinte Gaming <br />
+                    Poids : 120 kg.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/fauteuil gaming.html b/html/fauteuil gaming.html
index ebe6cbc..8d4ed15 100644
--- a/html/fauteuil gaming.html	
+++ b/html/fauteuil gaming.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/Fauteuil gamer.png" alt="Fauteuil Gaming" />
-            <h2>Fauteuil Gaming <br> Poids : 120 kg.</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/Fauteuil gamer.png" alt="Fauteuil Gaming" />
+                <h2>
+                    Fauteuil Gaming <br />
+                    Poids : 120 kg.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/manette xbox elite.html b/html/manette xbox elite.html
index 76709df..3334330 100644
--- a/html/manette xbox elite.html	
+++ b/html/manette xbox elite.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/manette xbox elite .jpeg" alt="Manette Xbox Elite" />
-            <h2>Manette Xbox Elite <br> Poids : 345 g.</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/manette xbox elite .jpeg" alt="Manette Xbox Elite" />
+                <h2>
+                    Manette Xbox Elite <br />
+                    Poids : 345 g.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/manette xbox series x et s.html b/html/manette xbox series x et s.html
index 46e37c6..b262e89 100644
--- a/html/manette xbox series x et s.html	
+++ b/html/manette xbox series x et s.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/manette xbox x-s.png" alt="Manette Xbox Series X et S" />
-            <h2>Manette Xbox Series X et S <br> Poids : 262 g.</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/manette xbox x-s.png" alt="Manette Xbox Series X et S" />
+                <h2>
+                    Manette Xbox Series X et S <br />
+                    Poids : 262 g.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/manette xbox.html b/html/manette xbox.html
deleted file mode 100644
index a577390..0000000
--- a/html/manette xbox.html	
+++ /dev/null
@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>PlayStation</title>
-        <link rel="stylesheet" href="../css/style.css" />
-    </head>
-    <body>
-        <header>
-            <h1>Site E-commerce pour consoles vidéo</h1>
-            <p>Bienvenue sur notre site ! Découvrez tout nos produits en rapport avec le jeux video.</p>
-        </header>
-        <nav>
-            <a href="../index.html">Accueil</a>
-            <a href="nintendo.html">Nintendo</a>
-            <a href="playstation.html">PlayStation</a>
-            <a href="xbox.html">Xbox</a>
-            <a href="pc.html">PC</a>
-            <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
-        </nav>
-        <main>
-            <img src="../image/manette xbox elite .jpeg" alt="Manette Xbox" />
-            <h2>Manette Xbox <br> Poids : 345 g.</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
-            <section class="a-propos">
-                <h2>A propos de Nous</h2>
-                <p>
-                    Nous sommes une boutique en ligne spécialisée dans la vente de consoles vidéo toute generations, et
-                    aussi de jeux vidéo. Notre mission est de vous fournir les meilleurs produits au meilleur prix.
-                </p>
-                <p>
-                    Parcourez notre catalogue pour découvrir une large sélection de consoles Nintendo, PlayStation, Xbox
-                    et pc, ainsi que des accessoires et des jeux.
-                </p>
-            </section>
-        </main>
-        <footer>
-            <p>© 2024 Site E-commerce. Tous droits réservés.</p>
-        </footer>
-    </body>
-</html>
\ No newline at end of file
diff --git a/html/nintendo 3ds.html b/html/nintendo 3ds.html
index 7adcd00..50ba040 100644
--- a/html/nintendo 3ds.html	
+++ b/html/nintendo 3ds.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/Nintendo 3DS.png" alt="Nintendo 3DS" />
-            <h2>Nintendo 3DS <br> Poids : 329 g .</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/Nintendo 3DS.png" alt="Nintendo 3DS" />
+                <h2>
+                    Nintendo 3DS <br />
+                    Poids : 329 g .
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/nintendo 64.html b/html/nintendo 64.html
index 6915028..4a4de5f 100644
--- a/html/nintendo 64.html	
+++ b/html/nintendo 64.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/Nintendo 64.png" alt="Nintendo 64" />
-            <h2>Nintendo 64 <br> Poids : 1,1 kg .</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/Nintendo 64.png" alt="Nintendo 64" />
+                <h2>
+                    Nintendo 64 <br />
+                    Poids : 1,1 kg .
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/nintendo ds.html b/html/nintendo ds.html
index b812ff6..688721b 100644
--- a/html/nintendo ds.html	
+++ b/html/nintendo ds.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/Nintendo DS.png" alt="Nintendo DS" />
-            <h2>Nintendo DS <br> Poids : 310 g .</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/Nintendo DS.png" alt="Nintendo DS" />
+                <h2>
+                    Nintendo DS <br />
+                    Poids : 310 g .
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/nintendo gamecube.html b/html/nintendo gamecube.html
index 89209fd..aa22a61 100644
--- a/html/nintendo gamecube.html	
+++ b/html/nintendo gamecube.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/Nintendo GameCube.png" alt="Nintendo GameCube" />
-            <h2>Nintendo GameCube <br> Poids : 1.1 kg .</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/Nintendo GameCube.png" alt="Nintendo GameCube" />
+                <h2>
+                    Nintendo GameCube <br />
+                    Poids : 1.1 kg .
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/nintendo switch.html b/html/nintendo switch.html
index 2aced4c..1cd2bf7 100644
--- a/html/nintendo switch.html	
+++ b/html/nintendo switch.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/Nintendo Switch.png" alt="Nintendo Switch" />
-            <h2>Nintendo Switch <br> Poids : 315 g.</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/Nintendo Switch.png" alt="Nintendo Switch" />
+                <h2>
+                    Nintendo Switch <br />
+                    Poids : 315 g.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/nintendo wii u.html b/html/nintendo wii u.html
index 4402827..e20d61e 100644
--- a/html/nintendo wii u.html	
+++ b/html/nintendo wii u.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/Nintendo Wii U.png" alt="Nintendo Wii U" />
-            <h2>Nintendo Wii U <br> Poids : 1,6 kg.</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/Nintendo Wii U.png" alt="Nintendo Wii U" />
+                <h2>
+                    Nintendo Wii U <br />
+                    Poids : 1,6 kg.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/nintendo wii.html b/html/nintendo wii.html
index 235160e..a32a13d 100644
--- a/html/nintendo wii.html	
+++ b/html/nintendo wii.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/Nintendo Wii.png" alt="Nintendo Wii" />
-            <h2>Nintendo Wii <br> Poids : 1,2 kg.</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/Nintendo Wii.png" alt="Nintendo Wii" />
+                <h2>
+                    Nintendo Wii <br />
+                    Poids : 1,2 kg.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/nintendo.html b/html/nintendo.html
index 874e768..b684b91 100644
--- a/html/nintendo.html
+++ b/html/nintendo.html
@@ -20,7 +20,6 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/bannière nintendo.jpeg" alt="bannière Nintendo" />
             <article>
                 <a href="./super nintendo classic.html"
                     ><img src="../image/Super Nintendo Classic.png" alt="Super Nintendo Classic "
diff --git a/html/pc.html b/html/pc.html
index 4e224e9..14ae83a 100644
--- a/html/pc.html
+++ b/html/pc.html
@@ -21,35 +21,39 @@ <h1>Site E-commerce pour consoles vidéo</h1>
         </nav>
         <main>
             <article>
-            <a href="clavier.html"><img src="../image/Clavier.png" alt="Clavier"></a>
+                <a href="clavier.html"><img src="../image/Clavier.png" alt="Clavier" /></a>
                 <p>Clavier Gaming</p>
             </article>
             <article>
-            <a href="enceinte gaming.html"><img src="../image/Enceinte.png" alt="Enceinte Gaming"></a>
+                <a href="enceinte gaming.html"><img src="../image/Enceinte.png" alt="Enceinte Gaming" /></a>
                 <p>Enceinte Gaming</p>
             </article>
             <article>
-            <a href="fauteuil gaming.html"><img src="../image/Fauteuil gamer.png" alt="Fauteuil Gaming"></a>
+                <a href="fauteuil gaming.html"><img src="../image/Fauteuil gamer.png" alt="Fauteuil Gaming" /></a>
                 <p>Fauteuil Gaming</p>
             </article>
             <article>
-            <a href="casque gaming.html"><img src="../image/Casque Gaming.png" alt="Casque Gaming"></a>
+                <a href="casque gaming.html"><img src="../image/Casque Gaming.png" alt="Casque Gaming" /></a>
                 <p>Casque Gaming</p>
             </article>
             <article>
-            <a href="souris gaming.html"><img src="../image/Souris.png" alt="Souris Gaming"></a>
+                <a href="souris gaming.html"><img src="../image/Souris.png" alt="Souris Gaming" /></a>
                 <p>Souris Gaming</p>
             </article>
             <article>
-            <a href="tapis de souris gaming.html"><img src="../image/Tapis de souris Gaming.png" alt="Tapis de souris Gaming"></a>
+                <a href="tapis de souris gaming.html"
+                    ><img src="../image/Tapis de souris Gaming.png" alt="Tapis de souris Gaming"
+                /></a>
                 <p>Tapis de souris Gaming</p>
             </article>
             <article>
-            <a href="bureau gaming.html"><img src="../image/Bureau_Gaming.png" alt="Bureau Gaming"></a>
+                <a href="bureau gaming.html"><img src="../image/Bureau_Gaming.png" alt="Bureau Gaming" /></a>
                 <p>Bureau Gaming</p>
             </article>
             <article>
-            <a href="manette xbox.html"><img src="../image/manette xbox x-s.png" alt="Manette Xbox"></a>
+                <a href="./manette xbox series x et s.html"
+                    ><img src="../image/manette xbox x-s.png" alt="Manette Xbox"
+                /></a>
                 <p>Manette Xbox</p>
             </article>
             <section class="a-propos">
diff --git a/html/playstation 1.html b/html/playstation 1.html
index 02b5945..7c58b8c 100644
--- a/html/playstation 1.html	
+++ b/html/playstation 1.html	
@@ -34,18 +34,17 @@ <h3>
                     quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
                     perspiciatis ab molestias!
                 </h3>
-                <section class="a-propos">
-                    <h2>A propos de Nous</h2>
-                    <p>
-                        Nous sommes une boutique en ligne spécialisée dans la vente de consoles vidéo toute generations,
-                        et aussi de jeux vidéo. Notre mission est de vous fournir les meilleurs produits au meilleur
-                        prix.
-                    </p>
-                    <p>
-                        Parcourez notre catalogue pour découvrir une large sélection de consoles Nintendo, PlayStation,
-                        Xbox et pc, ainsi que des accessoires et des jeux.
-                    </p>
-                </section>
+            </section>
+            <section class="a-propos">
+                <h2>A propos de Nous</h2>
+                <p>
+                    Nous sommes une boutique en ligne spécialisée dans la vente de consoles vidéo toute generations, et
+                    aussi de jeux vidéo. Notre mission est de vous fournir les meilleurs produits au meilleur prix.
+                </p>
+                <p>
+                    Parcourez notre catalogue pour découvrir une large sélection de consoles Nintendo, PlayStation, Xbox
+                    et pc, ainsi que des accessoires et des jeux.
+                </p>
             </section>
         </main>
         <footer>
diff --git a/html/playstation 2.html b/html/playstation 2.html
index 6f349d3..2d316d6 100644
--- a/html/playstation 2.html	
+++ b/html/playstation 2.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/Playstation 2.png" alt="PlayStation 2" />
-            <h2>PlayStation 2 <br> Poids : 2,2 kg.</h2>
-                <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
+            <section class="produits">
+                <img src="../image/Playstation 2.png" alt="PlayStation 2" />
+                <h2>
+                    PlayStation 2 <br />
+                    Poids : 2,2 kg.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
                 </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/playstation 3.html b/html/playstation 3.html
index 8a7fb38..74cc527 100644
--- a/html/playstation 3.html	
+++ b/html/playstation 3.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/Playstation 3.png" alt="PlayStation 3" />
-            <h2>PlayStation 3 <br> Poids : 5 kg.</h2>
-                <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
+            <section class="produits">
+                <img src="../image/Playstation 3.png" alt="PlayStation 3" />
+                <h2>
+                    PlayStation 3 <br />
+                    Poids : 5 kg.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
                 </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/playstation 4.html b/html/playstation 4.html
index fadff23..3e3751f 100644
--- a/html/playstation 4.html	
+++ b/html/playstation 4.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/Playstation 4.png" alt="PlayStation 4" />
-            <h2>PlayStation 4 <br> Poids : 2,8 kg.</h2>
-                <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
+            <section class="produits">
+                <img src="../image/Playstation 4.png" alt="PlayStation 4" />
+                <h2>
+                    PlayStation 4 <br />
+                    Poids : 2,8 kg.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
                 </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/playstation 5.html b/html/playstation 5.html
index f7b23c4..0c267ab 100644
--- a/html/playstation 5.html	
+++ b/html/playstation 5.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/Playstation 4.png" alt="PlayStation 5" />
-            <h2>PlayStation 5 <br> Poids : 3,9 kg.</h2>
-                <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
+            <section class="produits">
+                <img src="../image/Playstation 5.png" alt="PlayStation 5" />
+                <h2>
+                    PlayStation 5 <br />
+                    Poids : 3,9 kg.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
                 </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/playstation vr.html b/html/playstation vr.html
index 2691e92..ab4f143 100644
--- a/html/playstation vr.html	
+++ b/html/playstation vr.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/PlayStation VR.png" alt="PlayStation VR" />
-            <h2>PlayStation VR <br> Poids : 600 g.</h2>
-                <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
+            <section class="produits">
+                <img src="../image/PlayStation VR.png" alt="PlayStation VR" />
+                <h2>
+                    PlayStation VR <br />
+                    Poids : 600 g.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
                 </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/playstation.html b/html/playstation.html
index 81d1c23..97fcb3a 100644
--- a/html/playstation.html
+++ b/html/playstation.html
@@ -20,42 +20,41 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-              <a href="./playstation 1.html"><img src="../image/playstation 1.png" alt="PlayStation 1"></a>
-              <p>PlayStation 1</p>
+            <article>
+                <a href="./playstation 1.html"><img src="../image/playstation 1.png" alt="PlayStation 1" /></a>
+                <p>PlayStation 1</p>
             </article>
             <article>
-              <a href="./playstation 2.html"><img src="../image/Playstation 2.png" alt="PlayStation 2"></a>
-              <p>PlayStation 2</p>
+                <a href="./playstation 2.html"><img src="../image/Playstation 2.png" alt="PlayStation 2" /></a>
+                <p>PlayStation 2</p>
             </article>
             <article>
-              <a href="./playstation 3.html"><img src="../image/Playstation 3.png" alt="PlayStation 3"></a>
-              <p>PlayStation 3</p>
+                <a href="./playstation 3.html"><img src="../image/Playstation 3.png" alt="PlayStation 3" /></a>
+                <p>PlayStation 3</p>
             </article>
             <article>
-              <a href="./playstation 4.html"><img src="../image/Playstation 4.png" alt="PlayStation 4"></a>
-              <p>PlayStation 4</p>
+                <a href="./playstation 4.html"><img src="../image/Playstation 4.png" alt="PlayStation 4" /></a>
+                <p>PlayStation 4</p>
             </article>
             <article>
-              <a href="./playstation 5.html"><img src="../image/Playstation 5.png" alt="PlayStation 5"></a>
-              <p>PlayStation 5</p>
+                <a href="./playstation 5.html"><img src="../image/Playstation 5.png" alt="PlayStation 5" /></a>
+                <p>PlayStation 5</p>
             </article>
             <article>
-              <a href="./ps vita.html"><img src="../image/PS vita.png" alt="PS Vita"></a>
-              <p>PSP Vita</p>
+                <a href="./ps vita.html"><img src="../image/PS vita.png" alt="PS Vita" /></a>
+                <p>PSP Vita</p>
             </article>
             <article>
-                <a href="./psp.html"><img src="../image/PSP.png" alt="PSP"></a>
+                <a href="./psp.html"><img src="../image/PSP.png" alt="PSP" /></a>
                 <p>PSP</p>
-              </article>
+            </article>
             <article>
-                <a href="./playstation vr.html"><img src="../image/PlayStation VR.png" alt="PlayStation VR"></a>
+                <a href="./playstation vr.html"><img src="../image/PlayStation VR.png" alt="PlayStation VR" /></a>
                 <p>PlayStation VR</p>
-              </article>
-              
-            
+            </article>
         </main>
         <footer>
-          <section class="a-propos">
+            <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
                     Nous sommes une boutique en ligne spécialisée dans la vente de consoles vidéo toute generations, et
diff --git a/html/ps vita.html b/html/ps vita.html
index cc40833..3e1c1a5 100644
--- a/html/ps vita.html	
+++ b/html/ps vita.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/PS vita.png" alt="PS vita" />
-            <h2>PS vita <br> Poids : 219 g.</h2>
-                <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
+            <section class="produits">
+                <img src="../image/PS vita.png" alt="PS vita" />
+                <h2>
+                    PS vita <br />
+                    Poids : 219 g.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
                 </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/psp.html b/html/psp.html
index ee2e99a..e41739f 100644
--- a/html/psp.html
+++ b/html/psp.html
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/PSP.png" alt="PSP" />
-            <h2>PSP <br> Poids : 189 g.</h2>
-                <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
+            <section class="produits">
+                <img src="../image/PSP.png" alt="PSP" />
+                <h2>
+                    PSP <br />
+                    Poids : 189 g.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
                 </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/souris gaming.html b/html/souris gaming.html
index e81b115..e070623 100644
--- a/html/souris gaming.html	
+++ b/html/souris gaming.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/Souris.png" alt="Souris Gaming" />
-            <h2>Souris Gaming <br> Poids : 71 g.</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/Souris.png" alt="Souris Gaming" />
+                <h2>
+                    Souris Gaming <br />
+                    Poids : 71 g.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/super nintendo classic.html b/html/super nintendo classic.html
index 7e465f1..eada59d 100644
--- a/html/super nintendo classic.html	
+++ b/html/super nintendo classic.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/Super Nintendo Classic.png" alt="Super Nintendo Classic" />
-            <h2>Super Nintendo Classic <br> Poids : 0,96 kg.</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/Super Nintendo Classic.png" alt="Super Nintendo Classic" />
+                <h2>
+                    Super Nintendo Classic <br />
+                    Poids : 0,96 kg.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/tapis de souris gaming.html b/html/tapis de souris gaming.html
index c2f08e4..1a48df9 100644
--- a/html/tapis de souris gaming.html	
+++ b/html/tapis de souris gaming.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/Tapis de souris Gaming.png" alt="Tapis de souris Gaming" />
-            <h2>Tapis de souris Gaming <br> Poids : 40g.</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/Tapis de souris Gaming.png" alt="Tapis de souris Gaming" />
+                <h2>
+                    Tapis de souris Gaming <br />
+                    Poids : 40g.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/xbox 360.html b/html/xbox 360.html
index a6f85cd..8d041f7 100644
--- a/html/xbox 360.html	
+++ b/html/xbox 360.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/xbox 360.jpeg" alt="Xbox 360" />
-            <h2>Xbox 360 <br> Poids : 3,5 kg.</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/xbox 360.jpeg" alt="Xbox 360" />
+                <h2>
+                    Xbox 360 <br />
+                    Poids : 3,5 kg.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/xbox one x.html b/html/xbox one x.html
index 6c0dff1..a8ff005 100644
--- a/html/xbox one x.html	
+++ b/html/xbox one x.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/xbox-one-x.jpeg" alt="Xbox One X" />
-            <h2>Xbox One X <br> Poids : 3,81 kg.</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/xbox-one-x.jpeg" alt="Xbox One X" />
+                <h2>
+                    Xbox One X <br />
+                    Poids : 3,81 kg.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/xbox one.html b/html/xbox one.html
index f659292..998b7a0 100644
--- a/html/xbox one.html	
+++ b/html/xbox one.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/xbox one.jpeg" alt="Xbox One" />
-            <h2>Xbox One <br> Poids : 3,54 kg.</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/xbox one.jpeg" alt="Xbox One" />
+                <h2>
+                    Xbox One <br />
+                    Poids : 3,54 kg.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/xbox series s.html b/html/xbox series s.html
index c6d0a4b..a8a0d0c 100644
--- a/html/xbox series s.html	
+++ b/html/xbox series s.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/xbox series s.jpeg" alt="Xbox Series S" />
-            <h2>Xbox Series S <br> Poids : 1,93 kg.</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/xbox series s.jpeg" alt="Xbox Series S" />
+                <h2>
+                    Xbox Series S <br />
+                    Poids : 1,93 kg.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/xbox series x.html b/html/xbox series x.html
index 923d19c..8067aa3 100644
--- a/html/xbox series x.html	
+++ b/html/xbox series x.html	
@@ -20,10 +20,21 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="panier.html"><img src="../image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
         <main>
-            <img src="../image/xbox series x.jpeg" alt="Xbox Series X" />
-            <h2>Xbox Series X <br> Poids : 4,45 kg.</h2>
-            <h3> Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic labore mollitia voluptatum optio cumque. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum perspiciatis ab molestias!
-            </h3>
+            <section class="produits">
+                <img src="../image/xbox series x.jpeg" alt="Xbox Series X" />
+                <h2>
+                    Xbox Series X <br />
+                    Poids : 4,45 kg.
+                </h2>
+                <h3>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia excepturi minus necessitatibus
+                    ipsum pariatur officia quam! Saepe, est possimus. Dolor maxime similique ducimus accusamus, hic
+                    labore mollitia voluptatum optio cumque. <br />
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, molestias recusandae odit a voluptas
+                    quae dolorum, ad commodi dolorem voluptatem asperiores? Ipsam natus nihil distinctio porro nostrum
+                    perspiciatis ab molestias!
+                </h3>
+            </section>
             <section class="a-propos">
                 <h2>A propos de Nous</h2>
                 <p>
@@ -40,4 +51,4 @@ <h2>A propos de Nous</h2>
             <p>© 2024 Site E-commerce. Tous droits réservés.</p>
         </footer>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/html/xbox.html b/html/xbox.html
index f682cb8..b5e058e 100644
--- a/html/xbox.html
+++ b/html/xbox.html
@@ -21,35 +21,39 @@ <h1>Site E-commerce pour consoles vidéo</h1>
         </nav>
         <main>
             <article>
-            <a href="xbox 360.html"><img src="../image/xbox 360.jpeg" alt="Xbox 360"></a>
+                <a href="./xbox 360.html"><img src="../image/xbox 360.jpeg" alt="Xbox 360" /></a>
                 <p>xbox 360</p>
             </article>
             <article>
-            <a href="xbox one.html"><img src="../image/xbox one.jpeg" alt="Xbox one"></a>
+                <a href="./xbox one.html"><img src="../image/xbox one.jpeg" alt="Xbox one" /></a>
                 <p>xbox one</p>
             </article>
             <article>
-            <a href="xbox one x.html"></a><img src="../image/xbox-one-x.jpeg" alt="Xbox one x"></a>
+                <a href="./xbox one x.html"><img src="../image/xbox-one-x.jpeg" alt="Xbox one x" /></a>
                 <p>xbox one x</p>
             </article>
             <article>
-            <a href="xbox series s.html"></a><img src="../image/xbox series s.jpeg" alt="Xbox series s"></a>
+                <a href="./xbox series s.html"><img src="../image/xbox series s.jpeg" alt="Xbox series s" /></a>
                 <p>xbox series s</p>
             </article>
             <article>
-            <a href="xbox series x.html"></a><img src="../image/xbox series x.jpeg" alt="xbox series x"></a>
+                <a href="./xbox series x.html"><img src="../image/xbox series x.jpeg" alt="xbox series x" /></a>
                 <p>xbox series x</p>
             </article>
             <article>
-            <a href="manette xbox series x et s.html"></a><img src="../image/manette xbox x-s.png" alt="manette xbox series x et s"></a>
+                <a href="./manette xbox series x et s.html"
+                    ><img src="../image/manette xbox x-s.png" alt="manette xbox series x et s"
+                /></a>
                 <p>manette xbox series x et s</p>
             </article>
             <article>
-            <a href="manette xbox elite.html"></a><img src="../image/manette xbox elite .jpeg" alt="manette xbox elite"></a>
+                <a href="./manette xbox elite.html"
+                    ><img src="../image/manette xbox elite .jpeg" alt="manette xbox elite"
+                /></a>
                 <p>manette xbox elite</p>
             </article>
             <article>
-            <a href="casque xbox.html"></a><img src="../image/casque xbox.jpeg" alt="casque xbox"></a>
+                <a href="./casque xbox.html"><img src="../image/casque xbox.jpeg" alt="casque xbox" /></a>
                 <p>casque xbox</p>
             </article>
             <section class="a-propos">
diff --git a/index.html b/index.html
index 912b23d..dc756ae 100644
--- a/index.html
+++ b/index.html
@@ -4,11 +4,12 @@
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>site e-commerce</title>
-        <link rel="stylesheet" href="css/style.css">
+        <link rel="stylesheet" href="css/style.css" />
     </head>
     <body>
         <header>
             <h1>Site E-commerce pour consoles vidéo</h1>
+            <p>Bienvenue sur notre site ! Découvrez tout nos produits en rapport avec le monde du jeux video.</p>
         </header>
         <nav>
             <a href="index.html">Accueil</a>
@@ -16,14 +17,13 @@ <h1>Site E-commerce pour consoles vidéo</h1>
             <a href="./html/playstation.html">PlayStation</a>
             <a href="./html/xbox.html">Xbox</a>
             <a href="./html/pc.html">PC</a>
-            <a href="panier.html"><img src="./image/panier.png" alt="Panier" height="20px" /></a>
+            <a href="./html/panier.html"><img src="./image/panier.png" alt="Panier" height="20px" /></a>
         </nav>
 
         <main>
-            <p>Bienvenue sur notre site ! Découvrez tout nos produits en rapport avec le monde du jeux video.</p>
-            <section class="Plateforme">
+            <section>
                 <h2>Plateforme de jeux</h2>
-                <div class="produit">
+                <div class="Plateforme">
                     <a href="./html/nintendo.html"
                         ><img src="./image/logo nintendo.png" alt="logo Nintendo" width="425px"
                     /></a>