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

body{
    height: var(--Mesure-Body-Height);
}


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

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


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


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

.Mesure-Cover-Slogan-Principal-Container-1{
    z-index: 120;
    
}
.Mesure-Cover-Slogan-Principal-Container-2{
    z-index: 140;
}

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

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

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

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

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

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

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

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

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



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

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

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

.Mesure-Cover-Slogan-Text-2{
    left: var(--Mesure-Cover-Slogan-Text-2-Left);
}

.Mesure-Cover-Slogan-Text-3{
    /* left: var(--Mesure-Cover-Slogan-Text-3-Left); */
    right: var(--Mesure-Cover-Slogan-Text-3-Right);
}

.Mesure-Cover-Slogan-Text-4{
    left: var(--Mesure-Cover-Slogan-Text-4-Left);
}

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

.Mesure-Cover-Slogan-Text-6{
    display: none;
    left: var(--Mesure-Cover-Slogan-Text-6-Left);
}

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

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

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




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

.Mesure-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;
}


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

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

.Mesure-Cover-Front-Container{
    z-index: 150;
}

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




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


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





/* ------------------- ------------------ ------------------- */
/* ------------------- -- MESURE INTRO -- ------------------- */
/* ------------------- ------------------ ------------------- */

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

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

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

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


/* ------------------- ------------------ ------------------- */
/* ------------------- MESURE ---- GLOBAL ------------------- */
/* ------------------- ------------------ ------------------- */

.Mesure-Global-Full-Container{
    width: var(--Mesure-Global-Full-Container-Width);
}

.Mesure-Global-Main-Container{
    width: var(--Mesure-Global-Main-Container-Width);
}

.Mesure-Image-Container{
    position: absolute;
    height: var(--Mesure-Image-Container-Height);
    width: var(--Mesure-Image-Container-Widht);
}

.Mesure-Title-Container{
    position: absolute;
    top: 0px;
    left: 0px;
}

.Mesure-Global-Text-Container{
    position: absolute;
    left: 0px;
    width: var(--Mesure-Global-Text-Container-Width);
}

.Mesure-Global-Paragraphe{
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 102%;
    /* background-color: red; */
}

.Mesure-Global-Paragraphe-1{
    display: block;
}

.Mesure-Image-Container{
    position: absolute;
    height: var(--Mesure-Global-Image-Container-Height);
    width: var(--Mesure-Global-Image-Container-Width);
    overflow: hidden;
}

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

/* ------------------- ------------------ ------------------- */
/* ------------------- MESURE -- CREATION ------------------- */
/* ------------------- ------------------ ------------------- */

.Mesure-Creation-Section{
    position: absolute;
    top: var(--Mesure-Creation-Section-Top);
    height: var(--Mesure-Creation-Section-Height);
    width: 100vw;
    left: 0px;
    /* background-color: dimgray; */
}

.Mesure-Creation-Principal-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: var(--Mesure-Creation-Principal-Container-Height);
    /* background-color: lightskyblue; */
    /* background-color: red; */
}

.Mesure-Creation-Full-Container{
    position: absolute;
    top: 0px;
    left: var(--Site-Margins);
    height: var(--Mesure-Creation-Full-Container-Height);
    /* background-color: slateblue; */
}

.Mesure-Creation-Main-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    height: var(--Mesure-Creation-Main-Container-Height);
    /* background-color: lightcoral; */
}

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

.Mesure-Creation-Title-Container{
    position: absolute;
    width: var(--Mesure-Creation-Title-Container-Width);
    height: var(--Mesure-Creation-Title-Container-Height);
    /* background-color: lightcoral; */
}

.Mesure-Creation-Title{
    display: none;
}

.Mesure-Creation-Title-1{
    display: block;
}

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

.Mesure-Creation-Text-Container{
    top: var(--Mesure-Creation-Text-Container-Top);
    left: 0px;
    height: var(--Mesure-Creation-Text-Container-Height);
    /* background-color: lightcoral;     */
}



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

