diff --git a/CV_Khalid.html b/CV_Khalid.html
new file mode 100644
index 0000000..2150cd9
--- /dev/null
+++ b/CV_Khalid.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>CV - CHENOUNA Khalid</title>
+</head>
+<body>
+    <script>
+        function printCV() {
+            window.print();
+        }
+    </script>
+    <button onclick="printCV()">Imprimer le CV</button>
+
+    <header>
+        <h1>CHENOUNA Khalid</h1>
+        <p>Formation</p>
+        <p>+33 7 66 09 72 72</p>
+        <p>chenouna.khalid1031@gmail.com</p>
+        <p>143 allée de la dalençonne, 77350 Le Mée Sur Seine</p>
+        <style>
+            body {
+                font-family: Arial, sans-serif;
+                margin: 20px;
+            }
+    
+            h1, h2, h3 {
+                color: #333;
+            }
+    
+            p {
+                color: #666;
+            }
+    
+            .section {
+                margin-bottom: 20px;
+            }
+    
+            .education, .experience {
+                margin-left: 20px;
+            }
+    
+            .skills {
+                margin-left: 20px;
+                font-weight: bold;
+            }
+        </style>
+    </header>
+
+    <section class="section">
+        <h2>Formation</h2>
+        <div class="education">
+            <h3>2023 - 2024 : Première année de BUT Informatique</h3>
+            <p>IUT de Fontainebleau</p>
+        </div>
+        <div class="education">
+            <h3>2023 : Baccalauréat Général (mention assez bien)</h3>
+            <p>Spécialités:
+                - Mathématiques (transformée en Maths Complémentaires durant la Terminale)
+                - Numérique et Sciences Informatiques
+                - Sciences de l'Ingénieur
+            </p>
+            <p>Lycée Léonard de Vinci, 77000 Melun</p>
+        </div>
+    </section>
+
+    <section class="section">
+        <h2>Loisirs</h2>
+        <div class="interests">
+            <p>Programmation : Projets personnels en LUA (language informatique impératif) pour créer un jeu vidéo sur la plateforme Roblox</p>
+        </div>
+    </section>
+
+    <section class="section">
+        <h2>Langues</h2>
+        <p>- Français (langue maternelle)</p>
+        <p>- Anglais (niveau B2)</p>
+        <p>- Espagnol (niveau A1)</p>
+        <p>- Arabe (niveau B1)</p>
+    </section>
+
+    <section class="section">
+        <h2>Compétences Informatiques</h2>
+        <div class="skills">
+            <p>C89 : Bonne maîtrise (réalisation du jeu Snake)</p>
+            <p>Programmation Web HTML 5/CSS : Notions (création d&#39;un site de location)</p>
+            <p>Base de données Oracle SQL : Bonne maîtrise</p>
+            <p>UML: Bonne maîtrise</p>
+            <p>Administration et réseaux Bash : Bonne maîtrise (installation d&#39;un poste de travail)</p>
+            <p>LUA : Réalisation d'un projet ( créer un jeu vidéo sur la plateforme Roblox)</p>
+    </section>
+
+    <section class="section">
+        <h2>Expérience Professionnelle</h2>
+        <div class="experience">
+            <p>Mars 2023 : Stage d'observation d'une semaine dans une boulangerie.</p>
+        </div>
+    </section>
+
+ 
+
+</body>
+</html>
\ No newline at end of file
diff --git a/CV_Lenny.html b/CV_Lenny.html
index 0758454..82ff8dd 100644
--- a/CV_Lenny.html
+++ b/CV_Lenny.html
@@ -15,7 +15,6 @@
 
     <header>
         <h1>FOULOU Lenny</h1>
-        <p>Formation</p>
         <p>+33 7 69 20 13 37</p>
         <p>lenny.foulou@etu.u-pec.fr</p>
         <p>27 rue des Chanois, 77000 Livry sur Seine</p>
@@ -63,6 +62,10 @@
             </p>
             <p>Lycée Simone Signoret, 77000 Vaux-le-Pénil</p>
         </div>
+        <div class="education">
+            <h3>2020 Brevet des collèges avec mention très bien</h3>
+            <p>Collège La Mare aux champs</p>
+        </div>
     </section>
 
     <section class="section">
diff --git a/Decathlon-logo.png b/Decathlon-logo.png
new file mode 100644
index 0000000..a5da0a4
Binary files /dev/null and b/Decathlon-logo.png differ
diff --git a/ULM.png b/ULM.png
new file mode 100644
index 0000000..13dcc9c
Binary files /dev/null and b/ULM.png differ
diff --git a/bateau_familiale.jpg b/bateau_familiale.jpg
new file mode 100644
index 0000000..eb62872
Binary files /dev/null and b/bateau_familiale.jpg differ
diff --git a/bateau_luxe.png b/bateau_luxe.png
new file mode 100644
index 0000000..ac9e3f9
Binary files /dev/null and b/bateau_luxe.png differ
diff --git a/camping_car.jpg b/camping_car.jpg
new file mode 100644
index 0000000..ef16cb3
Binary files /dev/null and b/camping_car.jpg differ
diff --git a/caravane.jpg b/caravane.jpg
new file mode 100644
index 0000000..45b22af
Binary files /dev/null and b/caravane.jpg differ
diff --git a/ciel_background.jpeg b/ciel_background.jpeg
new file mode 100644
index 0000000..79ca665
Binary files /dev/null and b/ciel_background.jpeg differ
diff --git a/contact.html b/contact.html
index 19a11ca..3b30c49 100644
--- a/contact.html
+++ b/contact.html
@@ -69,7 +69,7 @@
             </div>
     
             <div class="creator-profile">
-                <img src="perso.png" alt="Créateur 2">
+                <img src="khalid.jpeg" alt="Créateur 2">
                 <div class="profile-description">
                     <h3>Khalid CHENOUNA</h3>
                     <p>Co-dirigeant et webmaster de Pegasus</p>
@@ -79,7 +79,7 @@
                 </div>
             </div>
             <div class="creator-profile">
-                <img src="perso.png" alt="Créateur 3">
+                <img src="yanis.jpeg" alt="Créateur 3">
                 <div class="profile-description">
                     <h3>Nom du Créateur 3</h3>
                     <p>Designer de Pegasus</p>
diff --git a/desert_background.jpg b/desert_background.jpg
new file mode 100644
index 0000000..f62087b
Binary files /dev/null and b/desert_background.jpg differ
diff --git a/equipement.html b/equipement.html
index e69de29..ca67070 100644
--- a/equipement.html
+++ b/equipement.html
@@ -0,0 +1,237 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="initial-scale=1,width=device-width">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
+
+    <title>Pegasus</title>
+    <link rel="stylesheet" href="style.css">
+    
+</head>
+
+<body>
+
+
+    <div class="header-placeholder"></div>
+    <header>
+        <h2 class="logo"><img src="logo1.png" alt="Votre Logo" width="100"></h2>
+        <div class="menu-toggle">
+            <img src="menu.png" alt="Menu Burger" width="30">
+        </div>
+        <nav class="navigation">
+            <a href ="index.html">Acceuil</a>
+            <a href ="réservation.html">Réservation</a>
+            <a href ="equipement.html">Nos équipements</a>
+            <a href ="contact.html">Contact</a>
+            <a href ="faq.html">FAQ</a>
+        </nav>
+        <div class="menu-toggle" id="mobile-menu">
+            <span></span>
+            <span></span>
+            <span></span>
+        </div>
+    
+        <div class="mobile-menu">
+            <a href="index.html">Acceuil</a>
+            <a href="réservation.html">Réservation</a>
+            <a href="equipement.html">Nos équipements</a>
+            <a href="contact.html">Contact</a>
+            <a href="faq.html">FAQ</a>
+        </div>
+    </header>    
+    
+    <section class="presentation">
+        <img src="logo2.png" alt="Votre Logo" width="500" style="margin-left: auto; margin-right: auto;">
+      
+        <h2>Voici la liste de nos équipements</h2>
+        <p>Choisissez le thème :</p>
+      
+        <div class="theme-buttons">
+          <button class="theme-button">Ciel</button>
+          <button class="theme-button">Mer</button>
+          <button class="theme-button">Neige</button>
+          <button class="theme-button">Désert</button>
+        </div>
+      
+        <div class="theme-contents">
+            <div class="theme-content ciel">
+                <h3>Ciel</h3>
+                <p>Explorez les hauteurs avec nos équipements aériens. Profitez de vues panoramiques et d'une expérience céleste inoubliable.</p>
+        
+                <div class="equipment-list">
+                    <div class="equipment-item">
+                        <img src="montgolfiere.jpg" alt="Montgolfière">
+                        <div class="equipment-info">
+                            <h4>Montgolfière</h4>
+                            <p>Envolez-vous vers l'extraordinaire avec notre montgolfière de rêve ! Profitez d'une vue panoramique à couper le souffle, glissant doucement dans le ciel.</p>
+                            <p>Âge minimum requis: 8 ans</p>
+                            <p>Tarif : 150€/h</p>
+                        </div>
+                    </div>
+        
+                    <!-- Ajoutez un autre équipement dans la même ligne -->
+                    <div class="equipment-item">
+                        <img src="ULM.png" alt="Autre Image">
+                        <div class="equipment-info">
+                            <h4>( ! MISE EN PLACE ETE 2024 ! ) ULM</h4>
+                            <p>Cet Aéronef ultraléger motorisé va vous faire sentir tel un oiseau dans le ciel ! Volez parmi les volatiles et sentez l'air parcourir votre visage, tel un homme libre !</p>
+                            <p>Âge minimum requis: 14 ans, Accompagné d'un accompagnateur professionnel</p>
+                            <p>Tarif : 125€/h</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="theme-content mer hidden">
+                <!-- Contenu pour le thème Mer -->
+                <h3>Mer</h3>
+                <p>Plongez dans l'aventure aquatique avec nos équipements marins. Ressentez la liberté et l'excitation sur l'eau avec nos offres exceptionnelles.</p>
+                <div class="equipment-list">
+                    <div class="equipment-item">
+                        <img src="jetski.jpg" alt="Jet Ski">
+                        <div class="equipment-info">
+                            <h4>Jet Ski</h4>
+                            <p>Découvrez l'ultime sensation de liberté aquatique avec notre jet-ski ! 
+                                Puissant, agile et conçu pour l'aventure, il offre des moments inoubliables sur l'eau. 
+                                Embarquez dès maintenant pour des escapades palpitantes et des souvenirs pleins de vitesse et de plaisir. 
+                                Le jet-ski, c'est la promesse d'une expérience aquatique exceptionnelle !</p>
+
+                            <p>Âge minimum requis: 12 ans accompagné, 16 ans non accompagné</p>
+                            <p>Tarif : 60€/30 min | 35€/15min</p>
+                        </div>
+                    </div>
+
+                    <div class="equipment-item">
+                        <img src="bateau_luxe.png" alt="Bateau de Luxe">
+                        <div class="equipment-info">
+                            <h4>Bateau de luxe a haute vitesse</h4>
+                            <p>Embarquez à bord de notre bateau de luxe à haute vitesse pour une expérience maritime exceptionnelle. Doté de performances incomparables, ce navire vous offre une aventure palpitante sur les vagues.</p>
+                            <p>Que vous cherchiez l'adrénaline des virages rapides ou simplement une croisière élégante, notre bateau de luxe répondra à toutes vos attentes.</p>
+
+                            <p>Âge minimum requis: 18 ans, Nb max personnes : 8 pers</p>
+                            <p>Tarif : 350€/h </p>
+                        </div>
+                    </div>
+
+                    <div class="equipment-item">
+                        <img src="bateau_familiale.jpg" alt="Bateau familiale">
+                        <div class="equipment-info">
+                            <h4>Bateau familiale</h4>
+                            <p>Profitez de moments mémorables en famille à bord de notre bateau familial spacieux et confortable. Ce navire est conçu pour offrir une expérience maritime détendue et sécurisée pour tous les membres de la famille.</p>
+                            <p>Que vous souhaitiez explorer la côte, pêcher tranquillement ou simplement vous détendre au soleil, notre bateau familial est l'option idéale.</p>
+
+                            <p>Âge minimum requis: Tout âges, 16 ans accompagné</p>
+                            <p>Tarif : 100€/h </p>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+
+
+            <div class="theme-content neige">
+                <h3>Neige</h3>
+                <p>Vibrez au rythme de l'hiver avec nos équipements conçus pour les paysages enneigés. Profitez d'une aventure hivernale mémorable.</p>
+        
+                <div class="equipment-list">
+                    <div class="equipment-item">
+                        <img src="motoneige.jpg" alt="Motoneige">
+                        <div class="equipment-info">
+                            <h4>Motoneige</h4>
+                            <p>Découvrez l'adrénaline hivernale avec notre moto-neige ultime, conçue pour dompter les paysages enneigés. Vibrez au rythme de l'aventure et explorez des terrains gelés avec une puissance inégalée</p>
+                            <p>Âge minimum requis: 16 ans</p>
+                            <p>Tarif : 150€/h</p>
+                        </div>
+                    </div>
+        
+                    <!-- Ajoutez un autre équipement dans la même ligne -->
+                    <div class="equipment-item">
+                        <img src="tout-terrain-neige.jpeg" alt="Tout terrain électrique">
+                        <div class="equipment-info">
+                            <h4>Tout Terrain électrique</h4>
+                            <p>Domptez les étendues enneigées avec notre tout-terrain électrique spécial neige. 
+                               Silencieux et puissant, ce véhicule vous offre une aventure hivernale inoubliable, parfait pour explorer les paysages enneigés en toute tranquillité.</p>
+                            <p>Âge minimum requis: 14 ans</p>
+                            <p>Tarif : 65€/h </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+
+          <div class="theme-content desert">
+                <h3>Desert</h3>
+                <p>Explorez les vastes étendues désertiques avec nos équipements tout-terrain. Vivez une aventure désertique inoubliable.</p>
+        
+                <div class="equipment-list">
+                    <div class="equipment-item">
+                        <img src="buggy.jpg" alt="Montgolfière">
+                        <div class="equipment-info">
+                            <h4>Buggy tout terrain</h4>
+                            <p>Découvrez l'excitation ultime du désert avec notre buggy tout-terrain. Conçu pour la puissance et l'aventure, il vous propulse à travers les dunes pour une expérience palpitante et inoubliable.</p>
+                            <p>Conditions : Permis B confirmé (3ans), tous ages passagers</p>
+                            <p>Tarif par heure: 125 €</p>
+                        </div>
+                    </div>
+        
+                    <!-- Ajoutez un autre équipement dans la même ligne -->
+                    <div class="equipment-item">
+                        <img src="mystere.jpg" alt="Qui est ce ?">
+                        <div class="equipment-info">
+                            <h4>ARRIVE PROCHAINEMENT</h4>
+                            <p>Restés informés, on vous tiendra au jus !</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+      
+        <p class="slogan">Vivez l'aventure, louez avec Pegasus!</p>
+      </section>
+       
+    
+    
+
+  <footer>
+    <div class="footer-content">
+        <div class="footer-section about">
+            <h2>Mentions légales</h2>
+            <p><a href="mention.html">Mentions légales</a></p>
+        </div>
+        <div class="footer-section contact">
+            <h2>Contactez-nous</h2>
+            <p>Email: contact@pegasus.com</p>
+            <p>Téléphone: +123 456 789</p>
+        </div>
+        <div class="social-icons">
+            <h2>Réseaux sociaux</h2>
+            <a href="#" target="_blank"><img src="facebook.png" alt="Facebook" width="30" height="30"></a>
+            <a href="#" target="_blank"><img src="twitter.png" alt="Twitter" width="30" height="30"></a>
+            <a href="#" target="_blank"><img src="instagram.png" alt="Instagram" width="30" height="30"></a>
+        </div>
+       
+        <div class="footer-section links">
+            <h2>Liens rapides</h2>
+            <ul>
+                <li><a href="index.html">Acceuil</a></li>
+                <li><a href="réservation.html">Réservation</a></li>
+                <li><a href="equipement.html">Nos équipements</a></li>
+                <li><a href="contact.html">Contact</a></li>
+                <li><a href="faq.html">FAQ</a></li>
+            </ul>
+        </div>
+    </div>
+    <div class="footer-bottom">
+        <p>&copy; 2024 Pegasus. Tous droits réservés.</p>
+        <p>Créez par Lenny FOULOU, Khalid CHENOUNA et Yanis RECHACHI</p>
+    </div>
+</footer>
+<button id="backToTopBtn" title="Retour en haut">↑</button>
+<script src="script.js"></script>
+
+
+
+</body>
\ No newline at end of file
diff --git a/faq.html b/faq.html
index 4103531..94ff351 100644
--- a/faq.html
+++ b/faq.html
@@ -24,7 +24,7 @@
             <a href ="index.html">Acceuil</a>
             <a href ="réservation.html">Réservation</a>
             <a href ="equipement.html">Nos équipements</a>
-            <a href ="contact.html">Contact</a>
+            <a href ="contact.html">À propos</a>
             <a href ="faq.html">FAQ</a>
         </nav>
         <div class="menu-toggle" id="mobile-menu">
@@ -87,26 +87,28 @@
     <footer>
         <div class="footer-content">
             <div class="footer-section about">
-                <h2>À propos de nous</h2>
-                <p>Explorez vos vacances avec Pegasus, votre partenaire idéal pour la location d'équipement de loisir.</p>
+                <h2>Mentions légales</h2>
+                <p><a href="mention.html">Mentions légales</a></p>
             </div>
             <div class="footer-section contact">
                 <h2>Contactez-nous</h2>
-                <p>Email: contact@pegasus.com</p>
-                <p>Téléphone: +123 456 789</p>
-                <div class="social-icons">
-                    <a href="#" target="_blank"><img src="facebook.png" alt="Facebook" width="30" height="30"></a>
-                    <a href="#" target="_blank"><img src="twitter.png" alt="Twitter" width="30" height="30"></a>
-                    <a href="#" target="_blank"><img src="instagram.png" alt="Instagram" width="30" height="30"></a>
-                </div>
+                <p>Email: contact.pegasusloc@gmail.com</p>
+                <p>Téléphone: +33 1 23 45 67 89</p>
             </div>
+            <div class="social-icons">
+                <h2>Réseaux sociaux</h2>
+                <a href="#" target="_blank"><img src="facebook.png" alt="Facebook" width="30" height="30"></a>
+                <a href="#" target="_blank"><img src="twitter.png" alt="Twitter" width="30" height="30"></a>
+                <a href="#" target="_blank"><img src="instagram.png" alt="Instagram" width="30" height="30"></a>
+            </div>
+           
             <div class="footer-section links">
                 <h2>Liens rapides</h2>
                 <ul>
                     <li><a href="index.html">Acceuil</a></li>
                     <li><a href="réservation.html">Réservation</a></li>
                     <li><a href="equipement.html">Nos équipements</a></li>
-                    <li><a href="contact.html">Contact</a></li>
+                    <li><a href="contact.html">À propos</a></li>
                     <li><a href="faq.html">FAQ</a></li>
                 </ul>
             </div>
@@ -114,7 +116,6 @@
         <div class="footer-bottom">
             <p>&copy; 2024 Pegasus. Tous droits réservés.</p>
             <p>Créez par Lenny FOULOU, Khalid CHENOUNA et Yanis RECHACHI</p>
-
         </div>
     </footer>
     <button id="backToTopBtn" title="Retour en haut">↑</button>
diff --git a/khalid.jpeg b/khalid.jpeg
new file mode 100644
index 0000000..5c42ce2
Binary files /dev/null and b/khalid.jpeg differ
diff --git a/logo2.png b/logo2.png
index d9eb58c..82662f8 100644
Binary files a/logo2.png and b/logo2.png differ
diff --git a/luge.jpg b/luge.jpg
new file mode 100644
index 0000000..2b9b01e
Binary files /dev/null and b/luge.jpg differ
diff --git a/main.c b/main.c
new file mode 100644
index 0000000..1706ff2
--- /dev/null
+++ b/main.c
@@ -0,0 +1,97 @@
+#include <stdlib.h>
+#include <stdio.h>
+#include <graph.h>
+#include "../include/serpent.h"
+#include "../include/pastilles.h"
+#include "../include/terrain.h"
+#include "../include/jeu.h"
+#include "../include/structures.h"
+#include "../include/menu.h"
+#include "../include/timer.h"
+#define CYCLE 10000L
+
+
+int lancer_jeu() {
+    JEU jeu;
+    TIMER temps ;
+    TERRAIN terrain;
+    SERPENT snake;
+    PASTILLE pill;
+    
+    
+    jeu.direction = 4;
+    jeu.last_direction = 4;
+    jeu.score = 0;
+    jeu.touche = 0;
+    jeu.jeu_en_cours = 1;
+    terrain.x = 600;
+    terrain.y = 400;
+    terrain.fond;
+    snake.pos_x[2400];
+    snake.pos_y[2400];
+    snake.old_x[2400];
+    snake.old_y[2400];
+    snake.serpent;
+    snake.segment = 10;
+    pill.p;
+    pill.pastille;
+    pill.pastillex[5];
+    pill.pastilley[5];
+    
+    
+   
+   EffacerEcran(CouleurParComposante(114, 148, 77));
+    temps.suivant = Microsecondes() + CYCLE;
+    temps.old_seconde = (temps.suivant / 1000000) % 10;
+
+    DessinerScene(&temps, &terrain, &snake, &pill); 
+
+    ChoisirCouleurDessin(CouleurParComposante(114, 148, 77));
+    RemplirRectangle(0, 700, 1200, 800);
+    
+     
+     
+     
+     while (jeu.jeu_en_cours) {
+        Controle(&jeu);
+        if (jeu.paused == 0) {
+            Timer(&temps);
+            Update_Timer(&temps);
+            Serpent(&snake, &terrain, &jeu, &pill,&temps);
+            Pastille(&pill);
+            Update_Score(&jeu);
+            
+        }
+    }
+    dessinerTempsFinal(temps.seconde);
+    dessinerScoreFin(jeu.score);   
+}
+
+int main() {
+    int choix = 0;
+
+    InitialiserGraphique();
+    CreerFenetre(350, 100, 1200, 800);
+    afficher_menu(&choix);
+
+    if (choix == 1) {
+        TIMER temps;
+        temps.minute = 0;
+        temps.seconde = 0;
+        temps.seconde_actuel = 0;
+        temps.old_seconde = 0;
+        temps.suivant = Microsecondes() + CYCLE;
+
+        lancer_jeu(&temps);
+        
+        
+    } 
+    
+    if (choix == 2) {
+        FermerGraphique();
+        return EXIT_SUCCESS;
+    } 
+
+    FermerGraphique();
+    return EXIT_SUCCESS;
+}
\ No newline at end of file
diff --git a/mer_background.jpg b/mer_background.jpg
new file mode 100644
index 0000000..cae2289
Binary files /dev/null and b/mer_background.jpg differ
diff --git a/mystere.jpg b/mystere.jpg
new file mode 100644
index 0000000..e38c682
Binary files /dev/null and b/mystere.jpg differ
diff --git a/neige_background.jpg b/neige_background.jpg
new file mode 100644
index 0000000..fa68d5b
Binary files /dev/null and b/neige_background.jpg differ
diff --git a/script.js b/script.js
index ea9d1e8..b95c6a4 100644
--- a/script.js
+++ b/script.js
@@ -1,5 +1,4 @@
-
-    var mybutton = document.getElementById("backToTopBtn");
+var mybutton = document.getElementById("backToTopBtn");
 
     // Afficher le bouton lorsqu'on descend en dessous de 20 pixels depuis le haut de la page
     window.onscroll = function () {
@@ -39,3 +38,40 @@
             mobileMenu.style.display = mobileMenu.style.display === 'none' ? 'flex' : 'none';
         });
     });
