diff --git a/public/css/general.css b/public/css/general.css
index bbe2663..c302140 100644
--- a/public/css/general.css
+++ b/public/css/general.css
@@ -1,3 +1,36 @@
-h1 {
+
+.header {
+    width: 100%;
+    }
+
+.headerMenu {
+    font-family: Poppins;
+    font-weight: 400; /*regular*/ 
+    font-size: 1.25rem; /*20px*/
+    color: #000;  /*Noir pur*/
+    display: flex;
+    flex-flow: row;
+    justify-content: space-around;
+    align-items: center;
+    }
+
+.headerMenuElement:hover {
+    border-bottom: 5px #FF563C solid; /*Orange Highlight*/
+    cursor: pointer;
+    }
+
+.heading1 {
+    font-family: Poppins;
+    font-weight: 600; /*semi-bold*/ 
+    font-size: 6rem; /*96px*/
+    color: #394596;  /*Bleu AGECEM*/
     text-align: center;
-}
+    }
+
+.heading2 {
+    font-family: Poppins;
+    font-weight: 600; /*semi-bold*/ 
+    font-size: 1.5rem; /*24px*/
+    color: #394596; /*Bleu AGECEM*/   
+    text-align: center;
+    }
\ No newline at end of file
diff --git a/public/fonts/.gitkeep b/public/fonts/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/templates/html/a-propos.gohtml b/templates/html/a-propos.gohtml
index d4cd169..90c2774 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="heading1">À propos</h1>
   </body>
 </html>
 {{ end }}
diff --git a/templates/html/actualite.gohtml b/templates/html/actualite.gohtml
index de6bbb1..b56cda4 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="heading1">Actualité</h1>
   </body>
 </html>
 {{ end }}
diff --git a/templates/html/admin-upload.gohtml b/templates/html/admin-upload.gohtml
index b7ff836..3c145fb 100644
--- a/templates/html/admin-upload.gohtml
+++ b/templates/html/admin-upload.gohtml
@@ -8,19 +8,19 @@
   </head>
   <body>
   {{ template "header-html" }}
-    <h1>Upload</h1>
-    <form action="/admin/documents/upload" method="post" enctype="multipart/form-data">
-        <label for="bucket">Type de document:</label>
+    <h1 class="heading1">Upload</h1>
+    <form class="form adminUploadForm" action="/admin/documents/upload" method="post" enctype="multipart/form-data">
+        <label class="formLabel" for="bucket">Type de document:</label>
 
-        <select name="bucket" id="bucket">
-            <option value="proces-verbaux">Procès verbaux</option>
-            <option value="politiques-et-reglements">Politiques et Règlements</option>
+        <select class="formSelect" name="bucket" id="bucket">
+            <option class="formOption" value="proces-verbaux">Procès verbaux</option>
+            <option class="formOption" value="politiques-et-reglements">Politiques et Règlements</option>
         </select>
         <br>
-        Document: <input type="file" name="document">
+        Document: <input class="formDocUpload" type="file" name="document">
         <br>
         <br>
-        <input type="submit" value="Submit">
+        <input class="formSubmit" type="submit" value="Submit">
     </form>
     <p>{{ .Message }}</p>
   </body>
diff --git a/templates/html/admin.gohtml b/templates/html/admin.gohtml
index d7e0038..8308583 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="heading1">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 f9b17a7..2faaa88 100644
--- a/templates/html/documentation.gohtml
+++ b/templates/html/documentation.gohtml
@@ -8,7 +8,7 @@
   </head>
   <body>
     {{ template "header-html" }}
-    <h1>Documentation</h1>
+    <h1 class="heading1">Documentation</h1>
     <p>
         {{ range . }}
             {{ $bucket_name := .Name }}
diff --git a/templates/html/formulaires.gohtml b/templates/html/formulaires.gohtml
index eb8dc7e..b60fd64 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="heading1">Formulaires</h1>
   </body>
 </html>
 {{ end }}
diff --git a/templates/html/header.gohtml b/templates/html/header.gohtml
index 35a442d..178ae4a 100644
--- a/templates/html/header.gohtml
+++ b/templates/html/header.gohtml
@@ -1,16 +1,16 @@
 {{ 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>
+<div class="header">   
+    <ul class="headerMenu">
+        <li class="headerMenuElement"><a href="/">index</a></li>
+        <li class="headerMenuElement"><a href="/a-propos">À propos</a></li>
+        <li class="headerMenuElement"><a href="/actualite">Actualité</a></li>
+        <li class="headerMenuElement"><a href="/vie-etudiante">Vie étudiante</a></li>
+        <li class="headerMenuElement"><a href="/documentation">Documentation</a></li>
+        <li class="headerMenuElement"><a href="/formulaires">Formulaires</a></li>
+        <li class="headerMenuElement"><a href="/admin">admin</a></li>
+    </ul>
+</div>
 
-<ul>
-    <li><a href="/admin">admin</a></li>
-</ul>
 
 {{ end }}
diff --git a/templates/html/index.gohtml b/templates/html/index.gohtml
index b1306e1..ece7076 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="heading1">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..fd1bb24 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="heading1">Vie étudiante</h1>
   </body>
 </html>
 {{ end }}
