diff --git a/assets/fonts/RobotoFlex.ttf b/assets/fonts/RobotoFlex.ttf
new file mode 100644
index 0000000..6f8db7e
Binary files /dev/null and b/assets/fonts/RobotoFlex.ttf differ
diff --git a/index.php b/index.php
index 82d9e4d..dbb3596 100644
--- a/index.php
+++ b/index.php
@@ -4,14 +4,14 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="styles/main.css" />
-    <link rel="stylesheet" href="styles/header.css" />
-    <link rel="stylesheet" href="styles/footer.css" />
+    <link rel="stylesheet" href="/styles/main.css" />
+    <link rel="stylesheet" href="/styles/header.css" />
+    <link rel="stylesheet" href="/styles/footer.css" />
     <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
 
     <link rel="icon" type="image/png" sizes="32x32"
         href="https://tickets.paris2024.org/obj/media/FR-Paris2024/specialLogos/favicons/favicon-32x32.png" />
-    <title>Accueil |Jeux Olympiques - Paris 2024</title>
+    <title>Accueil | Jeux Olympiques - Paris 2024</title>
 </head>
 
 <body>
@@ -19,6 +19,11 @@
 
     <!-- code de la page ici -->
     <h1>Accueil</h1>
+    <p class="text">Bienvenue sur le site des Jeux Olympiques de Paris 2024 !</p>
+    <p class="text">Vous trouverez ici toutes les informations nécessaires pour suivre les Jeux Olympiques de Paris
+        2024.</p>
+    <p class="text">Vous pourrez également créer un compte pour accéder à des fonctionnalités supplémentaires.</p>
+
 
     <?php include ('views/footer.php'); ?>
 
diff --git a/login/index.php b/login/index.php
index 99f6646..df2377e 100644
--- a/login/index.php
+++ b/login/index.php
@@ -20,8 +20,8 @@
 
     <div class="login-container">
         <img src="https://cdn-icons-png.flaticon.com/512/4139/4139948.png" alt="Avatar">
-        <h2>Connexion à votre compte</h2>
-        <p>Connectez-vous afin d'accéder à l'entièreté du site.</p>
+        <h2 class="login-title">Connexion à votre compte</h2>
+        <p class="login-subtitle">Connectez-vous afin d'accéder à l'entièreté du site.</p>
         <form>
             <div class="form-group">
                 <label for="email">Adresse mail</label>
diff --git a/register/index.php b/register/index.php
index 1cd2f56..6175e2e 100644
--- a/register/index.php
+++ b/register/index.php
@@ -53,7 +53,7 @@
             <button type="submit" class="submit-button" onclick="verifMDP()"><i class="fas fa-sign-in-alt"></i>
                 Créer un compte</i></button>
         </form>
-        <p class="no-account">Vous avez déjà un compte ? <a href="../account">Connectez-vous !</a></p>
+        <p class="no-account">Vous avez déjà un compte ? <a href="../login">Connectez-vous !</a></p>
     </div>
 
     <?php include ('../views/footer.php'); ?>
diff --git a/styles/footer.css b/styles/footer.css
index 7151780..0b58885 100644
--- a/styles/footer.css
+++ b/styles/footer.css
@@ -1,3 +1,9 @@
+@font-face {
+  font-family: "RobotoFlex";
+  src: url(../assets/fonts/RobotoFlex.ttf);
+  font-display: swap;
+}
+
 .site-footer {
   background-color: #26272b;
   padding: 45px 0 20px;
@@ -6,6 +12,7 @@
   color: #737373;
   opacity: 0.97;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
+  font-family: RobotoFlex;
 }
 .site-footer hr {
   border-top-color: #bbb;
diff --git a/styles/header.css b/styles/header.css
index f5d5434..c87f9a1 100644
--- a/styles/header.css
+++ b/styles/header.css
@@ -1,3 +1,9 @@
+@font-face {
+  font-family: "RobotoFlex";
+  src: url(../assets/fonts/RobotoFlex.ttf);
+  font-display: swap;
+}
+
 .menu-container {
   opacity: 0.97;
   position: relative;
@@ -12,6 +18,7 @@
   user-select: none;
   box-sizing: border-box;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
+  font-family: "RobotoFlex";
 }
 
 .menu-logo {
@@ -33,6 +40,8 @@
 
 .menu-container a:hover {
   color: #00c6a7;
+  transition: all 0.5s ease;
+  text-decoration: none;
 }
 
 .menu-container input {
@@ -90,8 +99,8 @@
 }
 
 .menu li {
-  padding: 15px 0;
-  font-size: 22px;
+  margin-top: 1rem;
+  font-size: 21px;
 }
 
 /* mobile styles */
diff --git a/styles/main.css b/styles/main.css
index 5a404f1..44298a6 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -1,3 +1,9 @@
+@font-face {
+  font-family: "RobotoFlex";
+  src: url(../assets/fonts/RobotoFlex.ttf);
+  font-display: swap;
+}
+
 * {
   outline: none;
   margin: 0;
@@ -9,7 +15,7 @@ body {
   /* backdrop-filter: blur(5px); */
   background-size: cover;
   overflow-x: hidden;
-  font-family: Sans-Serif;
+  font-family: "RobotoFlex";
   margin: 0;
 }
 body::before {
@@ -19,7 +25,7 @@ body::before {
   left: 0;
   width: 100%;
   height: 100%;
-  background: rgba(0, 0, 0, 0.5);
+  background: rgba(0, 0, 0, 0.6);
   z-index: -1;
 }
 .login-container {
@@ -53,6 +59,14 @@ body::before {
   size: 10px;
 }
 
+h2.login-title {
+  font-family: "RobotoFlex";
+}
+
+p.login-subtitle {
+  font-family: "RobotoFlex";
+  padding-left: 0;
+}
 .form-group {
   margin-bottom: 1rem;
   text-align: left;
@@ -138,3 +152,21 @@ button:hover {
 .sign-up a:hover {
   text-decoration: underline;
 }
+
+/* Styles généraux*/
+
+h1 {
+  color: white;
+  font-size: 2rem;
+  margin-top: 1rem;
+  padding-left: 2rem;
+  text-transform: uppercase;
+  font-family: "RobotoFlex";
+}
+
+p.text {
+  color: white;
+  font-size: 1rem;
+  padding-left: 2rem;
+  font-family: "RobotoFlex";
+}
