body {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	letter-spacing: -.15px;
	margin: 0;
	background-color: #f3f3f3;
}

.navbar {
	height: 80px;
	border-bottom: 1px solid #ddd;
}

.sidebar {
	width: 75px;
	min-height: calc(100vh - 80px);
	background-color: var(--bs-light);
	border-right: 1px solid #ddd;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sidebar-item {
	width: 75px;
	height: 75px;
	border-bottom: 1px solid #ddd;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
}

h4 {
	letter-spacing: -.8px;
	font-weight: 300
}
.btn-orange {background-color: #e89559; color: #fff;}
.btn-orange:hover, .btn-orange:active, .btn-orange:focus {background-color: #d47e3f !important; color: #fff !important;}

.btn-blue, .bg-blue {background-color: #146c94; color: #fff;}
.btn-blue:hover, .btn-blue:active, .btn-blue:focus {background-color: #0f5472 !important; color: #fff !important;}

.btn-purple, .bg-purple {background-color: #694c72; color: #fff; }
.btn-purple:hover, .btn-purple:active, .btn-purple:focus {background-color: #52395a !important; color: #fff !important;}

.btn-green {background-color: #438154; color: #fff; }
.btn-green:hover, .btn-green:active, .btn-green:focus {background-color: #356745 !important; color: #fff !important;}

.btn-tool, .btn-admin {
	transition: transform 0.2s, box-shadow 0.2s;
	padding: 30px 20px;
}
.btn-tool:hover, .btn-admin:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}
#main .btn-outline-secondary {
	border-color: #ddd;
	color: #6c757d;
	background-color: #fff;
	font-weight: 500
}
#main .btn-outline-secondary:hover {
	border-color: #6c757d;
	background-color: #6c757d;
	color: #fff;
}

/* Dark mode */
body.dark {
	color-scheme: dark;
	--bs-body-color: #dee2e6;
	--bs-body-color-rgb: 222, 226, 230;
	--bs-body-bg: #212529;
	--bs-body-bg-rgb: 33, 37, 41;
	--bs-emphasis-color: #fff;
	--bs-emphasis-color-rgb: 255, 255, 255;
	--bs-secondary-color: rgba(222, 226, 230, 0.75);
	--bs-secondary-color-rgb: 222, 226, 230;
	--bs-secondary-bg: #343a40;
	--bs-secondary-bg-rgb: 52, 58, 64;
	--bs-tertiary-color: rgba(222, 226, 230, 0.5);
	--bs-tertiary-color-rgb: 222, 226, 230;
	--bs-tertiary-bg: #2b3035;
	--bs-tertiary-bg-rgb: 43, 48, 53;
	--bs-primary-text-emphasis: #6ea8fe;
	--bs-secondary-text-emphasis: #a7acb1;
	--bs-success-text-emphasis: #75b798;
	--bs-info-text-emphasis: #6edff6;
	--bs-warning-text-emphasis: #ffda6a;
	--bs-danger-text-emphasis: #ea868f;
	--bs-light-text-emphasis: #f8f9fa;
	--bs-dark-text-emphasis: #dee2e6;
	--bs-primary-bg-subtle: #031633;
	--bs-secondary-bg-subtle: #161719;
	--bs-success-bg-subtle: #051b11;
	--bs-info-bg-subtle: #032830;
	--bs-warning-bg-subtle: #332701;
	--bs-danger-bg-subtle: #2c0b0e;
	--bs-light-bg-subtle: #343a40;
	--bs-dark-bg-subtle: #1a1d20;
	--bs-primary-border-subtle: #084298;
	--bs-secondary-border-subtle: #41464b;
	--bs-success-border-subtle: #0f5132;
	--bs-info-border-subtle: #087990;
	--bs-warning-border-subtle: #997404;
	--bs-danger-border-subtle: #842029;
	--bs-light-border-subtle: #495057;
	--bs-dark-border-subtle: #343a40;
	--bs-heading-color: inherit;
	--bs-link-color: #6ea8fe;
	--bs-link-hover-color: #8bb9fe;
	--bs-link-color-rgb: 110, 168, 254;
	--bs-link-hover-color-rgb: 139, 185, 254;
	--bs-code-color: #e685b5;
	--bs-highlight-color: #dee2e6;
	--bs-highlight-bg: #664d03;
	--bs-border-color: #495057;
	--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
	--bs-form-valid-color: #75b798;
	--bs-form-valid-border-color: #75b798;
	--bs-form-invalid-color: #ea868f;
	--bs-form-invalid-border-color: #ea868f;
}
body.dark #logo-light {display: none !important; }
body.dark #logo-dark {display: inline !important; }

body.dark {
	background-color: #212529;
	color: #dee2e6;
}
body.dark .navbar {
	background-color: #2b2b2b !important;
	border-bottom: 1px solid #333;
}
body.dark .sidebar {
	background-color: #2b2b2b !important;
	border-right: 1px solid #333;
}
body.dark .sidebar-item {
	border-color: #333;
	color: #bbb;
}
body.dark .sidebar-item:hover {
	background-color: #383838;
}
body.dark .btn-light {
	background-color: #383838;
	color: #eee;
	border: none;
}
body.dark #main .btn-outline-secondary {
	border-color: #444;
	color: #ccc;
	background-color: #2b2b2b;
}
body.dark #main .btn-outline-secondary:hover {
	background-color: #3a3a3a;
	color: #fff;
}
body.dark .modal-content {
	background-color: #2a2a2a;
	color: #ddd;
	border: none;
}



/* Responsive */
@media (max-width: 768px) {
	.navbar {
		height: 60px;
	}
	.sidebar {
		position: fixed;
		top: 60px; /* sous la navbar */
		left: 0;
		height: calc(100% - 60px);
		transform: translateX(-100%);
		transition: transform 0.3s ease;
		z-index: 1050; /* au-dessus du contenu */
	}
	.show-sidebar .sidebar {
		transform: translateX(0);
	}
	h4 {
		font-size: 1.25rem;
	}
	.btn-tool, .btn-admin {
		font-size: 14px;
		padding: 10px 6px;
	}
}





/* LOGIN PAGE */
/* Page fond */
.login-page {
	background: url(../img/bg-page.jpg) no-repeat center center;
	background-size: cover;
}

/* Colonne gauche (teal transparent) */
.bg-teal {
	background: rgba(55, 147, 146, 0.9);
}

/* Colonne droite */
.bg-login-form {
	background: #2a4a57;
}