/* ----------------- */
/* --- Theme SOMBRE --- */
/* -- By  NiCoLa$ -- */
/* - Version  1.00 - */
/* ----------------- */

:root { --sombre-menu: #121212;--sombre-bg: #212529;/*ou #1e1e1e*/--sombre-card: #161616;--sombre-gray: #959595;--sombre-anthracite: #222;--sombre-noir:#050505;--sombre-blanc: #e1e1e1;--sombre-green: #198754;--sombre-darkgreen: #157347;--sombre-danger: #dc3545;--sombre-red2: #bb2d3b;}

.body-SOMBRE {background-color: var(--sombre-bg);color: #ffffff;font-family: "Helvetica Neue", Arial, sans-serif;min-height: 100vh;display: flex;flex-direction: column;}
/*.bg-SOMBRE{background-color: var(--sombre-bg);color: #ffffff;font-family: "Helvetica Neue", Arial, sans-serif;min-height: 100vh;display: flex;flex-direction: column;}*/
.bg-SOMBRE{background-color: var(--sombre-menu);display: flex;flex-direction: column;}
/*police d'écriture*/
.police-SOMBRE { font-family: "Helvetica Neue", Arial, sans-serif; }
/* --- NAVIGATION --- */
.navbar-SOMBRE {background-color: var(--sombre-menu);border-bottom: 2px solid var(--sombre-menu);padding: 1rem 0;}
/* Style des liens du menu */
.nav-link-SOMBRE {font-family: "Helvetica Neue", Arial, sans-serif;color: var(--sombre-gray) !important;font-weight: bold; font-size: 0.95rem;letter-spacing: 1px; padding: 5px 7px !important;transition: 0.3s;}
.nav-link-SOMBRE:hover, .nav-link-SOMBRE.active {color: #fff !important;text-shadow: 0 0 8px var(--sombre-blanc);}
/* Menu déroulant SOMBRE */
.dropdown-SOMBRE {background-color: var(--sombre-menu);border: 1px solid var(--sombre-gray);border-radius: 0;margin-top: 10px;}
.dropdown-SOMBRE .dropdown-item {font-family: "Helvetica Neue", Arial, sans-serif;font-size: 0.75rem;color: var(--sombre-gray);padding: 10px 20px;}
.dropdown-SOMBRE .dropdown-item:hover {background-color: var(--sombre-menu);color: var(--sombre-blanc);text-shadow: 0 0 8px var(--sombre-blanc);}
.dropdown-menu-SOMBRE{background-color:var(--sombre-menu);color: var(--sombre-blanc); border-radius: 5px;}

/* Bouton Connexion */
.btn-SOMBRE-login {background-color: var(--sombre-green);color: var(--sombre-blanc) !important;font-family: "Helvetica Neue", Arial, sans-serif;border: none;border-radius: 4px;padding: 8px 20px;font-size: 0.9rem;font-weight: bold;transition: all 0.3s;}
.btn-SOMBRE-login:hover {background-color: var(--sombre-darkgreen);color: var(--sombre-blanc);}
/* Bouton Connexion 2*/
.btn2-SOMBRE-login {background-color: var(--sombre-green);color: var(--sombre-blanc) !important;font-family: "Helvetica Neue", Arial, sans-serif;border: none;border-radius: 4px;padding: 8px 20px;font-size: 0.9rem;font-weight: bold;transition: all 0.3s;}
.btn2-SOMBRE-login:hover {background-color: var(--sombre-darkgreen);color: var(--sombre-blanc);}

/*Bouton annuler*/
.btn-danger-SOMBRE{background-color: var(--sombre-danger);color: var(--sombre-blanc) !important;font-family: "Helvetica Neue", Arial, sans-serif;border: none;border-radius: 4px;padding: 8px 20px;font-size: 0.9rem;font-weight: bold;transition: all 0.3s;}
.btn-danger-SOMBRE:hover {background-color: var(--sombre-red2);color: var(--sombre-blanc);}
		
/* --- Page --- */
.div-SOMBRE{height: 2px; width: 100px; background: var(--sombre-blanc);}
.text2-SOMBRE {color: var(--sombre-gray);}
.text1-SOMBRE {color: var(--sombre-blanc);}
/* --- TABLEAU SOMBRE --- */
/*.server-card-SOMBRE { background-color: var(--sombre-card); border: 1px solid var(--sombre-anthracite); border-left: 4px solid var(--sombre-menu); border-radius: 0; }*/
.server-card-SOMBRE {border: 1px solid var(--sombre-anthracite); border-left: 4px solid var(--sombre-menu); border-radius: 0; }
.table-SOMBRE { color: white; margin-bottom: 0; }
.table-SOMBRE thead th { font-family: "Helvetica Neue", Arial, sans-serif; color: var(--sombre-menu); border-bottom: 1px solid var(--sombre-menu); font-size: 0.8rem; }
/* --- Switch --- */
.form-switch .form-check-input:checked { background-color: var(--sombre-bg); border-color: var(--sombre-bg); }

.card-header-SOMBRE{background-color: var(--sombre-bg);}
.card-footer-SOMBRE{background-color: var(--sombre-gray);}


/* --- FOOTER --- */
.footer-SOMBRE {margin-top: auto;background-color: var(--sombre-menu);border-top: 1px solid var(--sombre-menu);padding: 30px 0;font-family: "Helvetica Neue", Arial, sans-serif;color: var(--sombre-gray);font-weight: 100; letter-spacing: 2px;}
.footer-line-SOMBRE {height: 1px;width: 100%;background-color: var(--sombre-gray);margin-bottom: 15px;}