:root {

    /* Font des titres */
    --title-font: 'Oswald', sans-serif;

    /* Couleurs principales */
    --main-color: #001A70;
    --second-color: #2BB4D3;
    --flash-color: #2BB4D3;
    --black-color: #111111;
    --light-color: #ffffff;
    --gradient: linear-gradient(to right, var(--main-color) 65%, var(--second-color));

    /* Couleur du texte */
    --text-color: #616161;

    /* Coins arrondis du site */
    --radius: 6px;

    /* Espacement */
    --spacer: 2rem;

    /* BACKGROUND */

    /* Couleur du fond de page*/
    --bg-color: #e9ecef;
    --bg-light: #fff;

    /* Nom du fichier de l'image de fond du site */
    --bg-img: ''; /* pour rien mettre '' */

    /* ------------------------------------------- BOUTONS ------------------------------------------- */
    --button-radius: 6px;
    --button-icon-color: currentColor;

    /* HEADER
    ----------------------------------------------------------------------------------------------------------------- */
    /* Ombre sous le header */
    --header-shadow: 0;

    /* SIDEBAR
    ----------------------------------------------------------------------------------------------------------------- */

    /* Affichage de la barre de menu (Block ou none) */
    --sidebar-display: none;

    /* NAVBAR
    ----------------------------------------------------------------------------------------------------------------- */
    /* Affichage de la barre de menu (Block ou none) */
    --navbar-display: block;

    /* Largeur du conteneur de la navbar (1140 ou 980 ou 100%) */
    --navbar-width:var(--mainSection-width);

    /* Couleur de fond de la navBar */
    --navbar-bg: var(--gradient);

    /* Bord arrondis de la navbar */
    --navbar-radius:0px;

    /* FOOTER ----------------------------------------------------------------------------------------------------------- */
    --footer-bg-color: var(--main-color);
}