diff --git a/www/css/style.css b/www/css/style.css
index 8726cbd..4b2511d 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -133,6 +133,12 @@ aside {
     background-color: rgb(138, 43, 226);
 }
 
+.accueil p {
+    margin: auto;
+    display: flex;
+    width: 50%;
+}
+
 /****************************/
 /* PAGE: à Propos */
 /* AUTEUR: Stanislas */
diff --git a/www/index.html b/www/index.html
index 1f99d22..37c2367 100644
--- a/www/index.html
+++ b/www/index.html
@@ -7,62 +7,43 @@
 		<title>Warframe2fan</title>
 	</head>
 
-	<body>
+	<body class="accueil">
 		<main>
-			<h1>Site en construction...</h1>
+			<h1>Warframe : <br> Toute une histoire</h1>
+			<p> Entrer texte pour la première section </p>
 			
 			<article>
-				<h2>Besoin d'aide?</h2>
+				<h2>L'histoire de <br> <em>Digital Extreme</em></h2>
 							
-				<p>Remplir le formulaire pour recevoir de l'aide!</p>
+				<p>Entrer le texte de la deuxième section</p>
+			</article>
 
-				<form method="post" action="examen-partie2.html">
-					<fieldset>
-						<legend>Informations du contact en entreprise</legend>
-						
-						<div class="flex-row-center">
-							<label for="prenom">Prénom :</label>
-							<input type="text" name="prenom" id="prenom" required>
-							<label for="nom">Nom :</label>
-							<input type="text" name="nom" id="nom" required>
-						</div>
-						
-						<div class="flex-row-center">
-							<label for="telephone">Tel :</label>
-							<input type="tel" name="telephone" id="telephone" required>
-							<label for="extension">Ext :</label>
-							<input type="number" name="extension" id="extension" required>
-						</div>
-						
-						<div class="flex-row-center">
-							<label for="courriel">Courriel :</label>
-							<input type="email" name="courriel" id="courriel">
-						</div>
-					</fieldset>
-					
-					<fieldset>
-						<legend>Informations pour la visite</legend>
+			<article>
+				<h2>Un univers <em>Sci-fi</em></h2>
 
-						<div class="flex-col">
-							<label for="commentaire">Renseignements supplémentaires (s'il y a lieu) :</label>
-							<textarea name="commentaire" id="commentaire" rows="10"></textarea>	
-						</div>
+				<p>Comme Warframe a déjà plus d’une décennie de vie, 
+					son histoire est devenue très complexe au cours des années. 
+					Des évènements de communautés, des ajouts de mécaniques et de nouvelles zones ont enrichi le narratif. 
+					Toute ces informations prennent son sens en suivant les quêtes principales, qui racontent l’histoire du jeu. 
+					Pour débloquer plus de quêtes d’histoire, il faut que le joueur progresse sur le système solaire et qu’il débloque 
+					des jonctions qui lient les planètes entre elles.</p>
+			</article>
 
-						<div class="flex-row-center">
-							<label for="date_visite">Date souhaitée de la visite :</label>
-							<input type="date" name="date_visite" id="date_visite">
-						</div>
-					</fieldset>
-					
-					<button type="submit">Réservez</button>
-				</form>
+			<article>
+				<h2>Les styles de mission</h2>
+
+				<p>Entrer le texte de la quatrième section</p>
+			</article>
+
+			<article>
+				<h2>Les armures</h2>
+
+				<p>Entrer le texte de la cinquième section</p>
 			</article>
 		</main>
 
-		<aside class="flex-col">
-			<h2>Installez notre application Android</h2>
-
-			<img src="images/qr-code.png" alt="Code QR de l'entreprise">
-		</aside>
+		<footer>
+			<p>© Léa Dezothez.  Tout droits réservés. <br> Novembre 2025 <br> Page créée par Les Alt-F4</p>
+		</footer>
   	</body>
 </html>
\ No newline at end of file
diff --git a/www/Lore.html b/www/lore.html
similarity index 91%
rename from www/Lore.html
rename to www/lore.html
index cc6137a..348a1d2 100644
--- a/www/Lore.html
+++ b/www/lore.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="fr">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
