/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- -- NAV -- ---------------------------- */
/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- --------- ---------------------------- */

.Navigation-Global-Container-Mixed{
    mix-blend-mode: difference;
}

.Navigation-Home-Global-Container-Right{
    position: fixed;
    width: 300px;
    height: 63px;
    right: 0px;
    top: 0px;
    z-index: 12000012;
}


.Navigation-Home-Principal-Container-Right{
    position: absolute;
    width: var(--Navigation-Principal-Container-Width);
    top: 19px;
    height: 25px;
    z-index: 12000010;
    right: var(--Navigation-Principal-Container-Left);
    width: calc(300px - (var(--Navigation-Principal-Container-Left)));
}

.Navigation-Main-Container-Right{
    position: absolute;
    display: flex;
    justify-content: space-between;
    right: 0px;
    top: 0px;
    height: 25px;
    width: 235px;
}

.Navigation-Link-1-Home:hover{
    color: var(--secondcontrast);
}

.Language-Main-Container{
    position: absolute;
    top: -1px;
    left: 0px;
    width: 45px;
    height: 25px;
    border-radius: 30px;
    background-color: var(--dark);
    border: 1px solid var(--light);
    box-sizing: content-box;
}

/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- IOS - NAV ---------------------------- */
/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- --------- ---------------------------- */

.Ios-Navigation-Global-Container{
    mix-blend-mode: difference;
}

.Ios-Navigation-Global-Container.Ios-Navigation-Global-Container-On{
    mix-blend-mode: normal;
}


.Ios-Navigation-Logo-Open{
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    height: 24px;
    width: auto;
}

.Ios-Navigation-Logo-Open.Ios-Navigation-Logo-Open-On{
    display: block;
}

.Burger-Container-Home{
    position: absolute;
    right: 0px;
    top: 4px;
    height: 16px;
    width: 40px;
}

.Burger-Container-Home:hover{
    cursor: pointer;
}

.Burger-Container-Home-Close{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 16px;
    width: 40px;
}

.Burger-Container-Home-Close.Burger-Container-Home-Close-On{
    display: none;
}

.Burger-Container-Home-Close:hover * {
    background-color: var(--secondcontrast);
    cursor: pointer;
}

.Burger-Container-Home-Open{
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 16px;
    width: 40px;
}

.Burger-Container-Home-Open.Burger-Container-Home-Open-On{
    display: block;
}

.Burger-Container-Home-Open:hover * {
    background-color: var(--second);
    cursor: pointer;
}

.Burger-Line-Home{
    position: absolute;
    left: 0px;
    width: 40px;
    height: 2px;
    background-color: var(--white);
}

.Burger-Line-Home-Open{
    position: absolute;
    left: 0px;
    width: 40px;
    height: 2px;
    background-color: var(--dark);
}

.Ios-Navigation-Home-Menu-Trigger{
    display: none;
}

.Ios-Navigation-Home-Menu-Trigger.Ios-Navigation-Menu-Trigger-On{
    display: block;
}

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

.Ios-Navigation-Global-Container-Cache{
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 50px;
    z-index: 12000360;
}

.Ios-Navigation-Global-Container-Cache.Ios-Navigation-Global-Container-Cache-On{
    display: block;
}

.Ios-Navigation-Logo-Container-Cache{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 24px;
    width: 94px;
}

.Ios-Navigation-Logo-Cache{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 24px;
    width: auto;
}

.Burger-Container-Cache{
    position: absolute;
    right: 0px;
    top: 4px;
    height: 16px;
    width: 40px;
}

.Burger-Line-Cache{
    position: absolute;
    left: 0px;
    width: 40px;
    height: 2px;
    background-color: var(--dark);
}

/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- CONTAINER ---------------------------- */
/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- --------- ---------------------------- */

.Home-Ultra-Container{
    position: absolute;
    display: none;
    left: 0px;
    width: 100vw;
    top: var(--Grid-Global-Top);
    height: var(--Grid-Global-Height);
    overflow: clip;
    height: 1400vh;
}

.Home-Ultra-Container-1{
    display: block;
    height: 1400vh;
    height: var(--Home-Ultra-Container-1-Height);
}

.Home-Ultra-Container-2{
    height: var(--Home-Ultra-Container-2-Height);
}

.Home-Ultra-Container-3{
    height: var(--Home-Ultra-Container-3-Height);
}

.Home-Ultra-Container-4{
    height: var(--Home-Ultra-Container-4-Height);
}

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

