/*  -------------  ---------------------------------------------------------------- */
/*  -------------  ---------------------------------------------------------------- */
/*  ROOT MEDIA BASIC  ------------------------------------------------------------- */
/*  -------------  ---------------------------------------------------------------- */
/*  -------------  ---------------------------------------------------------------- */

@media (max-width: 1070px) {
    :root{
        --Mesure-Body-Height: var(--Mesure-Body-Height-2);
        --Mesure-Footer-Background-Cache-Height: var(--Mesure-Footer-Background-Cache-Height-2);
    }
}




/*  -------------  ---------------------------------------------------------------- */
/*  -------------  ---------------------------------------------------------------- */
/*  ROOT MEDIA MESURE COVER SECTION  ---------------------------------------------- */
/*  -------------  ---------------------------------------------------------------- */
/*  -------------  ---------------------------------------------------------------- */


/*  ROOT MEDIA MESURE COVER SLOGAN MAIN CONTAINER 1 TOP  -------------------------- */

@media (max-width: 1200px) and (min-width: 961px){
    :root {
        --Mesure-Cover-Slogan-Main-Container-1-Top: var(--Mesure-Cover-Slogan-Main-Container-1-Top-2);
    }
}

@media (max-width: 960px){
    :root {
        --Mesure-Cover-Slogan-Main-Container-1-Top: var(--Mesure-Cover-Slogan-Main-Container-1-Top-3);
    }
}

/*  ROOT MEDIA MESURE COVER SLOGAN TEXT 1 LEFT  ----------------------------------- */

@media (max-width: 1800px) and (min-width: 1441px) {
    :root {
        --Mesure-Cover-Slogan-Text-1-Left: var(--Mesure-Cover-Slogan-Text-1-Left-2);
    }
}

@media (max-width: 1440px) and (min-width: 1301px) {
    :root {
        --Mesure-Cover-Slogan-Text-1-Left: var(--Mesure-Cover-Slogan-Text-1-Left-3);
    }
}

@media (max-width: 1300px) and (min-width: 961px) {
    :root {
        --Mesure-Cover-Slogan-Text-1-Left: var(--Mesure-Cover-Slogan-Text-1-Left-4);
    }
}

@media (max-width: 960px){
    :root {
        --Mesure-Cover-Slogan-Text-1-Left: var(--Mesure-Cover-Slogan-Text-1-Left-5);
    }
}




/*  ROOT MEDIA MESURE COVER SLOGAN TEXT 3 RIGHT  ---------------------------------- */

@media (max-width: 1800px) and (min-width: 1601px) {
    :root {
        --Mesure-Cover-Slogan-Text-3-Right: var(--Mesure-Cover-Slogan-Text-3-Right-2);
    }
}

/* @media (max-width: 1600px) and (min-width: 961px) { */
@media (max-width: 1600px) {
    :root {
        --Mesure-Cover-Slogan-Text-3-Right: var(--Mesure-Cover-Slogan-Text-3-Right-3);
    }
}

/* @media (max-width: 960px){
    :root {
        --Mesure-Cover-Slogan-Text-3-Right: var(--Mesure-Cover-Slogan-Text-3-Right-4);
    }
} */



/*  ROOT MEDIA MESURE COVER SLOGAN TEXT 4 LEFT  ----------------------------------- */


@media (max-width: 1800px) and (min-width: 1301px) {
    :root {
        --Mesure-Cover-Slogan-Text-4-Left: var(--Mesure-Cover-Slogan-Text-4-Left-2);
    }
}

@media (max-width: 1300px) and (min-width: 1201px){
    :root {
        --Mesure-Cover-Slogan-Text-4-Left: var(--Mesure-Cover-Slogan-Text-4-Left-3);
    }
}

/* @media (max-width: 1200px) and (min-width: 1071px){ */
@media (max-width: 1200px) and (min-width: 841px) {
    :root {
        --Mesure-Cover-Slogan-Text-4-Left: var(--Mesure-Cover-Slogan-Text-4-Left-4);
    }
}

