/* ------------------------ --------- ------------------------ */
/* ------------------------ --------- ------------------------ */
/* ------------------------ - BASIC - ------------------------ */
/* ------------------------ --------- ------------------------ */
/* ------------------------ --------- ------------------------ */

body{
    height: 2400vh;
    height: var(--Joaillerie-Body-Height);
}


/* ------------------------ -------- ------------------------ */
/* -------------------- ---------------- -------------------- */
/* -------------------- COVER -- SECTION -------------------- */
/* -------------------- ---------------- -------------------- */
/* ------------------------ -------- ------------------------ */

.Joaillerie-Cover-Section{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 3000px;
    height: var(--Joaillerie-Cover-Section-Height);
    z-index: 800;
}

/* -------------------- ---------------- -------------------- */
/* -------------------- COVER --- SLOGAN -------------------- */
/* -------------------- ---------------- -------------------- */


.Joaillerie-Cover-Slogan-Principal-Container{
    position: absolute;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 120;
}

.Joaillerie-Cover-Slogan-Full-Container{
    position: sticky;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
}

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

.Joaillerie-Cover-Slogan-Main-Container{
    position: absolute;
    left: 0px;
    width: 100vw;
}

.Joaillerie-Cover-Slogan-Main-Container-1{
    display: flex;
    flex-direction: column;
    top: var(--Joaillerie-Cover-Slogan-Main-Container-1-Top);
    height: var(--Joaillerie-Cover-Slogan-Main-Container-1-Height);
}

.Joaillerie-Cover-Slogan-Main-Container-2{
    display: none;
    top: var(--Joaillerie-Cover-Slogan-Main-Container-2-Top);
    height: var(--Joaillerie-Cover-Slogan-Main-Container-2-Height);
}

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

.Joaillerie-Cover-Slogan-Container{
    left: 0px;
    width: 100vw;
}

.Joaillerie-Cover-Slogan-Container-1{
    position: relative;
    height: var(--Joaillerie-Cover-Slogan-Container-1-Height);
}

.Joaillerie-Cover-Slogan-Container-2{
    position: absolute;
    top: 0px;
    height: var(--Joaillerie-Cover-Slogan-Container-2-Height);
}



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

.Joaillerie-Cover-Slogan{
    position: absolute;
    top: 0px;
}

.Joaillerie-Cover-Slogan-Text-1{
    left: var(--Joaillerie-Cover-Slogan-Text-1-Left);
}

.Joaillerie-Cover-Slogan-Text-2{
    right: var(--Joaillerie-Cover-Slogan-Text-2-Right);
}

.Joaillerie-Cover-Slogan-Text-3{
    left: var(--Joaillerie-Cover-Slogan-Text-3-Left);
}

.Joaillerie-Cover-Slogan-Text-4{
    right: var(--Joaillerie-Cover-Slogan-Text-4-Right);
}

.Joaillerie-Cover-Slogan-Text-5{
    right: var(--Joaillerie-Cover-Slogan-Text-5-Right);
}


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

.Joaillerie-Cover-Slogan-211{
    left: var(--Site-Margins-2);
    width: calc(100vw - (var(--Site-Margins-2)));
}

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




/* -------------------- ---------------- -------------------- */
/* -------------------- COVER --- IMAGES -------------------- */
/* -------------------- ---------------- -------------------- */

.Joaillerie-Cover-Container{
    position: absolute;
    top: var(--Cover-Collection-Container-Top);
    top: 166px;
    left: 50vw;
    transform: translateX(-50%);
    width: var(--Cover-Container-Width);
    height: var(--Cover-Container-Height);
    overflow: hidden;
}


.Joaillerie-Cover-Bg-Container{
    z-index: 110;
}

.Joaillerie-Cover-Portrait-Container{
    z-index: 130!important;
}

.Joaillerie-Cover-Image{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 101%;
    height: auto;
}




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

.Joaillerie-Global-Section{
    position: absolute;
    top: var(--Joaillerie-Global-Section-Top);
    height: var(--Joaillerie-Global-Section-Height);
    width: 100vw;
    z-index: 100000;
    background-color: var(--white);
    /* background-color: cornflowerblue; */
    /* overflow-X: hidden; */
}





/* ------------------- ------------------ ------------------- */
/* ------------------- -JOAILLERIE INTRO- ------------------- */
/* ------------------- ------------------ ------------------- */

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

.Joaillerie-Intro-Text-Container{
    position: absolute;
    top: var(--Joaillerie-Intro-Text-Container-Top);
    height: var(--Joaillerie-Intro-Text-Container-Height);
    left: var(--Joaillerie-Intro-Text-Container-Left);
    width: var(--Joaillerie-Intro-Text-Container-Width);
    /* background-color: coral; */
}