.Home-Block-Container{
    position: absolute;
    width: var(--Grid-Global-Width);
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}

.Home-Prime-Container{
    top: var(--Home-Prime-Container-Top);
    height: var(--Home-Prime-Container-Height);
}

.Home-Prime-Container-1{
    height: var(--Home-Prime-Container-1-Height);
}

.Home-Prime-Container-2{
    height: var(--Home-Prime-Container-2-Height);
}

.Home-Prime-Container-3{
    height: var(--Home-Prime-Container-3-Height);
}

.Home-Prime-Container-4{
    height: var(--Home-Prime-Container-4-Height);
}

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

.Home-Second-Container-1{
    height: var(--Home-Second-Container-1-Height);
    top: var(--Home-Second-Container-1-Top);
}

.Home-Second-Container-2{
    height: var(--Home-Second-Container-2-Height);
    top: var(--Home-Second-Container-2-Top);
}

.Home-Second-Container-3{
    height: var(--Home-Second-Container-3-Height);
    top: var(--Home-Second-Container-3-Top);
}

.Home-Second-Container-4{
    height: var(--Home-Second-Container-4-Height);
    top: var(--Home-Second-Container-4-Top);
}

/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- COL - MAX ---------------------------- */
/* ---------------------------- --------- ---------------------------- */

.Col-Max-Container{
    position: absolute;
    top: 0px;
    width: var(--Grid-Column-Width);
}

.Col-Max-Container-A{
    left: var(--Grid-Column-A-Left);
}

.Col-Max-Container-B{
    left: var(--Grid-Column-B-Left);
}

.Col-Max-Container-C{
    left: var(--Grid-Column-C-Left);
}

.Col-Max-Container-D{
    left: var(--Grid-Column-D-Left);
}

.Col-Max-Container-E{
    left: var(--Grid-Column-E-Left);
}

.Col-Max-Container-1{
    height: var(--Col-Max-Container-1-Height);
}

.Col-Max-Container-2{
    height: var(--Col-Max-Container-2-Height);
}

.Col-Max-Container-3{
    height: var(--Col-Max-Container-3-Height);
}

.Col-Max-Container-4{
    height: var(--Col-Max-Container-4-Height);
}

/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- HOME LOGO ---------------------------- */
/* ---------------------------- --------- ---------------------------- */

.Home-Logo-Global-Container{
    position: absolute;
    top: var(--Home-Logo-Global-Container-Top);
    left: 0px;
    width: var(--Grid-Column-Width);
    height: var(--Home-Logo-Global-Container-Height);
}

.Home-Logo-Global-C-Container{
    left: var(--Grid-Column-C-Left);
    left: 0px;
}

.Home-Logo-Principal-Container{
    position: sticky;
    top: 0px;
    left: 0px;
    height: var(--Home-Logo-Principal-Container-Height);
    width: var(--Grid-Column-Width);
}

.Home-Logo-Principal-C-Container{
    top: var(--Home-Logo-Principal-Container-C-Top);
}

.Home-Logo-Full-Container{
    position: absolute;
    left: 0px;
    width: var(--Grid-Column-Width);
    height: var(--Home-Logo-Full-Container-Height);
}

.Home-Logo-Full-C-Container{
    top: var(--Home-Logo-C-Full-Container-Top);
}

.Home-Logo-Full-A-Container, .Home-Logo-Full-B-Container, .Home-Logo-Full-D-Container, .Home-Logo-Full-E-Container{
    top: 0px;
}

.Home-Logo-Main-Container{
    position: absolute;
    top: var(--Home-Logo-Main-Container-Top);
    top: 0px;
    left: 0px;
    width: var(--Grid-Column-Width);
    height: var(--Home-Logo-Main-Container-Height);
}

.Home-Logo{
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    height: var(--Home-Logo-Height);
    width: auto;
    mix-blend-mode: difference;
}


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

.Home-Scroll-Global-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    width: var(--Grid-Column-Width);
    height: 2160px;
    height: var(--Home-Scroll-Global-Container-Height);
    z-index: 4;
}

.Home-Scroll-Principal-Container{
    position: sticky;
    top: 0px;
    left: 0px;
    width: var(--Grid-Column-Width);
    height: var(--Home-Scroll-Principal-Container-Height);
}

.Home-Scroll-Full-Container{
    position: absolute;
    left: 0px;
    bottom: var(--Grid-Row-Gap-Height);
    height: var(--Lh-Home-Scroll);
    width: var(--Grid-Column-Width);
}

