:root{ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT BASIC ------------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MESURE COVER SECTION ---------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MESURE COVER SLOGAN MAIN CONTAINER 1 TOP -------------------------------- */ --Mesure-Cover-Slogan-Main-Container-1-Top-1: 370px; --Mesure-Cover-Slogan-Main-Container-1-Top-2: 300px; --Mesure-Cover-Slogan-Main-Container-1-Top-3: 250px; --Mesure-Cover-Slogan-Main-Container-1-Top: var(--Mesure-Cover-Slogan-Main-Container-1-Top-1); /* ROOT MESURE COVER SLOGAN MAIN CONTAINER 2 TOP -------------------------------- */ --Mesure-Cover-Slogan-Main-Container-2-Top-1: 74px; --Mesure-Cover-Slogan-Main-Container-2-Top-2: 74px; --Mesure-Cover-Slogan-Main-Container-2-Top: var(--Mesure-Cover-Slogan-Main-Container-2-Top-1); /* ROOT MESURE COVER SLOGAN 1 NB LINES ------------------------------------------ */ --Mesure-Cover-Slogan-1-Nb-Lines: 3; /* ROOT MESURE COVER SLOGAN 2 NB LINES ------------------------------------------ */ --Mesure-Cover-Slogan-2-Nb-Lines: 4; /* ROOT MESURE COVER SLOGAN 1 HEIGHT -------------------------------------------- */ --Mesure-Cover-Slogan-1-Height: var(--Lh-Cover-Slogan-Text); /* ROOT MESURE COVER SLOGAN CONTAINER 1 HEIGHT ---------------------------------- */ --Mesure-Cover-Slogan-Container-1-Height: var(--Mesure-Cover-Slogan-1-Height); /* ROOT MESURE COVER SLOGAN 2 HEIGHT -------------------------------------------- */ --Mesure-Cover-Slogan-2-Height: calc((var(--Lh-Cover-Slogan-Text)) * (var(--Mesure-Cover-Slogan-2-Nb-Lines))); /* ROOT MESURE COVER SLOGAN CONTAINER 2 HEIGHT ---------------------------------- */ --Mesure-Cover-Slogan-Container-2-Height: var(--Mesure-Cover-Slogan-2-Height); /* ROOT MESURE COVER SLOGAN TEXT 1 LEFT ----------------------------------------- */ --Mesure-Cover-Slogan-Text-1-Left-1: 360px; --Mesure-Cover-Slogan-Text-1-Left-2: 120px; /* 1440 - 1301*/ --Mesure-Cover-Slogan-Text-1-Left-3: 100px; /* 1300 - 0961*/ --Mesure-Cover-Slogan-Text-1-Left-4: 80px; /* 1300 - 0961*/ --Mesure-Cover-Slogan-Text-1-Left-5: 60px; /* 0960 - 0731*/ --Mesure-Cover-Slogan-Text-1-Left: var(--Mesure-Cover-Slogan-Text-1-Left-1); /* ROOT MESURE COVER SLOGAN TEXT 2 RIGHT ----------------------------------------- */ --Mesure-Cover-Slogan-Text-2-Left-1: 70px; /* --Mesure-Cover-Slogan-Text-2-Left-2: 220px; 1800 - 1301 */ /* --Mesure-Cover-Slogan-Text-2-Left-3: 160px; 1300 - 0961 */ /* --Mesure-Cover-Slogan-Text-2-Left-4: 100px; 0960 - 0731 */ --Mesure-Cover-Slogan-Text-2-Left: var(--Mesure-Cover-Slogan-Text-2-Left-1); /* ROOT MESURE COVER SLOGAN TEXT 3 LEFT ----------------------------------------- */ --Mesure-Cover-Slogan-Text-3-Right-1: 220px; --Mesure-Cover-Slogan-Text-3-Right-2: 120px; --Mesure-Cover-Slogan-Text-3-Right-3: 40px; /* --Mesure-Cover-Slogan-Text-3-Right-4: 40px; */ --Mesure-Cover-Slogan-Text-3-Right: var(--Mesure-Cover-Slogan-Text-3-Right-1); /* --Mesure-Cover-Slogan-Text-3-Left: 1340px; */ /* ROOT MESURE COVER SLOGAN TEXT 4 RIGHT ---------------------------------------- */ --Mesure-Cover-Slogan-Text-4-Left-1: 660px; --Mesure-Cover-Slogan-Text-4-Left-2: 545px; /* 1800 - 1301*/ --Mesure-Cover-Slogan-Text-4-Left-3: 490px; /* 1300 - 731*/ --Mesure-Cover-Slogan-Text-4-Left-4: 390px; /* 1300 - 731*/ --Mesure-Cover-Slogan-Text-4-Left-5: 290px; /* 1300 - 731*/ --Mesure-Cover-Slogan-Text-4-Left: var(--Mesure-Cover-Slogan-Text-4-Left-1); /* ROOT MESURE COVER SLOGAN TEXT 5 RIGHT ---------------------------------------- */ --Mesure-Cover-Slogan-Text-5-Right-1: 280px; --Mesure-Cover-Slogan-Text-5-Right-2: 185px; /* 1800 - 1301*/ --Mesure-Cover-Slogan-Text-5-Right-3: 120px; /* 1300 - 731*/ --Mesure-Cover-Slogan-Text-5-Right-4: 20px; --Mesure-Cover-Slogan-Text-5-Right: var(--Mesure-Cover-Slogan-Text-5-Right-1); /* ROOT MESURE COVER SLOGAN TEXT 6 LEFT ----------------------------------------- */ --Mesure-Cover-Slogan-Text-6-Left-1: 140px; --Mesure-Cover-Slogan-Text-6-Left-2: 70px; --Mesure-Cover-Slogan-Text-6-Left-3: 20px; --Mesure-Cover-Slogan-Text-6-Left: var(--Mesure-Cover-Slogan-Text-6-Left-1); /* ROOT MESURE COVER SLOGAN MAIN CONTAINER 1 HEIGHT ----------------------------- */ --Mesure-Cover-Slogan-Main-Container-1-Height: calc((var(--Mesure-Cover-Slogan-1-Nb-Lines)) * (var(--Mesure-Cover-Slogan-Container-1-Height))); /* ROOT MESURE COVER SLOGAN MAIN CONTAINER 2 HEIGHT ----------------------------- */ --Mesure-Cover-Slogan-Main-Container-2-Height: var(--Mesure-Cover-Slogan-Container-2-Height); /* ROOT MESURE COVER SECTION HEIGHT --------------------------------------------- */ --Mesure-Cover-Section-Height: calc((var(--Cover-Container-Height)) + 165px); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT SECTION GLOBAL ---------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MESURE GLOBAL SECTION TOP ----------------------------------------------- */ --Mesure-Global-Section-Top-1: calc(1800px + (var(--Scroll-Gap-Large))); --Mesure-Global-Section-Top-2: 1800px; --Mesure-Global-Section-Top-3: 1100px; --Mesure-Global-Section-Top: var(--Mesure-Global-Section-Top-1); /* ------------- ---------------------------------------------------------------- */ /* ROOT MESURE INTRO ------------------------------------------------------------ */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MESURE INTRO TEXT NB LINES ---------------------------------------------- */ --Mesure-Intro-Text-Nb-Lines-1: 8; --Mesure-Intro-Text-Nb-Lines-2: 12; --Mesure-Intro-Text-Nb-Lines-3: 13; --Mesure-Intro-Text-Nb-Lines-4: 17; --Mesure-Intro-Text-Nb-Lines-5: 10; --Mesure-Intro-Text-Nb-Lines-6: 12; --Mesure-Intro-Text-Nb-Lines-7: 14; --Mesure-Intro-Text-Nb-Lines: var(--Mesure-Intro-Text-Nb-Lines-1); /* ROOT MESURE INTRO TEXT HEIGHT ------------------------------------------------ */ --Mesure-Intro-Text-Height: calc((var(--Lh-Courant-1)) * (var(--Mesure-Intro-Text-Nb-Lines))); /* ROOT MESURE INTRO TEXT CONTAINER HEIGHT -------------------------------------- */ --Mesure-Intro-Text-Container-Height: var(--Mesure-Intro-Text-Height); /* ROOT MESURE INTRO TEXT CONTAINER TOP ----------------------------------------- */ --Mesure-Intro-Text-Container-Top-1: var(--Scroll-Gap-Large); --Mesure-Intro-Text-Container-Top-2: var(--Scroll-Gap-Short); --Mesure-Intro-Text-Container-Top: var(--Mesure-Intro-Text-Container-Top-1); /* ROOT MESURE INTRO MAIN CONTAINER HEIGHT -------------------------------------- */ --Mesure-Intro-Main-Container-Height-1: calc((var(--Mesure-Intro-Text-Container-Height)) + (2 * (var(--Scroll-Gap-Large)))); --Mesure-Intro-Main-Container-Height-2: calc((var(--Mesure-Intro-Text-Container-Height)) + (2 * (var(--Scroll-Gap-Short)))); --Mesure-Intro-Main-Container-Height: var(--Mesure-Intro-Main-Container-Height-1); /* ROOT COLLECTION INTRO CONTAINER LEFT ----------------------------------------- */ --Mesure-Intro-Text-Container-Left-1: calc((var(--Site-Margins)) + (2 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */ --Mesure-Intro-Text-Container-Left-2: calc((var(--Site-Margins)) + (5 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */ --Mesure-Intro-Text-Container-Left-3: calc((var(--Site-Margins)) + (3 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1301 */ --Mesure-Intro-Text-Container-Left-4: calc((var(--Site-Margins)) + (2 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1300 - 0841 */ --Mesure-Intro-Text-Container-Left-5: calc((var(--Site-Margins)) + (1 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 0840 - 0731 */ --Mesure-Intro-Text-Container-Left-6: var(--Site-Margins); /* 0730 - 0000 */ --Mesure-Intro-Text-Container-Left: var(--Mesure-Intro-Text-Container-Left-1); /* ROOT COLLECTION INTRO CONTAINER WIDTH ---------------------------------------- */ --Mesure-Intro-Text-Container-Width-1: calc((var(--Content-Width)) - ((var(--Site-Margins)) + (var(--Collection-Intro-Container-Left)))); --Mesure-Intro-Text-Container-Width-2: calc((var(--Content-Width)) - (var(--Site-Margins))); --Mesure-Intro-Text-Container-Width-3: var(--Content-Width); --Mesure-Intro-Text-Container-Width: var(--Mesure-Intro-Text-Container-Width-1); /* ------------- ---------------------------------------------------------------- */ /* ROOT MESURE GLOLBAL ---------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MESURE GLOBAL FULL CONTAINER WIDTH -------------------------------------- */ --Mesure-Global-Full-Container-Width-1: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Mesure-Global-Full-Container-Width-2: calc((11 * (var(--Column-Site-Width))) + (10 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Mesure-Global-Full-Container-Width-3: calc((7 * (var(--Column-Site-Width))) + (6 * (var(--Column-Gap)))); /* 1700 - 1601 */ --Mesure-Global-Full-Container-Width-4: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 1600 - 1071 */ --Mesure-Global-Full-Container-Width-5: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /* 1070 - 0731 */ --Mesure-Global-Full-Container-Width-6: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 0730 - 0000 */ --Mesure-Global-Full-Container-Width: var(--Mesure-Global-Full-Container-Width-1); /* ROOT MESURE GLOBAL MAIN CONTAINER WIDTH -------------------------------------- */ --Mesure-Global-Main-Container-Width: var(--Mesure-Global-Full-Container-Width); /* ROOT MESURE GLOBAL MAIN CONTAINER WIDTH -------------------------------------- */ --Mesure-Global-Main-Container-Width: var(--Mesure-Global-Full-Container-Width); /* ROOT MESURE GLOBAL TITLE CONTAINER WIDTH ------------------------------------- */ --Mesure-Global-Title-Container-Width: var(--Mesure-Global-Full-Container-Width); /* ROOT MESURE GLOBAL TEXT CONTAINER WIDTH -------------------------------------- */ --Mesure-Global-Text-Container-Width: var(--Mesure-Global-Full-Container-Width); /* ROOT MESURE GLOBAL IMAGE CONTAINER WIDTH ------------------------------------- */ --Mesure-Global-Image-Container-Width: var(--Mesure-Global-Full-Container-Width); /* ROOT MESURE GLOBAL IMAGE CONTAINER HEIGHT ------------------------------------ */ --Mesure-Global-Image-Container-Height: calc((var(--Mesure-Global-Image-Container-Width)) * 1.5); /* ROOT MESURE GLOBAL INSIDE GAP ------------------------------------------------ */ --Mesure-Global-Inside-Gap-1: 100px; --Mesure-Global-Inside-Gap-2: 50px; --Mesure-Global-Inside-Gap: var(--Mesure-Global-Inside-Gap-1); /* ROOT MESURE GLOBAL TXT GAP --------------------------------------------------- */ --Mesure-Global-Text-Gap-1: 13px; --Mesure-Global-Text-Gap-2: 10px; --Mesure-Global-Text-Gap: var(--Mesure-Global-Text-Gap-1); /* ------------- ---------------------------------------------------------------- */ /* ROOT MESURE CREATIONS -------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MESURE CREATION SECTION TOP --------------------------------------------- */ --Mesure-Creation-Section-Top: var(--Mesure-Intro-Main-Container-Height); /* ROOT MESURE CREATION TITLE NB LINES ------------------------------------------ */ --Mesure-Creation-Title-Nb-Lines-1: 1; --Mesure-Creation-Title-Nb-Lines-2: 2; --Mesure-Creation-Title-Nb-Lines: var(--Mesure-Creation-Title-Nb-Lines-1); /* ROOT MESURE CREATION TITLE CONTAINER HEIGHT ---------------------------------- */ --Mesure-Creation-Title-Container-Height: calc((var(--Mesure-Creation-Title-Nb-Lines)) * (var(--Lh-Title-Txt-2))); /* ROOT MESURE CREATION TEXT NB LINES ------------------------------------------- */ --Mesure-Creation-Text-Nb-Lines-1: 4; --Mesure-Creation-Text-Nb-Lines-2: 5; --Mesure-Creation-Text-Nb-Lines-3: 6; --Mesure-Creation-Text-Nb-Lines-4: 7; --Mesure-Creation-Text-Nb-Lines-5: 4; --Mesure-Creation-Text-Nb-Lines-6: 5; --Mesure-Creation-Text-Nb-Lines-7: 6; --Mesure-Creation-Text-Nb-Lines-8: 7; --Mesure-Creation-Text-Nb-Lines-9: 5; --Mesure-Creation-Text-Nb-Lines-10: 7; --Mesure-Creation-Text-Nb-Lines: var(--Mesure-Creation-Text-Nb-Lines-1); /* ROOT MESURE CREATION TEXT CONTAINER HEIGHT ----------------------------------- */ --Mesure-Creation-Text-Container-Height: calc((var(--Mesure-Creation-Text-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT MESURE CREATION TEXT CONTAINER TOP -------------------------------------- */ --Mesure-Creation-Text-Container-Top: calc((var(--Mesure-Creation-Title-Container-Height)) + (var(--Mesure-Global-Text-Gap))); /* ROOT MESURE CREATION MAIN CONTAINER HEIGHT ----------------------------------- */ --Mesure-Creation-Main-Container-Height: calc((var(--Mesure-Creation-Text-Container-Top)) + (var(--Mesure-Creation-Text-Container-Height))); /* ROOT MESURE CREATION IMAGE CONTAINER TOP ------------------------------------- */ --Mesure-Creation-Image-Container-Top: calc((var(--Mesure-Creation-Main-Container-Height)) + (var(--Mesure-Global-Inside-Gap))); /* ROOT MESURE CREATION FULL CONTAINER HEIGHT ----------------------------------- */ --Mesure-Creation-Full-Container-Height: calc((var(--Mesure-Creation-Image-Container-Top)) + (var(--Mesure-Global-Image-Container-Height))); /* ROOT MESURE CREATION PRINCIPAL CONTAINER HEIGHT ------------------------------ */ --Mesure-Creation-Principal-Container-Height: var(--Mesure-Creation-Full-Container-Height); /* ROOT MESURE CREATION SECTION HEIGHT ------------------------------------------ */ --Mesure-Creation-Section-Height: var(--Mesure-Creation-Principal-Container-Height); /* ------------- ---------------------------------------------------------------- */ /* ROOT MESURE PROCESSUS -------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MESURE PROCESSUS SECTION TOP -------------------------------------------- */ --Mesure-Processus-Section-Top: calc((var(--Mesure-Creation-Section-Height)) + (var(--Mesure-Creation-Section-Top))); /* ROOT MESURE PROCESSUS FULL CONTAINER LEFT ------------------------------------ */ --Mesure-Processus-Full-Container-Left-1: calc((var(--Site-Margins)) + (4 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */; --Mesure-Processus-Full-Container-Left-2: calc((var(--Site-Margins)) + (11 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */; --Mesure-Processus-Full-Container-Left-3: calc((var(--Site-Margins)) + (7 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1601 */; --Mesure-Processus-Full-Container-Left-4: calc((var(--Site-Margins)) + (6 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1600 - 1071 */; --Mesure-Processus-Full-Container-Left-5: var(--Site-Margins); /* 1070 - 0731 */; --Mesure-Processus-Full-Container-Left: var(--Mesure-Processus-Full-Container-Left-1); /* ROOT MESURE PROCESSUS TITLE NB LINES ----------------------------------------- */ --Mesure-Processus-Title-Nb-Lines-1: 1; --Mesure-Processus-Title-Nb-Lines-2: 2; --Mesure-Processus-Title-Nb-Lines: var(--Mesure-Processus-Title-Nb-Lines-1); /* ROOT MESURE PROCESSUS TITLE CONTAINER HEIGHT --------------------------------- */ --Mesure-Processus-Title-Container-Height: calc((var(--Mesure-Processus-Title-Nb-Lines)) * (var(--Lh-Title-Txt-2))); /* ROOT MESURE PROCESSUS TEXT NB LINES ------------------------------------------ */ --Mesure-Processus-Text-Nb-Lines-1: 5; --Mesure-Processus-Text-Nb-Lines-2: 6; --Mesure-Processus-Text-Nb-Lines-3: 7; --Mesure-Processus-Text-Nb-Lines-4: 9; --Mesure-Processus-Text-Nb-Lines-5: 5; --Mesure-Processus-Text-Nb-Lines-6: 6; --Mesure-Processus-Text-Nb-Lines-7: 7; --Mesure-Processus-Text-Nb-Lines-8: 9; --Mesure-Processus-Text-Nb-Lines-9: 6; --Mesure-Processus-Text-Nb-Lines-10: 9; --Mesure-Processus-Text-Nb-Lines: var(--Mesure-Processus-Text-Nb-Lines-1); /* ROOT MESURE PROCESSUS TEXT CONTAINER HEIGHT ---------------------------------- */ --Mesure-Processus-Text-Container-Height: calc((var(--Mesure-Processus-Text-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT MESURE PROCESSUS TEXT CONTAINER TOP ------------------------------------- */ --Mesure-Processus-Text-Container-Top: calc((var(--Mesure-Processus-Title-Container-Height)) + (var(--Mesure-Global-Text-Gap))); /* ROOT MESURE PROCESSUS MAIN CONTAINER HEIGHT ---------------------------------- */ --Mesure-Processus-Main-Container-Height: calc((var(--Mesure-Processus-Text-Container-Top)) + (var(--Mesure-Processus-Text-Container-Height))); /* ROOT MESURE PROCESSUS IMAGE CONTAINER TOP ------------------------------------ */ --Mesure-Processus-Image-Container-Top: calc((var(--Mesure-Processus-Main-Container-Height)) + (var(--Mesure-Global-Inside-Gap))); /* ROOT MESURE PROCESSUS FULL CONTAINER TOP ------------------------------------- */ --Mesure-Processus-Full-Container-Top-1: 0px; --Mesure-Processus-Full-Container-Top-2: var(--Scroll-Gap-Short); --Mesure-Processus-Full-Container-Top: var(--Mesure-Processus-Full-Container-Top-1); /* ROOT MESURE PROCESSUS FULL CONTAINER HEIGHT ---------------------------------- */ --Mesure-Processus-Full-Container-Height: calc((var(--Mesure-Processus-Image-Container-Top)) + (var(--Mesure-Global-Image-Container-Height))); /* ROOT MESURE PROCESSUS PRINCIPAL CONTAINER HEIGHT ----------------------------- */ --Mesure-Processus-Principal-Container-Height-1: var(--Mesure-Processus-Full-Container-Height); --Mesure-Processus-Principal-Container-Height-2: calc((var(--Mesure-Processus-Full-Container-Height)) + (2 * (var(--Scroll-Gap-Short)))); --Mesure-Processus-Principal-Container-Height: var(--Mesure-Processus-Principal-Container-Height-1); /* ROOT MESURE PROCESSUS SECTION HEIGHT ----------------------------------------- */ --Mesure-Processus-Section-Height: var(--Mesure-Processus-Principal-Container-Height); /* ------------- ---------------------------------------------------------------- */ /* ROOT MESURE DEMANDE OCCASION ------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MESURE DEMANDE OCCASION SECTION TOP ------------------------------------- */ --Mesure-Demande-Occasion-Section-Top: calc((var(--Mesure-Processus-Section-Height)) + (var(--Mesure-Processus-Section-Top))); /* ROOT MESURE OCCASION FULL CONTAINER LEFT ------------------------------------- */ --Mesure-Occasion-Full-Container-Left: var(--Mesure-Processus-Full-Container-Left); /* ROOT MESURE DEMANDE TITLE NB LINES ----------------------------------------- */ --Mesure-Demande-Title-Nb-Lines-1: 1; --Mesure-Demande-Title-Nb-Lines-2: 2; --Mesure-Demande-Title-Nb-Lines: var(--Mesure-Demande-Title-Nb-Lines-1); /* ROOT MESURE DEMANDE TITLE CONTAINER HEIGHT --------------------------------- */ --Mesure-Demande-Title-Container-Height: calc((var(--Mesure-Demande-Title-Nb-Lines)) * (var(--Lh-Title-Txt-2))); /* ROOT MESURE DEMANDE TEXT NB LINES ------------------------------------------ */ --Mesure-Demande-Text-Nb-Lines-1: 4; --Mesure-Demande-Text-Nb-Lines-2: 6; --Mesure-Demande-Text-Nb-Lines-3: 6; --Mesure-Demande-Text-Nb-Lines-4: 8; --Mesure-Demande-Text-Nb-Lines-5: 5; --Mesure-Demande-Text-Nb-Lines-6: 6; --Mesure-Demande-Text-Nb-Lines-7: 6; --Mesure-Demande-Text-Nb-Lines-8: 8; --Mesure-Demande-Text-Nb-Lines-9: 6; --Mesure-Demande-Text-Nb-Lines-10: 8; --Mesure-Demande-Text-Nb-Lines: var(--Mesure-Demande-Text-Nb-Lines-1); /* ROOT MESURE DEMANDE TEXT CONTAINER HEIGHT ---------------------------------- */ --Mesure-Demande-Text-Container-Height: calc((var(--Mesure-Demande-Text-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT MESURE DEMANDE TEXT CONTAINER TOP ------------------------------------- */ --Mesure-Demande-Text-Container-Top: calc((var(--Mesure-Demande-Title-Container-Height)) + (var(--Mesure-Global-Text-Gap))); /* ROOT MESURE DEMANDE MAIN CONTAINER HEIGHT ---------------------------------- */ --Mesure-Demande-Main-Container-Height: calc((var(--Mesure-Demande-Text-Container-Top)) + (var(--Mesure-Demande-Text-Container-Height))); /* ROOT MESURE OCCASION TITLE NB LINES ----------------------------------------- */ --Mesure-Occasion-Title-Nb-Lines-1: 1; --Mesure-Occasion-Title-Nb-Lines-2: 2; --Mesure-Occasion-Title-Nb-Lines: var(--Mesure-Processus-Title-Nb-Lines-1); /* ROOT MESURE OCCASION TITLE CONTAINER HEIGHT --------------------------------- */ --Mesure-Occasion-Title-Container-Height: calc((var(--Mesure-Occasion-Title-Nb-Lines)) * (var(--Lh-Title-Txt-2))); /* ROOT MESURE OCCASION TEXT NB LINES ------------------------------------------ */ --Mesure-Occasion-Text-Nb-Lines-1: 4; --Mesure-Occasion-Text-Nb-Lines-2: 5; --Mesure-Occasion-Text-Nb-Lines-3: 6; --Mesure-Occasion-Text-Nb-Lines-4: 7; --Mesure-Occasion-Text-Nb-Lines-5: 4; --Mesure-Occasion-Text-Nb-Lines-6: 5; --Mesure-Occasion-Text-Nb-Lines-7: 6; --Mesure-Occasion-Text-Nb-Lines-8: 7; --Mesure-Occasion-Text-Nb-Lines-9: 5; --Mesure-Occasion-Text-Nb-Lines-10: 7; --Mesure-Occasion-Text-Nb-Lines: var(--Mesure-Occasion-Text-Nb-Lines-1); /* ROOT MESURE OCCASION TEXT CONTAINER HEIGHT ---------------------------------- */ --Mesure-Occasion-Text-Container-Height: calc((var(--Mesure-Occasion-Text-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT MESURE OCCASION TEXT CONTAINER TOP ------------------------------------- */ --Mesure-Occasion-Text-Container-Top: calc((var(--Mesure-Occasion-Title-Container-Height)) + (var(--Mesure-Global-Text-Gap))); /* ROOT MESURE OCCASION MAIN CONTAINER HEIGHT ---------------------------------- */ --Mesure-Occasion-Main-Container-Height: calc((var(--Mesure-Occasion-Text-Container-Top)) + (var(--Mesure-Occasion-Text-Container-Height))); /* ROOT MESURE DEMANDE IMAGE CONTAINER TOP ------------------------------------- */ --Mesure-Demande-Image-Container-Top: calc((var(--Mesure-Demande-Main-Container-Height)) + (var(--Mesure-Global-Inside-Gap))); /* ROOT MESURE DEMANDE IMAGE CONTAINER WIDTH ----------------------------------- */ --Mesure-Demande-Image-Container-Width: var(--Mesure-Global-Image-Container-Width); /* ROOT MESURE DEMANDE IMAGE CONTAINER HEIGHT ---------------------------------- */ --Mesure-Demande-Image-Container-Height-1: calc((var(--Mesure-Demande-Image-Container-Width)) * 0.8); --Mesure-Demande-Image-Container-Height-2: 670px; --Mesure-Demande-Image-Container-Height-3: calc((var(--Mesure-Demande-Image-Container-Width)) * 0.8); --Mesure-Demande-Image-Container-Height: var(--Mesure-Demande-Image-Container-Height-1); /* ROOT MESURE DEMANDE FULL CONTAINER HEIGHT ------------------------------------ */ --Mesure-Demande-Full-Container-Height: calc((var(--Mesure-Demande-Image-Container-Top)) + (var(--Mesure-Demande-Image-Container-Height))); /* ROOT MESURE OCCASION FULL CONTAINER HEIGHT ----------------------------------- */ --Mesure-Occasion-Full-Container-Height: var(--Mesure-Occasion-Main-Container-Height); /* ROOT MESURE OCCASION FULL CONTAINER TOP -------------------------------------- */ --Mesure-Occasion-Full-Container-Top-1: var(--Mesure-Demande-Image-Container-Top); --Mesure-Occasion-Full-Container-Top-2: calc((var(--Mesure-Demande-Full-Container-Height)) + (var(--Mesure-Global-Inside-Gap))); --Mesure-Occasion-Full-Container-Top: var(--Mesure-Occasion-Full-Container-Top-1); /* ROOT MESURE DEMANDE OCCASION PRINCIPAL CONTAINER HEIGHT ---------------------- */ --Mesure-Demande-Occasion-Principal-Container-Height-1: var(--Mesure-Demande-Full-Container-Height); --Mesure-Demande-Occasion-Principal-Container-Height-2: calc((var(--Mesure-Occasion-Full-Container-Height)) + (var(--Mesure-Occasion-Full-Container-Top))); --Mesure-Demande-Occasion-Principal-Container-Height: var(--Mesure-Demande-Occasion-Principal-Container-Height-1); /* ROOT MESURE DEMANDE OCCASION SECTION HEIGHT ---------------------------------- */ --Mesure-Demande-Occasion-Section-Height: var(--Mesure-Demande-Occasion-Principal-Container-Height); /* ------------- ---------------------------------------------------------------- */ /* ROOT MESURE RDV -------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MESURE DEMANDE OCCASION SECTION TOP ------------------------------------- */ --Mesure-Rdv-Section-Top: calc((var(--Mesure-Demande-Occasion-Section-Height)) + (var(--Mesure-Demande-Occasion-Section-Top))); /* ROOT MESURE RDV TXT GAP -------------------------------------------------------- */ --Mesure-Rdv-Txt-Gap-1: 13px; --Mesure-Rdv-Txt-Gap-2: 10px; --Mesure-Rdv-Txt-Gap: var(--Mesure-Rdv-Txt-Gap-1); /* ROOT MESURE RDV MAIN GAP ------------------------------------------------------- */ --Mesure-Rdv-Main-Gap-1: 60px; --Mesure-Rdv-Main-Gap-2: 50px; --Mesure-Rdv-Main-Gap: var(--Mesure-Rdv-Main-Gap-1); /* ROOT MESURE RDV TITLE NB LINES ------------------------------------------------- */ --Mesure-Rdv-Title-Nb-Lines-1: 1; --Mesure-Rdv-Title-Nb-Lines-2: 2; --Mesure-Rdv-Title-Nb-Lines-3: 3; --Mesure-Rdv-Title-Nb-Lines: var(--Mesure-Rdv-Title-Nb-Lines-1); /* ROOT MESURE RDV TITLE HEIGHT --------------------------------------------------- */ --Mesure-Rdv-Title-Height: calc((var(--Mesure-Rdv-Title-Nb-Lines)) * (var(--Lh-Title-Txt-2))); /* ROOT MESURE RDV TITLE CONTAINER HEIGHT ----------------------------------------- */ --Mesure-Rdv-Title-Container-Height: var(--Mesure-Rdv-Title-Height); /* ROOT MESURE RDV TEXT NB LINES -------------------------------------------------- */ --Mesure-Rdv-Text-Nb-Lines-1: 3; --Mesure-Rdv-Text-Nb-Lines-2: 5; --Mesure-Rdv-Text-Nb-Lines-3: 3; --Mesure-Rdv-Text-Nb-Lines-4: 5; --Mesure-Rdv-Text-Nb-Lines: var(--Mesure-Rdv-Text-Nb-Lines-1); /* ROOT MESURE RDV TEXT HEIGHT ---------------------------------------------------- */ --Mesure-Rdv-Text-Height: calc((var(--Mesure-Rdv-Text-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT MESURE RDV TEXT CONTAINER HEIGHT ------------------------------------------ */ --Mesure-Rdv-Text-Container-Height: var(--Mesure-Rdv-Text-Height); /* ROOT MESURE RDV TEXT CONTAINER TOP --------------------------------------------- */ --Mesure-Rdv-Text-Container-Top: calc((var(--Mesure-Rdv-Title-Container-Height)) + (var(--Mesure-Rdv-Txt-Gap))); /* ROOT MESURE RDV MAIN CONTAINER HEIGHT ------------------------------------------ */ --Mesure-Rdv-Main-Container-Height: calc((var(--Mesure-Rdv-Text-Container-Height)) + (var(--Mesure-Rdv-Text-Container-Top))); /* ROOT MESURE RDV BTN CONTAINER TOP ---------------------------------------------- */ --Mesure-Rdv-Btn-Container-Top: calc((var(--Mesure-Rdv-Main-Container-Height)) + (var(--Mesure-Rdv-Main-Gap))); /* ROOT MESURE RDV BTN CONTAINER HEIGHT ------------------------------------------- */ --Mesure-Rdv-Btn-Container-Height-1: 50px; --Mesure-Rdv-Btn-Container-Height-2: 42px; --Mesure-Rdv-Btn-Container-Height-3: 30px; --Mesure-Rdv-Btn-Container-Height: var(--Mesure-Rdv-Btn-Container-Height-1); /* ROOT MESURE RDV BTN CONTAINER LEFT --------------------------------------------- */ /* --Mesure-Rdv-Btn-Container-Left-2: 0px; */ /* --Mesure-Rdv-Btn-Container-Left-3: calc((var(--Column-Site-Width)) + (var(--Column-Gap))); */ --Mesure-Rdv-Btn-Container-Left-1: calc((var(--Column-Site-Width)) + (var(--Column-Gap))); --Mesure-Rdv-Btn-Container-Left-2: calc(3 * ((var(--Column-Site-Width)) + (var(--Column-Gap)))); --Mesure-Rdv-Btn-Container-Left-3: calc(2 * ((var(--Column-Site-Width)) + (var(--Column-Gap)))); --Mesure-Rdv-Btn-Container-Left-4: 0px; --Mesure-Rdv-Btn-Container-Left-5: calc((1 * (var(--Column-Site-Width)) + (var(--Column-Gap)))); --Mesure-Rdv-Btn-Container-Left-6: calc(2 * ((var(--Column-Site-Width)) + (var(--Column-Gap)))); --Mesure-Rdv-Btn-Container-Left-7: 0px; --Mesure-Rdv-Btn-Container-Left: var(--Mesure-Rdv-Btn-Container-Left-1); /* ROOT MESURE RDV BTN CONTAINER WIDTH -------------------------------------------- */ --Mesure-Rdv-Btn-Container-Width-1: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); --Mesure-Rdv-Btn-Container-Width-2: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /*1800 - 1701*/ --Mesure-Rdv-Btn-Container-Width-3: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /*7800 - 1301*/ --Mesure-Rdv-Btn-Container-Width-4: calc((8 * (var(--Column-Site-Width))) + (7 * (var(--Column-Gap)))); /*1300 - 0731*/ --Mesure-Rdv-Btn-Container-Width-5: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); --Mesure-Rdv-Btn-Container-Width: var(--Mesure-Rdv-Btn-Container-Width-1); /* ROOT MESURE RDV FULL CONTAINER LEFT -------------------------------------------- */ --Mesure-Rdv-Full-Container-Left-1: calc((var(--Site-Margins)) + (1 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */ --Mesure-Rdv-Full-Container-Left-2: calc((var(--Site-Margins)) + (2 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */ --Mesure-Rdv-Full-Container-Left-3: calc((var(--Site-Margins)) + (1 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1601 */ --Mesure-Rdv-Full-Container-Left-4: calc((var(--Site-Margins)) + (2 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1600 - 1301 */ --Mesure-Rdv-Full-Container-Left-5: calc((var(--Site-Margins)) + (1 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1300 - 0961 */ /* --Mesure-Rdv-Full-Container-Left-5: calc((var(--Site-Margins)) + (4 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); 1300 - 0961 */ --Mesure-Rdv-Full-Container-Left-6: calc((var(--Site-Margins)) + (2 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 0960 - 0780 */ --Mesure-Rdv-Full-Container-Left-7: calc((var(--Site-Margins)) + (0 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 0780 - 0731 */ --Mesure-Rdv-Full-Container-Left-8: calc((var(--Site-Margins)) + (0 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 0730 - 0000 */ --Mesure-Rdv-Full-Container-Left: var(--Mesure-Rdv-Full-Container-Left-1); /* ROOT MESURE RDV FULL CONTAINER WIDTH ------------------------------------------- */ --Mesure-Rdv-Full-Container-Width-1: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Mesure-Rdv-Full-Container-Width-2: calc((18 * (var(--Column-Site-Width))) + (17 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Mesure-Rdv-Full-Container-Width-3: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /* 1700 - 1601 */ --Mesure-Rdv-Full-Container-Width-4: calc((10 * (var(--Column-Site-Width))) + (9 * (var(--Column-Gap)))); /* 1600 - 1301 */ --Mesure-Rdv-Full-Container-Width-5: calc((8 * (var(--Column-Site-Width))) + (7 * (var(--Column-Gap)))); /* 1300 - 0961 */ --Mesure-Rdv-Full-Container-Width-6: calc((10 * (var(--Column-Site-Width))) + (9 * (var(--Column-Gap)))); /* 0960 - 0780 */ --Mesure-Rdv-Full-Container-Width-7: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /* 0780 - 0731 */ --Mesure-Rdv-Full-Container-Width-8: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 0730 - 0000 */ --Mesure-Rdv-Full-Container-Width: var(--Mesure-Rdv-Full-Container-Width-1); /* ROOT MESURE RDV FULL CONTAINER TOP --------------------------------------------- */ --Mesure-Rdv-Full-Container-Top-1: var(--Scroll-Gap-Large); --Mesure-Rdv-Full-Container-Top-2: var(--Scroll-Gap-Short); --Mesure-Rdv-Full-Container-Top: var(--Mesure-Rdv-Full-Container-Top-1); /* ROOT MESURE RDV FULL CONTAINER HEIGHT ------------------------------------------ */ --Mesure-Rdv-Full-Container-Height: calc((var(--Mesure-Rdv-Btn-Container-Height)) + (var(--Mesure-Rdv-Btn-Container-Top))); /* ROOT MESURE RDV PRINCIPAL CONTAINER HEIGHT ------------------------------------- */ --Mesure-Rdv-Principal-Container-Height-1: calc((var(--Mesure-Rdv-Full-Container-Height)) + (2 * (var(--Scroll-Gap-Large)))); --Mesure-Rdv-Principal-Container-Height-2: calc((var(--Mesure-Rdv-Full-Container-Height)) + (2 * (var(--Scroll-Gap-Short)))); --Mesure-Rdv-Principal-Container-Height-1: calc((var(--Mesure-Rdv-Full-Container-Height)) + ((var(--Scroll-Gap-Large)) + (var(--Scroll-Gap-End-Large)))); --Mesure-Rdv-Principal-Container-Height-2: calc((var(--Mesure-Rdv-Full-Container-Height)) + ((var(--Scroll-Gap-Short)) + (var(--Scroll-Gap-End-Short)))); --Mesure-Rdv-Principal-Container-Height: var(--Mesure-Rdv-Principal-Container-Height-1); /* ROOT MESURE RDV SECTION HEIGHT ------------------------------------------------- */ --Mesure-Rdv-Section-Height: var(--Mesure-Rdv-Principal-Container-Height); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT SECTION GLOBAL ---------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MESURE GLOBAL SECTION HEIGHT -------------------------------------------- */ --Mesure-Global-Section-Height: calc((var(--Mesure-Rdv-Section-Height)) + (var(--Mesure-Rdv-Section-Top))); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT BASIC ------------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT FOOTER PRINCIPAL CONTAINER LARGE MESURE TOP ----------------------------- */ --Footer-Principal-Container-Large-Mesure-Top: calc((var(--Mesure-Global-Section-Height)) + (var(--Mesure-Global-Section-Top))); /* ROOT FOOTER PRINCIPAL CONTAINER SMALL MESURE TOP ----------------------------- */ --Footer-Principal-Container-Small-Mesure-Top: var(--Footer-Principal-Container-Large-Mesure-Top); /* ROOT FOOTER BACKGROUND CACHE TOP --------------------------------------------- */ --Mesure-Footer-Background-Cache-Top: calc((var(--Footer-Principal-Container-Large-Mesure-Top)) - 300px); /* ROOT FOOTER BACKGROUND CACHE HEIGHT ------------------------------------------ */ --Mesure-Footer-Background-Cache-Height-1: 1211px; --Mesure-Footer-Background-Cache-Height-2: 912px; --Mesure-Footer-Background-Cache-Height: var(--Mesure-Footer-Background-Cache-Height-1); /* ROOT HOME BODY HEIGHT -------------------------------------------------------- */ --Mesure-Body-Height-1: calc((var(--Footer-Principal-Container-Large-Mesure-Top)) + 911px); --Mesure-Body-Height-2: calc((var(--Footer-Principal-Container-Large-Mesure-Top)) + 612px); --Mesure-Body-Height: var(--Mesure-Body-Height-1); }