/** SKIN OVERLOADS ************************************************************/
:root{
	--fontSize: 1.1em;
  --fontStyle: 'Roboto';
  --contentBG: #fff; /*couleur arriere plan*/ 
  --contentFG: #333; /*texte contenu*/
  --contentLightBG: #f2f2f2; /*couleur arriere plan clair*/
  --contentLightFG :#989898; /*couleur texte clair*/
	--headerBG: #d9ebff; /*arriere plan header*/
  --headerFG: #292929; /*couleur texte header*/
  --maxWidth: 1296px;
  --titleFG: #292929; /*titres pages*/
  --accentColor: #295494; /*boutons items*/
  --accentColorAlpha: #2954943d;/*boutons items transparence*/
  --accentDarkColor:#cf491b; /*orange accentue*/
  --accentDarkFG: #fff; /*couleur icone*/ 
  --accentLightColor: #f1f1f1; /*fond menu lateral actif*/
  --borderColor: #c2c2c2; /* couleur bordure*/
  --borderColorAlpha: #c2c2c280; /*couleur bordure transparence*/
  --hoverBG: #262c51; /*survol menu lateral*/
  --menuBG: #326bb1; /*fond menu lateral*/
  --menuFG: #ffffff; /*texte menu lateral*/
  --elmtBG: #d9ebff; /*fond contenu bleu clair*/
  --blockWarning: #d14121;
  --blockWarningLight: #d1412114;
  --blockAdvice: #388e3C;
  --blockTip: #f65678;
  --blockExample: #007db8;
  --blockNote: #e16f05;
  --blockLegal: #1148e0;
  --blockConcept: #f6af00;
  --blockComplement: #326BB1;/*couleur plus foncee pour l'icone et le titre du bloc complement*/
  --blockComplementLight: #d9ebff;/*même couleur bleu pale que dans les tableaux et le header pour le fond du bloc complement*/ 
  --footerBG: #f1f1f1; /*arriere plan footer*/
  --footerFG: #292929; /*texte footer*/
  --resultsBG: #fff; /*fond recherche*/
  --scrollbar-thumb-color:#bababa; /*ascenseur curseur*/
  --scrollbar-bgcolor:#f0f0f0; /*fond ascenseur*/
}


/*Couleur texte dans les tableau pour les cellules importantes*/
table.txt_tb .txt_cellEmp_tbtd {
    background-color: var(--accentLightColor);
    color: #333;
    text-align: left;
}
#outline {
    top: 0px;
  	padding-top: 9rem;
    /*height: calc(100% - 82px) !important;*/
    background: var(--menuBG) url(img/logo-abes.svg) no-repeat center 1em;
}

/*texte blanc survol pages sommaire*/
ul.nestedTopics a:hover {
  color: #fff;
}

/*espace sous logo abes dans le menu latéral*/
.tplMenuScroll {
    display: block;
    position: relative;
    flex: 2 1 auto;
    padding: 1rem 0.5rem 3rem 0.5rem;
    order: 3;
    font-weight: 500;
    overflow: auto !important;
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-bgcolor);
}

/*suppression logo appli page d'accueil*/
.tplHomeLogo {
  display: none;
}

.tplContextMenu .ctx_root > span:last-child {
  font-size: 100%;
  color: #fff;
}
.tplContextMenu .ctx_root > span {
  font-size: 80%;
  color: #fff;
}
.ctx_root a {
  color: #fff;
}

/*augmentation taille texte a propos*/
a.btnAbout {
  color: var(--accentColor);
  font-size: 1em;
  font-weight: 400;
}

/*decalage titre header*/
#header .tplTitle {
  grid-area: title;
  margin: 0;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 60px;
  /*font-size: var(--fontSize);*/
  font-size: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
  color: var(--headerFG);
}
/*taille titra page accueil*/
h1 {
    font-size: 2.5em;
    margin: 0 0 1rem;
}
/*couleur et taille du sous-titre*/
.tplHomeTiFra > table td.tplHomeLongTi {
    font-size: 1.6em;
    color: #515151;
}

/*correction hauteur footer*/
#footer {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 300px;
  height: 35px;
  box-sizing: border-box;
  border-top: 1px solid var(--borderColorAlpha);
  background-color: var(--footerBG);
  padding-left: 10px;
}

