body {
    --color-black: #040404;
    --color-green: #ADC344;
    --color-blue: #3A64A1;
    background-color: #f5f5f5;
    font-family: 'Saira', sans-serif;
    color: var(--color-black);
}
#title-box {
    min-height: 50vmin;
    background-color: white;
}

/* Zone title box */
#title-box img {
    width: 80%;
    margin: 10%;
    margin-bottom: 3%;
}
#title-box h2 {
    padding-bottom: 5%;
    text-align: center;
}

/* Zone description box */
h1 {
    text-align: center;
    font-weight: 300;
    color: var(--color-green);
}
h3 {
    font-weight: 300;
    font-style: italic;
    text-align: center;
    color: var(--color-blue);
}
ul {
    padding: 0;
    list-style-type: none;
    text-align: center;
}
li {
    display: inline-block;
    margin: 10px 15px;
    font-weight: 100;
}

/* Zone pied de page */
footer {
    margin-top: 5vh;
    text-align: center;
}

/* Clignotement du message d'attente */
.blink {
    animation: blinker 2.0s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0.2;
    }
}