:root {
    --fontSize: 1.1em;
    --fontStyle: 'Roboto';
    --titleStyle: 'Merriweather';
    --maxWidth: 960px;
    --menuWidth: 20rem;

    --blockWarning: #f90101;
    --blockWarningLight: #d1216514;
    --blockAdvice: #00aaff;
    --blockTip: #3ECD49;
    --blockExample: #8042b3;
    --blockNote: #ff0080;
    --blockLegal: #ff5ce4;
    --blockComplement: #3f51b5;
    --blockComplementLight: #3f51b521;

    --contentBG: #fff;
    --contentFG: #140589;
    --contentLightBG: #f2f2f2;
    --contentLightFG:#002da8;

    --headerBG: #ffffff;
    --headerFG: #002ca8;

    --titleFG: #002ca8;

    --accentColor:#1177C0;
    --accentColorAlpha:#815f891f;
    --accentDarkColor:#074f82;
    --accentDarkFG: #fff;
    --accentLightColor: #D9EBFF;

    --borderColor: #e2e2e2;
    --borderColorAlpha: #e2e2e280;

    --menuBG: #f5f5ff;
    --menuFG: #0C76B9;

    --elmtBG: #f5f5ff;

    --blockImportant: #f90101
    --blockFocus: #00aaff;
    --blockDiscrete: #795548;

    --footerBG: #90caf9;
    --footerFG: #011f65;

    --resultsBG: #e0f2e4;

    --schBG: #fff;
    --schFG: #000;

    --scrollbar-thumb-color:#1177C0;
    --scrollbar-bgcolor:#f5f5ff;
}

.typed.important.objectif.block{
  padding-inline-start: 10px;
  background-color: #ffecf5;
  padding-block: 0.5em;
  min-height: 16px;
  border-inline-start: 3px solid #ff0080 ;
}
.typed.tache.block {
  padding-inline-start: 10px;
  background-color: #fafbff;
  padding-block: 0.5em;
  min-height: 16px;
  border-inline-start: 3px solid #002ca8 ;
}

.txt_url_ul::after,
.txt_coLnk_ul::after,
.txt_web_ul::after{
	content:"";
}

.txt_keyboard_is::before {
  content: "";
}

.concept_ti.block_ti::before {
  font-family: "fontello";
  content: "\E97F";
  padding: 4px 10px;
}

.txt_keyboard_is {
    background: linear-gradient(to bottom, #fff, #ddd); /* Effet dégradé */
    border: 1px solid #aaa; 
    border-radius: 6px; 
    box-shadow: 0 2px 0 #aaa, 0 4px 4px rgba(0,0,0,0.2); /* Ombres pour relief */
    padding: 4px 10px;
    font-family: monospace;
    font-size: 0.95em;
    font-weight: bold;
    color: #333;
    text-shadow: 0 1px 0 #fff; /* Légère lumière sur le texte */
    user-select: none; /* Empêche la sélection du texte */
    margin: 0 2px;
}

#footer nav a:hover {
  background-color: color-mix(in oklab, var(--contentBG), transparent 85%);
  color: #0C76B9;
}