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

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

:root{
  --fontSize: 1em;
  --fontStyle: 'Marianne';
  --contentBG: #ffffff;
  --contentFG: #3a3a3a;
  --contentLightBG: #f2f2f2;
  --contentLightFG:#7b7b7b;
	--headerBG: #ffffff;
  --headerFG: #000091;
  --maxWidth: 90%;
  --titleFG: #000091;
  --accentColor:#000091;
  --accentColorAlpha:#f5f5fe;
  --accentDarkColor:#074f82;
  --accentDarkFG: #fff;
  --accentLightColor: #f5f5fe;
  --borderColor: #e2e2e2;
  --borderColorAlpha: #e2e2e280;
  --hoverBG: #cecefc;
  --menuBG: #f5f5fe;
  --menuFG: #4d4d4d;
  --elmtBG: #f5f5ff;
  --blockWarning: #f60700;
  --blockWarningLight: #ffe9e9;
  --blockAdvice: #685C48;
  --blockTip: #f5c137;
  --blockExample: #447049;
  --blockNote: #FF732C;
  --blockNoteLight: #fee9e5;
  --blockLegal: #4179CC;
  --blockComplement: #000091;
  --blockComplementLight: #f5f5fe;
  --footerBG: #fff;
  --footerFG: #4d4d4d;
  --resultsBG: #e0f2e4;
  --scrollbar-thumb-color:#000091;
  --scrollbar-bgcolor:#f5f5ff;
}



/**======== Gestion icônes blocs ========**/

.legal_ti::before {
    font-size: 1.3em;
  font-weight: normal;
  }

.example_ti::before  {
    font-size: 1.2em;
  font-weight: normal;
}

.note_ti::before  {
    font-size: 1.3em;
  font-weight: normal;
  }

.tip_ti::before {
    font-size: 1.2em;
  font-weight: normal;
  }

.warning_ti::before {
    font-size: 1.1em;
  font-weight: normal;
  }

.advice_ti::before {
    font-size: 1.1em;
  font-weight: normal;
  }

/**======== Gestion contour et taille images ========**/

.txt_fig_ex img {
   border: 1px solid #dfdfdf;
   width: auto;
}

.txt_fig_ex {
  box-shadow : none;
}

/**======== Gestion emphase pour mise en gras ========**/

.txt_emphasis_is {
   font-family: 'Marianne';
   font-weight: bold;
}


/**======== Gestion balise label (nouveautés version) ========**/

.txt_label_is {
   background-color: yellow;
   font-family: 'marianne';
   font-weight: inherit;
}

/**======== Gestion titres parties ========**/

.part_ti {
    color: var(--block-color);
    font-size: 1.4em;
    color: var(--headerFG);
    font-weight: bold;
    margin: 0.6em 0 0;
}

/**=================== Gestion titres =====================**/

/**======== Gestion titres principaux ========**/

h1,h2{
	font-weight:bold;
}

/**======== Gestion titres blocs ========**/

.block_ti_co {
    color: var(--block-color);
    font-size: 1em;
    position: relative;
    /*left: 30px;*/
    font-weight: bold;
}

/**======== Gestion contenu blocs ========**/

.block_co {
    font-size: 1em;
    position: relative;
    /*left: 30px;*/
}

/**======== Gestion blocs ========**/

.block {
}

/**======== Gestion format noms activités (option menu) ========**/
.txt_menuPath_is:before{
  display:none;
}

.txt_menuPath_is{font-family:Marianne;
                 font-weight:500;
                 font-style:italic;
                 color:#0078f3;
                 white-space:pre-wrap;
                background-color:transparent;
                border:none;}

/**======== Gestion blocs (couleur fond et bordure ========**/
.tip.block{
  background-color:#fef5e8;
}

.legal.block{
  background-color:#e8edff;
}

.advice.block{
  background-color:#fbf6ed;
}
             
.example.block{
  background-color:#e6feda;
}
              
.note.block{
  background-color:#FFF8F6;
}


/**======== Gestion hauteur max imagettes ========**/

.ico_tim img, .txt_ico_tim img {
  max-height: 1.5em;
  width: auto;
}

/**======== Gestion "voir aussi" ========**/
#links .linkSection{
  background-color: #FFFFFF;
  border-color: #b21876;
  border-style: solid;
}

/**======== Gestion menu gauche ========**/

#outline div.mnu_sel_yes {
    color: #000091;
    font-weight: bold;
    font-size: 1.1em;
}

#outline li > .mnu_sel_yes{
	background-color: var(--accentLightColor);
	border-right: 2px solid var(--accentColor);
}

/**======== Gestion Titre header par rapport au logo ========**/
#header .tplTitle{
  left: 100px;
position: sticky;
}

/**======== Gestion accessibilité contraste boutons Précédent / Suivant ========**/

#footer nav a{
  border:2px;
  border-color: #000091;
  border-style: solid;
}

/**======== Accentuation du mot "Rechercher" de la barre de recherche ========**/

input::placeholder{
  color:#000091;
}

/**======== Contour zone de recherche ========**/

div.searchFra{
  border:1px;
  border-color: #000091;
  border-style: solid;
  border-radius:0.5em;
}

/**======== Contour bouton affichage du menu ========**/
button.showMenu{
  border:1px;
  border-color: #000091;
  border-style: solid;
  border-radius:0.5em;
}

/**======== Tableaux ========**/

.txt table {
  border: 1px var(--contentFG) solid;
}

.txt table td {
  border: 1px var(--contentFG) solid;
  vertical-align: middle;
}