.Home-Scroll{
    position: absolute;
    top: 0px;
    left: 0px;
    height: var(--Lh-Home-Scroll);
    width: var(--Grid-Column-Width);
}

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

.Column-Prime-Global-Container{
    position: absolute;
    left: 0px;
    width: var(--Grid-Column-Width);
    z-index: 122;
}

.Column-Prime-Global-C-Container{
    top: var(--Column-Prime-Global-C-Container-Top);
    height: var(--Column-Prime-Global-C-Container-Height);
}

.Column-Prime-Global-B-Container, .Column-Prime-Global-D-Container{
    top: var(--Column-Prime-Global-B-D-Container-Top);
}

.Column-Prime-Global-A-Container, .Column-Prime-Global-E-Container{
    top: var(--Column-Prime-Global-A-E-Container-Top);
}

.Column-Prime-Global-A-Container{
    height: var(--Column-Prime-Global-A-Container-Height);
}

.Column-Prime-Global-B-Container{
    height: var(--Column-Prime-Global-B-Container-Height);
}

.Column-Prime-Global-D-Container{
    height: var(--Column-Prime-Global-D-Container-Height);
}

.Column-Prime-Global-E-Container{
    height: var(--Column-Prime-Global-E-Container-Height);
}

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

.Column-Prime-Principal-Container{
    left: 0px;
    width: var(--Grid-Column-Width);
}

.Column-Prime-Principal-C-Container{
    position: sticky;
    top: 0px;
    height: var(--Column-Prime-Principal-C-Container-Height);
}

.Column-Prime-Principal-B-Container, .Column-Prime-Principal-D-Container{
    position: sticky;
    top: 0px;
    height: var(--Column-Prime-Principal-B-D-Container-Height);
}

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

.Column-Prime-Full-Container{
    position: absolute;
    top: var(--Column-Prime-B-D-Top-Large);
    left: 0px;
    width: var(--Grid-Column-Width);
}

.Column-Prime-Full-B-Container{
    top: var(--Column-Prime-Full-B-D-Container-Top-Large);
    height: var(--Column-Prime-Full-B-Container-Height-Large);
    top: var(--Column-Prime-Full-B-D-Container-Top);
    height: var(--Column-Prime-Full-B-Container-Height);
}

.Column-Prime-Full-D-Container{
    top: var(--Column-Prime-Full-B-D-Container-Top-Large);
    height: var(--Column-Prime-Full-D-Container-Height-Large);
    top: var(--Column-Prime-Full-B-D-Container-Top);
    height: var(--Column-Prime-Full-D-Container-Height);
}

.Column-Prime-Full-A-Container{
    top: var(--Column-Prime-Full-A-E-Container-Top);
    height: var(--Column-Prime-Full-A-Container-Height-Large);
}

.Column-Prime-Full-E-Container{
    top: var(--Column-Prime-Full-A-E-Container-Top);
    height: var(--Column-Prime-Full-E-Container-Height-Large);
}

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

.Column{
    position: absolute;
    width: var(--Grid-Column-Width);
}

.Column-1{
    height: var(--Column-1-Height);
}

.Column-2{
    height: var(--Column-2-Height);
}

.Column-3{
    height: var(--Column-3-Height);
}

.Column-4{
    height: var(--Column-4-Height);
}

.Column-A{
    left: var(--Grid-Column-A-Left);
}

.Column-B{
    left: var(--Grid-Column-B-Left);
}

.Column-C{
    left: var(--Grid-Column-C-Left);
}

.Column-D{
    left: var(--Grid-Column-D-Left);
}

.Column-E{
    left: var(--Grid-Column-E-Left);
}

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

.Block{
    position: absolute;
    left: 0px;
    width: var(--Grid-Column-Width);
    background-color: var(--dark);
}

.Block-Prime-A{
    top: var(--Block-Prime-A-Top);
    height: var(--Block-Prime-A-Height);
}

.Block-Prime-B{
    top: var(--Block-Prime-B-Top);
    height: var(--Block-Prime-B-Height);
}

.Block-Prime-C{
    top: var(--Block-Prime-C-Top);
    height: var(--Block-Prime-C-Height);
}

.Block-Prime-D{
    top: var(--Block-Prime-D-Top);
    height: var(--Block-Prime-D-Height);
}

.Block-Prime-E{
    top: var(--Block-Prime-E-Top);
    height: var(--Block-Prime-E-Height);
}


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