+
+    document.addEventListener('DOMContentLoaded', function () {
+        var buttons = document.querySelectorAll('.theme-button');
+        var contents = document.querySelectorAll('.theme-content');
+    
+        // Ajoutez une classe "hidden" à tous les contenus initialement
+        contents.forEach(function (content) {
+            content.classList.add('hidden');
+        });
+    
+        buttons.forEach(function (button, index) {
+            button.addEventListener('click', function () {
+                // Cachez tous les contenus
+                contents.forEach(function (content) {
+                    content.classList.add('hidden');
+                });
+    
+                // Retirez la classe "hidden" du contenu associé au bouton cliqué
+                contents[index].classList.remove('hidden');
+    
+                // Gérez le fond spécifique au thème
+                if (contents[index].classList.contains('ciel')) {
+                    document.body.classList.remove('mer-background', 'neige-background', 'desert-background');
+                    document.body.classList.add('ciel-background');
+                } else if (contents[index].classList.contains('mer')) {
+                    document.body.classList.remove('ciel-background', 'neige-background', 'desert-background');
+                    document.body.classList.add('mer-background');
+                } else if (contents[index].classList.contains('neige')) {
+                    document.body.classList.remove('ciel-background', 'mer-background', 'desert-background');
+                    document.body.classList.add('neige-background');
+                } else if (contents[index].classList.contains('desert')) {
+                    document.body.classList.remove('ciel-background', 'mer-background', 'neige-background');
+                    document.body.classList.add('desert-background');
+                }
+            });
+        });
+    });
diff --git a/skis.jpg b/skis.jpg
new file mode 100644
index 0000000..4174367
Binary files /dev/null and b/skis.jpg differ
diff --git a/style.css b/style.css
index d490dca..36b80dd 100644
--- a/style.css
+++ b/style.css
@@ -393,3 +393,61 @@
         }
     }
 
