diff --git a/html/news.php b/html/news.php
index d06ce368..31482142 100644
--- a/html/news.php
+++ b/html/news.php
@@ -66,10 +66,10 @@ if (filter_var($_GET['article'], FILTER_VALIDATE_INT)) {
                                 foreach($resultat as $row) {
                                     echo "<div class='article-preview'><hr>";
                                     echo "<a href='?article=" . $row['ID'] . "' class='article-link'>";
-                                    echo "<div><h1>" . $row['titre'] . "</h1></div></a>";
-                                    echo "<div><h2>" . $row['auteur'] . "</h2></div>";
-                                    echo "<div>" . $classifications[(int)$row['classification']] . "</div>";
-                                    echo "<div>" . $date->format('d/m/Y') . "</div></div>";
+                                    echo "<div class='article-titre'>" . $row['titre'] . "</div></a>";
+                                    echo "<div class='article-auteur'>" . $row['auteur'] . "</div>";
+                                    echo "<div class='article-classification'>" . $classifications[(int)$row['classification']] . "</div>";
+                                    echo "<div class='article-date'>" . $date->format('d/m/Y') . "</div></div>";
                                 }
                             }
                         }
diff --git a/html/src/css/style.css b/html/src/css/style.css
index 2c5b6d68..386a38b1 100644
--- a/html/src/css/style.css
+++ b/html/src/css/style.css
@@ -105,8 +105,23 @@ a {
 }
 
 .article-link {
-    display: inline-block;
-    margin: 2em;
+    color: var(--text);
+}
+
+.article-titre {
+
+}
+
+.article-auteur {
+
+}
+
+.article-classification {
+
+}
+
+.article-date {
+
 }
 
 .article {