diff --git a/public/css/general.css b/public/css/general.css
index bbe2663..a7d9465 100644
--- a/public/css/general.css
+++ b/public/css/general.css
@@ -1,3 +1,31 @@
 h1 {
     text-align: center;
 }
+
+ul.enteteMenu{
+    font-family: Poppins;
+    font-weight: 400; /*regular*/ 
+    font-size: 1.25rem; /*20px*/
+    color: #000;  /*Noir pur*/
+    display: flex;
+    flex-flow: row;
+    justify-content: start;
+    align-items: center;
+}
+li.enteteMenuElement:hover{
+border-bottom: 5px #FF563C solid; /*Orange Highlight*/
+cursor: pointer;
+}
+
+h1.titre1Page{
+    font-family: Poppins;
+    font-weight: 600; /*semi-bold*/ 
+    font-size: 6rem; /*96px*/
+    color: #394596;  /*Bleu AGECEM*/
+    }
+h2.titre2Page{
+    font-family: Poppins;
+    font-weight: 600; /*semi-bold*/ 
+    font-size: 1.5rem; /*24px*/
+    color: #394596; /*Bleu AGECEM*/   
+    }
\ No newline at end of file
diff --git a/templates/html/a-propos.gohtml b/templates/html/a-propos.gohtml
index d4cd169..a4be913 100644
--- a/templates/html/a-propos.gohtml
+++ b/templates/html/a-propos.gohtml
@@ -8,7 +8,7 @@
   </head>
   <body>
     {{ template "header-html" }}
-    <h1>À propos</h1>
+    <h1 class="titre1Page">À propos</h1>
   </body>
 </html>
 {{ end }}
diff --git a/templates/html/actualite.gohtml b/templates/html/actualite.gohtml
index de6bbb1..4ec629e 100644
--- a/templates/html/actualite.gohtml
+++ b/templates/html/actualite.gohtml
@@ -8,7 +8,7 @@
   </head>
   <body>
     {{ template "header-html" }}
-    <h1>Actualité</h1>
+    <h1 class="titre1Page">Actualité</h1>
   </body>
 </html>
 {{ end }}
diff --git a/templates/html/admin-upload.gohtml b/templates/html/admin-upload.gohtml
index b7ff836..a691dcf 100644
--- a/templates/html/admin-upload.gohtml
+++ b/templates/html/admin-upload.gohtml
@@ -8,7 +8,7 @@
   </head>
   <body>
   {{ template "header-html" }}
-    <h1>Upload</h1>
+    <h1 class="titre1Page">Upload</h1>
     <form action="/admin/documents/upload" method="post" enctype="multipart/form-data">
         <label for="bucket">Type de document:</label>
 
diff --git a/templates/html/admin.gohtml b/templates/html/admin.gohtml
index d7e0038..7a1e44a 100644
--- a/templates/html/admin.gohtml
+++ b/templates/html/admin.gohtml
@@ -8,7 +8,7 @@
   </head>
   <body>
   {{ template "header-html" }}
-    <h1>Admin</h1>
+    <h1 class="titre1Page">Admin</h1>
     <ul>
         <li><a href="/admin/documents/upload">Ajout de document</a></li>
     </ul>
diff --git a/templates/html/documentation.gohtml b/templates/html/documentation.gohtml
index 27f2a06..9ee5756 100644
--- a/templates/html/documentation.gohtml
+++ b/templates/html/documentation.gohtml
@@ -8,11 +8,11 @@
   </head>
   <body>
     {{ template "header-html" }}
-    <h1>Documentation</h1>
+    <h1 class="titre1Page">Documentation</h1>
     <p>
         {{ range . }}
             {{ $bucket_name := .Name }}
-            <h2>{{ $bucket_name }}</h2>
+            <h2 class="titre2Page">{{ $bucket_name }}</h2>
             
             <ul>
             {{ range .Documents }}
diff --git a/templates/html/formulaires.gohtml b/templates/html/formulaires.gohtml
index eb8dc7e..1012378 100644
--- a/templates/html/formulaires.gohtml
+++ b/templates/html/formulaires.gohtml
@@ -8,7 +8,7 @@
   </head>
   <body>
     {{ template "header-html" }}
-    <h1>Formulaires</h1>
+    <h1 class="titre1Page">Formulaires</h1>
   </body>
 </html>
 {{ end }}
diff --git a/templates/html/header.gohtml b/templates/html/header.gohtml
index 35a442d..bca02bb 100644
--- a/templates/html/header.gohtml
+++ b/templates/html/header.gohtml
@@ -1,12 +1,12 @@
 {{ define "header-html" }}
 
-<ul>
-    <li><a href="/">index</a></li>
-    <li><a href="/a-propos">À propos</a></li>
-    <li><a href="/actualite">Actualité</a></li>
-    <li><a href="/vie-etudiante">Vie étudiante</a></li>
-    <li><a href="/documentation">Documentation</a></li>
-    <li><a href="/formulaires">Formulaires</a></li>
+<ul class="enteteMenu">
+    <li class="enteteMenuElement"><a href="/">index</a></li>
+    <li class="enteteMenuElement"><a href="/a-propos">À propos</a></li>
+    <li class="enteteMenuElement"><a href="/actualite">Actualité</a></li>
+    <li class="enteteMenuElement"><a href="/vie-etudiante">Vie étudiante</a></li>
+    <li class="enteteMenuElement"><a href="/documentation">Documentation</a></li>
+    <li class="enteteMenuElement"><a href="/formulaires">Formulaires</a></li>
 </ul>
 
 <ul>
diff --git a/templates/html/index.gohtml b/templates/html/index.gohtml
index b1306e1..f94e7c7 100644
--- a/templates/html/index.gohtml
+++ b/templates/html/index.gohtml
@@ -9,7 +9,7 @@
   </head>
   <body>
   {{ template "header-html" }}
-    <h1>Association Générale Étudiante du Cégep Édouard-Montpetit</h1>
+    <h1 class="titre1Page">Association Générale Étudiante du Cégep Édouard-Montpetit</h1>
   </body>
 </html>
 {{ end }}
diff --git a/templates/html/vie-etudiante.gohtml b/templates/html/vie-etudiante.gohtml
index e2a78ba..e5ce194 100644
--- a/templates/html/vie-etudiante.gohtml
+++ b/templates/html/vie-etudiante.gohtml
@@ -8,7 +8,7 @@
   </head>
   <body>
     {{ template "header-html" }}
-    <h1>Vie étudiante</h1>
+    <h1 class="titre1Page">Vie étudiante</h1>
   </body>
 </html>
 {{ end }}