.Joaillerie-Intro{
    display: none;
    left: 0px;
    top: 0px;
    width: 112%;
    width: 105%;
    /* background-color: aqua; */
}

.Joaillerie-Intro-1{
    display: block;
}

/* ------------------- ------------------ ------------------- */
/* ------------------- JOAILLERIE CONTENT ------------------- */
/* ------------------- ------------------ ------------------- */

.Joaillerie-Content-Principal-Container{
    position: absolute;
    left: 0px;
    width: 100vw;
    justify-content: space-between;
    top: var(--Joaillerie-Content-Principal-Container-Top);
    height: var(--Joaillerie-Content-Principal-Container-Height);
    /* background-color: darkred; */
    overflow-x: hidden;
}

.Joaillerie-Content-Full-Container{
    position: absolute;
    justify-content: space-between;
    top: 0px;
    left: var(--Joaillerie-Content-Full-Container-Left);
    /* height: var(--Joaillerie-Content-Full-Container-1-Height); */
    width: var(--Joaillerie-Content-Full-Container-Width);
    /* background-color: antiquewhite; */
}

.Joaillerie-Content-Full-Container-1{
    display: flex;
    flex-direction: row;
    height: var(--Joaillerie-Content-Full-Container-1-Height);
}

.Joaillerie-Content-Full-Container-2{
    display: none;
    flex-direction: column;
    /* justify-content: space-between!important; */
    justify-content: space-between;
    height: var(--Joaillerie-Content-Full-Container-2-Height);
    /* height: 120px; */
    /* background-color: deepskyblue; */
}

.Joaillerie-Content-Full-Container-3{
    display: none;
    flex-direction: column;
    height: var(--Joaillerie-Content-Full-Container-3-Height);
}

.Joaillerie-Content-Main-Container{
    position: relative;
    width: var(--Joaillerie-Content-Main-Container-Width);
}

.Joaillerie-Content-Main-Container-1{
    height: var(--Joaillerie-Content-Main-Container-F1-Height);
}

.Joaillerie-Content-Main-Container-2{
    height: var(--Joaillerie-Content-Main-Container-2-Height);
    /* background-color: aliceblue; */
    /* width: 100%; */
}

/* .Joaillerie-Content-Main-Container-3{
    height: var(--Joaillerie-Content-Main-Container-3-Height);
} */


.Joaillerie-Content-Main-Container-21{
    /* background-color: red; */
}
.Joaillerie-Content-Main-Container-22{
    /* background-color: tomato; */
}
.Joaillerie-Content-Main-Container-23{
    /* background-color: red; */
}


.Joaillerie-Content-Main-Container-31{
    height: var(--Joaillerie-Content-Main-Container-31-Height);
    /* background-color: firebrick; */
}

.Joaillerie-Content-Main-Container-32{
    height: var(--Joaillerie-Content-Main-Container-32-Height);
    /* background-color: lightskyblue; */
}

.Joaillerie-Content-Main-Container-33{
    height: var(--Joaillerie-Content-Main-Container-33-Height);
    /* background-color: firebrick; */
}


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

.Joaillerie-Content-Image-Container{
    position: absolute;
    top: 0px;
    /* left: 0px; */
    width: var(--Joaillerie-Content-Image-Container-Width);
    height: var(--Joaillerie-Content-Image-Container-Height);
    background-color: var(--green);
    overflow: hidden;
    /* opacity: 0.1; */
}

.Joaillerie-Content-Image-Container-22{
    position: absolute;
    right: 0px!important;
}

.Joaillerie-Content-Image{
    position: absolute;
    /* display: none; */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: auto;
}


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

.Joaillerie-Content-Text-Container{
    position: absolute;
}



.Joaillerie-Content-Text-Container-1{
    top: var(--Joaillerie-Content-Text-Container-1-Top);
    left: 0px;
    width: 100%;
    height: var(--Joaillerie-Content-Text-F1-Container-Height);
    /* background-color: darksalmon; */
}

.Joaillerie-Content-Text-Container-2{
    height: 100%;
    top: 0px;
    /* top: var(--Joaillerie-Content-Text-Container-2-Top); */
    width: 420px;
    width: var(--Joaillerie-Content-Text-Container-2-Width);
    /* background-color: dodgerblue; */
    /* height: var(--Joaillerie-Content-Text-F2-Container-Height); */
}

.Joaillerie-Content-Text-Container-3{
    top: var(--Joaillerie-Content-Text-Container-3-Top);
    width: 100%;
    /* background-color: darkcyan; */
    /* height: var(--Joaillerie-Content-Text-F3-Container-Height); */
}

