diff --git a/index.html b/index.html
index ac2ca4f..a925dea 100644
--- a/index.html
+++ b/index.html
@@ -1,26 +1,27 @@
 <!DOCTYPE html>
-<html>
+<html lang="fr-FR">
 	<head>
-		<meta charset='utf-8'/>
-		<title>Timothée Huneau</title>
-		<link rel='stylesheet' href='style.css' type='text/css'/>
+		<meta charset="utf-8"/>
+		<meta name="description" content="Page personelle de Timothée Huneau"/>
+		<meta name="color-scheme" content="light dark"/>
+		<title>Timothée Huneau - page personelle</title>
+		<link rel="stylesheet" href="style.css" type="text/css"/>
 	</head>
 	<body>
 		<nav>
 			<h1 title="Tous ces liens mènent vers des sous-domaines de timotheehuneau.fr">Les liens utiles</h1>
 			<ul>
-				<li><a href="https://cuisine.timotheehuneau.fr">le classeur de recettes</a></li>
-				<li><a href="https://kihemkoi.timotheehuneau.fr">le kihemkoi</a></li>
-				<li><a href="https://forge.timotheehuneau.fr">la forge git</a></li>
+				<li><a href="https://cuisine.timotheehuneau.fr" title="c'est une ébauche …">le classeur de recettes</a></li>
+				<li><a href="https://kihemkoi.timotheehuneau.fr" title="connexion nécessaire">le kihemkoi</a></li>
+				<li><a href="https://forge.timotheehuneau.fr" title="IPv6 only">la forge git</a></li>
 			</ul>
 		</nav>
 		<section id='principal'>
 			<h1 title="C'est moi !">Timothée Huneau</h1>
-			<p>Encore un peu de temps avant qu'il y ait du contenu ici ...</p>
-			<p>J'existe aussi sur <a href="https://www.geogebra.org/u/timothéehuneau">GeoGebra</a> !</p>
-			<p>Pour me contacter, vous pouvez m'envoyer un mail à cette adresse : <a href="mailto:contact@timotheehuneau.fr">contact[at]timotheehuneau[dot]fr</a>.</p>
 			<h2>Qui suis-je ?</h2>
-			<p>Je fais des maths, de la pâtisserie et du crochet, je bidouille des ordis (plus <em>soft</em>ware que hardware) et euh … bah va falloir atttendre que cette section se remplisse toute seule !</p>
+			<p>Je fais des maths, de la pâtisserie et du crochet, je bidouille des ordis (plus <em>soft</em>ware que <em>hard</em>ware) et euh … bah va falloir atttendre que cette section se remplisse toute seule !</p>
+			<h2>Où me trouver ?</h2>
+			<p>J'existe sur <a href="https://www.geogebra.org/u/timothéehuneau">GeoGebra</a> ! Plus sérieusement, pour me contacter, vous pouvez m'envoyer un mail à cette adresse : <a href="mailto:contact@timotheehuneau.fr">contact[at]timotheehuneau[dot]fr</a>.</p>
 		</section>
 	</body>
 </html>
diff --git a/style.css b/style.css
index a26a48e..0c2cd44 100644
--- a/style.css
+++ b/style.css
@@ -8,6 +8,7 @@
 	--couleur-gris-4: #242450;
 }
 
+
 body{
 	display: flex;
 	flex-direction: row;
@@ -16,11 +17,26 @@ body{
 }
 
 nav {
-	width: 15%;
+	max-width: 20em;
 }
 
+
 #principal{
 	width: 50%;
-	background-color: var(--couleur-gris-1);
 	padding: 1em
-}
\ No newline at end of file
+}
+
+@media (max-width: 50em) {
+	
+	body {
+		flex-direction: column;
+		align-items: center
+	}	
+
+
+	#principal, nav {
+		width: 95%;
+		text-align: justify;
+	}
+}
+
