body {
  /* tag::General[] */
  /* Couleur du dégradé de l’arrière-plan du navigateur à partir du haut */
  --arriere-plan-couleur-haut: #dbdbdb;
  /* Couleur du dégradé de l’arrière-plan du navigateur à partir du bas */
  --arriere-plan-couleur-bas: #dbdbdb;
  /* Couleur de fond principale des boutons. */
  --bouton-couleur-principal: #0097d8;
  /* Couleur principale de la police de caractère des boutons. */
  --bouton-couleur-principal-police: white;
  /* Couleur secondaire des boutons. */
  --bouton-couleur-secondaire: #043B81;
  /* Couleur secondaire de la police de caractère. */
  --bouton-couleur-secondaire-police: white;
  /* Couleur barre de chargement */
  --barre-de-chargement-couleur: white;
  /* Couleur de fond d'un élément du menu */
  --bouton-couleur-menu: #79C5EB;
  /* Couleur de la bordure gauche du menu */
  --bouton-couleur-menu-bordure: #1A85C7;
  /* end::General[] */
  /* tag::Logo[] */
  /* Taille maximale du logo entreprise lorsque l'utilisateur n'est pas connecté */
  --longueur-max-logo-login: 500px;
  --hauteur-max-logo-login: 500px;
  /* Taille maximale du logo entreprise lorsque l'utilisateur est connecté */
  --longueur-max-logo-connecte: 150px;
  --hauteur-max-logo-connecte: 150px;
  /* end::Logo[] */
  /* tag::Histogramme[] */
  /* Les attributs suivants servent à définir la palette de couleur utilisée pour les barres empilées de l'histogramme */
  --histogramme-couleur0: #007ac5;
  --histogramme-couleur1: #ffb000;
  --histogramme-couleur2: #be0048;
  --histogramme-couleur3: #ff0048;
  --histogramme-couleur4: #382b00;
  --histogramme-couleur5: #380010;
  --histogramme-couleur6: #0d0038;
  --histogramme-couleur7: #6133ff;
  --histogramme-couleur8: #334dff;
  --histogramme-couleur9: #2d48ff;
  --histogramme-couleur10: #78eb47;
  --histogramme-couleur11: #3aa70c;
  --histogramme-couleur12: #083800;
  --histogramme-couleur13: #380010;
  --histogramme-couleur14: #007ac5;
  --histogramme-couleur15: #be0048;
  --histogramme-couleur16: #4aff6a;
  --histogramme-couleur17: #0d0038;
  --histogramme-couleur18: #4affc4;
  --histogramme-couleur19: #4ad6ff;
  --histogramme-couleur20: #007ac5;
  --histogramme-couleur21: #ffb000;
  --histogramme-couleur22: #be0048;
  --histogramme-couleur23: #ff0048;
  --histogramme-couleur24: #382b00;
  --histogramme-couleur25: #380010;
  --histogramme-couleur26: #0d0038;
  --histogramme-couleur27: #6133ff;
  --histogramme-couleur28: #334dff;
  --histogramme-couleur29: #2d48ff;
  /* end::Histogramme[] */
  /* tag::GraphiqueEnLigne[] */
  /* Couleur de la ligne de la courbe. */
  --linechart-couleur-ligne: #69C;
  /* Couleur du gradient sous la ligne de courbe. */
  --linechart-couleur-gradient: #99ccff;
  /* Couleur principale du pointeur lors du survol de la ligne. */
  --linechart-couleur-principal-pointeur: #369;
  /* Couleur secondaire du pointeur lors du survol de la ligne. */
  --linechart-couleur-secondaire-pointeur: #69C;
  /* end::GraphiqueEnLigne[] */
}

/* tag::Autres[] */

/* Correspond au pied de page de l'application. */

ael-pied-de-page {
  /* Couleur de fond du pied de page. */
  --pied-couleur: #003882;
  /* Couleur de fond de la police de caractère du pied de page. */
  --pied-couleur-police: white;
}

/* Correspond aux bandeaux de titre des chapitres quand un utilisateur est connecté. */

ael-titre-chapitre {
  /* Couleur de fond des chapitres. */
  --chapitre-couleur: #7ac6ec;
  /* Couleur de la police des chapitres. */
  --chapitre-couleur-police: white;
}

/* Correspond au bandeau principal en haut de page. */

ael-entete {
  /* Couleur de dégradé du bandeau à partir de la gauche. */
  --bandeau-couleur-gauche: #1a9ed5;
  /* Couleur de dégradé du bandeau à partir de la droite. */
  --bandeau-couleur-droite: #0d74b5;
  /* Couleur de la police de caractère de l'entête. */
  --entete-couleur-police: white;
}

ael-titre-application {
  /* Couleur de la police de caractère du titre de l'application sur la page de connexion. */
  --titre-couleur-police: white;
}

/* end::Autres[] */

/* tag::CssSupplementaire */