@media (max-width: 840px) {
    :root {
        --Mesure-Cover-Slogan-Text-4-Left: var(--Mesure-Cover-Slogan-Text-4-Left-5);
    }
}

/*  ROOT MEDIA MESURE COVER SLOGAN TEXT 5 RIGHT  ---------------------------------- */


@media (max-width: 1800px) and (min-width: 1301px) {
    :root {
        --Mesure-Cover-Slogan-Text-5-Right: var(--Mesure-Cover-Slogan-Text-5-Right-2);
    }
}

@media (max-width: 1300px) and (min-width: 1101px) {
    :root {
        --Mesure-Cover-Slogan-Text-5-Right: var(--Mesure-Cover-Slogan-Text-5-Right-3);
    }
}

@media (max-width: 1100px) {
    :root {
        --Mesure-Cover-Slogan-Text-5-Right: var(--Mesure-Cover-Slogan-Text-5-Right-4);
    }
}

/*  ROOT MEDIA MESURE COVER SLOGAN TEXT 6 LEFT  ----------------------------------- */

@media (max-width: 1200px) and (min-width: 961px) {
    :root {
        --Mesure-Cover-Slogan-Text-6-Left: var(--Mesure-Cover-Slogan-Text-6-Left-2);
    }
}


@media (max-width: 960px){
    :root {
        --Mesure-Cover-Slogan-Text-6-Left: var(--Mesure-Cover-Slogan-Text-6-Left-3);
    }
}




/*   -------------------- --------------------------------------------------------- */
/*   -------------------- --------------------------------------------------------- */
/*   ROOT MEDIA SECTION GLOBAL ---------------------------------------------------- */
/*   -------------------- --------------------------------------------------------- */
/*  --------------------- --------------------------------------------------------- */



/*  ROOT MEDIA MESURE FIRST SECTION TOP  ----------------------------------------- */

@media (max-width: 730px) and (min-width: 501px){
    :root{
        --Mesure-Global-Section-Top: var(--Mesure-Global-Section-Top-2);
    }
}

@media (max-width: 500px) {
    :root{
        --Mesure-Global-Section-Top: var(--Mesure-Global-Section-Top-3);
    }
}



/*   -------------------- --------------------------------------------------------- */
/*   ROOT MEDIA INTRO ------------------------------------------------------------- */
/*   -------------------- --------------------------------------------------------- */


/*  ROOT MEDIA MESURE INTRO MAIN CONTAINER HEIGHT  -------------------------------- */



@media (max-width: 500px) {
    :root{
        --Mesure-Intro-Main-Container-Height: var(--Mesure-Intro-Main-Container-Height-2);
    }
}


/*  ROOT MEDIA MESURE INTRO TEXT CONTAINER TOP  ----------------------------------- */

@media (max-width: 500px) {
    :root{
        --Mesure-Intro-Text-Container-Top: var(--Mesure-Intro-Text-Container-Top-2);
    }
}




/*  ROOT MEDIA MESURE INTRO TEXT NB LINES  ---------------------------------------- */





@media (max-width: 1600px) and (min-width: 1071px) {
    :root {
        --Mesure-Intro-Text-Nb-Lines: var(--Mesure-Intro-Text-Nb-Lines-2);
    }
}

@media (max-width: 1070px) and (min-width: 601px) {
    :root {
        --Mesure-Intro-Text-Nb-Lines: var(--Mesure-Intro-Text-Nb-Lines-3);
    }
}

@media (max-width: 600px) and (min-width: 501px) {
    :root {
        --Mesure-Intro-Text-Nb-Lines: var(--Mesure-Intro-Text-Nb-Lines-4);
    }
}

@media (max-width: 500px) and (min-width: 421px) {
    :root {
        --Mesure-Intro-Text-Nb-Lines: var(--Mesure-Intro-Text-Nb-Lines-5);
    }
}

@media (max-width: 420px) and (min-width: 361px) {
    :root {
        --Mesure-Intro-Text-Nb-Lines: var(--Mesure-Intro-Text-Nb-Lines-6);
    }
}

