header {
    height: 8vh;
    flex: none;
    background-color: var(--color5);
    color: var(--color1);
}

.titre,
.titreListe,
.labelListe {
    font-size: 2em;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: bold;
    justify-content: center;
    align-items: center;
}

.titre2 {
    font-size: 1.5rem;
    font-weight: bold;
}

body {
    background-color: var(--color4);
}

footer {
    background-color: var(--color5);
    color: var(--color1);
    font-size: 0.8em;
    position: fixed;
    bottom: 0;
    width: 100%;
}

main {
    padding-bottom: 20vh;
}

.labelListe {
    grid-gap: 0.2em;
}

.labelListe .left {
    justify-content: unset;
}

.titreForm {
    padding: 3em;
}

nav a {
    padding: 2em 0.2em;
    box-shadow: 2px 2px 3px black;
    justify-content: center;
    align-items: center;
}

.left {
    justify-content: left !important;
}

.estompe {
    opacity: 0.3;
}

.fontBleu{
    color: var(--color1);
}