API - Modification du style du tableau pour coller au style de l'index

apiTableauFromClassement.php

@@ -43,41 +43,48 @@ if ($isClassementValid) {
 	<style>
 	/* Tableau */
 		table {
-		    font-size: 13px;
+		    font-size: 12px;
 		    text-align: center;
 		    border-collapse: collapse;
 		    white-space: nowrap;
-		    overflow: auto;
 		}
 		
 		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;
 		}
 	</style>
 	<h2>Tableau de classement pour le rang {$rangMoyen}</h2>

apiTableauFromNote.php

@@ -97,41 +97,48 @@ if ($isNoteValid && $isAnneeValid) {
 	<style>
 	/* Tableau */
 		table {
-		    font-size: 13px;
+		    font-size: 12px;
 		    text-align: center;
 		    border-collapse: collapse;
 		    white-space: nowrap;
-		    overflow: auto;
 		}
 		
 		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;
 		}
 	</style>
 	<h2>Tableau de classement pour le rang {$rangMoyen}</h2>