html {
    --blue: #13436B;
    --red: #eb3750;
    --green: #198754;
    --lightblue: rgb(19, 67, 107, .75);
    --darkgray: #212529;
    --gray: #aaaaaa;
    --lightgray: #dddddd;
    --verylightgray: #f5f5f5;
}

/* NAV */
.nav-link {
    color: var(--gray);
    text-transform: uppercase;
    /* font-size: .75rem; */
}
@media (min-width: 576px) {
    .nav-link {
        font-size: .75rem;
    }
  }

/* COLORS */
.btn:focus,
.btn:hover,
.btn:active {
    background-color: var(--darkgray);
    border-color: var(--darkgray);
}
.btn-primary {
    background-color: var(--red);
    border-color: var(--red);
}
.btn-secondary {
    background-color: var(--blue);
    border-color: var(--blue);
}
.btn-outline-primary {
    color: var(--red);
    border-color: var(--red);
}
.btn-outline-secondary {
    color: var(--blue);
    border-color: var(--blue);
}
.text-bg-primary {
    background-color: var(--blue) !important;
}
.text-bg-secondary {
    background-color: var(--red) !important;
}
.text-bg-light {
    background-color: var(--lightgray) !important;
}
.text-bg-green {
    background-color: var(--green) !important;
}
.form-check-input:checked{
    background-color: var(--blue);
    border-color: var(--blue);
}

/* TYPO */
h1 {
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
h2 {
    font-size: 1.5rem;
    margin-top: 1.75rem;
    margin-bottom: .5rem;
}
a {
    color: var(--blue);
    text-decoration: none;
}

/* LIST */
.list-checked li, 
.list-called li{
    background-color: var(--verylightgray);
}

/* FORMS */
.form-check-inline {
    margin-right: 1.25rem;
}
label {
    margin-top: .5rem;
    margin-bottom: .25rem;
}
label.required::after {
    content: ' - obligatoire';
    font-size: .75rem;
}

/* FOOTER */
footer a {
    text-decoration: none;
    color: var(--gray);
}
footer {
    font-size: .75rem;
}