diff --git a/create.html b/create.html
index ca54611e3b36e51491806a392cbfa5865b3d0d59..3223a90236a244f0dcde6575df99df4b53411724 100644
--- a/create.html
+++ b/create.html
@@ -1,15 +1,18 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="fr">
 <head>
     <meta charset="UTF-8">
     <title>Create Account</title>
+    <link rel="stylesheet" href="./css/form.css">
 </head>
 <body>
-    <h1>Sign up</h1>
-<form action="http://localhost:8080/s4a021-web-backend/SignUp" method="post">
-    <input name="login" type="text" placeholder="username">
-    <input name="pwd" type="password" placeholder="password">
-    <button type="submit">Create my Account</button>
-</form>
+    <div class="form">
+        <h1>REGISTER</h1>
+        <form action="http://localhost:8080/s4a021-web-backend/SignUp" method="post">
+            <input name="login" type="text" placeholder="username">
+            <input name="pwd" type="password" placeholder="password">
+            <button type="submit">Create my Account !</button>
+        </form>
+    </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/css/form.css b/css/form.css
new file mode 100644
index 0000000000000000000000000000000000000000..56268efbe93339cd183d1c4ebd56fd5326625da7
--- /dev/null
+++ b/css/form.css
@@ -0,0 +1,21 @@
+body{
+    color: white;
+    background-color: #232323;
+    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+}
+
+body{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 90vh;
+}
+
+.form{
+    text-align: center;
+}
+
+form{
+    display: flex;
+    flex-direction: column;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 2ca066a1e125f6d9ef760edf13b6e9f185a30c93..f034766a0cba274e47e7965707440244c71585a9 100644
--- a/index.html
+++ b/index.html
@@ -1,19 +1,22 @@
 <!doctype html>
-<html lang="en">
+<html lang="fr">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport"
           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="css/form.css">
     <title>Connexion</title>
 </head>
 <body>
-    <h1>Connexion</h1>
-<form action="http://localhost:8080/s4a021-web-backend/LogIn" method="post">
-    <input name="login" type="text" placeholder="username">
-    <input name="pwd" type="password" placeholder="password">
-    <button type="submit">Connexion</button>
-    <p><i>New user ? Click <a href="./create.html">here</a> to create an account</i></p>
-</form>
+    <div class="form">
+        <h1>LOGIN</h1>
+        <form action="http://localhost:8080/s4a021-web-backend/LogIn" method="post">
+            <input name="login" type="text" placeholder="username">
+            <input name="pwd" type="password" placeholder="password">
+            <button type="submit">Let's go !</button>
+            <p><i>New user ? Click <a href="./create.html">here</a> to create an account</i></p>
+        </form>
+    </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/db/createTables.sql b/sql/createTables.sql
similarity index 100%
rename from db/createTables.sql
rename to sql/createTables.sql
diff --git a/db/data.sql b/sql/data.sql
similarity index 100%
rename from db/data.sql
rename to sql/data.sql
diff --git a/db/testingRequests.sql b/sql/testingRequests.sql
similarity index 100%
rename from db/testingRequests.sql
rename to sql/testingRequests.sql