diff --git a/html/journal.php b/html/journal.php
index 724e894b..1ec8c078 100644
--- a/html/journal.php
+++ b/html/journal.php
@@ -63,7 +63,7 @@ if (filter_var($_GET['article'], FILTER_VALIDATE_INT)) {
 
                             if ($resultat) {
                                 foreach($resultat as $row) {
-                                    echo "<a href='?article=" . $row['ID'] . "'><div class='article'><div class='article-content'><div><h1>" . $row['titre'] . "</h1></div><div><h2>" . $row['auteur'] . "</h2></div><div>" . $date->format('d/m/Y') . "</div></div></div></a>";
+                                    echo "<a href='?article=" . $row['ID'] . " class='article-link'><div class='article'><div class='article-content'><div><h1>" . $row['titre'] . "</h1></div><div><h2>" . $row['auteur'] . "</h2></div><div>" . $date->format('d/m/Y') . "</div></div></div></a>";
                                 }
                             }
                         }
diff --git a/html/src/css/style.css b/html/src/css/style.css
index 03c4d7ca..d957c401 100644
--- a/html/src/css/style.css
+++ b/html/src/css/style.css
@@ -2,6 +2,7 @@
     --text: #e9e9e9;
     --background: hsl(0, 0%, 15%);
     --dark-background: hsl(0, 0%, 10%);
+    --darker-background: hsl(0, 0%, 5%);
 }
 
 @font-face {
@@ -38,6 +39,7 @@ header, footer {
 
 .navitem {
     padding: 0.5em;
+    background-color: var(--darker-background);
 }
 
 a {
@@ -45,10 +47,6 @@ a {
     color: var(--text-color);
 }
 
-a:hover {
-    box-shadow: 0 0 15px rgba(255, 255, 255, 0.322);
-}
-
 .content {
     width: 80%;
     margin:  0 auto;
@@ -86,6 +84,10 @@ a:hover {
     font-size: 3em;
 }
 
+.article-link:hover {
+    box-shadow: 0 0 15px rgba(255, 255, 255, 0.322);
+}
+
 .article {
     background-color: var(--dark-background);
     border-radius: 10px;