+    .hidden {
+        display: none;
+    }
+
+    .equipment-list {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+    }
+      
+    .equipment-item {
+        width: calc(50% - 10px); /* 10px de marge entre les éléments */
+        margin-bottom: 20px;
+        box-sizing: border-box;
+    }
+      
+    .equipment-item img {
+        width: 100%;
+        height: auto;
+    }
+
+    body.no-margin .theme-button {
+        margin-bottom: 100px; /* Ajoutez la marge que vous préférez */
+      }
+
+    .equipment-item {
+        width: calc(50% - 10px); /* Utilisez 50% pour deux équipements par ligne, ajustez si nécessaire */
+        margin-bottom: 20px;
+        box-sizing: border-box; /* Assurez-vous que la largeur inclut la marge */
+        background-color: rgba(255, 255, 255, 0.7); /* Ajoutez une couleur de fond semi-transparente pour améliorer la lisibilité du texte */
+        padding: 15px; /* Ajoutez une marge intérieure pour améliorer la lisibilité du texte */
+    }    
+    
+    .ciel-background {
+        background-image: url('ciel_background.jpeg'); /* Remplacez 'ciel_background.jpg' par le chemin de votre image de fond */
+        background-size: cover;
+        background-position: center;
+        background-repeat: no-repeat;
+        padding: 20px; /* Ajoutez une marge intérieure pour améliorer la lisibilité du contenu */
+    }
+      
+    
+    .mer-background {
+        background-image: url('mer_background.jpg'); /* Remplacez 'mer_background.jpg' par le chemin de votre image de fond pour la mer */
+        background-size: cover;
+        background-position: center;
+        background-repeat: no-repeat;
+    }
+
+    .neige-background {
+        background-image: url('neige_background.jpg'); /* Remplacez 'chemin_vers_l_image.jpg' par le chemin de votre image de fond pour la neige */
+        padding: 20px; /* Ajoutez une marge intérieure pour améliorer la lisibilité du contenu */
+    }
+
+    .desert-background {
+        background-image: url('desert_background.jpg'); /* Remplacez 'chemin_vers_l_image_desert.jpg' par le chemin de votre image de fond pour le désert */
+        padding: 20px; /* Ajoutez une marge intérieure pour améliorer la lisibilité du contenu */
+    }
\ No newline at end of file
diff --git a/tout-terrain-neige.jpeg b/tout-terrain-neige.jpeg
new file mode 100644
index 0000000..bd57ef6
Binary files /dev/null and b/tout-terrain-neige.jpeg differ
diff --git a/van_amenage.jpg b/van_amenage.jpg
new file mode 100644
index 0000000..b716cbd
Binary files /dev/null and b/van_amenage.jpg differ
diff --git a/yamaha.jpg b/yamaha.jpg
new file mode 100644
index 0000000..11e6b3e
Binary files /dev/null and b/yamaha.jpg differ
diff --git a/yanis.jpeg b/yanis.jpeg
new file mode 100644
index 0000000..a09749e
Binary files /dev/null and b/yanis.jpeg differ