.Mesure-Creation-Image-Container{
    position: absolute;
    top: var(--Mesure-Creation-Image-Container-Top);
    left: 0px;
    /* width: var(--Mesure-Creation-Image-Container-Width); */
    /* height: var(--Mesure-Creation-Image-Container-Height); */
    /* background-color: lightcoral;     */
}

/* ------------------- ------------------ ------------------- */
/* ------------------- MESURE - PROCESSUS ------------------- */
/* ------------------- ------------------ ------------------- */

.Mesure-Processus-Section{
    position: absolute;
    top: var(--Mesure-Processus-Section-Top);
    height: var(--Mesure-Processus-Section-Height);
    height: 900px;
    width: 100vw;
    left: 0px;
    /* background-color: darksalmon; */
}

.Mesure-Processus-Principal-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: var(--Mesure-Processus-Principal-Container-Height);
    /* background-color: lightgreen; */
}

.Mesure-Processus-Full-Container{
    position: absolute;
    left: var(--Mesure-Processus-Full-Container-Left);
    top: var(--Mesure-Processus-Full-Container-Top);
    height: var(--Mesure-Processus-Full-Container-Height);
    /* background-color: slateblue; */
}

.Mesure-Processus-Main-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    height: var(--Mesure-Processus-Main-Container-Height);
    /* background-color: lightcoral; */
}

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

.Mesure-Processus-Title-Container{
    position: absolute;
    width: var(--Mesure-Processus-Title-Container-Width);
    height: var(--Mesure-Processus-Title-Container-Height);
    /* background-color: lightcoral;     */
}

.Mesure-Processus-Title{
    display: none;
}

.Mesure-Processus-Title-1{
    display: block;
}

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

.Mesure-Processus-Text-Container{
    /* position: absolute; */
    top: var(--Mesure-Processus-Text-Container-Top);
    left: 0px;
    /* width: var(--Mesure-Processus-Title-Container-Width); */
    height: var(--Mesure-Processus-Title-Container-Height);
    /* background-color: lightcoral;     */
}



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

.Mesure-Processus-Image-Container{
    position: absolute;
    top: var(--Mesure-Processus-Image-Container-Top);
    left: 0px;
    /* background-color: lightcoral;     */
}

/* ------------------- ------------------ ------------------- */
/* ------------------- MESURE DEMANDE OCC ------------------- */
/* ------------------- ------------------ ------------------- */


.Mesure-Demande-Occasion-Section{
    position: absolute;
    top: var(--Mesure-Demande-Occasion-Section-Top);
    height: var(--Mesure-Demande-Occasion-Section-Height);
    height: 900px;
    width: 100vw;
    left: 0px;
    /* background-color:palegoldenrod; */
}

.Mesure-Demande-Occasion-Principal-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: var(--Mesure-Demande-Occasion-Principal-Container-Height);
    /* background-color:darkslategray; */
}

.Mesure-Demande-Full-Container{
    position: absolute;
    left: var(--Site-Margins);
    top: var(--Mesure-Demande-Full-Container-Top);
    height: var(--Mesure-Demande-Full-Container-Height);
    /* background-color: slateblue; */
}

.Mesure-Demande-Main-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    height: var(--Mesure-Demande-Main-Container-Height);
    /* background-color: lightcoral; */
}

.Mesure-Occasion-Full-Container{
    position: absolute;
    left: var(--Mesure-Occasion-Full-Container-Left);
    top: var(--Mesure-Occasion-Full-Container-Top);
    height: var(--Mesure-Occasion-Full-Container-Height);
    /* background-color: slateblue; */
}

.Mesure-Occasion-Main-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    height: var(--Mesure-Occasion-Main-Container-Height);
    /* background-color: lightcoral; */
}

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

.Mesure-Demande-Title-Container{
    position: absolute;
    width: var(--Mesure-Demande-Title-Container-Width);
    height: var(--Mesure-Demande-Title-Container-Height);
    /* background-color: lightcoral;     */
}

