diff --git a/public/css/documentation.css b/public/css/documentation.css
new file mode 100644
index 0000000..e459899
--- /dev/null
+++ b/public/css/documentation.css
@@ -0,0 +1,45 @@
+.documentationCategorie {
+    font-family: "Poppins";
+    font-weight: 600;
+    /*semi-bold*/
+    font-size: 1.5rem;
+    /*24px*/
+    color: #fff;
+    /*Blanc pur*/
+    background-color: #394596;
+    /*Blanc pur*/
+    text-align: left;
+    width: 100%;
+    cursor: pointer;
+}
+
+.documentationDescription {
+    padding: 20px;
+}
+
+.documentationListe {
+    font-weight: 400;
+    /*semi-bold*/
+    font-size: 1rem;
+    /*16px*/
+    background-color: #fff;
+    list-style: none;
+    padding: 0;
+}
+
+.documentationDocument {
+    font-weight: 400;
+    /*semi-bold*/
+    font-size: 1rem;
+    /*16px*/
+    padding: 15px 30px;
+}
+
+.documentationDocument:hover {
+    background-color: rgba(255, 86, 60, 0.2);
+}
+
+.documentationLien {
+    height: inherit;
+    width: inherit;
+}
\ No newline at end of file
diff --git a/templates/html/documentation.gohtml b/templates/html/documentation.gohtml
index 02849a2..ab74478 100644
--- a/templates/html/documentation.gohtml
+++ b/templates/html/documentation.gohtml
@@ -4,6 +4,7 @@
     <head>
       <meta charset="utf-8">
       <title>AGECEM | Documentation</title>
+      <link rel="stylesheet" href="/public/css/documentation.css">
       {{ template "general-html" }}
     </head>
     <body>
@@ -14,12 +15,12 @@
           {{ range . }}
             {{ $bucket_name := .Name }}
             {{ $bucket_display_name := .DisplayName }}
-            <details>
-            <summary>{{ $bucket_display_name }}</summary>
+            <details class="documentationCategorie">
+            <summary class="documentationDescription">{{ $bucket_display_name }}</summary>
             
-            <ul>
+            <ul class="documentationListe">
             {{ range .Documents }}
-                <li> <a href="/public/documentation/{{ $bucket_name }}/{{ . }}">{{ . }}</a></li>
+                <a class ="documentationLien" href="/public/documentation/{{ $bucket_name }}/{{ . }}"><li class="documentationDocument">{{ . }}</li></a>
             {{ end}}
             </ul>
             </details>