@media (max-width: 360px) {
    :root {
        --Mesure-Intro-Text-Nb-Lines: var(--Mesure-Intro-Text-Nb-Lines-7);
    }
}


/*  ROOT MEDIA MESURE INTRO TEXT CONTAINER LEFT  ---------------------------------- */


@media (max-width: 1800px) and (min-width: 1701px) {
    :root {
        --Mesure-Intro-Text-Container-Left: var(--Mesure-Intro-Text-Container-Left-2);
    }
}

@media (max-width: 1700px) and (min-width: 1301px) {
    :root {
        --Mesure-Intro-Text-Container-Left: var(--Mesure-Intro-Text-Container-Left-3);
    }
}

@media (max-width: 1300px) and (min-width: 841px) {
    :root {
        --Mesure-Intro-Text-Container-Left: var(--Mesure-Intro-Text-Container-Left-4);
    }
}

@media (max-width: 840px) and (min-width: 731px) {
    :root {
        --Mesure-Intro-Text-Container-Left: var(--Mesure-Intro-Text-Container-Left-5);
    }
}

@media (max-width: 730px) {
    :root {
        --Mesure-Intro-Text-Container-Left: var(--Mesure-Intro-Text-Container-Left-6);
    }
}



/*   -------------------- --------------------------------------------------------- */
/*   ROOT MEDIA GLOBAL ------------------------------------------------------------ */
/*   -------------------- --------------------------------------------------------- */

/*   ROOT MEDIA MESURE GLOBAL FULL CONTAINER WIDTH -------------------------------- */

@media (max-width: 1800px) and (min-width: 1701px) {
    :root {
        --Mesure-Global-Full-Container-Width: var(--Mesure-Global-Full-Container-Width-2);
    }
}

@media (max-width: 1700px) and (min-width: 1601px) {
    :root {
        --Mesure-Global-Full-Container-Width: var(--Mesure-Global-Full-Container-Width-3);
    }
}

@media (max-width: 1600px) and (min-width: 1071px) {
    :root {
        --Mesure-Global-Full-Container-Width: var(--Mesure-Global-Full-Container-Width-4);
    }
}

@media (max-width: 1070px) and (min-width: 731px) {
    :root {
        --Mesure-Global-Full-Container-Width: var(--Mesure-Global-Full-Container-Width-5);
    }
}

@media (max-width: 730px) {
    :root {
        --Mesure-Global-Full-Container-Width: var(--Mesure-Global-Full-Container-Width-6);
    }
}


/*   ROOT MEDIA MESURE GLOBAL INSIDE GAP ------------------------------------------ */

@media (max-width: 500px) {
    :root {
        --Mesure-Global-Inside-Gap: var(--Mesure-Global-Inside-Gap-2);
    }
}

/*   ROOT MEDIA MESURE GLOBAL TXT GAP --------------------------------------------- */

@media (max-width: 500px) {
    :root {
        --Mesure-Global-Text-Gap: var(--Mesure-Global-Text-Gap-2);
    }
}



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

/*   ROOT MEDIA MESURE CREA / PROCESS / DEMANDE / OCCASION TTL (NB LINES)  -------- */

@media (max-width: 1800px) {
    :root {
        --Mesure-Creation-Title-Nb-Lines: var(--Mesure-Creation-Title-Nb-Lines-2);
        --Mesure-Processus-Title-Nb-Lines: var(--Mesure-Processus-Title-Nb-Lines-2);
        --Mesure-Demande-Title-Nb-Lines: var(--Mesure-Demande-Title-Nb-Lines-2);
        --Mesure-Occasion-Title-Nb-Lines: var(--Mesure-Occasion-Title-Nb-Lines-2);
    }
}

/*   ROOT MEDIA MESURE CREA / PROCESS / DEMANDE / OCCASION TXT (NB LINES)  -------- */

@media (max-width: 1800px) and (min-width: 1441px) {
    :root {
        --Mesure-Creation-Text-Nb-Lines: var(--Mesure-Creation-Text-Nb-Lines-2);
        --Mesure-Processus-Text-Nb-Lines: var(--Mesure-Processus-Text-Nb-Lines-2);
        --Mesure-Demande-Text-Nb-Lines: var(--Mesure-Demande-Text-Nb-Lines-2);
        --Mesure-Occasion-Text-Nb-Lines: var(--Mesure-Occasion-Text-Nb-Lines-2);
    }
}

