```css
/* ============================================================
   GMoDocs - Personnalisation de la navigation
   Material for MkDocs
   ============================================================ */


/* ------------------------------------------------------------
   1. VARIABLES
   ------------------------------------------------------------ */
/*
:root {
    --gm-nav-font-size: 0.82rem;
    --gm-nav-section-size: 0.88rem;
    --gm-nav-line-height: 1.35;

    --gm-nav-padding-y: 0.38rem;

    --gm-nav-indent-level-1: 0.60rem;
    --gm-nav-indent-level-2: 1.20rem;
    --gm-nav-indent-level-3: 1.80rem;
    --gm-nav-indent-level-4: 2.40rem;
    --gm-nav-active-border: 0.18rem;
}


/* ------------------------------------------------------------
   2. MENU PRINCIPAL
   ------------------------------------------------------------ */

/* Taille et hauteur des éléments de navigation */
/*.md-nav--primary .md-nav__link {
    font-size: var(--gm-nav-font-size);
    line-height: var(--gm-nav-line-height);

    padding-top: var(--gm-nav-padding-y);
    padding-bottom: var(--gm-nav-padding-y);
}

/* ------------------------------------------------------------
   3. PREMIER NIVEAU
   Applications / Système / A propos...
   ------------------------------------------------------------ */
/*.md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link {
    font-size: var(--gm-nav-section-size);
    font-weight: 1600;

    padding-top: 0.48rem;
    padding-bottom: 0.48rem;
}

/* ------------------------------------------------------------
   4. SOUS-MENUS - INDENTATION
   ------------------------------------------------------------ */

/* Niveau 1 */
/*.md-nav--primary .md-nav[data-md-level="1"] > .md-nav__list {
    padding-left: var(--gm-nav-indent-level-1);
}
*/
/* Niveau 2 */
/*.md-nav--primary .md-nav[data-md-level="2"] > .md-nav__list {
    padding-left: var(--gm-nav-indent-level-2);
}
*/
/* Niveau 3 */
/*.md-nav--primary .md-nav[data-md-level="3"] > .md-nav__list {
    padding-left: var(--gm-nav-indent-level-3);
}
*/
/* Niveau 4 */
/*.md-nav--primary .md-nav[data-md-level="4"] > .md-nav__list {
    padding-left: var(--gm-nav-indent-level-4);
}
*/


/* ------------------------------------------------------------
   5. MENUS QUI CONTIENNENT DES SOUS-MENUS
   ------------------------------------------------------------ */
/* Légèrement plus visible que les pages */
.md-nav--primary .md-nav__item--nested > .md-nav__link,
.md-nav--primary .md-nav__item--nested > label.md-nav__link {
    font-weight: 500;
}

/* ------------------------------------------------------------
   6. ESPACEMENT ENTRE LES ÉLÉMENTS
   ------------------------------------------------------------ */
/* Petit espace supplémentaire entre les entrées */
.md-nav--primary .md-nav__item {
    margin-bottom: 0.98rem; /*0.08*/
}

/* Les sections principales sont davantage espacées */
.md-nav--primary > .md-nav__list > .md-nav__item {
    margin-bottom: 1.38rem;
}

/* ------------------------------------------------------------
   7. PAGE ACTIVE
   ------------------------------------------------------------ */

/* Page actuellement sélectionnée */
/*.md-nav--primary .md-nav__link--active {
    font-weight: 700;
    border-left: var(--gm-nav-active-border) solid currentColor;

    padding-left: 0.55rem;
}

*/
/* ------------------------------------------------------------
   8. DOSSIER / MENU PARENT ACTIF
   ------------------------------------------------------------ */

/* Parent d'une page actuellement sélectionnée */
.md-nav--primary
.md-nav__item--nested
.md-nav__item--active
> .md-nav__link {
    font-weight: 600;
}

/* ------------------------------------------------------------
   9. EFFET AU SURVOL
   ------------------------------------------------------------ */
.md-nav--primary .md-nav__link:hover {
    opacity: 0.85;
}


/* ------------------------------------------------------------
   10. FLÈCHES DES SOUS-MENUS
   ------------------------------------------------------------ */
/* Légèrement plus visibles */
.md-nav--primary .md-nav__icon {
    transform: scale(1.40);
}

/* ------------------------------------------------------------
   11. TABLE DES MATIÈRES À DROITE
   ------------------------------------------------------------ */
/* La TOC utilise également .md-nav__link */
.md-sidebar--secondary .md-nav__link {
    font-size: 0.68rem;
    line-height: 1.35rem;

    padding-top: 0.01rem;
    padding-bottom: 0.01rem;

    }

/* TOC active */
.md-sidebar--secondary .md-nav__link--active {
    font-weight: 600;
}

/* ------------------------------------------------------------
   12. TITRE DU MENU
   ------------------------------------------------------------ */

.md-sidebar--primary .md-nav__title {
    font-size: 0.90rem;
    font-weight: 700;
}


/* ------------------------------------------------------------
   13. PETITES ÉCRANS
   ------------------------------------------------------------ */

@media screen and (max-width: 76.1875em) {

    .md-nav--primary .md-nav__link {
        font-size: 0.85rem;

        padding-top: 0.42rem;
        padding-bottom: 0.42rem;
    }

    .md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link {
        font-size: 0.90rem;
    }
}