diff --git a/calendrier.html b/calendrier.html
new file mode 100644
index 0000000..288b747
--- /dev/null
+++ b/calendrier.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>INSAtlse FPV - Calendrier</title>
+    <style>
+        body { font-family: Arial, sans-serif; margin: 0; padding: 0; line-height: 1.6; background-color: #f4f4f9; color: #333; }
+        header { background: #d32f2f; color: #fff; padding: 20px; text-align: center; }
+        nav { background: #333; display: flex; justify-content: center; }
+        nav a { color: white; padding: 14px 20px; text-decoration: none; text-align: center; }
+        nav a:hover { background: #555; }
+        .container { max-width: 1000px; margin: 20px auto; padding: 20px; background: white; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
+        .iframe-container { position: relative; width: 100%; height: 600px; border: none; }
+        iframe { width: 100%; height: 100%; border: 1px solid #ccc; border-radius: 4px; }
+        footer { text-align: center; padding: 15px; background: #333; color: white; margin-top: 20px; }
+    </style>
+</head>
+<body>
+
+    <header>
+        <h1>INSAtlse FPV</h1>
+        <p>Calendrier des activités et sessions de vol</p>
+    </header>
+
+    <nav>
+        <a href="index.html">Accueil</a>
+        <a href="calendrier.html">Calendrier</a>
+        <a href="contact.html">Contact</a>
+    </nav>
+
+    <div class="container">
+        <h2>Calendrier du Club</h2>
+        <p>Retrouvez ci-dessous nos prochaines sessions, ateliers et événements intégrés via Grist :</p>
+        
+        <div class="iframe-container">
+            <iframe src="https://docs.getgrist.com/wXnsPkVxwMDx/INSAt-FPV-gestion?utm_id=share-doc" title="Calendrier Grist INSAtlse FPV"></iframe>
+        </div>
+    </div>
+
+    <footer>
+        <p>&copy; INSAtlse FPV - Tous droits réservés</p>
+    </footer>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/contact.html b/contact.html
new file mode 100644
index 0000000..94938b1
--- /dev/null
+++ b/contact.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>INSAtlse FPV - Contact</title>
+    <style>
+        body { font-family: Arial, sans-serif; margin: 0; padding: 0; line-height: 1.6; background-color: #f4f4f9; color: #333; }
+        header { background: #d32f2f; color: #fff; padding: 20px; text-align: center; }
+        nav { background: #333; display: flex; justify-content: center; }
+        nav a { color: white; padding: 14px 20px; text-decoration: none; text-align: center; }
+        nav a:hover { background: #555; }
+        .container { max-width: 700px; margin: 20px auto; padding: 20px; background: white; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
+        .contact-card { background: #f9f9f9; border-left: 5px solid #d32f2f; padding: 15px; margin: 15px 0; border-radius: 4px; }
+        .contact-card a { color: #d32f2f; text-decoration: none; font-weight: bold; }
+        .contact-card a:hover { text-decoration: underline; }
+        footer { text-align: center; padding: 15px; background: #333; color: white; margin-top: 20px; }
+    </style>
+</head>
+<body>
+
+    <header>
+        <h1>INSAtlse FPV</h1>
+        <p>Contacte le club</p>
+    </header>
+
+    <nav>
+        <a href="index.html">Accueil</a>
+        <a href="calendrier.html">Calendrier</a>
+        <a href="contact.html">Contact</a>
+    </nav>
+
+    <div class="container">
+        <h2>Une question ? Envie de nous rejoindre ?</h2>
+        <p>N'hésite pas à nous contacter sur nos réseaux ou par e-mail :</p>
+
+        <div class="contact-card">
+            <h3>Instagram</h3>
+            <p>Suis nos actus, nos vidéos de vol et envoie-nous un DM :</p>
+            <a href="https://www.instagram.com/" target="_blank">@insatlse_fpv</a>
+        </div>
+
+        <div class="contact-card">
+            <h3>E-mail</h3>
+            <p>Pour toute demande officielle, partenariat ou information :</p>
+            <a href="mailto:fpv@insa-toulouse.fr">fpv@insa-toulouse.fr</a>
+        </div>
+    </div>
+
+    <footer>
+        <p>&copy; INSAtlse FPV - Tous droits réservés</p>
+    </footer>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..fbf666a
--- /dev/null
+++ b/index.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>INSAtlse FPV - Accueil</title>
+    <style>
+        body { font-family: Arial, sans-serif; margin: 0; padding: 0; line-height: 1.6; background-color: #f4f4f9; color: #333; }
+        header { background: #d32f2f; color: #fff; padding: 20px; text-align: center; }
+        nav { background: #333; display: flex; justify-content: center; }
+        nav a { color: white; padding: 14px 20px; text-decoration: none; text-align: center; }
+        nav a:hover { background: #555; }
+        .container { max-width: 900px; margin: 20px auto; padding: 20px; background: white; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
+        footer { text-align: center; padding: 15px; background: #333; color: white; position: relative; bottom: 0; width: 100%; margin-top: 20px; }
+        .hero { text-align: center; padding: 40px 20px; background: #e0e0e0; border-radius: 8px; margin-bottom: 20px; }
+        .hero h2 { margin-bottom: 10px; }
+    </style>
+</head>
+<body>
+
+    <header>
+        <h1>INSAtlse FPV</h1>
+        <p>Le club de drone FPV de l'INSA Toulouse</p>
+    </header>
+
+    <nav>
+        <a href="index.html">Accueil</a>
+        <a href="calendrier.html">Calendrier</a>
+        <a href="contact.html">Contact</a>
+    </nav>
+
+    <div class="container">
+        <section class="hero">
+            <h2>Bienvenue sur le site du club FPV !</h2>
+            <p>Passionnés de vol en immersion, de pilotage de drones ou de DIY/électronique ? Rejoins-nous !</p>
+        </section>
+
+        <section>
+            <h3>À propos du club</h3>
+            <p>Le club INSAtlse FPV rassemble les étudiants passionnés par l'univers du FPV (First Person View). Que tu sois débutant souhaitant apprendre à piloter sur simulateur ou pilote confirmé prêt à enchaîner les sessions de freestyle et de race, tu es le bienvenu.</p>
+            <ul>
+                <li><strong>Sessions Simulateur & Pilotage :</strong> Entraînements réguliers en intérieur et extérieur.</li>
+                <li><strong>Ateliers Build & Repair :</strong> Conseils et aide pour monter et réparer tes drones.</li>
+                <li><strong>Événements & Sorties :</strong> Rencontres et sessions de vol en groupe.</li>
+            </ul>
+        </section>
+    </div>
+
+    <footer>
+        <p>&copy; INSAtlse FPV - Tous droits réservés</p>
+    </footer>
+
+</body>
+</html>
\ No newline at end of file