@media (max-width: 1440px) and (min-width: 1301px) {
    :root {
        --Mesure-Creation-Text-Nb-Lines: var(--Mesure-Creation-Text-Nb-Lines-3);
        --Mesure-Processus-Text-Nb-Lines: var(--Mesure-Processus-Text-Nb-Lines-3);
        --Mesure-Demande-Text-Nb-Lines: var(--Mesure-Demande-Text-Nb-Lines-3);
        --Mesure-Occasion-Text-Nb-Lines: var(--Mesure-Occasion-Text-Nb-Lines-3);
    }
}

@media (max-width: 1300px) and (min-width: 1071px) {
    :root {
        --Mesure-Creation-Text-Nb-Lines: var(--Mesure-Creation-Text-Nb-Lines-4);
        --Mesure-Processus-Text-Nb-Lines: var(--Mesure-Processus-Text-Nb-Lines-4);
        --Mesure-Demande-Text-Nb-Lines: var(--Mesure-Demande-Text-Nb-Lines-4);
        --Mesure-Occasion-Text-Nb-Lines: var(--Mesure-Occasion-Text-Nb-Lines-4);
    }
}

@media (max-width: 1070px) and (min-width: 901px) {
    :root {
        --Mesure-Creation-Text-Nb-Lines: var(--Mesure-Creation-Text-Nb-Lines-5);
        --Mesure-Processus-Text-Nb-Lines: var(--Mesure-Processus-Text-Nb-Lines-5);
        --Mesure-Demande-Text-Nb-Lines: var(--Mesure-Demande-Text-Nb-Lines-5);
        --Mesure-Occasion-Text-Nb-Lines: var(--Mesure-Occasion-Text-Nb-Lines-5);
    }
}

@media (max-width: 900px) and (min-width: 731px) {
    :root {
        --Mesure-Creation-Text-Nb-Lines: var(--Mesure-Creation-Text-Nb-Lines-6);
        --Mesure-Processus-Text-Nb-Lines: var(--Mesure-Processus-Text-Nb-Lines-6);
        --Mesure-Demande-Text-Nb-Lines: var(--Mesure-Demande-Text-Nb-Lines-6);
        --Mesure-Occasion-Text-Nb-Lines: var(--Mesure-Occasion-Text-Nb-Lines-6);
    }
}

@media (max-width: 730px) and (min-width: 601px) {
    :root {
        --Mesure-Creation-Text-Nb-Lines: var(--Mesure-Creation-Text-Nb-Lines-7);
        --Mesure-Processus-Text-Nb-Lines: var(--Mesure-Processus-Text-Nb-Lines-7);
        --Mesure-Demande-Text-Nb-Lines: var(--Mesure-Demande-Text-Nb-Lines-7);
        --Mesure-Occasion-Text-Nb-Lines: var(--Mesure-Occasion-Text-Nb-Lines-7);
    }
}

@media (max-width: 600px) and (min-width: 501px) {
    :root {
        --Mesure-Creation-Text-Nb-Lines: var(--Mesure-Creation-Text-Nb-Lines-8);
        --Mesure-Processus-Text-Nb-Lines: var(--Mesure-Processus-Text-Nb-Lines-8);
        --Mesure-Demande-Text-Nb-Lines: var(--Mesure-Demande-Text-Nb-Lines-8);
        --Mesure-Occasion-Text-Nb-Lines: var(--Mesure-Occasion-Text-Nb-Lines-8);
    }
}

@media (max-width: 500px) and (min-width: 391px) {
    :root {
        --Mesure-Creation-Text-Nb-Lines: var(--Mesure-Creation-Text-Nb-Lines-9);
        --Mesure-Processus-Text-Nb-Lines: var(--Mesure-Processus-Text-Nb-Lines-9);
        --Mesure-Demande-Text-Nb-Lines: var(--Mesure-Demande-Text-Nb-Lines-9);
        --Mesure-Occasion-Text-Nb-Lines: var(--Mesure-Occasion-Text-Nb-Lines-9);
    }
}