.Joaillerie-Content-Text-Container-11{}
.Joaillerie-Content-Text-Container-12{}
.Joaillerie-Content-Text-Container-13{}


.Joaillerie-Content-Text-Container-31{
    height: var(--Joaillerie-Content-Text-Container-31-Height);
}
.Joaillerie-Content-Text-Container-32{
    height: var(--Joaillerie-Content-Text-Container-32-Height);
}
.Joaillerie-Content-Text-Container-33{
    height: var(--Joaillerie-Content-Text-Container-33-Height);
}

.Joaillerie-Content-Text-Container-21{
    right: 0px!important;
}

.Joaillerie-Content-Text-Containe-23{
    right: 0px!important;
    /* bottom: 0px!important; */
    bottom: 0px;
}


.Joaillerie-Content{
    position: absolute;
    left: 0px;
    width: 104%;
}

.Joaillerie-Content-2{
    /* background-color: yellow; */
    width: 420px;
}

.Joaillerie-Content-22, .Joaillerie-Content-23{
    bottom: 0px;
}

.Joaillerie-Content-212, .Joaillerie-Content-222, .Joaillerie-Content-232{
    display: none;
}

.Joaillerie-Content-3{
    display: none;
}

.Joaillerie-Content-311, .Joaillerie-Content-321, .Joaillerie-Content-331{
    display: block;
}




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




/* ---------------- ------------------------ ---------------- */
/* ---------------- - JOAILLERIE -- COLLEC - ---------------- */
/* ---------------- ------------------------ ---------------- */

.Joaillerie-Collections-Global-Container{
    position: absolute;
    /* display: none; */
    top: var(--Joaillerie-Collections-Global-Container-Top);
    left: 0px;
    width: 100vw;
    height: var(--Joaillerie-Collections-Global-Container-Height);
    /* height: 1000px; */
    /* background-color: saddlebrown; */
}

.Joaillerie-Collections-Principal-Container{
    position: absolute;
    top: var(--Joaillerie-Collections-Principal-Container-Top);
    left: 0px;
    width: 100vw;
    height: var(--Joaillerie-Collections-Principal-Container-Height);
    /* background-color: firebrick; */
}

.Joaillerie-Collections-Full-Container{
    display: none;
    position: absolute;
    justify-content: space-between;
    top: var(--Joaillerie-Collections-Full-Container-Top);
    left: var(--Joaillerie-Collections-Full-Container-Left);
    width: var(--Joaillerie-Collections-Full-Container-Width);
    /* background-color: darkseagreen; */
}

.Joaillerie-Collections-Full-Container-1{
    display: flex;
    flex-direction: row;
    height: var(--Joaillerie-Collections-Full-Container-1-Height);
}

.Joaillerie-Collections-Full-Container-2{
    flex-direction: column;
    justify-content: space-between;
    height: var(--Joaillerie-Collections-Full-Container-2-Height);
    /* height: 120px; */
    /* background-color: deepskyblue; */
}

.Joaillerie-Collections-Full-Container-3{
    flex-direction: column;
    height: var(--Joaillerie-Collections-Full-Container-3-Height);
}

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

.Joaillerie-Collections-Top-Container{
    position: absolute;
    top: 0px;
    left: var(--Joaillerie-Collections-Top-Container-Left);
    height: var(--Joaillerie-Collections-Top-Container-Height);
    width: var(--Joaillerie-Collections-Top-Container-Width);
    /* background-color: lime; */
}


.Joaillerie-Collections-Title-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: var(--Joaillerie-Collections-Title-Container-Height);
    /* background-color: yellow; */
}


.Joaillerie-Collections-Title{
    /* background-color: darkseagreen; */
    /* opacity: 0.5; */
}

.Joaillerie-Collections-Title-2{
    display: none;
}

.Joaillerie-Collections-Accroche-Container{
    position: absolute;
    left: 0px;
    width: 100%;
    top: var(--Joaillerie-Collections-Accroche-Container-Top);
    height: var(--Joaillerie-Collections-Accroche-Container-Height);
    /* background-color: yellow; */
}

.Joaillerie-Collections-Accroche{
    display: none;
    /* opacity: 0.5; */
    /* height: var(--Joaillerie-Collections-Accroche-Height); */
}

.Joaillerie-Collections-Accroche-1{
    display: block;
}

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

.Joaillerie-Collections-Main-Container{
    position: relative;
    width: var(--Joaillerie-Collections-Main-Container-Width);
    /* background-color: oldlace; */
}

.Joaillerie-Collections-Main-Container-1{
    height: var(--Joaillerie-Collections-Main-Container-1-Height);
}