.Block-E-120{
    top: var(--Block-E-120-Top);
    height: var(--Block-E-120-Height);
}

.Block-A-120{
    top: var(--Block-A-120-Top);
    height: var(--Block-A-120-Height);
}

.Block-B-121{
    top: var(--Block-B-121-Top);
    height: var(--Block-B-121-Height);
}

.Block-C-121{
    top: var(--Block-C-121-Top);
    height: var(--Block-C-121-Height);
}

.Block-D-121{
    top: var(--Block-D-121-Top);
    height: var(--Block-D-121-Height);
}

.Block-B-122{
    top: var(--Block-B-122-Top);
    height: var(--Block-B-122-Height);
}

.Block-C-122{
    top: var(--Block-C-122-Top);
    height: var(--Block-C-122-Height);
}

.Block-D-122{
    top: var(--Block-D-122-Top);
    height: var(--Block-D-122-Height);
}

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

.Block-B-220{
    top: var(--Block-B-220-Top);
    height: var(--Block-B-220-Height);
}

.Block-D-220{
    top: var(--Block-D-220-Top);
    height: var(--Block-D-220-Height);
}

.Block-C-221{
    top: var(--Block-C-221-Top);
    height: var(--Block-C-221-Height);
}

.Block-C-222{
    top: var(--Block-C-222-Top);
    height: var(--Block-C-222-Height);
}

.Block-C-223{
    top: var(--Block-C-223-Top);
    height: var(--Block-C-223-Height);
}

.Block-C-224{
    top: var(--Block-C-224-Top);
    height: var(--Block-C-224-Height);
}

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

.Block-B-320{
    top: var(--Block-B-320-Top);
    height: var(--Block-B-320-Height);
}

.Block-D-320{
    top: var(--Block-D-320-Top);
    height: var(--Block-D-320-Height);
}

.Block-C-321{
    top: var(--Block-C-321-Top);
    height: var(--Block-C-321-Height);
}

.Block-C-322{
    top: var(--Block-C-322-Top);
    height: var(--Block-C-322-Height);
}

.Block-C-323{
    top: var(--Block-C-323-Top);
    height: var(--Block-C-323-Height);
}

.Block-C-324{
    top: var(--Block-C-324-Top);
    height: var(--Block-C-324-Height);
}

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

.Block-C-421{
    top: var(--Block-C-421-Top);
    height: var(--Block-C-421-Height);
}

.Block-C-422{
    top: var(--Block-C-422-Top);
    height: var(--Block-C-422-Height);
}

.Block-C-423{
    top: var(--Block-C-423-Top);
    height: var(--Block-C-423-Height);
}

.Block-C-424{
    top: var(--Block-C-424-Top);
    height: var(--Block-C-424-Height);
}

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

.Content-Principal-Container{
    position: absolute;
    left: 0px;
    width: var(--Grid-Column-Width);
    background-color: var(--light);
}

.About-Principal-Container{
    height: var(--About-Principal-Container-Height);
}

.Services-Principal-Container{
    height: var(--Services-Principal-Container-Height);
}

.Valeurs-Principal-Container{
    height: var(--Valeurs-Principal-Container-Height);
}

.About-Principal-Container-1{
    top: var(--About-Principal-Container-1-Top);
}

.Services-Principal-Container-1{
    top: var(--Services-Principal-Container-1-Top);
}

.Valeurs-Principal-Container-1{
    top: var(--Valeurs-Principal-Container-1-Top);
}

.About-Principal-Container-2{
    top: var(--About-Principal-Container-2-Top);
}

.Services-Principal-Container-2{
    top: var(--Services-Principal-Container-2-Top);
}

.Valeurs-Principal-Container-2{
    top: var(--Valeurs-Principal-Container-2-Top);
}

.About-Principal-Container-3{
    top: var(--About-Principal-Container-3-Top);
}

.Services-Principal-Container-3{
    top: var(--Services-Principal-Container-3-Top);
}

.Valeurs-Principal-Container-3{
    top: var(--Valeurs-Principal-Container-3-Top);
}

.About-Principal-Container-4{
    top: var(--About-Principal-Container-4-Top);
}

.Services-Principal-Container-4{
    top: var(--Services-Principal-Container-4-Top);
}

.Valeurs-Principal-Container-4{
    top: var(--Valeurs-Principal-Container-4-Top);
}

