:root {
    --e360-yellow: #FFD500;
    --e360-blue: #003B71;
    --e360-blue-hover: #00549A;
    --e360-white: #FFFFFF;
}

/* Page */
body {
    background-color: var(--e360-white);
    color: var(--e360-blue);
}

/* Navigation */
.navbar {
    background-color: var(--e360-yellow);
    border-bottom: 4px solid var(--e360-blue);
}

.navbar .navbar-brand,
.navbar .nav-link {
    color: var(--e360-blue);
    font-weight: 600;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
    color: var(--e360-blue-hover);
    text-decoration: underline;
    text-underline-offset: 5px;
}

.navbar .navbar-toggler {
    border-color: var(--e360-blue);
}

.navbar .navbar-toggler-icon {
    filter: brightness(0) saturate(100%)
        invert(17%) sepia(70%) saturate(1600%)
        hue-rotate(180deg) brightness(90%);
}

/* Titres */
h1, h2, h3 {
    color: var(--e360-blue);
    font-weight: 700;
}

/* Carte */
.card {
    border: 1px solid #E5EAF0;
    border-radius: 8px;
}

/* En-tête du tableau */
#maTable thead th {
    background-color: var(--e360-yellow);
    color: var(--e360-blue);
    border-bottom: 2px solid var(--e360-blue);
}

/* Cellules */
#maTable tbody td {
    color: var(--e360-blue);
}

#maTable.table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: #FFFBE5;
    color: var(--e360-blue);
}

#maTable.table-hover > tbody > tr:hover > * {
    background-color: #FFF1A8;
    color: var(--e360-blue);
}

/* Cellules modifiables */
#maTable tbody td[data-field] {
    cursor: pointer;
}

#maTable tbody td[data-field]:hover {
    outline: 1px dashed var(--e360-blue);
    outline-offset: -3px;
}

/* Champs d'édition */
#maTable tbody td input,
#maTable tbody td textarea,
#maTable tbody td select {
    min-width: 100px;
    color: var(--e360-blue);
    border-color: var(--e360-blue);
}

#maTable tbody td textarea {
    min-height: 70px;
}

/* Bouton Ajouter */
.btn-primary,
#ajouterLigne {
    background-color: var(--e360-yellow);
    color: var(--e360-blue);
    border: 1px solid var(--e360-blue);
    font-weight: 600;
}

.btn-primary:hover,
#ajouterLigne:hover {
    background-color: #FFE566;
    color: var(--e360-blue);
    border-color: var(--e360-blue);
}

/* Bouton Supprimer */
.supprimerLigne {
    white-space: nowrap;
}

/* Pagination DataTables */
.dt-paging .page-link {
    color: var(--e360-blue);
}

.dt-paging .page-item.active .page-link {
    background-color: var(--e360-yellow);
    border-color: var(--e360-yellow);
    color: var(--e360-blue);
}

.dt-paging .page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 213, 0, 0.35);
}

/* Table responsive */
.table-responsive {
    width: 100%;
}