Index - Adaptation du style du tableau de résultats vers celui d'Asclepia

assets/divers.css

@@ -5,7 +5,7 @@ body {
 
 /* Tableau */
 table {
-    font-size: 13px;
+    font-size: 12px;
     text-align: center;
     border-collapse: collapse;
     white-space: nowrap;
@@ -14,29 +14,37 @@ table {
 th, td {
     padding: 2px;
     border: 1px solid black;
-    --text-color: lightgrey;
+    background-color: #192942;
+    color: #f0f0f0;
+}
+
+th {
+    text-align: left;
+    padding-left: 3px;
+    padding-right: 3px;
 }
 
 .all-choices {
-    background-color: #28a745;
+    background-color: #C7F0CF;
     /* color: #8fd19e; */
-    color: white;
+    color: #136111;
 }
 
 .half-choices {
-    background-color: #8fd19e;
-    color: black;
+    background-color: #FFEB9D;
+    color: #9D5915;
 }
 
 .last-choice {
-    background-color: #ffdf7e;
-    color: grey;
+    background-color: #FFEB9D;
+    color: #9D5915;
 }
 
 .no-choice {
-    background-color: #ed969e;
+    background-color: #FEC7CE;
+    color: #9C1311;
 }
 
 .never-available {
-    background-color: lightgrey;
+    background-color: #192942;
 }

index.php

@@ -37,11 +37,11 @@ $isClassementValid = isset($_GET["classement"]) && (int) $_GET["classement"] !==
 	<h2>Légende</h2>
 	<table>
 		<thead>
-		<th colspan="5">Légende (sur toutes les années)</th>
+		<th colspan="5" style="text-align: center;">Légende (sur toutes les années)</th>
 		</thead>
 		<tbody>
 		<tr>
-			<td>Jamais proposé</td>
+			<td class="never-available">Jamais proposé</td>
 			<td class="no-choice">Aucun choix</td>
 			<td class="last-choice">Une seule année</td>
 			<td class="half-choices">Plusieurs choix</td>