@media (max-width: 390px) {
    :root {
        --Mesure-Creation-Text-Nb-Lines: var(--Mesure-Creation-Text-Nb-Lines-10);
        --Mesure-Processus-Text-Nb-Lines: var(--Mesure-Processus-Text-Nb-Lines-10);
        --Mesure-Demande-Text-Nb-Lines: var(--Mesure-Demande-Text-Nb-Lines-10);
        --Mesure-Occasion-Text-Nb-Lines: var(--Mesure-Occasion-Text-Nb-Lines-10);
    }
}


/*  -------------  ---------------------------------------------------------------- */
/*  ROOT MEDIA MESURE CREATIONS  -------------------------------------------------- */
/*  -------------  ---------------------------------------------------------------- */


/*  -------------  ---------------------------------------------------------------- */
/*  ROOT MEDIA MESURE PROCESSUS  -------------------------------------------------- */
/*  -------------  ---------------------------------------------------------------- */

/*  ROOT MEDIA MESURE PROCESSUS PRINCIPAL CONTAINER HEIGHT  ----------------------- */

@media (max-width: 1070px) {
    :root {
        --Mesure-Processus-Principal-Container-Height: var(--Mesure-Processus-Principal-Container-Height-2);
    }
}

/*  ROOT MEDIA MESURE PROCESSUS FULL CONTAINER TOP  ------------------------------- */

@media (max-width: 1070px) {
    :root {
        --Mesure-Processus-Full-Container-Top: var(--Mesure-Processus-Full-Container-Top-2);
    }
}


/*  ROOT MEDIA MESURE PROCESSUS FULL CONTAINER LEFT  ------------------------------ */

@media (max-width: 1800px) and (min-width: 1701px) {
    :root {
        --Mesure-Processus-Full-Container-Left: var(--Mesure-Processus-Full-Container-Left-2);
    }
}

@media (max-width: 1700px) and (min-width: 1601px) {
    :root {
        --Mesure-Processus-Full-Container-Left: var(--Mesure-Processus-Full-Container-Left-3);
    }
}

@media (max-width: 1600px) and (min-width: 1071px) {
    :root {
        --Mesure-Processus-Full-Container-Left: var(--Mesure-Processus-Full-Container-Left-4);
    }
}

@media (max-width: 1070px) {
    :root {
        --Mesure-Processus-Full-Container-Left: var(--Mesure-Processus-Full-Container-Left-5);
    }
}



/*  -------------  ---------------------------------------------------------------- */
/*  ROOT MEDIA MESURE DEMANDE OCCASION  ------------------------------------------- */
/*  -------------  ---------------------------------------------------------------- */


/*  ROOT MEDIA MESURE DEMANDE OCCASION PRINCIPAL CONTAINER HEIGHT  ---------------- */

@media (max-width: 1070px) {
    :root {
        --Mesure-Demande-Occasion-Principal-Container-Height: var(--Mesure-Demande-Occasion-Principal-Container-Height-2);
    }
}

/*  ROOT MEDIA MESURE OCCASION FULL CONTAINER TOP  -------------------------------- */

@media (max-width: 1070px) {
    :root {
        --Mesure-Occasion-Full-Container-Top: var(--Mesure-Occasion-Full-Container-Top-2);
    }
}



/*  ROOT MEDIA MESURE DEMANDE IMAGE CONTAINER HEIGHT  ----------------------------- */

@media (max-width: 1440px) and (min-width: 1071px) {
    :root {
        --Mesure-Demande-Image-Container-Height: var(--Mesure-Demande-Image-Container-Height-2);
    }
}

@media (max-width: 1070px) {
    :root {
        --Mesure-Demande-Image-Container-Height: var(--Mesure-Demande-Image-Container-Height-3);
    }
}








