diff --git a/public/css/general.css b/public/css/general.css
new file mode 100644
index 0000000..bbe2663
--- /dev/null
+++ b/public/css/general.css
@@ -0,0 +1,3 @@
+h1 {
+    text-align: center;
+}
diff --git a/public/css/index.css b/public/css/index.css
index bbe2663..e69de29 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -1,3 +0,0 @@
-h1 {
-    text-align: center;
-}
diff --git a/public/html/a-propos.gohtml b/public/html/a-propos.gohtml
new file mode 100644
index 0000000..d4cd169
--- /dev/null
+++ b/public/html/a-propos.gohtml
@@ -0,0 +1,14 @@
+{{ define "a-propos-html" }}
+<!DOCTYPE html>
+<html lang="fr">
+  <head>
+    <meta charset="utf-8">
+    <title>AGECEM | À propos</title>
+    {{ template "general-html" }}
+  </head>
+  <body>
+    {{ template "header-html" }}
+    <h1>À propos</h1>
+  </body>
+</html>
+{{ end }}
diff --git a/public/html/actualite.gohtml b/public/html/actualite.gohtml
new file mode 100644
index 0000000..de6bbb1
--- /dev/null
+++ b/public/html/actualite.gohtml
@@ -0,0 +1,14 @@
+{{ define "actualite-html" }}
+<!DOCTYPE html>
+<html lang="fr">
+  <head>
+    <meta charset="utf-8">
+    <title>AGECEM | Actualité</title>
+    {{ template "general-html" }}
+  </head>
+  <body>
+    {{ template "header-html" }}
+    <h1>Actualité</h1>
+  </body>
+</html>
+{{ end }}
diff --git a/public/html/documentation.gohtml b/public/html/documentation.gohtml
new file mode 100644
index 0000000..813d77e
--- /dev/null
+++ b/public/html/documentation.gohtml
@@ -0,0 +1,14 @@
+{{ define "documentation-html" }}
+<!DOCTYPE html>
+<html lang="fr">
+  <head>
+    <meta charset="utf-8">
+    <title>AGECEM | Documentation</title>
+    {{ template "general-html" }}
+  </head>
+  <body>
+    {{ template "header-html" }}
+    <h1>Documentation</h1>
+  </body>
+</html>
+{{ end }}
diff --git a/public/html/formulaires.gohtml b/public/html/formulaires.gohtml
new file mode 100644
index 0000000..eb8dc7e
--- /dev/null
+++ b/public/html/formulaires.gohtml
@@ -0,0 +1,14 @@
+{{ define "formulaires-html" }}
+<!DOCTYPE html>
+<html lang="fr">
+  <head>
+    <meta charset="utf-8">
+    <title>AGECEM | Formulaires</title>
+    {{ template "general-html" }}
+  </head>
+  <body>
+    {{ template "header-html" }}
+    <h1>Formulaires</h1>
+  </body>
+</html>
+{{ end }}
diff --git a/public/html/general.gohtml b/public/html/general.gohtml
new file mode 100644
index 0000000..ef11275
--- /dev/null
+++ b/public/html/general.gohtml
@@ -0,0 +1,3 @@
+{{ define "general-html" }}
+    <link rel="stylesheet" href="static/general.css">
+{{ end }}
diff --git a/public/html/header.gohtml b/public/html/header.gohtml
index 7769d51..f5bc28b 100644
--- a/public/html/header.gohtml
+++ b/public/html/header.gohtml
@@ -1,4 +1,4 @@
-{{ define "header" }}
+{{ define "header-html" }}
 
 <ul>
     <li><a href="/">index</a></li>
diff --git a/public/html/index.gohtml b/public/html/index.gohtml
index 8c55116..fdeef06 100644
--- a/public/html/index.gohtml
+++ b/public/html/index.gohtml
@@ -4,10 +4,11 @@
   <head>
     <meta charset="utf-8">
     <title>AGECEM</title>
+    {{ template "general-html" }}
     <link rel="stylesheet" href="static/index.css">
   </head>
   <body>
-  {{ template "header" }}
+  {{ template "header-html" }}
     <h1>Association Générale Étudiante du Cégep Édouard-Montpetit</h1>
   </body>
 </html>
diff --git a/public/html/vie-etudiante.gohtml b/public/html/vie-etudiante.gohtml
new file mode 100644
index 0000000..e2a78ba
--- /dev/null
+++ b/public/html/vie-etudiante.gohtml
@@ -0,0 +1,14 @@
+{{ define "vie-etudiante-html" }}
+<!DOCTYPE html>
+<html lang="fr">
+  <head>
+    <meta charset="utf-8">
+    <title>AGECEM | Vie étudiante</title>
+    {{ template "general-html" }}
+  </head>
+  <body>
+    {{ template "header-html" }}
+    <h1>Vie étudiante</h1>
+  </body>
+</html>
+{{ end }}
diff --git a/server.go b/server.go
index 6c13483..76d5e61 100644
--- a/server.go
+++ b/server.go
@@ -46,6 +46,8 @@ func Execute() {
 
 	// Static Routes
 
+	e.GET("/static/general.css", handleStaticCSSGeneral)
+
 	e.GET("/static/index.css", handleStaticCSSIndex)
 
 	// HTML Routes
@@ -90,11 +92,11 @@ func handleIndex(c echo.Context) error {
 }
 
 func handleAPropos(c echo.Context) error {
-	return c.String(http.StatusOK, "À Propos")
+	return c.Render(http.StatusOK, "a-propos-html", nil)
 }
 
 func handleActualite(c echo.Context) error {
-	return c.String(http.StatusOK, "Actualité")
+	return c.Render(http.StatusOK, "actualite-html", nil)
 }
 
 func handleActualiteArticle(c echo.Context) error {
@@ -102,24 +104,29 @@ func handleActualiteArticle(c echo.Context) error {
 	return c.String(http.StatusOK, fmt.Sprintf("Article: %s", article))
 }
 func handleVieEtudiante(c echo.Context) error {
-	return c.String(http.StatusOK, "Vie Étudiante")
+	return c.Render(http.StatusOK, "vie-etudiante-html", nil)
 }
 func handleVieEtudianteOrganisme(c echo.Context) error {
 	organisme := c.Param("organisme")
 	return c.String(http.StatusOK, fmt.Sprintf("Organisme: %s", organisme))
 }
 func handleDocumentation(c echo.Context) error {
-	return c.String(http.StatusOK, "Documentation")
+	return c.Render(http.StatusOK, "documentation-html", nil)
 }
 func handleFormulaires(c echo.Context) error {
-	return c.String(http.StatusOK, "Formulaires")
+	return c.Render(http.StatusOK, "formulaires-html", nil)
 }
 
 // CSS Handlers
 
 func handleStaticCSSIndex(c echo.Context) error {
 	// TODO Ajouter gestion d'erreurs
-	// TODO Ajouter support pour fichiers SCSS
 	data, _ := embedFS.ReadFile("css/index.css")
 	return c.Blob(http.StatusOK, "text/css", data)
 }
+
+func handleStaticCSSGeneral(c echo.Context) error {
+	// TODO Ajouter gestion d'erreurs
+	data, _ := embedFS.ReadFile("css/general.css")
+	return c.Blob(http.StatusOK, "text/css", data)
+}
