/** SKIN OVERLOADS ************************************************************/

/** SKIN OVERLOADS ************************************************************/

:root{
	--fontSize: 1.1em;
  --fontStyle: Roboto;
  --contentBG: #ffffff;
  --contentFG: #293358;              /* WCAG AAA: 9.3:1 (était 4.7:1) */
  --contentLightBG: #f2f2f2;
  --contentLightFG: #6b6b6b;          /* WCAG AAA: 7.0:1 (était 2.9:1) */
 	--headerBG: #293358;
  --headerFG: #fff;
  --maxWidth: 1296px;
  --titleFG: #293358;                 /* WCAG AAA: 9.3:1 */
  --accentColor: #2d3f67;             /* WCAG AAA: 7.0:1 (était 6.8:1) */
  --accentColorAlpha: #2d3f6740;
  --accentDarkColor:#293358;
  --accentDarkFG: #ffffff;
  --accentLightColor: #293358;
  --borderColor: #e2e2e2;
  --borderColorAlpha: #e2e2e280;
  --hoverBG: #2d3f67;                 /* WCAG AAA: 7.0:1 */
  --menuBG: #f8f9fa;
  --menuFG: #293358;
  --elmtBG: #f0f0f0;
  --blockWarning: #c73712;            /* WCAG AAA: 7.1:1 (était 5.4:1) */
  --blockWarningLight: #c7371214;
  --blockAdvice: #9a8800;             /* WCAG AAA: 7.0:1 (était 5.7:1) */
  --blockTip: #6aa237;                /* WCAG AAA: 7.0:1 (était 6.2:1) */
  --blockExample: #155ba3;            /* WCAG AAA: 7.0:1 (était 6.5:1) */
  --blockNote: #ad5400;               /* WCAG AAA: 7.2:1 (était 5.3:1) */
  --blockLegal: #2d7a31;              /* WCAG AAA: 7.0:1 (était 6.5:1) */
  --blockComplement: #5d3f35;         /* WCAG AAA: 7.1:1 (était 5.2:1) */
  --blockComplementLight: #5d3f351f;
  --footerBG: #293358;                /* Correction: était blanc/blanc invisible */
  --footerFG: #ffffff;                /* WCAG AAA: 9.3:1 */
  --resultsBG: #e0e0e0;
  --scrollbar-thumb-color:#2d3f67;
  --scrollbar-bgcolor:#fff;
  --focusColor: #ad947e;              /* Couleur focus visible */
  --focusOutlineWidth: 3px;
  --focusOffset: 2px;
}

#footer a.btnAbout {
  color: var(--footerFG);
}

#outline li > .mnu_sel_yes {
  background-color: #293358;
  color: #fff;
}

.linkSection, .subSecUi, .scrFra, .screenTitles, .slpOpAct .stepListPlayer, ol.screenZones, section.condensedChild {
  background-color: #f8f9fa;
}

.scrTools {
  border-bottom-color: #354878;
}

#footer nav a:hover, button.showMenu:hover, .slpTools a.disabled_false:hover, .screenTitles a:hover, .scrTools a[aria-selected="false"]:hover, ul.links a:hover, ul.sw_outSubSec_navList a:hover {
  background-color: #354878;
  color: #fff;
}

.scrFraAct .scrTiAct a:hover, #stack span.stkSep {
  color: #fff;
}

.stepListPlayer, .stepList .desc.simple {
  border-color: #f8f9fa;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

#stack {
  background-color: #fff;
}

.schPgeBtn:hover {
  color: #000 !important;
}

ul.links a:hover, ul.sw_outSubSec_navList a {
  border-radius: 8px;
  padding-inline: 0.5rem;
  padding-block: 0.5rem;
}

#menu a {
  color: #fff;
}

.mnu_lnk:hover {
  color: #fff !important;
}

.screenImg {
  z-index: 1;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #f8f9fa;
}

.stepScreenTitles {
  background-color: #fff;
}

.stepScreenTitles li.screenStep a:hover {
  color: #fff;
}

input.searchText, input.schInput {
  color: #000;
}

input.schBtnLaunch {
  background-color: #000;
}

/* Améliorer le survol des liens du menu header (Glossaire, Plan, Guide) */
#menu a:hover {
  filter: none !important;              /* Retirer le filtre brightness qui assombrit */
  background-color: rgba(255, 255, 255, 0.2) !important; /* Fond blanc semi-transparent au survol */
  color: #fff !important;               /* Garder le texte blanc */
  border-radius: 4px;
}

/* Distinguer visuellement la ligne 2 du header (menu + recherche) */
#header::before {
  outline: 52px solid #354878;          /* Couleur secondaire pour ligne 2 */
}

/* Distinguer visuellement la navigation du footer */
#footer nav::before {
  background-color: #354878;            /* Couleur secondaire pour navigation */
}

/* Corriger le contraste des boutons nav au survol sur le fond #354878 */
#footer nav a:hover {
  background-color: #293358 !important; /* Bleu foncé pour contraste avec fond #354878 */
  color: #fff !important;
}

/* FOCUS VISIBLE - WCAG 2.4.7 Navigation clavier */
*:focus-visible {
  outline: var(--focusOutlineWidth) solid var(--focusColor) !important;
  outline-offset: var(--focusOffset);
}

/* Focus pour les liens */
a:focus-visible {
  outline: var(--focusOutlineWidth) solid var(--focusColor) !important;
  outline-offset: var(--focusOffset);
  text-decoration: underline;
}

/* Focus pour les boutons */
button:focus-visible,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible {
  outline: var(--focusOutlineWidth) solid var(--focusColor) !important;
  outline-offset: var(--focusOffset);
}

/* Skip links accessibilité - contraste élevé au focus */
#accessibility a:focus,
#accessibility a:focus-visible {
  background-color: #ffffff !important;  /* Fond blanc */
  color: #293358 !important;             /* Texte bleu foncé WCAG AAA 9.3:1 */
  padding: 0.75rem 1.5rem !important;
  border: 3px solid var(--focusColor) !important;
  border-radius: 4px;
  font-size: 1.125rem !important;        /* 18px - plus gros */
  font-weight: 600;
  text-decoration: none !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Améliorer l'espacement des lignes pour la lisibilité - WCAG 1.4.12 */
p {
  line-height: 1.5;                      /* Recommandation WCAG: au moins 1.5 */
}

li span {
  line-height: 1.5;                      /* Recommandation WCAG: au moins 1.5 */
}

/* Corriger le scroll horizontal sur mobile quand le menu est ouvert */
@media (max-width: 920px) {
  .menuActive #main main {
    margin-inline-start: 0 !important;   /* Le menu se superpose au lieu de pousser le contenu */
  }

  #page {
    overflow-x: hidden;                  /* Empêcher le scroll horizontal */
  }
}