Actualiser style.css

style.css

@@ -1,104 +1,53 @@
 /* ===========================
-   GLOBAL
+   NAVBAR - THEME ADMIN
 =========================== */
-body {
-    font-family: Arial, sans-serif;
-    background-color: #1E1E1E; /* fond sombre du site */
-    color: #F0F0F0;            /* texte clair par défaut */
+nav {
+    background-color: #1a1a1a;   /* fond sombre pour tout le site */
+    padding: 15px 30px;
+    border-radius: 10px;
+    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
+    margin-bottom: 20px;
+}
+
+nav ul {
+    list-style: none;
+    display: flex;
+    justify-content: center;
+    gap: 30px;
     margin: 0;
     padding: 0;
 }
 
-/* ===========================
-   NAVBAR
-=========================== */
-nav {
-    background-color: #FFFFFF; /* fond blanc pour nav */
-    padding: 10px 20px;
-    display: flex;
-    gap: 10px;
-}
-
-nav a {
-    color: #000000; /* texte noir */
+nav ul li a {
     text-decoration: none;
-    padding: 8px 12px;
-    border-radius: 5px;
+    color: #ffffff;  /* texte clair */
     font-weight: bold;
+    padding: 10px 15px;
+    border-radius: 5px;
     transition: all 0.3s;
 }
 
-nav a:hover {
-    background-color: #E0E0E0; /* hover léger */
+nav ul li a:hover {
+    background-color: #ffffff;
+    color: #1a1a1a;
 }
 
-/* ===========================
-   FOOTER
-=========================== */
-footer {
-    background-color: #2A2A2A; /* sombre */
-    color: #FFFFFF;
-    text-align: center;
-    padding: 10px 0;
+nav ul li a.btn-red {
+    background-color: #e74c3c;
+    color: #fff;
 }
 
-footer hr {
-    border: 1px solid #555;
+nav ul li a.btn-red:hover {
+    background-color: #c0392b;
 }
 
-/* ===========================
-   DASHBOARD
-=========================== */
-.dashboard {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    gap: 20px;
-    margin: 20px;
+/* Style spécifique pour onglet Admin Login */
+nav ul li a.btn-admin {
+    background-color: #8e44ad; /* violet admin */
+    color: white;
 }
 
-.widget {
-    padding: 20px;
-    border-radius: 10px;
-    text-align: center;
-    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-    font-size: 16px;
-    background-color: #2A2A2A; /* gris foncé */
-    color: #FFFFFF;
-}
-
-/* Couleurs spécifiques pour widgets */
-.widget.climat { background-color: #ADD8E6; color: #000000; }
-.widget.securite { background-color: #D3D3D3; color: #000000; }
-.widget.energie { background-color: #FFFACD; color: #000000; }
-.widget.lumiere { background-color: #F5F5DC; color: #000000; }
-.widget.graphiques { background-color: #FFFFFF; color: #000000; grid-column: span 4; padding: 40px; }
-.widget.alertes { background-color: #FFC0CB; color: #000000; grid-column: span 4; padding: 20px; }
-
-.icone {
-    font-size: 30px;
-    display: block;
-    margin-bottom: 10px;
-}
-
-/* Hover dynamique sur les widgets */
-.widget:hover {
-    filter: brightness(1.1);
-    cursor: pointer;
-}
-
-/* Alertes */
-.alert {
-    border: 3px solid red;
-}
-
-/* Canvas graphique */
-canvas {
-    background-color: #FFFFFF;
-    border-radius: 10px;
-}
-
-/* Titres H1 / H2 */
-h1, h2 {
-    color: #FFFFFF;
-    margin-left: 20px;
+nav ul li a.btn-admin:hover {
+    background-color: #6c3483;
+    color: #fff;
 }