Doc-bnum by jpsimonnet

/* ==UserStyle==
@name           mel.din.developpement-durable.gouv.fr/aide/doc/bnum/ - mai 2024
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://mel.din.developpement-durable.gouv.fr/aide/doc/bnum/") {
    
    
/**** reset ****/ 
 
    #header {
    display: unset;
    align-items: unset;
    position: unset;
    max-width: var(--maxWidth);
    width: unset;
    top: 0;
    padding-bottom: unset;
    height: unset;
        position:fixed !important;
        background: #f2f2f2 !important;
            filter:none !important;
        
        }
    
    #frame::before {
    height: 75px;
}
    
    .nav_stuck_yes #header {
    top: 0;
}
    
    .nav_stuck_yes #frame::before {
    top: 0;
}
    
    .nav_stuck_yes #outline {
    top:80px;
}
    
    #header h1 {
    padding-right: unset;
    font-size: 2.2em;
    line-height:1em;
    font-weight: unset;
    color: var(--headerFG);
    padding: 25px 0 0 0.5em;
    background:transparent;
        margin:0;
    }
    
    ul.nestedTopics a {
    background: none;
}
    
    #outline a.mnu_lnk, a.btnAbout {
        background:none;
    }
    
    .secOutUi a, .secOutTi a {
        background:none;
    }
    
    #main {
    margin-top: 1em;
    }
    
    #content {
    padding: 4em 1em 1em 3em;
}
    
    a.schBtnLaunch {
    right: -8px;
    top: 2px;
}
    
    .tplSchResults {
    height: auto;
    }
    
    #outline {
    background-color: transparent;
    }
    
    .schDisplay_on .tplContentFrame {
    margin-top: 2em;
}
    
    #footer {
    padding-bottom: 1em;
    background: #fff !important;
    z-index: 999;
}
    
    a.btnSc, a.btnAbout, a.cookieWarnBtnBar, span.copyright {
    background: none;
}
    
    a.btnAbout:hover {
    color: var(--accentColor) !important;
}
    
