diff --git a/index.html b/index.html
index 5a36f8e..d8e148f 100644
--- a/index.html
+++ b/index.html
@@ -8,16 +8,18 @@
     <title>Hatmos</title>
   </head>
   <body>
-    <h1><a href="index.html">Hatmos</a></h1>
-    <h2>Your favorite wannabe technician</h2>
-    <nav>
-      <ul>
-        <li><a href="#myself">A propos</a></li>
-        <li><a href="#projects">Projets</a></li>
-        <li><a href="#pictures">Photos</a></li>
-        <li><a href="#garden">Jardin</a></li>
-      </ul>
-    </nav>
+    <header id="page-top">
+      <h1><a href="index.html">Hatmos</a></h1>
+      <h2>Your favorite wannabe technician</h2>
+      <nav id="top-nav">
+        <ul>
+          <li><a href="#myself">A propos</a></li>
+          <li><a href="#projects">Projets</a></li>
+          <li><a href="#pictures">Photos</a></li>
+          <li><a href="#garden">Jardin</a></li>
+        </ul>
+      </nav>
+    </header>
     <main>
       <a href="about.html"><div id="myself">
         <h1>A propos</h1>
diff --git a/projects.html b/projects.html
index 408f42a..d7f04ac 100644
--- a/projects.html
+++ b/projects.html
@@ -1,9 +1,20 @@
 <!DOCTYPE html>
-<html>
+<html lang="fr-FR">
   <head>
-    
+    <meta chartset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/style.css">
+    <link rel="icon" href="">
+    <title>Hatmos</title>
   </head>
   <body>
-    
+    <h1><a href="index.html">Hatmos</a></h1>
+    <h2>Your favorite wannabe technician<h2>
+    <nav>
+      <ul>
+        <li><a href="lewoapws.html">Apprendre l'Electronique en faisant un Arroseur de Plante Autonome</a></li>
+        <li><a href="projects/self_hosted_debian_server.html">Serveur Debian Auto-heberge</a></li>
+      </ul>
+    </nav>
   </body>
 </html>
diff --git a/projects/lewoapws.html b/projects/lewoapws.html
new file mode 100644
index 0000000..0872c8a
--- /dev/null
+++ b/projects/lewoapws.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="fr-FR">
+  <head>
+    <meta chartset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../styles/style.css">
+    <link rel="icon" href="">
+    <title>Hatmos</title>
+  </head>
+  <body>
+    <h1><a href="../index.html">Hatmos</a></h1>
+    <h2>Your favorite wannabe technician<h2>
+    <main>
+      <h1>Apprendre l'Electronique avec un Arroseur de Plante Automatique</h1>
+      <figure>
+        <img id="work_in_progress" src="https://media1.tenor.com/m/FPsODnFH-dEAAAAC/typing-fast.gif"/>
+        <figcaption>Work In Progress</figcaption>
+      </figure>
+    </main>
+  </body>
+</html>
diff --git a/projects/self_hosted_debian_server.html b/projects/self_hosted_debian_server.html
new file mode 100644
index 0000000..2a0791c
--- /dev/null
+++ b/projects/self_hosted_debian_server.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="fr-FR">
+  <head>
+    <meta chartset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../styles/style.css">
+    <link rel="icon" href="">
+    <title>Hatmos</title>
+  </head>
+  <body>
+    <h1><a href="../index.html">Hatmos</a></h1>
+    <h2>Your favorite wannabe technician<h2>
+    <main>
+      <h1>Serveur Debian Auto-heberge</h1>
+      <figure>
+        <img id="work_in_progress" src="https://media1.tenor.com/m/FPsODnFH-dEAAAAC/typing-fast.gif"/>
+        <figcaption>Work In Progress</figcaption>
+      </figure>
+    </main>
+  </body>
+</html>
+
diff --git a/styles/style.css b/styles/style.css
index adb3427..8c7cd67 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -1,5 +1,29 @@
 body {
-  background-image: url('../images/fond_minimaliste.png');
-  background-size: cover;
-  background-repeat: repeat-y;  
+  background-color: #ffffff;
+  background-image: radial-gradient(circle, #d0d0d5 1.5px, transparent 1px);
+  background-size: 50px 50px;
+  background-repeat: repeat;  
+}
+
+header {
+  background-color: #ffffff;
+}
+
+#top-nav {
+  background-color: #ffffff;
+}
+
+div {
+  background-color: white;
+  transition: box-shadow 0.3s ease;
+}
+
+div:hover{
+  background-color: white;
+  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.3);
+}
+
+footer {
+  background-color: #333333;
+  color: #eeeeee;
 }