.Joaillerie-Collections-Main-Container-2{
    height: var(--Joaillerie-Collections-Main-Container-2-Height);
    /* background-color: aliceblue; */
    /* width: 100%; */
}


.Joaillerie-Collections-Main-Container-21{
    /* background-color: red; */
}
.Joaillerie-Collections-Main-Container-22{
    /* background-color: tomato; */
}
.Joaillerie-Collections-Main-Container-23{
    /* background-color: red; */
}


.Joaillerie-Collections-Main-Container-31{
    height: var(--Joaillerie-Collections-Main-Container-31-Height);
    /* background-color: firebrick; */
}

.Joaillerie-Collections-Main-Container-32{
    height: var(--Joaillerie-Collections-Main-Container-32-Height);
    /* background-color: lightskyblue; */
}

.Joaillerie-Collections-Main-Container-33{
    height: var(--Joaillerie-Collections-Main-Container-33-Height);
    /* background-color: firebrick; */
}

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

.Joaillerie-Collections-Image-Container{
    position: absolute;
    top: 0px;
    width: var(--Joaillerie-Collections-Image-Container-Width);
    height: var(--Joaillerie-Collections-Image-Container-Height);
    background-color: var(--white);
    overflow: hidden;
}

.Joaillerie-Collections-Image-Container-22{
    position: absolute;
    right: 0px!important;
}

.Joaillerie-Collections-Image{
    position: absolute;
    /* display: none; */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: auto;
}

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

.Joaillerie-Collections-Container{
    position: absolute;
    top: var(--Joaillerie-Collections-Container-Top);
    width: var(--Joaillerie-Collections-Container-Width);
    height: var(--Joaillerie-Collections-Container-Height);
    /* background-color: darkslategrey; */
}

.Joaillerie-Collections-Container-1{
    height: var(--Joaillerie-Collections-Container-1-Height);
    left: var(--Joaillerie-Collections-Container-Left-1);
}

.Joaillerie-Collections-Container-2{
    height: var(--Joaillerie-Collections-Container-2-Height);
}

.Joaillerie-Collections-Container-21{
    right: var(--Joaillerie-Collections-Container-Right-21);
}

.Joaillerie-Collections-Container-22{
    left: var(--Joaillerie-Collections-Container-Left-22);
}

.Joaillerie-Collections-Container-23{
    right: var(--Joaillerie-Collections-Container-Right-23);
}

.Joaillerie-Collections-Container-31{
    height: var(--Joaillerie-Collections-Container-31-Height);
}

.Joaillerie-Collections-Container-32{
    height: var(--Joaillerie-Collections-Container-32-Height);
}

.Joaillerie-Collections-Container-33{
    height: var(--Joaillerie-Collections-Container-33-Height);
}


.Joaillerie-Collections-Container-22{
    left: 0px;
}

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

.Joaillerie-Collections-Title-Info-Container{
    position: absolute;
    width: 100%;
    /* background-color: aliceblue; */
    top: 0px;
}

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

.Joaillerie-Collections-Info-Container{
    position: absolute;
    top: var(--Joaillerie-Collections-Info-Container-Top);
    left: 0px;
}

.Joaillerie-Collections-Info-Container-2, .Joaillerie-Collections-Info-Container-3{
    width: 106%;
}


.Joaillerie-Collections-Info-3{
    display: none;
}

.Joaillerie-Collections-Info-311, .Joaillerie-Collections-Info-321, .Joaillerie-Collections-Info-331{
    display: block;
}

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

.Collection-Btn-Container{
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: 0px;
    height: var(--Collection-Btn-Container-Height);
}



/* ------------------------ -------- ------------------------ */
/* ------------------- ------------------ ------------------- */
/* ------------------- --- BASIC -- 1 --- ------------------- */
/* ------------------- ------------------ ------------------- */
/* ------------------------ -------- ------------------------ */

.Footer-Principal-Container-Large-Joaillerie{
    top: var(--Footer-Principal-Container-Large-Joaillerie-Top);
}

.Footer-Principal-Container-Small-Joaillerie{
    top: var(--Footer-Principal-Container-Small-Joaillerie-Top);
}

.Footer-Principal-Container-Large-Joaillerie, .Footer-Principal-Container-Small-Joaillerie{
    z-index: 1200;
}

.Joaillerie-Footer-Background-Cache{
    position: absolute;
    top: var(--Joaillerie-Footer-Background-Cache-Top);
    left: 0px;
    width: 100vw;
    height: var(--Joaillerie-Footer-Background-Cache-Height);
    z-index: 1100;
    z-index: 900;
    background-color: var(--white);
}