.block_ti, .infoblock_ti {
    font-size:unset;
}
    
    a.block_btn_closed, a.block_btn_open {
    background: none;
}
    
    a.block_btn_closed::before, a.block_btn_open::before {
    background-color: var(--blockComplement);
    font-family: "fontello";
    position: absolute;
    left: -1.2rem;
    top: 1rem;
    width: fit-content;
     height: auto; 
    color: #fff;
    text-align: justify;
    line-height: 1rem;
    padding: 0.5rem;
    /* margin-left: 1rem; */
}
    
    :root {
    --fontSize: 0.9em;
    --fontStyle: 'Roboto';
    --rootBG: #ffffff;
    --contentBG: #fff;
    --contentFG: #4d4d4d;
    --headerBG: #f2f2f2;
    --headerFG: #4d4d4d;
    --maxWidth: 1200px;
    --accentColor: #876194;
    --accentColorAlpha: #8761943d;
    --accentDarkFG: #fff;
    --accentLight: #f2f2f2;
    --accentLightAlpha: #f2f2f23d;
    --menuWidth: 200px;
    --menuBG: #fff;
    --menuFG: #4d4d4d;
    /*--blockWarning: #FF3434;*/
    --blockWarning: #E52828;
    --blockWarningLight: #ff343417;
    --blockAdvice: #8c750e;
    /*--blockTip: #7CB342;*/
      --blockTip: #3D8704;

    --blockExample: #1976D2;
   /* --blockNote: #ff6600;*/
    --blockNote: #B54A14;
    --blockNoteLight: #ff660026;
    --blockLegal: #388E3C;
    --blockComplement: #795548;
    --blockComplementLight: #79554821;
    --footerBG: #fff;
    --footerFG: #4d4d4d;
}
    

    /*!
 * DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
 */
    a {
        text-decoration: var(--text-decoration);
        color: inherit;
        --hover-tint: var(--idle);
        --active-tint: var(--active);
    }

    :root {
        --underline-max-width: 100%;
        --underline-hover-width: 0;
        --underline-idle-width: var(--underline-max-width);
        --underline-x: calc(var(--underline-max-width) * 0);
        --underline-thickness: 0.0625em;
        --underline-img: linear-gradient(0deg, currentColor, currentColor);
        --external-link-content: "";
        --text-decoration: none;
        --ul-type: disc;
        --ol-type: decimal;
        --ul-start: 1rem;
        --ol-start: 1.5rem;
        --xl-block: 0.5rem;
        --li-bottom: 0.25rem;
        --xl-base: 1em;
        --ol-content: counters(li-counter, ".") ".  ";
        --text-spacing: 0 0 1.5rem;
        --title-spacing: 0 0 1.5rem;
        --display-spacing: 0 0 2rem;
        --background-default-grey: var(--grey-1000-50);
        --background-default-grey-hover: var(--grey-1000-50-hover);
        --background-default-grey-active: var(--grey-1000-50-active);
        --background-alt-grey: var(--grey-975-75);
        --background-alt-grey-hover: var(--grey-975-75-hover);
        --background-alt-grey-active: var(--grey-975-75-active);
        --background-alt-blue-france: var(--blue-france-975-75);
        --background-alt-blue-france-hover: var(--blue-france-975-75-hover);
        --background-alt-blue-france-active: var(--blue-france-975-75-active);
        --background-alt-red-marianne: var(--red-marianne-975-75);
        --background-alt-red-marianne-hover: var(--red-marianne-975-75-hover);
        --background-alt-red-marianne-active: var(--red-marianne-975-75-active);
        --background-alt-green-tilleul-verveine: var(--green-tilleul-verveine-975-75);
        --background-alt-green-tilleul-verveine-hover: var(--green-tilleul-verveine-975-75-hover);
        --background-alt-green-tilleul-verveine-active: var(--green-tilleul-verveine-975-75-active);
        --background-alt-green-bourgeon: var(--green-bourgeon-975-75);
        --background-alt-green-bourgeon-hover: var(--green-bourgeon-975-75-hover);
        --background-alt-green-bourgeon-active: var(--green-bourgeon-975-75-active);
        --background-alt-green-emeraude: var(--green-emeraude-975-75);
        --background-alt-green-emeraude-hover: var(--green-emeraude-975-75-hover);
        --background-alt-green-emeraude-active: var(--green-emeraude-975-75-active);
        --background-alt-green-menthe: var(--green-menthe-975-75);
        --background-alt-green-menthe-hover: var(--green-menthe-975-75-hover);
        --background-alt-green-menthe-active: var(--green-menthe-975-75-active);
        --background-alt-green-archipel: var(--green-archipel-975-75);
        --background-alt-green-archipel-hover: var(--green-archipel-975-75-hover);
        --background-alt-green-archipel-active: var(--green-archipel-975-75-active);
        --background-alt-blue-ecume: var(--blue-ecume-975-75);
        --background-alt-blue-ecume-hover: var(--blue-ecume-975-75-hover);
        --background-alt-blue-ecume-active: var(--blue-ecume-975-75-active);
        --background-alt-blue-cumulus: var(--blue-cumulus-975-75);
        --background-alt-blue-cumulus-hover: var(--blue-cumulus-975-75-hover);
        --background-alt-blue-cumulus-active: var(--blue-cumulus-975-75-active);
        --background-alt-purple-glycine: var(--purple-glycine-975-75);
        --background-alt-purple-glycine-hover: var(--purple-glycine-975-75-hover);
        --background-alt-purple-glycine-active: var(--purple-glycine-975-75-active);
        --background-alt-pink-macaron: var(--pink-macaron-975-75);
        --background-alt-pink-macaron-hover: var(--pink-macaron-975-75-hover);
        --background-alt-pink-macaron-active: var(--pink-macaron-975-75-active);
        --background-alt-pink-tuile: var(--pink-tuile-975-75);
        --background-alt-pink-tuile-hover: var(--pink-tuile-975-75-hover);
        --background-alt-pink-tuile-active: var(--pink-tuile-975-75-active);
        --background-alt-yellow-tournesol: var(--yellow-tournesol-975-75);
        --background-alt-yellow-tournesol-hover: var(--yellow-tournesol-975-75-hover);
        --background-alt-yellow-tournesol-active: var(--yellow-tournesol-975-75-active);
        --background-alt-yellow-moutarde: var(--yellow-moutarde-975-75);
        --background-alt-yellow-moutarde-hover: var(--yellow-moutarde-975-75-hover);
        --background-alt-yellow-moutarde-active: var(--yellow-moutarde-975-75-active);
        --background-alt-orange-terre-battue: var(--orange-terre-battue-975-75);
        --background-alt-orange-terre-battue-hover: var(--orange-terre-battue-975-75-hover);
        --background-alt-orange-terre-battue-active: var(--orange-terre-battue-975-75-active);
        --background-alt-brown-cafe-creme: var(--brown-cafe-creme-975-75);
        --background-alt-brown-cafe-creme-hover: var(--brown-cafe-creme-975-75-hover);
        --background-alt-brown-cafe-creme-active: var(--brown-cafe-creme-975-75-active);
        --background-alt-brown-caramel: var(--brown-caramel-975-75);
        --background-alt-brown-caramel-hover: var(--brown-caramel-975-75-hover);
        --background-alt-brown-caramel-active: var(--brown-caramel-975-75-active);
        --background-alt-brown-opera: var(--brown-opera-975-75);
        --background-alt-brown-opera-hover: var(--brown-opera-975-75-hover);
        --background-alt-brown-opera-active: var(--brown-opera-975-75-active);
        --background-alt-beige-gris-galet: var(--beige-gris-galet-975-75);
        --background-alt-beige-gris-galet-hover: var(--beige-gris-galet-975-75-hover);
        --background-alt-beige-gris-galet-active: var(--beige-gris-galet-975-75-active);
        --background-contrast-grey: var(--grey-950-100);
        --background-contrast-grey-hover: var(--grey-950-100-hover);
        --background-contrast-grey-active: var(--grey-950-100-active);
        --background-contrast-blue-france: var(--blue-france-950-100);
        --background-contrast-blue-france-hover: var(--blue-france-950-100-hover);
        --background-contrast-blue-france-active: var(--blue-france-950-100-active);
        --background-contrast-red-marianne: var(--red-marianne-950-100);
        --background-contrast-red-...