.Content-Full-Container{
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: var(--Grid-Column-Width);
    left: 0px;
    top: var(--Grid-Row-Gap-Height);
}

.About-Full-Container{
    height: var(--About-Full-Container-Height);
}

.Services-Full-Container{
    height: var(--Services-Full-Container-Height);
}

.Valeurs-Full-Container{
    height: var(--Valeurs-Full-Container-Height);
}


.Content-Main-Container{
    position: relative;
    left: 0px;
    width: var(--Grid-Column-Width);
    height: var(--Grid-Cell-Height);
}

.Content-Double-Main-Container{
    position: relative;
    left: 0px;
    width: var(--Grid-Column-Width);
    height: var(--Content-Double-Main-Container-Height);
}

.Content-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    width: var(--Grid-Column-Width);
    height: var(--Grid-Cell-Height);
    overflow-y: hidden;
}

.Content-Double-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    width: var(--Grid-Column-Width);
    height: var(--Content-Double-Container-Height);
}

.Home-Content-Subtitle{
    position: absolute;
    top: 0px;
    left: 0px;
    width: var(--Grid-Column-Width);
    height: var(--Home-Content-Subtitle-Height);
}

.Home-Content-Short-Paragraph{
    position: absolute;
    top: var(--Home-Content-Short-Paragraph-Top);
    left: 0px;
    width: var(--Grid-Column-Width);
    height: var(--Home-Content-Short-Paragraph-Height);
}

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

.Home-Content-Title{
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: var(--Grid-Column-Width);
    height: var(--Lh-Home-Content-Title);
}

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

.Propos-About-Content{
    position: absolute;
    top: 0px;
    left: 0px;
    width: var(--Grid-Column-Width);
    height: var(--Content-Double-Container-Height);
    background-color: var(--Blue);
}

.About-Content-Second, .Propos-Content-Second{
    display: none;
}



/* -------------------------- ------------- -------------------------- */
/* -------------------------- GRID - STATIC -------------------------- */
/* -------------------------- ------------- -------------------------- */

.Static-Grid-Cache{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: var(--Static-Grid-Cache-1-Height);
    background-color: var(--light);
    z-index: 90;
}

.Static-Grid-Cache-B{
    display: none;
    top: var(--Static-Grid-Cache-B-Top-Large);
    height: var(--Static-Grid-Cache-B-Height-Large);
}

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

.Static-Grid-Max-Container{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100vw;
    height: var(--Static-Grid-Max-Container-Height);
    z-index: 80;
}

.Static-Grid-Global-Container{
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: var(--Static-Grid-Global-Container-Height-Large);
}

.Static-Grid-Principal-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: var(--Static-Grid-Principal-Container-Height-Large);
}

.Static-Grid-Full-Container{
    position: absolute;
    top: var(--Grid-Global-Top);
    left: 50vw;
    transform: translateX(-50%);
    width: var(--Grid-Global-Width);
    height: var(--Static-Grid-Height);
}

.Static-Col{
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: var(--Grid-Column-Width);
    height: var(--Static-Grid-Height);
    top: 0px;
}

.Static-Col-A{
    left: var(--Grid-Column-A-Left);
}

.Static-Col-B{
    left: var(--Grid-Column-B-Left);
}

.Static-Col-C{
    left: var(--Grid-Column-C-Left);
}

.Static-Col-D{
    left: var(--Grid-Column-D-Left);
}

.Static-Col-E{
    left: var(--Grid-Column-E-Left);
}

.Static-Cell{
    position: relative;
    height: var(--Grid-Cell-Height);
    width: var(--Grid-Column-Width);
    left: 0px;
    border: solid var(--dark) 1px;
    box-sizing: border-box;
}

/* --------------------------- ----------- --------------------------- */
/* --------------------------- ----------- --------------------------- */
/* --------------------------- F O O T E R --------------------------- */
/* --------------------------- ----------- --------------------------- */
/* --------------------------- ----------- --------------------------- */

.Footer-Ultra-Container{
    position: absolute;
    width: 100vw;
    left: 0px;
    height: var(--Footer-Ultra-Container-Height);
    top: var(--Footer-Ultra-Container-Top);
    overflow: hidden;
}


/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- - EXTRA - ---------------------------- */
/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- --------- ---------------------------- */


/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- -G R I D- ---------------------------- */
/* ---------------------------- --------- ---------------------------- */

.Grid-Principal-Container{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
}