/*reduction taille texte cookie*/
a.cookieWarnBtnBar, span.copyright {
  color: var(--footerFG);
  font-size: 0.8em;
}

/*zone des item de contenu*/
.screenTitles a:hover {
  text-color: #fff;
  color: #fff;
}

/*bouton tab contenu*/
.scrTools a:hover {
    text-color: #fff;
    color: #fff;
}

#outline a.mnu_tgle_o, #outline a.mnu_tgle_c {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #262c51;
    text-decoration: none;
    min-height: 22px;
}
/* Mise en forme du bloc concept*/
.concept.block {
    padding-inline-start: 10px;
    padding-block-start: 5px;
    min-height: 16px;
    border-inline-start: 3px solid var(--block-color);
}
.concept {
    --block-color: var(--blockConcept);
    background-color: var(--blockConceptLight);
}
.concept_ti::before {
    content: "\E123";
}
.concept_ti::before {
    font-family: "fontello";
    font-size: 0.9em;
    color: var(--accentDarkFG);
    background-color: var(--block-color);
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 25px;
    padding: 3px;
    border-radius: 5em;
}
.concept_ti {
    color: #292929;
    font-size: 1em;
    margin: 0;
    display: flex;
    align-items: baseline;
    gap: 5px;
}
section.concept {
    margin-block: 1em;
    padding: 0;
    border-block-end: none;
    padding-block-end: 0;
}
.def_bk {
    padding: 0;
    background-color: #fff;
    border-left: none;
    margin-block-end: 0;
}
/*bloc complément procédure*/
a.extras_closed, a.extras_open {
    background-image: url(img/block/open.png);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    padding-left: 20px;
    color: #326bb1;
    text-decoration: none;
    font-weight: 600;
}
/*Supprimer l’ombré pour les images insérées en tant qu’illustration*/
.txt_fig_ex { 
  box-shadow: none; 
  border-radius: 0; 
  padding: 0rem; 
  margin-bottom: 2rem; 
  background-color: #fff; 
}
/*Rétablir la croix de fermeture de la fenêtre à propos*/
a.subWindow_x::before { 
    font-family: "fontello"; 
    content: "\E80B"; 
}
/*Ajout filet sous les titres de partie et plus de marge sous les titres de partie*/
.part_ti {
    border-bottom: 1px solid #ccc;
    padding: 0 0.9rem 0.3rem;
    margin: 0 -0.9rem 1.1rem;
}
/*suppression filet en pointillé à la fin des parties*/
.part {
    margin-block: 2em;
    padding: 0;
    border-block-end: none;
    padding-block-end: 1em;
}
/*suppression alinéa au niveau des bloc infos qui ont des titres*/
.infoblock_ti + .infoblock_co {
    padding-inline-start: 0em
}
/*Bloc info avec titre, faire en sorte que l'espace entre le titre et son bloc soit plus petit que l'espace entre deux blocs info avec titre*/
h2 {
    font-size: 1.5em;
    margin: 1.2rem 0rem 0.2rem;
}
/*Réduction interlignage menu dynamique de page*/
.secOutFra a {
    color: var(--accentColor);
    display: block;
    padding: 0.2rem;
    text-decoration: none;
}
/*Titre "Sommaire" du menu dynamique de page en gras*/
.secOutTi a {
    color: var(--contentFG);
    font-weight: bold;
  	padding-top: 1em
}
/*Augmentation de la longueur max affichée du menu dynamique de page*/
.secOutUi ol {
  max-height: 100vh;
}
/*Suppression bandeau cookies Matomo*/
.cookieWarnBar {
	position: relative;
  border-bottom: 2px solid #e0dcd8;
  background-color: #FFF;
  padding: 6px 10px;
  margin: 0;
  opacity: 1;
  z-index: 1000;
  display: none;
  align-items: center;
}
/*Suppression titre procédure par défaut*/
.proc_ti {
 display: none;
}
/*Titre tableau agrandi, foncé, bleu*/
table.txt_tb caption {
    color: #262C51;
    font-size: 24px;
    font-weight: 400;
}
@media (max-width: 700px) {
  .tplHomeTiFra > table td.tplHomeTi h1 {
    font-size: 2.5rem;
  }
}