/* --------------------- ----------------------- --------------------- */
/* --------------------- ----------------------- --------------------- */
/* --------------------- -- GLOBAL -- SECTION -- --------------------- */
/* --------------------- ----------------------- --------------------- */
/* --------------------- ----------------------- --------------------- */

.Global-Section-Projects{
    height: var(--Global-Section-Projects-Height)
}

/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- - TITLE - ---------------------------- */
/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- --------- ---------------------------- */

.Projects-Title-Main-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: var(--Projects-Title-Main-Container-Height);
    /* background-color: pink; */
}

.Projects-Title-Container{
    position: absolute;
    top: var(--Projects-Title-Container-Top);
    left: 0px;
    width: 100vw;
    height: var(--Projects-Title-Container-Height);
    /* background-color: var(--red); */
}

.Projects-Title{
    position: absolute;
    top: 0px;
    left: var(--Site-Margins);
    /* background-color: var(--blue); */
}

/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- - LISTE - ---------------------------- */
/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- --------- ---------------------------- */

.Projects-List-Global-Container{
    position: absolute;
    top: var(--Projects-List-Global-Container-Top);
    left: 0px;
    width: 100vw;
    height: var(--Projects-List-Global-Container-Height);
    /* background-color: var(--orange); */
    /* cursor: pointer; */
}

.Projects-List-Principal-Container{
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 0px;
    left: var(--Site-Margins);
    width: var(--Site-Content-Width);
    left: 0px;
    width: 100vw;
    height: var(--Projects-List-Principal-Container-Height);
    /* background-color: var(--red); */
    /* cursor: pointer!important; */
}

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

.Projects-List-Item-Full-Container{
    position: relative;
    left: 0px;
    width: var(--Site-Content-Width);
    width: 100vw;
    height: var(--Projects-List-Item-Full-Container-Height);
    /* background-color: var(--blue); */
    /* cursor: pointer!important; */
}

.Projects-List-Item-Full-Container{
    cursor: pointer!important;
    /* cursor: pointer; */
}

.Projects-List-Item-Full-Container:hover * {
    color: var(--second);
}

.Projects-List-Item-Main-Container{
    position: absolute;
    left: 0px;
    left: var(--Site-Margins);
    top: 0px;
    width: var(--Site-Content-Width);
    height: var(--Projects-List-Item-Main-Container-Height);
    /* background-color: aliceblue; */
}

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

.Projects-List-Item-Container{
    position: absolute;
    left: 0px;
    top: var(--Projects-List-Item-Container-Top);
    height: var(--Projects-List-Item-Container-Height);
    width: var(--Site-Content-Width);
    /* background-color: var(--blue); */
}

.Projects-List-Item-Name-Container{
    position: absolute;
    left: 0px;
    top: 0px;
    width: var(--Projects-List-Item-Name-Container-Width);
    height: var(--Projects-List-Item-Container-Height);
    /* background-color: var(--red); */
}

.Projects-List-Item-Type-Container{
    position: absolute;
    left: var(--Projects-List-Item-Type-Container-Left);
    top: 0px;
    width: var(--Projects-List-Item-Type-Container-Width);
    height: var(--Projects-List-Item-Container-Height);
    /* background-color: var(--red); */
}

.Projects-List-Item-Year-Container{
    position: absolute;
    right: 0px;
    top: 0px;
    width: var(--Projects-List-Item-Year-Container-Width);
    height: var(--Projects-List-Item-Container-Height);
    /* background-color: var(--red); */
}

.Projects-List-Item-Line{
    position: relative;
    left: 0px;
    left: var(--Site-Margins);
    width: var(--Site-Content-Width);
    height: 1px;
    background-color: var(--dark);
}

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

.Projects-List-Item-Full-Container-5,
.Projects-List-Item-Full-Container-9,
.Projects-List-Item-Full-Container-10,
.Projects-List-Item-Full-Container-11{
    display: none;
}

.Projects-List-Item-Line-5,
.Projects-List-Item-Line-9,
.Projects-List-Item-Line-10,
.Projects-List-Item-Line-11{
    display: none;
}

/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- - FOOTR - ---------------------------- */
/* ---------------------------- --------- ---------------------------- */
/* ---------------------------- --------- ---------------------------- */

.Footer-Global-Container{
    top: var(--Projects-Footer-Global-Container-Top);
}

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


.Grid-Global-Container{
    display: none;
}