/*  -------------  ---------------------------------------------------------------- */
/*  ROOT MEDIA MESURE RDV SECTION  ------------------------------------------------ */
/*  -------------  ---------------------------------------------------------------- */



/*  ROOT MEDIA MESURE RDV PRINCIPAL CONTAINER HEIGHT / FULLC CONTAINER TOP  ------- */

@media (max-width: 500px){
    :root {
        --Mesure-Rdv-Principal-Container-Height: var(--Mesure-Rdv-Principal-Container-Height-2);
        --Mesure-Rdv-Full-Container-Top: var(--Mesure-Rdv-Full-Container-Top-2);
    }
}




/*  ROOT MEDIA MESURE RDV FULL CONTAINER LEFT  ------------------------------------ */

@media (max-width: 1800px) and (min-width: 1701px) {
    :root {
        --Mesure-Rdv-Full-Container-Left: var(--Mesure-Rdv-Full-Container-Left-2);
    }
}

@media (max-width: 1700px) and (min-width: 1301px) {
    :root {
        --Mesure-Rdv-Full-Container-Left: var(--Mesure-Rdv-Full-Container-Left-3);
    }
}



@media (max-width: 1300px) and (min-width: 961px) {
    :root {
        --Mesure-Rdv-Full-Container-Left: var(--Mesure-Rdv-Full-Container-Left-4);
    }
}

@media (max-width: 960px) and (min-width: 781px) {
    :root {
        --Mesure-Rdv-Full-Container-Left: var(--Mesure-Rdv-Full-Container-Left-5);
    }
}


@media (max-width: 780px) and (min-width: 731px) {
    :root {
        --Mesure-Rdv-Full-Container-Left: var(--Mesure-Rdv-Full-Container-Left-7);
    }
}

@media (max-width: 730px) {
    :root {
        --Mesure-Rdv-Full-Container-Left: var(--Mesure-Rdv-Full-Container-Left-8);
    }
}



/*  ROOT MEDIA MESURE RDV FULL CONTAINER WIDTH  ----------------------------------- */


@media (max-width: 1800px) and (min-width: 1701px) {
    :root {
        --Mesure-Rdv-Full-Container-Width: var(--Mesure-Rdv-Full-Container-Width-2);
    }
}

@media (max-width: 1700px) and (min-width: 1601px) {
    :root {
        --Mesure-Rdv-Full-Container-Width: var(--Mesure-Rdv-Full-Container-Width-3);
    }
}

@media (max-width: 1600px) and (min-width: 1301px) {
    :root {
        --Mesure-Rdv-Full-Container-Width: var(--Mesure-Rdv-Full-Container-Width-4);
    }
}

@media (max-width: 1300px) and (min-width: 961px) {
    :root {
        --Mesure-Rdv-Full-Container-Width: var(--Mesure-Rdv-Full-Container-Width-5);
    }
}

@media (max-width: 960px) and (min-width: 781px) {
    :root {
        --Mesure-Rdv-Full-Container-Width: var(--Mesure-Rdv-Full-Container-Width-6);
    }
}

@media (max-width: 780px) and (min-width: 731px) {
    :root {
        --Mesure-Rdv-Full-Container-Width: var(--Mesure-Rdv-Full-Container-Width-7);
    }
}

@media (max-width: 730px) {
    :root {
        --Mesure-Rdv-Full-Container-Width: var(--Mesure-Rdv-Full-Container-Width-8);
    }
}


/*  ROOT MESURE RDV TITLE NB LINES  ----------------------------------------------- */

@media (max-width: 1300px) and (min-width: 601px) {
    :root {
        --Mesure-Rdv-Title-Nb-Lines: var(--Mesure-Rdv-Title-Nb-Lines-2);
    }
}

@media (max-width: 600px) and (min-width: 501px) {
    :root {
        --Mesure-Rdv-Title-Nb-Lines: var(--Mesure-Rdv-Title-Nb-Lines-3);
    }
}

@media (max-width: 500px) and (min-width: 391px) {
    :root {
        --Mesure-Rdv-Title-Nb-Lines: var(--Mesure-Rdv-Title-Nb-Lines-2);
    }
}