.Mesure-Demande-Title{
    display: none;
}

.Mesure-Demande-Title-1{
    display: block;
}

.Mesure-Occasion-Title-Container{
    position: absolute;
    width: var(--Mesure-Occasion-Title-Container-Width);
    height: var(--Mesure-Occasion-Title-Container-Height);
    /* background-color: lightcoral;     */
}

.Mesure-Occasion-Title{
    display: none;
}

.Mesure-Occasion-Title-1{
    display: block;
}

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

.Mesure-Demande-Text-Container{
    position: absolute;
    top: var(--Mesure-Demande-Text-Container-Top);
    left: 0px;
    width: var(--Mesure-Demande-Text-Container-Width);
    height: var(--Mesure-Demande-Text-Container-Height);
    /* background-color: lightcoral;     */
}


.Mesure-Occasion-Text-Container{
    /* position: absolute; */
    top: var(--Mesure-Occasion-Text-Container-Top);
    left: 0px;
    /* width: var(--Mesure-Processus-Title-Container-Width); */
    height: var(--Mesure-Occasion-Text-Container-Height);
    /* background-color: lightcoral;     */
}



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

.Mesure-Demande-Image-Container{
    position: absolute;
    top: var(--Mesure-Demande-Image-Container-Top);
    left: 0px;
    height: var(--Mesure-Demande-Image-Container-Height);
    width: var(--Mesure-Demande-Image-Container-Width);
    overflow: hidden;
    /* background-color: lightcoral;     */
}




/* ------------------- ------------------ ------------------- */
/* ------------------- MESURE RDV SECTION ------------------- */
/* ------------------- ------------------ ------------------- */


.Mesure-Rdv-Section{
    position: absolute;
    top: var(--Mesure-Rdv-Section-Top);
    height: var(--Mesure-Rdv-Section-Height);
    left: 0px;
    width: 100vw;
    /* background-color: lightskyblue; */
}




.Mesure-Rdv-Principal-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: var(--Mesure-Rdv-Principal-Container-Height);
    overflow: hidden;
    /* background-color: antiquewhite; */
}


.Mesure-Rdv-Full-Container{
    position: absolute;
    top: var(--Mesure-Rdv-Full-Container-Top);
    /* left: var(--Mesure-Rdv-Full-Container-Left); */
    /* width: var(--Mesure-Rdv-Full-Container-Width); */
    left: 0px;
    width: 100vw;
    /* left: var(--Site-Margins); */
    /* width: var(--Content-Width); */
    height: var(--Mesure-Rdv-Full-Container-Height);
    overflow: hidden;
    /* background-color: lightskyblue; */
}

.Mesure-Rdv-Main-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: var(--Mesure-Rdv-Main-Container-Height);
}

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

.Mesure-Rdv-Title-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: var(--Mesure-Rdv-Title-Container-Height);
}

.Mesure-Rdv-Title{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: var(--Mesure-Rdv-Title-Height);
}

.Mesure-Rdv-Title-1{
    display: block;
}

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

.Mesure-Rdv-Text-Container{
    position: absolute;
    top: var(--Mesure-Rdv-Text-Container-Top);
    left: 0px;
    width: 100%;
    height: var(--Mesure-Rdv-Text-Container-Height);
}

.Mesure-Rdv{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: var(--Mesure-Rdv-Text-Height);
}

.Mesure-Rdv-1{
    display: block;
}

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

.Mesure-Rdv-Btn-Container{
    position: absolute;
    top: var(--Mesure-Rdv-Btn-Container-Top);
    /* left: var(--Mesure-Rdv-Btn-Container-Left); */
    left: 50%;
    transform: translateX(-50%) translateZ(0);
    width: var(--Mesure-Rdv-Btn-Container-Width);
    height: var(--Mesure-Rdv-Btn-Container-Height);
}




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

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

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

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

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