diff --git a/src/VVNVTCBMRSBQVVJJRklDQVRFVVI=bWFyaW5lNEVWRVI8Mw==.html b/src/VVNVTCBMRSBQVVJJRklDQVRFVVI=bWFyaW5lNEVWRVI8Mw==.html
new file mode 100644
index 0000000..1daeff2
--- /dev/null
+++ b/src/VVNVTCBMRSBQVVJJRklDQVRFVVI=bWFyaW5lNEVWRVI8Mw==.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Les Enfants de Gaia</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <header>
+        <h1>Les Enfants de Gaia</h1>
+        <nav>
+            <ul>
+                <li><a href="index.html#accueil">Accueil</a></li>
+                <li><a href="index.html#evenements">Événements</a></li>
+                <li><a href="index.html#equipe">Notre Équipe</a></li>
+                <li><a href="index.html#contact">Contact</a></li>
+                <li><a href="login.html">Connexion astrale</a></li>
+            </ul>
+        </nav>
+    </header>
+
+	<article>
+		<h2>Bienvenue Usul le Purificateur !</h2>
+Voici l’outil de communication secret de la confrérie.
+<aside>
+<h3>Liste des membres en ligne</h3>
+<ul>
+	<li>Alain Robert</li>
+	<li>Alexandra Masson </li>
+	<li>Angélique Ranc </li>
+	<li>Bennala</li>
+	<li>Bryan Masson </li>
+	<li>Caroline Colombier </li>
+	<li>Christian Girard </li>
+	<li>Christine Loir </li>
+	<li>Christophe Barthès </li>
+	<li>Edwige Diaz </li>
+	<li>Enzi Zattaron</li>
+	<li>Franck Allisio </li>
+	<li>Frédéric Falcon </li>
+	<li>Gisèle Lelouis </li>
+	<li>Grégoire De Fournas </li>
+	<li>Géraldine Grangier </li>
+	<li>Gérard Longuet</li>
+	<li>Gérard Écorcheville</li>
+	<li>Hugues Leclère</li>
+	<li>Jack Marchal</li>
+	<li>Jaul Parreau</li>
+	<li>Jean-Noël Prade</li>
+	<li>Jocelyn Dessigny </li>
+	<li>Jordan Bardella</li>
+	<li>Jordan Guitton </li>
+	<li>Jorys Bovet </li>
+	<li>José Beaurain </li>
+	<li>José Gonzales </li>
+	<li>Joëlle Mélin </li>
+	<li>Julien Rancoule </li>
+	<li>Jérôme Buisson </li>
+	<li>Katiana Levavasseur </li>
+	<li>Kévin Mauvieux </li>
+	<li>Laurent Bazin</li>
+	<li>Lionel Tivoli </li>
+	<li>Lisette Pollet </li>
+	<li>Mrigitte Bacron</li>
+	<li>Muillaume de Geurice</li>
+	<li>Nathalie Da Conceicao Carvalho </li>
+	<li>Nicolas Dragon </li>
+	<li>Nicolas Meizonnet </li>
+	<li>Pascal Praud</li>
+	<li>Pascale Bordes </li>
+	<li>Pierre Meurin </li>
+	<li>Robert Allo</li>
+	<li>Romain Baubry </li>
+	<li>Serge Muller </li>
+	<li>Thomas Hugues</li>
+	<li>Timothée Houssin </li>
+	<li>Yoann Gillet </li>
+<ul>
+</aside>
+<p>
+Ta dernière quête, l’épreuve de l’air, commence à présent.
+Elle te préparera à repousser les fléaux de notre erre et à défendre ta patrie comme elle t’a défendue.
+<br/>
+<br/>
+Nous avons infiltré les instances dirigeante de l’association depuis des générations.
+<br/>
+Leur QG n’a plus de secrets pour nous, mais la réciproque n’est pas vraie car ils ont trop baissé la tête face à l’effacement de notre culture.
+</p>
+		
+	</article>
+</body>
+</html>
+
diff --git a/src/index.html b/src/index.html
index ef3f88e..6cf9e16 100644
--- a/src/index.html
+++ b/src/index.html
@@ -7,6 +7,7 @@
     <link rel="stylesheet" href="style.css">
 </head>
 <body>
+	<div id="container">
     <header>
         <h1>Les Enfants de Gaia</h1>
         <nav>
@@ -15,6 +16,7 @@
                 <li><a href="#evenements">Événements</a></li>
                 <li><a href="#equipe">Notre Équipe</a></li>
                 <li><a href="#contact">Contact</a></li>
+                <li><a href="login.html">Connexion astrale</a></li>
             </ul>
         </nav>
     </header>
@@ -51,14 +53,15 @@
 		<img src="lettre.jpg" />
 		<main>
         <h2>Contactez-nous</h2>
-        <p>Pour toute question ou demande, n'hésitez pas à nous contacter à l’adresse enfants-de-gaia@jean-cloud.net</p>
+        <p>Suite à une trop forte solicitation, nous devons mettre en pause les demande de stages. Nous espérons les réouvrir au plus vite et vous remercions pour votre compréhension.</p>
 		</main>
     </section>
 	<footer>
 		<p>
-			Text généré par chatGPT, images pixabay.com, hébergement web jean-cloud.net, css domaine publique.
+			Texte généré par chatGPT, images pixabay.com, hébergement web jean-cloud.net, html,css et javascript domaine publique.
 		</p>
 	</footer>
+	</div>
 </body>
 </html>
 
diff --git a/src/login.html b/src/login.html
new file mode 100644
index 0000000..1d8e088
--- /dev/null
+++ b/src/login.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Les Enfants de Gaia</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <header>
+        <h1>Les Enfants de Gaia</h1>
+        <nav>
+            <ul>
+                <li><a href="index.html#accueil">Accueil</a></li>
+                <li><a href="index.html#evenements">Événements</a></li>
+                <li><a href="index.html#equipe">Notre Équipe</a></li>
+                <li><a href="index.html#contact">Contact</a></li>
+                <li><a href="login.html">Connexion astrale</a></li>
+            </ul>
+        </nav>
+    </header>
+
+	<article>
+		<form id="form">
+			login :
+			<input type="text" id="login" />
+			<br />
+
+			Mot de passe :
+			<input type="password" id="password" />
+			<br />
+
+			<input type="submit" value="Valider"/>
+		</form>
+
+	</article>
+
+	<script type="text/javascript">
+
+		function validate(event) {
+			login = document.getElementById('login').value
+			password = document.getElementById('password').value
+			window.location.href = btoa(login) + btoa(password) + '.html';
+
+			event.preventDefault();
+			event.stopPropagation();
+			return false
+		}
+		document.getElementById("form").addEventListener('submit', validate)
+	</script>
+    </body>
+</html>
+
diff --git a/src/style.css b/src/style.css
index 370ee06..4667bdb 100644
--- a/src/style.css
+++ b/src/style.css
@@ -17,6 +17,7 @@ body {
 	height:95%;
 }
 
+
 /* Styles pour l'en-tête */
 header {
     background-color: #26a18a8c;
@@ -41,7 +42,6 @@ nav ul li {
 }
 
 nav ul li a {
-    text-decoration: none;
     color: #333;
     font-weight: bold;
 }
@@ -92,3 +92,15 @@ footer {
 	font-size:0.1em;
 }
 
+aside {
+	float: right;
+	padding: 20px;
+}
+article {
+	padding: 20px;
+}
+
+#container {
+	max-width: 900px;
+	margin:auto;
+}