@media (max-width: 390px) {
    :root {
        --Mesure-Rdv-Title-Nb-Lines: var(--Mesure-Rdv-Title-Nb-Lines-3);
    }
}


/*  ROOT MESURE RDV TEXT NB LINES  ------------------------------------------------ */

@media (max-width: 730px) and (min-width: 501px) {
    :root {
        --Mesure-Rdv-Text-Nb-Lines: var(--Mesure-Rdv-Text-Nb-Lines-2);
    }
}

@media (max-width: 500px) and (min-width: 391px) {
    :root {
        --Mesure-Rdv-Text-Nb-Lines: var(--Mesure-Rdv-Text-Nb-Lines-3);
    }
}

@media (max-width: 390px) {
    :root {
        --Mesure-Rdv-Text-Nb-Lines: var(--Mesure-Rdv-Text-Nb-Lines-4);
    }
}


/*  ROOT MESURE RDV TXT GAP  ------------------------------------------------------ */

@media (max-width: 500px) {
    :root {
        --Mesure-Rdv-Txt-Gap: var(--Mesure-Rdv-Txt-Gap-2);
    }
}


/*  ROOT MESURE RDV MAIN GAP  ----------------------------------------------------- */

@media (max-width: 500px) {
    :root {
        --Mesure-Rdv-Main-Gap: var(--Mesure-Rdv-Main-Gap-2);
    }
}




/*  ROOT MESURE RDV BTN CONTAINER HEIGHT  ----------------------------------------- */

@media (max-width: 500px) and (min-width: 421px) {
    :root {
        --Mesure-Rdv-Btn-Container-Height: var(--Mesure-Rdv-Btn-Container-Height-2);
    }
}

@media (max-width: 420px) {
    :root {
        --Mesure-Rdv-Btn-Container-Height: var(--Mesure-Rdv-Btn-Container-Height-3);
    }
}


/*  ROOT MESURE RDV BTN CONTAINER WIDTH  ------------------------------------------ */

@media (max-width: 1800px) and (min-width: 1701px) {
    :root {
        --Mesure-Rdv-Btn-Container-Width: var(--Mesure-Rdv-Btn-Container-Width-2);
    }
}

@media (max-width: 1700px) and (min-width: 1301px) {
    :root {
        --Mesure-Rdv-Btn-Container-Width: var(--Mesure-Rdv-Btn-Container-Width-3);
    }
}

@media (max-width: 1300px) and (min-width: 731px) {
    :root {
        --Mesure-Rdv-Btn-Container-Width: var(--Mesure-Rdv-Btn-Container-Width-4);
    }
}

@media (max-width: 730px) {
    :root {
        --Mesure-Rdv-Btn-Container-Width: var(--Mesure-Rdv-Btn-Container-Width-5);
    }
}


/*  ROOT MESURE RDV BTN CONTAINER LEFT  ------------------------------------------- */

@media (max-width: 1800px) and (min-width: 1601px) {
    :root {
        --Mesure-Rdv-Btn-Container-Left: var(--Mesure-Rdv-Btn-Container-Left-2);
    }
}

@media (max-width: 1600px) and (min-width: 1301px) {
    :root {
        --Mesure-Rdv-Btn-Container-Left: var(--Mesure-Rdv-Btn-Container-Left-3);
    }
}

@media (max-width: 1300px) and (min-width: 961px) {
    :root {
        --Mesure-Rdv-Btn-Container-Left: var(--Mesure-Rdv-Btn-Container-Left-4);
    }
}

@media (max-width: 960px) and (min-width: 781px) {
    :root {
        --Mesure-Rdv-Btn-Container-Left: var(--Mesure-Rdv-Btn-Container-Left-5);
    }
}

@media (max-width: 780px) and (min-width: 731px) {
    :root {
        --Mesure-Rdv-Btn-Container-Left: var(--Mesure-Rdv-Btn-Container-Left-6);
    }
}


@media (max-width: 730px) {
    :root {
        --Mesure-Rdv-Btn-Container-Left: var(--Mesure-Rdv-Btn-Container-Left-7);
    }
}