/*  -------------  ---------------------------------------------------------------- */
    /*  -------------  ---------------------------------------------------------------- */
    /*  ROOT DOCUMENTATION GENERAL  --------------------------------------------------- */
    /*  -------------  ---------------------------------------------------------------- */
    /*  -------------  ---------------------------------------------------------------- */

    /*  ROOT DOCUMENTATION GLOBAL CONTAINER WIDTH  ------------------------------------ */
    
    @media (max-width: 1071px) and (min-width: 731px) {
        :root{
            --Documentation-Global-Container-Width: var(--Documentation-Global-Container-Width-2);
        }
    }

    @media (max-width: 730px) and (min-width: 501px) {
        :root{
            --Documentation-Global-Container-Width: var(--Documentation-Global-Container-Width-3);
        }
    }
    
    @media (max-width: 500px) {
        :root{
            --Documentation-Global-Container-Width: var(--Documentation-Global-Container-Width-4);
        }
    }

    /*  ROOT DOCUMENTATION GLOBAL CONTAINER TOP  -------------------------------------- */

    @media (max-width: 500px) {
        :root{
            --Documentation-Global-Container-Top: var(--Documentation-Global-Container-Top-2)
        }
    }

    /*  -------------  ---------------------------------------------------------------- */
    /*  -------------  ---------------------------------------------------------------- */
    /*  ROOT DOCUMENTATION GAP  ------------------------------------------------------- */
    /*  -------------  ---------------------------------------------------------------- */
    /*  -------------  ---------------------------------------------------------------- */

    @media (max-width: 500px) {
        :root{
            --Documentation-Large-Gap-Height: var(--Documentation-Large-Gap-Height-2);
        }
    }


    /*  -------------  ---------------------------------------------------------------- */
    /*  -------------  ---------------------------------------------------------------- */
    /*  ROOT DOCUMENTATION ELEMENTS  -------------------------------------------------- */
    /*  -------------  ---------------------------------------------------------------- */
    /*  -------------  ---------------------------------------------------------------- */

    @media (max-width: 1070px) {
        :root{
            --List-Container-2-Left: var(--List-Container-2-Left-2);
        }
    }


    @media (max-width: 500px) {
        :root{
            --Documentation-Courant-2-Width: var(--Documentation-Courant-2-Width-2);
            --Documentation-Courant-2-Left: var(--Documentation-Courant-2-Left-2);
            --Documentation-List-Left: var(--Documentation-List-Left-2);
            --Documentation-List-2-Left: var(--Documentation-List-2-Left-2);
            --Documentation-List-Width: var(--Documentation-List-Width-2);
            --Documentation-List-2-Width: var(--Documentation-List-2-Width-2);
            --List-Global-Container-Contact-Height: var(--List-Global-Container-Contact-Height-2);
            --List-Global-Container-Hebergeur-Height: var(--List-Global-Container-Hebergeur-Height-2);
            --List-Global-Container-Hebergeur-1-Height: var(--List-Global-Container-Hebergeur-1-Height-2);
            --List-Global-Container-Hebergeur-2-Height: var(--List-Global-Container-Hebergeur-2-Height-2);
            --List-Global-Container-Hebergeur-3-Height: var(--List-Global-Container-Hebergeur-3-Height-2);
            --List-Global-Container-ID1-Height: var(--List-Global-Container-ID1-Height-2);
            --List-Global-Container-ID2-Height: var(--List-Global-Container-ID2-Height-2);
            --List-Global-Container-ID3-Height: var(--List-Global-Container-ID3-Height-2);
            --Documentation-List-Item-Bottom-Margin: var(--Documentation-List-Item-Bottom-Margin-2);
            --List-Container-2-Left: var(--List-Container-2-Left-3);
        }
    }