.Documentation-Global-Container{
    position: relative;
    width: 910px;
    width: var(--Documentation-Global-Container-Width);
    left: 50vw;
    top: var(--Documentation-Global-Container-Top);
    transform: translateX(-50%);
    /* background-color: crimson; */
    overflow-x: hidden;
}

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

.Documentation-First-Gap{
    position: relative;
    height: 100px;
    left: 0px;
    width: var(--Documentation-First-Gap-Width);
    /* background-color: darksalmon; */
}

.Documentation-Gap{
    position: relative;
    height: 70px;
    left: 0px;
    width: var(--Documentation-Gap-Width);
    /* background-color: darksalmon; */
}

.Documentation-Text-Gap{
    position: relative;
    height: 26px;
    left: 0px;
    width: var(--Documentation-Text-Gap-Width);
    /* background-color: darksalmon; */
}

.Documentation-Large-Gap{
    position: relative;
    height: var(--Documentation-Large-Gap-Height);
    left: 0px;
    width: var(--Documentation-Large-Gap-Width);
}

.Documentation-Line-Gap{
    position: relative;
    height: var(--Documentation-Line-Gap-Height);
    left: 0px;
    width: var(--Documentation-Line-Gap-Width);
}

/*  -------------  ---------------------------------------------------------------- */
/*  ROOT DOCUMENTATION LINE  ------------------------------------------------------ */
/*  -------------  ---------------------------------------------------------------- */

.Documentation-Line{
    position: relative;
    left: 0px;
    width: var(--Documentation-Line-Width);
    height: 1px;
    background-color: var(--black);
}

/*  -------------  ---------------------------------------------------------------- */
/*  ROOT DOCUMENTATION LIST  ------------------------------------------------------ */
/*  -------------  ---------------------------------------------------------------- */

.List-Global-Container{
    position: relative;
    /* background-color: lightskyblue; */
}

.List-Global-Container-Contact{
    height: var(--List-Global-Container-Contact-Height);
}

.List-Global-Container-Hebergeur{
    height: var(--List-Global-Container-Hebergeur-Height);
}

.List-Global-Container-Hebergeur-1{
    height: var(--List-Global-Container-Hebergeur-1-Height);
}

.List-Global-Container-Hebergeur-2{
    height: var(--List-Global-Container-Hebergeur-2-Height);
}

.List-Global-Container-Hebergeur-3{
    height: var(--List-Global-Container-Hebergeur-3-Height);
}

.List-Global-Container-ID1{
    height: var(--List-Global-Container-ID1-Height);
}


.List-Global-Container-ID2{
    height: var(--List-Global-Container-ID2-Height);
}


.List-Global-Container-ID3{
    height: var(--List-Global-Container-ID3-Height);
}

/*  -------------  ---------------------------------------------------------------- */

.List-Main-Container{
    position: absolute;
    position: relative;
    /* background-color: midnightblue; */
    /* height: 20px; */
}

.List-Main-Container-Contact{
    height: var(--List-Main-Container-Contact-Height);
}

.List-Main-Container-Hebergeur{
    height: var(--List-Main-Container-Hebergeur-Height);
}


.List-Main-Container-Hebergeur-1{
    height: var(--List-Main-Container-Hebergeur-1-Height);
}

.List-Main-Container-Hebergeur-2{
    height: var(--List-Main-Container-Hebergeur-2-Height);
}

.List-Main-Container-Hebergeur-3{
    height: var(--List-Main-Container-Hebergeur-3-Height);
}


.List-Main-Container-ID1{
    height: var(--List-Main-Container-ID1-Height);
}

.List-Main-Container-ID2{
    height: var(--List-Main-Container-ID2-Height);
}

.List-Main-Container-ID3{
    height: var(--List-Main-Container-ID3-Height);
}

/*  -------------  ---------------------------------------------------------------- */

.List-Container-Contact{
    height: var(--List-Container-Contact-Height);
}

.List-Container-Hebergeur{
    height: var(--List-Container-Hebergeur-Height);
}

.List-Container-ID1{
    height: var(--List-Container-ID1-Height);
}

.List-Container-ID2{
    height: var(--List-Container-ID2-Height);
}

.List-Container-ID3{
    height: var(--List-Container-ID3-Height);
}


/*  -------------  ---------------------------------------------------------------- */

.List-Container{
    position: relative;
    position: absolute;
    left: 0px;
    top: 0px;
}

.List-Container-2{
    position: relative;
    position: absolute;
    left: 350px;
    left: var(--List-Container-2-Left);
    top: 0px;
}

/*  -------------  ---------------------------------------------------------------- */

.Documentation-List{
    position: relative;
    left: var(--Documentation-List-Left);
    width: var(--Documentation-List-Width);
}

.Documentation-List-Right{
    position: relative;
    left: var(--Documentation-List-Left);
    width: var(--Documentation-List-Width);
    list-style-type: none;
}

.Documentation-List-2{
    position: relative;
    left: var(--Documentation-List-2-Left);
    /* background-color: aliceblue; */
    width: var(--Documentation-List-2-Width);
}


.Mentions-Documentation-List{
    position: relative;
    left: var(--Documentation-List-Left);
    width: var(--Documentation-List-Width);
    list-style-type: none;
}

.Mentions-Documentation-List-2{
    position: relative;
    left: var(--Documentation-List-2-Left);
    width: var(--Documentation-List-2-Width);
    list-style-type: none;
}

.Documentation-List-Item, .Documentation-List-Item-2{
    margin-bottom: var(--Documentation-List-Item-Bottom-Margin);
}

.Documentation-Last-List-Item, .Documentation-Last-List-Item-2{
    margin-bottom: 0px;
}

/*  -------------  ---------------------------------------------------------------- */

.superbox{
    position: absolute;
    position: relative;
    /* left: 400px; */
    /* left: 0px; */
    /* top: 0px; */
    width: 910px;
    height: 140px;
    background-color: cadetblue;
}

.insidebox{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
    height: 80px;
    background-color: hotpink;
}

.insidebox-2{
    position: absolute;
    top: 0px;
    left: 400px;
    width: 300px;
    height: 80px;
    background-color: slateblue;
}




/* .Documentation-Maj{
    position: relative;
    left: 0px;
} */




.Documentation-Courant-2{
    position: relative;
    left: var(--Documentation-Courant-2-Left);
    width: var(--Documentation-Courant-2-Width);
    /* background-color: lightgreen; */
}


/*  -------------  ---------------------------------------------------------------- */
/*  -------------  ---------------------------------------------------------------- */
/*  ROOT FOOTER  ------------------------------------------------------------------ */
/*  -------------  ---------------------------------------------------------------- */
/*  -------------  ---------------------------------------------------------------- */

.Documentation-Footer-Null{
    position: relative;
    height: var(--Documentation-Footer-Null-Height);
    height: var(--Documentation-Global-Container-Top);
    left: 0px;
    width: var(--Documentation-Footer-Null-Width);
}

.Footer-Principal-Container-Large-Documentation{
    /* position: relative; */
    position: absolute;
    bottom: unset;
    /* background-color: pink; */
}

.Footer-Principal-Container-Small-Documentation{
    position: relative;
}