.Dynamic-Grid-Principal-Container{
    position: absolute;
    top: var(--View-Grid-Main-Container-Top);
    left: 0px;
    width: 100vw;
    height: 1400vh;
    height: calc(((var(--Footer-Ultra-Container-Top-1)) + (var(--Grid-Global-Top))) + ((var(--Nb-Steps-Visible)) * (var(--Grid-Row-Step-Height))));
    height: calc(((var(--Footer-Ultra-Container-Top)) + (var(--Grid-Global-Top))) + ((var(--Nb-Steps-Visible)) * (var(--Grid-Row-Step-Height))));
    opacity: 0.7;
    z-index: 20000;
    z-index: -20;
    overflow-x: hidden;
    overflow-y: hidden!important;
}

.Grid-Main-Container{
    position: absolute;
    display: grid;
    top: var(--View-Grid-Main-Container-Top);
    left: 50vw;
    transform: translateX(-50%);
    height: calc(((var(--View-Grid-Rows-Number)) * (var(--View-Grid-Main-Container-Cell-Height))) + ((var(--View-Grid-Hgap-Number)) * (var(--View-Grid-Column-Main-Container-Row-Gap)))); /* 10 rangées + 9 gaps */
    grid-template-rows: repeat(var(--View-Grid-Rows-Number), var(--View-Grid-Main-Container-Cell-Height));
    row-gap: var(--View-Grid-Column-Main-Container-Row-Gap); /* uniquement espacement vertical */
    
}

.Grid-Main-Container-1{
    width: calc(((var(--View-Grid-Columns-Number)) * (var(--View-Grid-Main-Container-1-Column-Width))) + ((var(--View-Grid-Vgap-Number)) * (var(--View-Grid-Column-Main-Container-1-Column-Gap)))); /* 5 colonnes + 4 gaps */
    grid-template-columns: repeat(var(--View-Grid-Columns-Number), var(--View-Grid-Main-Container-1-Column-Width));
    padding-left: var(--View-Grid-Main-Container-1-Padding);
    padding-right: var(--View-Grid-Main-Container-1-Padding);
    column-gap: var(--View-Grid-Column-Main-Container-1-Column-Gap);

}

.Grid-Main-Container-2{    
    width: calc((var(--View-Grid-Columns-Number)) * (var(--View-Grid-Main-Container-2-Column-Width))); /* 5 * 450px = 2250px */
    grid-template-columns: repeat(var(--View-Grid-Columns-Number), var(--View-Grid-Main-Container-2-Column-Width));
    padding-left: var(--View-Grid-Main-Container-2-Padding);
    padding-right: var(--View-Grid-Main-Container-2-Padding);
    opacity: 0.2;

}

.Grid-Main-Container-11, .Grid-Main-Container-12{
    top: 0px;
    height: calc(((var(--View-Grid-11-12-Rows-Number)) * (var(--View-Grid-Main-Container-Cell-Height))) + ((var(--View-Grid-11-12-Hgap-Number)) * (var(--View-Grid-Column-Main-Container-Row-Gap))));
    grid-template-rows: repeat(var(--View-Grid-11-12-Rows-Number), var(--View-Grid-Main-Container-Cell-Height));
}

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

.Dynamic-Grid-Main-1-11-Global-Container-3{
    position: absolute;
}

/* -------------------------- STATIC - GRID -------------------------- */

.Static-Top-Grid-Principal-Container{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 98789;
    display: none;
}

.Static-Top-Grid-Full-Container{
    position: absolute;
    top: var(--Grid-Global-Top);
    left: 50vw;
    transform: translateX(-50%);
    width: var(--Static-Top-Grid-Full-Container-Width);
    width: var(--Grid-Global-Width);
    height: var(--Static-Grid-Height);
}

.Static-Col{
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: var(--Grid-Column-Width);
    height: var(--Static-Grid-Height);
    top: 0px;
}

.Static-Col-A{
    left: var(--Grid-Column-A-Left);
}

.Static-Col-B{
    left: var(--Grid-Column-B-Left);
}

.Static-Col-C{
    left: var(--Grid-Column-C-Left);
}

.Static-Col-D{
    left: var(--Grid-Column-D-Left);
}

.Static-Col-E{
    left: var(--Grid-Column-E-Left);
}

.Static-Cell{
    position: relative;
    height: var(--Grid-Cell-Height);
    width: var(--Grid-Column-Width);
    left: 0px;
    border: solid var(--dark) 1px;
    box-sizing: border-box;
}