ajout de composants pour li'nterface admin

code/interface_admin/styles/Avis.module.css

@@ -0,0 +1,5 @@
+.personIcon {
+    width: 100%;
+    height: 100%;
+    /* font-size: 50px; */
+}

code/interface_admin/styles/AvisList.module.css

@@ -0,0 +1,6 @@
+
+/* ==== TABLEAU ==== */
+.row:hover {
+    cursor: pointer;
+    background-color: #EEE;
+}

code/interface_admin/styles/AvisListPage.module.css

@@ -0,0 +1,57 @@
+/* ==== SLIDER ==== */
+.sliderContainer {
+    position: relative;
+    width: 300px;
+}
+
+.sliderContainer > input[type=range]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  pointer-events: all;
+  width: 24px;
+  height: 24px;
+  background-color: #fff;
+  border-radius: 50%;
+  box-shadow: 0 0 0 1px #C6C6C6;
+  cursor: pointer;
+  z-index: 99;
+}
+
+.sliderContainer > input[type=range]::-moz-range-thumb {
+  z-index: 99;
+  pointer-events: all;
+  width: 24px;
+  height: 24px;
+  background-color: #fff;
+  border-radius: 50%;
+  box-shadow: 0 0 0 1px #C6C6C6;
+  cursor: pointer;  
+}
+
+.sliderContainer > input[type=range]::-webkit-slider-thumb:hover {
+  background: #f7f7f7;
+}
+
+.sliderContainer >input[type=range]::-webkit-slider-thumb:active {
+  box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
+  -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
+}
+.sliderContainer > input[type=range]::-moz-range-thumb:hover {
+  background: #f7f7f7;
+}
+
+.sliderContainer >input[type=range]::-moz-range-thumb:active {
+  box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
+  -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
+}
+
+.sliderContainer >input[type="range"] {
+  -webkit-appearance: none; 
+  appearance: none;
+  height: 2px;
+  width: 100%;
+  position: absolute;
+  background-color: #C6C6C6;
+  pointer-events: none;
+}
+
+

code/interface_admin/styles/Home.module.css

@@ -1,3 +1,29 @@
-.graphContainer {
-  padding: 30px 0;
+.averageCard {
+    width: min-content;
+    margin: 0 auto;
+    padding: 10px;
+    text-align: center;
+    min-width: 300px;
+}
+
+.averageCardBody {
+    display: flex;
+    align-items: center;
+    margin: 0 auto;
+}
+
+.averageMainValue {
+    font-size: 40px;
+}
+
+.averageSecondaryValue {
+    font-size: 20px;
+}
+
+.averagePositive {
+    color: green;
+}
+
+.averageNegative {
+    color: red;
 }