:root {

    /* Font des titres */
    --title-font: "Roboto",sans-serif !important;

    /* Couleurs principales */
    --main-color: #117281;
    --second-color: #b6d5db;
    --flash-color: #117281;
    --third-color: #ffffff;
    --black-color: #000000;
    --grey-color: #EFF1F2;
    --light-color: #ffffff;
    
    --gradient: linear-gradient(to right, var(--main-color) 65%, var(--second-color));

    /* Effets */
    --button-hover-bg: var(--light-color);
    /* Couleur du texte */
    --text-color: var(--black-color);
    --onglets-active-text: var(--flash-color);

    /* Coins arrondis du site */
    --radius: 6px;
    --radius-8: 8px;
    --radius-12: 12px;
    --radius-16: 16px;
    --radius-64: 64px;

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

    /* BACKGROUND */

    /* Couleur du fond de page*/
    --bg-color: #e9ecef;
    --bg-light: #fff;
    --button-hover-bg: var(--second-color);

    /* 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;

    /* Max width
     ----------------------------------------------------------------------------------------------------------------- */
    --mainSection-width: 1420px;

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