/* Les outils pour les palettes de couleurs sont là
 https://favicon.io/favicon-generator/ */

:root {
    --background-color: #FDA;
    --color: #520;
    --colorHover: #A50;
}



.navbar {
    background-color: var(--background-color) !important;
}

.navbar .navbar-brand,
.navbar .nav-link,
.navbar .dropdown-toggle {
    color: var(--color) !important;
}

.navbar .navbar-brand:hover,
.navbar .nav-link:hover,
.navbar .dropdown-toggle:hover,
.navbar .navbar-brand:focus,
.navbar .nav-link:focus,
.navbar .dropdown-toggle:focus {
    color: var(--colorHover) !important;
}

.navbar .dropdown-menu {
    background-color: var(--background-color);
    color: var(--color);
}

.navbar .dropdown-item {
    background-color: var(--background-color);
    color: var(--color);
}

.navbar .dropdown-item:hover {
    background-color: var(--background-color);
    color: var(--colorHover);
}

.h1 {
    color: var(--background-color) !important;
}

hr {
    border-top: 4px solid var(--background-color) !important;
}