/* Couleurs inspirées de la charte du SYVADEC */
:root {
    --syvadec-green: #08655F; /* Vert SYVADEC */
    --syvadec-medium:  #00A97A;  /* Bleu SYVADEC */
    --syvadec-light: #E8F5E9; /* Vert clair */
}

/* Style de la barre de navigation */
.navbar-dark {
    background-color: var(--syvadec-green);
}


.navbar-dark .navbar-brand,
.navbar-dark .nav-link,
.navbar-dark .navbar-text {
    color: white !important;
}



.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.7); /* Bordure blanche légèrement transparente */
}

.navbar-toggler {
    border-color: white; /* Bordure visible */
}

.navbar-toggler-icon {
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.5.2/img/navbar-toggler-icon.svg");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-color: white;
}


.navbar-brand img {
    height: 100%;  /* Ajustement automatique à la hauteur de la navbar */
    max-height: 50px;  /* Hauteur max pour éviter qu'il soit trop grand */
    width: auto;  /* Garde les proportions du logo */
}

/* Espacement pour éviter que le contenu ne soit masqué par la navbar */
body {
    padding-top: 80px;
}

/* Style du tableau */
.table-custom {
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.table thead {
    background-color: var(--syvadec-green);
    color: white;
}

.table-custom td, 
.table-custom th {
    vertical-align: middle;
}


.table tbody tr:nth-child(odd) {
    background-color: var(--syvadec-light);
}

/* Boutons adaptés */
.btn-primary {
    background-color: var(--syvadec-green);
    border: none;
}

.btn-primary:hover {
    background-color: #0056b3;
}

/* Formulaire repliable */
.filter-box {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

/* contenu */
.custom-container {
    max-width: 90%;  /* Ajustez selon vos besoins */
}