body {
  /** tag::General[] */
  /** Couleur du dégradé de l’arrière-plan du navigateur à partir du haut */
  --arriere-plan-couleur-haut: #dbdbdb;
  /** Couleur du dégradé de l’arrière-plan du navigateur à partir du bas */
  --arriere-plan-couleur-bas: #dbdbdb;
  /** Couleur de fond principale des boutons. */
  --bouton-couleur-principal: #0097d8;
  /** Couleur principale de la police de caractère des boutons. */
  --bouton-couleur-principal-police: white;
  /** Couleur secondaire des boutons. */
  --bouton-couleur-secondaire: #043B81;
  /** Couleur secondaire de la police de caractère. */
  --bouton-couleur-secondaire-police: white;
  /** Couleur barre de chargement */
  --barre-de-chargement-couleur: white;
  /** Couleur de fond d'un élément du menu */
  --bouton-couleur-menu: #79C5EB;
  /** Couleur de la bordure gauche du menu */
  --bouton-couleur-menu-bordure: #1A85C7;
  /** end::General[] */
  /** tag::Logo[] */
  /** Taille maximale du logo entreprise lorsque l'utilisateur n'est pas connecté */
  --longueur-max-logo-login: 500px;
  --hauteur-max-logo-login: 500px;
  /** Taille maximale du logo entreprise lorsque l'utilisateur est connecté */
  --longueur-max-logo-connecte: 150px;
  --hauteur-max-logo-connecte: 150px;
  /** end::Logo[] */
  /** tag::Histogramme[] */
  /** Les attributs suivants servent à définir la palette de couleur utilisée pour les barres empilées de l'histogramme */
  --histogramme-couleur0: #007ac5;
  --histogramme-couleur1: #ffb000;
  --histogramme-couleur2: #be0048;
  --histogramme-couleur3: #ff0048;
  --histogramme-couleur4: #382b00;
  --histogramme-couleur5: #380010;
  --histogramme-couleur6: #0d0038;
  --histogramme-couleur7: #6133ff;
  --histogramme-couleur8: #334dff;
  --histogramme-couleur9: #2d48ff;
  --histogramme-couleur10: #78eb47;
  --histogramme-couleur11: #3aa70c;
  --histogramme-couleur12: #083800;
  --histogramme-couleur13: #380010;
  --histogramme-couleur14: #007ac5;
  --histogramme-couleur15: #be0048;
  --histogramme-couleur16: #4aff6a;
  --histogramme-couleur17: #0d0038;
  --histogramme-couleur18: #4affc4;
  --histogramme-couleur19: #4ad6ff;
  --histogramme-couleur20: #007ac5;
  --histogramme-couleur21: #ffb000;
  --histogramme-couleur22: #be0048;
  --histogramme-couleur23: #ff0048;
  --histogramme-couleur24: #382b00;
  --histogramme-couleur25: #380010;
  --histogramme-couleur26: #0d0038;
  --histogramme-couleur27: #6133ff;
  --histogramme-couleur28: #334dff;
  --histogramme-couleur29: #2d48ff;
  /** end::Histogramme[] */
  /** tag::GraphiqueEnLigne[] */
  /** Couleur de la ligne de la courbe. */
  --linechart-couleur-ligne: #69C;
  /** Couleur du gradient sous la ligne de courbe. */
  --linechart-couleur-gradient: #99ccff;
  /** Couleur principale du pointeur lors du survol de la ligne. */
  --linechart-couleur-principal-pointeur: #369;
  /** Couleur secondaire du pointeur lors du survol de la ligne. */
  --linechart-couleur-secondaire-pointeur: #69C;
  /** end::GraphiqueEnLigne[] */
}

/** tag::Autres[] */

/** Correspond au pied de page de l'application. */

ael-pied-de-page {
  /** Couleur de fond du pied de page. */
  --pied-couleur: #003882;
  /** Couleur de fond de la police de caractère du pied de page. */
  --pied-couleur-police: white;
}

/** Correspond aux bandeaux de titre des chapitres quand un utilisateur est connecté. */

ael-titre-chapitre {
  /** Couleur de fond des chapitres. */
  --chapitre-couleur: #7ac6ec;
  /** Couleur de la police des chapitres. */
  --chapitre-couleur-police: white;
}

/** Correspond au bandeau principal en haut de page. */

ael-entete {
  /** Couleur de dégradé du bandeau à partir de la gauche. */
  --bandeau-couleur-gauche: #1a9ed5;
  /** Couleur de dégradé du bandeau à partir de la droite. */
  --bandeau-couleur-droite: #0d74b5;
  /** Couleur de la police de caractère de l'entête. */
  --entete-couleur-police: white;
}

ael-titre-application {
  /** Couleur de la police de caractère du titre de l'application sur la page de connexion. */
  --titre-couleur-police: white;
}

/** end::Autres[] */

/* end::CssSupplementaire */