Ajouter style.css

style.css

@@ -0,0 +1,74 @@
+/* ------------------ */
+/* GLOBAL */
+/* ------------------ */
+body {
+    font-family: Arial, sans-serif;
+    margin: 20px;
+    background-color: #f0f0f0;
+}
+
+/* ------------------ */
+/* NAVIGATION */
+/* ------------------ */
+nav {
+    margin-bottom: 20px;
+}
+
+nav a {
+    margin-right: 15px;
+    text-decoration: none;
+    color: #333;
+    font-weight: bold;
+}
+
+nav a:hover {
+    color: #007BFF;
+}
+
+/* ------------------ */
+/* DASHBOARD */
+/* ------------------ */
+.dashboard {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 15px;
+}
+
+/* ------------------ */
+/* WIDGETS */
+/* ------------------ */
+.widget {
+    padding: 20px;
+    border-radius: 10px;
+    text-align: center;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
+    background-color: white;
+}
+
+/* couleurs spécifiques */
+.climat { background-color: #ADD8E6; }
+.securite { background-color: #D3D3D3; }
+.energie { background-color: #FFFACD; }
+.lumiere { background-color: #F5F5DC; }
+
+.graphiques {
+    grid-column: span 4;
+    background-color: white;
+}
+
+.alertes {
+    grid-column: span 4;
+    background-color: #FFC0CB;
+}
+
+/* icones */
+.icone {
+    font-size: 30px;
+    display: block;
+    margin-bottom: 10px;
+}
+
+/* alerte rouge */
+.alert {
+    border: 3px solid red;
+}