:root{ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT BASIC ------------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON COVER SECTION ---------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON COVER SLOGAN MAIN CONTAINER 1 TOP -------------------------------- */ --Maison-Cover-Slogan-Main-Container-1-Top-1: 370px; --Maison-Cover-Slogan-Main-Container-1-Top-2: 300px; --Maison-Cover-Slogan-Main-Container-1-Top-3: 250px; --Maison-Cover-Slogan-Main-Container-1-Top: var(--Maison-Cover-Slogan-Main-Container-1-Top-1); /* ROOT MAISON COVER SLOGAN MAIN CONTAINER 2 TOP -------------------------------- */ --Maison-Cover-Slogan-Main-Container-2-Top-1: 74px; --Maison-Cover-Slogan-Main-Container-2-Top-2: 74px; --Maison-Cover-Slogan-Main-Container-2-Top: var(--Maison-Cover-Slogan-Main-Container-2-Top-1); /* ROOT MAISON COVER SLOGAN 1 NB LINES ------------------------------------------ */ --Maison-Cover-Slogan-1-Nb-Lines: 3; /* ROOT MAISON COVER SLOGAN 2 NB LINES ------------------------------------------ */ --Maison-Cover-Slogan-2-Nb-Lines: 4; /* ROOT MAISON COVER SLOGAN 1 HEIGHT -------------------------------------------- */ --Maison-Cover-Slogan-1-Height: var(--Lh-Cover-Slogan-Text); /* ROOT MAISON COVER SLOGAN CONTAINER 1 HEIGHT ---------------------------------- */ --Maison-Cover-Slogan-Container-1-Height: var(--Maison-Cover-Slogan-1-Height); /* ROOT MAISON COVER SLOGAN 2 HEIGHT -------------------------------------------- */ --Maison-Cover-Slogan-2-Height: calc((var(--Lh-Cover-Slogan-Text)) * (var(--Maison-Cover-Slogan-2-Nb-Lines))); /* ROOT MAISON COVER SLOGAN CONTAINER 2 HEIGHT ---------------------------------- */ --Maison-Cover-Slogan-Container-2-Height: var(--Maison-Cover-Slogan-2-Height); /* ROOT MAISON COVER SLOGAN TEXT 1 LEFT ----------------------------------------- */ --Maison-Cover-Slogan-Text-1-Left-1: 210px; --Maison-Cover-Slogan-Text-1-Left-2: 120px; /* 1440 - 1301*/ --Maison-Cover-Slogan-Text-1-Left-3: 100px; /* 1300 - 0961*/ --Maison-Cover-Slogan-Text-1-Left-4: 60px; /* 1300 - 0961*/ --Maison-Cover-Slogan-Text-1-Left-5: 50px; /* 0960 - 0731*/ --Maison-Cover-Slogan-Text-1-Left: var(--Maison-Cover-Slogan-Text-1-Left-1); /* ROOT MAISON COVER SLOGAN TEXT 2 RIGHT ----------------------------------------- */ --Maison-Cover-Slogan-Text-2-Right-1: 185px; --Maison-Cover-Slogan-Text-2-Right-2: 125px; --Maison-Cover-Slogan-Text-2-Right-3: 75px; --Maison-Cover-Slogan-Text-2-Right-4: 50px; --Maison-Cover-Slogan-Text-2-Right: var(--Maison-Cover-Slogan-Text-2-Right-1); /* ROOT MAISON COVER SLOGAN TEXT 3 LEFT ----------------------------------------- */ /* --Maison-Cover-Slogan-Text-3-Left-1: 220px; */ /* --Maison-Cover-Slogan-Text-3-Left-2: 140px; */ /* --Maison-Cover-Slogan-Text-3-Left-3: 90px; */ --Maison-Cover-Slogan-Text-3-Left-1: 82px; --Maison-Cover-Slogan-Text-3-Left-2: 82px; --Maison-Cover-Slogan-Text-3-Left-3: 82px; --Maison-Cover-Slogan-Text-3-Left-4: 50px; --Maison-Cover-Slogan-Text-3-Left-5: 40px; --Maison-Cover-Slogan-Text-3-Left: var(--Maison-Cover-Slogan-Text-3-Left-1); /* ROOT MAISON COVER SLOGAN TEXT 4 RIGHT ---------------------------------------- */ --Maison-Cover-Slogan-Text-4-Right-1: 360px; --Maison-Cover-Slogan-Text-4-Right-2: 220px; /* 1800 - 1301*/ --Maison-Cover-Slogan-Text-4-Right-3: 140px; /* 1300 - 731*/ --Maison-Cover-Slogan-Text-4-Right-4: 80px; /* 1300 - 731*/ --Maison-Cover-Slogan-Text-4-Right-5: 290px; /* 1300 - 731*/ --Maison-Cover-Slogan-Text-4-Right: var(--Maison-Cover-Slogan-Text-4-Right-1); /* ROOT MAISON COVER SLOGAN TEXT 5 LEFT ----------------------------------------- */ --Maison-Cover-Slogan-Text-5-Left-1: 380px; --Maison-Cover-Slogan-Text-5-Left-2: 300px; /* 1800 - 1301*/ --Maison-Cover-Slogan-Text-5-Left-3: 260px; /* 1300 - 731*/ --Maison-Cover-Slogan-Text-5-Left-4: 180px; --Maison-Cover-Slogan-Text-5-Left-5: 80px; --Maison-Cover-Slogan-Text-5-Left: var(--Maison-Cover-Slogan-Text-5-Left-1); /* ROOT MAISON COVER SLOGAN TEXT 6 RIGHT ---------------------------------------- */ --Maison-Cover-Slogan-Text-6-Right-1: 128px; --Maison-Cover-Slogan-Text-6-Right-2: 110px; --Maison-Cover-Slogan-Text-6-Right-3: 60px; --Maison-Cover-Slogan-Text-6-Right-4: 40px; --Maison-Cover-Slogan-Text-6-Right: var(--Maison-Cover-Slogan-Text-6-Right-1); /* ROOT MAISON COVER SLOGAN MAIN CONTAINER 1 HEIGHT ----------------------------- */ --Maison-Cover-Slogan-Main-Container-1-Height: calc((var(--Maison-Cover-Slogan-1-Nb-Lines)) * (var(--Maison-Cover-Slogan-Container-1-Height))); /* ROOT MAISON COVER SLOGAN MAIN CONTAINER 2 HEIGHT ----------------------------- */ --Maison-Cover-Slogan-Main-Container-2-Height: var(--Maison-Cover-Slogan-Container-2-Height); /* ROOT MAISON COVER SECTION HEIGHT --------------------------------------------- */ --Maison-Cover-Section-Height: calc((var(--Cover-Container-Height)) + 165px); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT SECTION GLOBAL ---------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON GLOBAL GAP ------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON GLOBAL INSIDE GAP ------------------------------------------------ */ --Maison-Global-Inside-Gap-1: 100px; --Maison-Global-Inside-Gap-2: 50px; --Maison-Global-Inside-Gap: var(--Maison-Global-Inside-Gap-1); /* ROOT MAISON GLOBAL TXT GAP --------------------------------------------------- */ --Maison-Global-Text-Gap-1: 13px; --Maison-Global-Text-Gap-2: 10px; --Maison-Global-Text-Gap: var(--Maison-Global-Text-Gap-1); /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON IMAGES WIDTH ----------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON IMAGE CONTAINER 1 WIDTH ------------------------------------------ */ /* ROOT MAISON IMAGE CONTAINER 2 WIDTH ------------------------------------------ */ /* ROOT MAISON IMAGE CONTAINER 3 WIDTH ------------------------------------------ */ /* ROOT MAISON IMAGE CONTAINER 4 WIDTH ------------------------------------------ */ /* ROOT MAISON IMAGE CONTAINER 5 WIDTH ------------------------------------------ */ /* ROOT MAISON IMAGE CONTAINER 6 WIDTH ------------------------------------------ */ /* ROOT MAISON IMAGE CONTAINER 7 WIDTH ------------------------------------------ */ /* ROOT MAISON IMAGE CONTAINER 8 WIDTH ------------------------------------------ */ /* ROOT MAISON IMAGE CONTAINER 9 WIDTH ------------------------------------------ */ /* ROOT MAISON IMAGE CONTAINER 10 WIDTH ----------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON IMAGES HEIGHT ---------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON IMAGE CONTAINER 1 HEIGHT ----------------------------------------- */ /* ROOT MAISON IMAGE CONTAINER 2 HEIGHT ----------------------------------------- */ /* ROOT MAISON IMAGE CONTAINER 3 HEIGHT ----------------------------------------- */ /* ROOT MAISON IMAGE CONTAINER 4 HEIGHT ----------------------------------------- */ /* ROOT MAISON IMAGE CONTAINER 5 HEIGHT ----------------------------------------- */ /* ROOT MAISON IMAGE CONTAINER 6 HEIGHT ----------------------------------------- */ /* ROOT MAISON IMAGE CONTAINER 7 HEIGHT ----------------------------------------- */ /* ROOT MAISON IMAGE CONTAINER 8 HEIGHT ----------------------------------------- */ /* ROOT MAISON IMAGE CONTAINER 9 HEIGHT ----------------------------------------- */ /* ROOT MAISON IMAGE CONTAINER 10 HEIGHT ---------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT SECTION FIRST ----------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT FIRST SECTION TOP ------------------------------------------------------- */ --Maison-First-Section-Top-1: calc(1800px + (var(--Scroll-Gap-Large))); --Maison-First-Section-Top-2: 1800px; --Maison-First-Section-Top-3: 1100px; --Maison-First-Section-Top: var(--Maison-First-Section-Top-1); /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON HISTOIRE --------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON HISTOIRE GLOBAL CONTAINER TOP ------------------------------------ */ --Maison-Histoire-Global-Container-Top-1: var(--Scroll-Gap-Large); --Maison-Histoire-Global-Container-Top-2: var(--Scroll-Gap-Short); --Maison-Histoire-Global-Container-Top: var(--Maison-Histoire-Global-Container-Top-1); /* ROOT MAISON HISTOIRE FULL CONTAINER 1 LEFT ----------------------------------- */ --Maison-Histoire-Full-Container-1-Left: var(--Site-Margins); /* ROOT MAISON HISTOIRE FULL CONTAINER 2 LEFT ----------------------------------- */ --Maison-Histoire-Full-Container-2-Left-1: calc((var(--Site-Margins)) + (4 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */; --Maison-Histoire-Full-Container-2-Left-2: calc((var(--Site-Margins)) + (11 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */; --Maison-Histoire-Full-Container-2-Left-3: calc((var(--Site-Margins)) + (7 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1601 */; --Maison-Histoire-Full-Container-2-Left-4: calc((var(--Site-Margins)) + (6 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1600 - 1071 */; --Maison-Histoire-Full-Container-2-Left-5: var(--Site-Margins); /* 1070 - 0731 */; --Maison-Histoire-Full-Container-2-Left: var(--Maison-Histoire-Full-Container-2-Left-1); /* ROOT MAISON HISTOIRE FULL CONTAINER WIDTH ------------------------------------ */ --Maison-Histoire-Full-Container-Width-1: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Maison-Histoire-Full-Container-Width-2: calc((11 * (var(--Column-Site-Width))) + (10 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Maison-Histoire-Full-Container-Width-3: calc((7 * (var(--Column-Site-Width))) + (6 * (var(--Column-Gap)))); /* 1700 - 1601 */ --Maison-Histoire-Full-Container-Width-4: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 1600 - 1071 */ --Maison-Histoire-Full-Container-Width-5: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /* 1070 - 0731 */ --Maison-Histoire-Full-Container-Width-6: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 0730 - 0000 */ --Maison-Histoire-Full-Container-Width: var(--Maison-Histoire-Full-Container-Width-1); /* ROOT MAISON HISTOIRE IMAGE CONTAINER WIDTH ----------------------------------- */ --Maison-Histoire-Image-Container-Width: var(--Maison-Histoire-Full-Container-Width); /* ROOT MAISON HISTOIRE IMAGE CONTAINER HEIGHT ---------------------------------- */ --Maison-Histoire-Image-Container-Height-1: calc(1.2 * (var(--Maison-Histoire-Image-Container-Width))); --Maison-Histoire-Image-Container-Height-2: calc((var(--Maison-Histoire-Image-Container-Height-1)) / 2); --Maison-Histoire-Image-Container-Height: var(--Maison-Histoire-Image-Container-Height-1); /* ROOT MAISON HISTOIRE TITLE NB LINES ------------------------------------------ */ --Maison-Histoire-Title-Nb-Lines-1: 1; --Maison-Histoire-Title-Nb-Lines-2: 2; --Maison-Histoire-Title-Nb-Lines: var(--Maison-Histoire-Title-Nb-Lines-1); /* ROOT MAISON HISTOIRE TITLE HEIGHT -------------------------------------------- */ --Maison-Histoire-Title-Height: calc((var(--Maison-Histoire-Title-Nb-Lines)) * (var(--Lh-Title-Txt-2))); /* ROOT MAISON HISTOIRE TITLE CONTAINER HEIGHT ---------------------------------- */ --Maison-Histoire-Title-Container-Height: var(--Maison-Histoire-Title-Height); /* ROOT MAISON HISTOIRE TITLE CONTAINER WIDTH ----------------------------------- */ --Maison-Histoire-Title-Container-Width: var(--Maison-Histoire-Full-Container-Width); /* ROOT MAISON HISTOIRE TEXT 1 CONTAINER TOP ------------------------------------ */ --Maison-Histoire-Text-Container-1-Top: calc((var(--Maison-Histoire-Title-Height)) + (var(--Maison-Global-Text-Gap))); /* ROOT MAISON HISTOIRE TEXT 1 NB LINES ----------------------------------------- */ --Maison-Histoire-Text-1-Nb-Lines-1: 6; --Maison-Histoire-Text-1-Nb-Lines-2: 8; --Maison-Histoire-Text-1-Nb-Lines-3: 9; --Maison-Histoire-Text-1-Nb-Lines-4: 11; --Maison-Histoire-Text-1-Nb-Lines-5: 6; --Maison-Histoire-Text-1-Nb-Lines-6: 8; --Maison-Histoire-Text-1-Nb-Lines-7: 9; --Maison-Histoire-Text-1-Nb-Lines-8: 11; --Maison-Histoire-Text-1-Nb-Lines-9: 8; --Maison-Histoire-Text-1-Nb-Lines-10: 11; --Maison-Histoire-Text-1-Nb-Lines: var(--Maison-Histoire-Text-1-Nb-Lines-1); /* ROOT MAISON HISTOIRE TEXT 1 HEIGHT ------------------------------------------- */ --Maison-Histoire-Text-1-Height: calc((var(--Maison-Histoire-Text-1-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT MAISON HISTOIRE TEXT 1 CONTAINER HEIGHT --------------------------------- */ --Maison-Histoire-Text-Container-1-Height: var(--Maison-Histoire-Text-1-Height); /* ROOT MAISON HISTOIRE MAIN CONTAINER HEIGHT ----------------------------------- */ --Maison-Histoire-Main-Container-Height: calc((var(--Maison-Histoire-Text-Container-1-Top)) + (var(--Maison-Histoire-Text-Container-1-Height))); /* ROOT MAISON HISTOIRE MAIN CONTAINER WIDTH ------------------------------------ */ --Maison-Histoire-Main-Container-Width: var(--Maison-Histoire-Full-Container-Width); /* ROOT MAISON HISTOIRE TEXT 2 NB LINES ----------------------------------------- */ --Maison-Histoire-Text-2-Nb-Lines-1: 6; --Maison-Histoire-Text-2-Nb-Lines-2: 7; --Maison-Histoire-Text-2-Nb-Lines-3: 9; --Maison-Histoire-Text-2-Nb-Lines-4: 10; --Maison-Histoire-Text-2-Nb-Lines-5: 6; --Maison-Histoire-Text-2-Nb-Lines-6: 7; --Maison-Histoire-Text-2-Nb-Lines-7: 9; --Maison-Histoire-Text-2-Nb-Lines-8: 10; --Maison-Histoire-Text-2-Nb-Lines-9: 7; --Maison-Histoire-Text-2-Nb-Lines-10: 10; --Maison-Histoire-Text-2-Nb-Lines: var(--Maison-Histoire-Text-2-Nb-Lines-1); /* ROOT MAISON HISTOIRE TEXT 2 HEIGHT ------------------------------------------- */ --Maison-Histoire-Text-2-Height: calc((var(--Maison-Histoire-Text-2-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT MAISON HISTOIRE TEXT 2 CONTAINER HEIGHT --------------------------------- */ --Maison-Histoire-Text-Container-2-Height: var(--Maison-Histoire-Text-2-Height); /* ROOT MAISON HISTOIRE TEXT CONTAINER WIDTH ------------------------------------ */ --Maison-Histoire-Text-Container-Width: var(--Maison-Histoire-Full-Container-Width); /* ROOT MAISON HISTOIRE IMAGE CONTAINER TOP ------------------------------------- */ --Maison-Histoire-Image-Container-Top-1: calc((var(--Maison-Histoire-Main-Container-Height)) + (var(--Maison-Global-Inside-Gap))); --Maison-Histoire-Image-Container-Top-2: calc((var(--Maison-Histoire-Text-Container-2-Height)) + (var(--Maison-Global-Inside-Gap))); --Maison-Histoire-Image-Container-Top: var(--Maison-Histoire-Image-Container-Top-1); /* ROOT MAISON HISTOIRE TEXT CONTAINER 2 TOP ------------------------------------ */ --Maison-Histoire-Text-Container-2-Top-1: calc((var(--Maison-Histoire-Image-Container-Top)) + (var(--Maison-Histoire-Image-Container-Height)) + (var(--Maison-Global-Inside-Gap))); --Maison-Histoire-Text-Container-2-Top-2: 0px; --Maison-Histoire-Text-Container-2-Top: var(--Maison-Histoire-Text-Container-2-Top-1); /* ROOT MAISON HISTOIRE FULL CONTAINER 1 TOP ------------------------------------ */ --Maison-Histoire-Full-Container-1-Top: 0px; /* ROOT MAISON HISTOIRE FULL CONTAINER 1 HEIGHT --------------------------------- */ --Maison-Histoire-Full-Container-1-Height-1: calc((var(--Maison-Histoire-Text-Container-2-Top)) + (var(--Maison-Histoire-Text-Container-2-Height))); --Maison-Histoire-Full-Container-1-Height-2: var(--Maison-Histoire-Main-Container-Height); --Maison-Histoire-Full-Container-1-Height: var(--Maison-Histoire-Full-Container-1-Height-1); /* ROOT MAISON HISTOIRE FULL CONTAINER 2 HEIGHT --------------------------------- */ --Maison-Histoire-Full-Container-2-Height-1: var(--Maison-Histoire-Full-Container-1-Height); --Maison-Histoire-Full-Container-2-Height-2: calc((var(--Maison-Histoire-Image-Container-Top-2)) + (var(--Maison-Histoire-Image-Container-Height))); --Maison-Histoire-Full-Container-2-Height: var(--Maison-Histoire-Full-Container-2-Height-1); /* ROOT MAISON HISTOIRE FULL CONTAINER 2 TOP ------------------------------------ */ --Maison-Histoire-Full-Container-2-Top-1: 0px; --Maison-Histoire-Full-Container-2-Top-2: calc((var(--Maison-Histoire-Full-Container-1-Height)) + (var(--Maison-Global-Text-Gap))); --Maison-Histoire-Full-Container-2-Top: var(--Maison-Histoire-Full-Container-2-Top-1); /* ROOT MAISON HISTOIRE GLOBAL CONTAINER HEIGHT --------------------------------- */ --Maison-Histoire-Global-Container-Height-1: var(--Maison-Histoire-Full-Container-1-Height); --Maison-Histoire-Global-Container-Height-2: calc((var(--Maison-Histoire-Full-Container-2-Top)) + (var(--Maison-Histoire-Full-Container-2-Height))); --Maison-Histoire-Global-Container-Height: var(--Maison-Histoire-Global-Container-Height-1); /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON NOM -------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON NOM GLOBAL CONTAINER TOP ----------------------------------------- */ --Maison-Nom-Global-Container-Top-1: calc((var(--Maison-Histoire-Global-Container-Top)) + (var(--Maison-Histoire-Global-Container-Height)) + (var(--Scroll-Gap-Large))); --Maison-Nom-Global-Container-Top-2: calc((var(--Maison-Histoire-Global-Container-Top)) + (var(--Maison-Histoire-Global-Container-Height)) + (var(--Scroll-Gap-Short))); --Maison-Nom-Global-Container-Top: var(--Maison-Nom-Global-Container-Top-1); /* --Maison-Nom-Global-Container-Top: calc((var(--Maison-Histoire-Global-Container-Top)) + (var(--Maison-Histoire-Global-Container-Height)) + (var(--Maison-Global-Inside-Gap))); */ /* ROOT MAISON NOM FULL CONTAINER 1 LEFT ---------------------------------------- */ --Maison-Nom-Full-Container-1-Left-1: calc((var(--Site-Margins)) + (4 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */; --Maison-Nom-Full-Container-1-Left-2: calc((var(--Site-Margins)) + (11 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */; --Maison-Nom-Full-Container-1-Left-3: calc((var(--Site-Margins)) + (7 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1601 */; --Maison-Nom-Full-Container-1-Left-4: calc((var(--Site-Margins)) + (6 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1600 - 1071 */; --Maison-Nom-Full-Container-1-Left-5: var(--Site-Margins); /* 1070 - 0731 */; --Maison-Nom-Full-Container-1-Left: var(--Maison-Nom-Full-Container-1-Left-1); /* ROOT MAISON NOM FULL CONTAINER 2 LEFT ---------------------------------------- */ --Maison-Nom-Full-Container-2-Left: var(--Site-Margins); /* ROOT MAISON NOM FULL CONTAINER WIDTH ----------------------------------------- */ --Maison-Nom-Full-Container-Width-1: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Maison-Nom-Full-Container-Width-2: calc((11 * (var(--Column-Site-Width))) + (10 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Maison-Nom-Full-Container-Width-3: calc((7 * (var(--Column-Site-Width))) + (6 * (var(--Column-Gap)))); /* 1700 - 1601 */ --Maison-Nom-Full-Container-Width-4: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 1600 - 1071 */ --Maison-Nom-Full-Container-Width-5: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /* 1070 - 0731 */ --Maison-Nom-Full-Container-Width-6: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 0730 - 0000 */ --Maison-Nom-Full-Container-Width: var(--Maison-Nom-Full-Container-Width-1); /* ROOT MAISON NOM IMAGE CONTAINER WIDTH ---------------------------------------- */ --Maison-Nom-Image-Container-Width: var(--Maison-Nom-Full-Container-Width); /* ROOT MAISON NOM IMAGE CONTAINER 1 HEIGHT ------------------------------------- */ --Maison-Nom-Image-Container-1-Height: calc(1.2 * (var(--Maison-Nom-Image-Container-Width))); /* ROOT MAISON NOM IMAGE CONTAINER 2 HEIGHT ------------------------------------- */ --Maison-Nom-Image-Container-2-Height: calc((var(--Maison-Nom-Image-Container-Width)) / 1.3); /* ROOT MAISON NOM TITLE NB LINES ----------------------------------------------- */ --Maison-Nom-Title-Nb-Lines: 1; /* ROOT MAISON NOM TITLE HEIGHT ------------------------------------------------- */ --Maison-Nom-Title-Height: calc((var(--Maison-Nom-Title-Nb-Lines)) * (var(--Lh-Title-Txt-2))); /* ROOT MAISON NOM TITLE CONTAINER HEIGHT --------------------------------------- */ --Maison-Nom-Title-Container-Height: var(--Maison-Nom-Title-Height); /* ROOT MAISON NOM TITLE CONTAINER WIDTH ---------------------------------------- */ --Maison-Nom-Title-Container-Width: var(--Maison-Nom-Full-Container-Width); /* ROOT MAISON NOM TEXT CONTAINER TOP ------------------------------------------ */ --Maison-Nom-Text-Container-Top: calc((var(--Maison-Nom-Title-Height)) + (var(--Maison-Global-Text-Gap))); /* ROOT MAISON NOM TEXT NB LINES ----------------------------------------------- */ --Maison-Nom-Text-Nb-Lines-1: 6; --Maison-Nom-Text-Nb-Lines-2: 7; --Maison-Nom-Text-Nb-Lines-3: 9; --Maison-Nom-Text-Nb-Lines-4: 10; --Maison-Nom-Text-Nb-Lines-5: 6; --Maison-Nom-Text-Nb-Lines-6: 7; --Maison-Nom-Text-Nb-Lines-7: 9; --Maison-Nom-Text-Nb-Lines-8: 10; --Maison-Nom-Text-Nb-Lines-9: 7; --Maison-Nom-Text-Nb-Lines-10: 10; --Maison-Nom-Text-Nb-Lines: var(--Maison-Nom-Text-Nb-Lines-1); /* ROOT MAISON NOM TEXT HEIGHT ------------------------------------------------ */ --Maison-Nom-Text-Height: calc((var(--Maison-Nom-Text-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT MAISON NOM TEXT CONTAINER HEIGHT -------------------------------------- */ --Maison-Nom-Text-Container-Height: var(--Maison-Nom-Text-Height); /* ROOT MAISON NOM MAIN CONTAINER HEIGHT ---------------------------------------- */ --Maison-Nom-Main-Container-Height: calc((var(--Maison-Nom-Text-Container-Top)) + (var(--Maison-Nom-Text-Container-Height))); /* ROOT MAISON NOM MAIN CONTAINER WIDTH ----------------------------------------- */ --Maison-Nom-Main-Container-Width: var(--Maison-Nom-Full-Container-Width); /* ROOT MAISON NOM TEXT CONTAINER WIDTH ----------------------------------------- */ --Maison-Nom-Text-Container-Width: var(--Maison-Nom-Full-Container-Width); /* ROOT MAISON NOM IMAGE CONTAINER 1 TOP ---------------------------------------- */ --Maison-Nom-Image-Container-1-Top: calc((var(--Maison-Nom-Main-Container-Height)) + (var(--Maison-Global-Inside-Gap))); /* ROOT MAISON NOM FULL CONTAINER TOP ------------------------------------------- */ --Maison-Nom-Full-Container-Top: 0px; /* ROOT MAISON NOM FULL CONTAINER HEIGHT ---------------------------------------- */ --Maison-Nom-Full-Container-Height: calc((var(--Maison-Nom-Image-Container-1-Top)) + (var(--Maison-Nom-Image-Container-1-Height))); /* ROOT MAISON NOM GLOBAL CONTAINER HEIGHT -------------------------------------- */ --Maison-Nom-Global-Container-Height: var(--Maison-Nom-Full-Container-Height); /* ------------- ---------------------------------------------------------------- */ --Maison-First-Section-Height-1: calc((var(--Maison-Histoire-Global-Container-Height)) + (var(--Maison-Nom-Global-Container-Height)) + (3 * (var(--Scroll-Gap-Large)))); --Maison-First-Section-Height-2: calc((var(--Maison-Histoire-Global-Container-Height)) + (var(--Maison-Nom-Global-Container-Height)) + (3 * (var(--Scroll-Gap-Short)))); --Maison-First-Section-Height: var(--Maison-First-Section-Height-1); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT ACCROCHE SECTION -------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON ACCROCHE SECTION TOP --------------------------------------------- */ --Maison-Accroche-Section-Top: calc((var(--Maison-First-Section-Top)) + (var(--Scroll-Gap-Large))); /* ROOT MAISON ACCROCHE TEXT NB LINES -------------------------------------------- */ --Maison-Accroche-Text-Nb-Lines-1: 4; --Maison-Accroche-Text-Nb-Lines-2: 5; --Maison-Accroche-Text-Nb-Lines-3: 6; --Maison-Accroche-Text-Nb-Lines-4: 8; --Maison-Accroche-Text-Nb-Lines-5: 9; --Maison-Accroche-Text-Nb-Lines: var(--Maison-Accroche-Text-Nb-Lines-1); /* ROOT MAISON ACCROCHE TEXT HEIGHT ----------------------------------------------- */ --Maison-Accroche-Text-Height: calc((var(--Maison-Accroche-Text-Nb-Lines)) * (var(--Lh-Maison-Accroche-Txt))); /* ROOT MAISON ACCROCHE CONTAINER HEIGHT ------------------------------------------ */ --Maison-Accroche-Container-Height: var(--Maison-Accroche-Text-Height); /* ROOT MAISON ACCROCHE CONTAINER WIDTH ------------------------------------------- */ --Maison-Accroche-Container-Width: calc(100vw - (2 * (var(--Site-Margins)))); /* ROOT MAISON ACCROCHE BACKGROUND CACHE TOP -------------------------------------- */ --Maison-Accroche-Background-Cache-Top-1: calc((var(--Intro-Images-Full-Container-Height)) + (var(--Intro-Images-Full-Container-Top)) - (var(--Site-Margins))); --Maison-Accroche-Background-Cache-Top-2: calc((var(--Intro-Images-Full-Container-Height)) + (var(--Intro-Section-2-Top)) + (var(--Intro-Images-Full-Container-2-Top)) - (var(--Site-Margins))); --Maison-Accroche-Background-Cache-Top: var(--Maison-Accroche-Background-Cache-Top-1); /* ROOT MAISON ACCROCHE SECTION HEIGHT -------------------------------------------- */ --Maison-Accroche-Section-Height: calc((var(--Maison-First-Section-Height)) + 2100px); /* ------------- ---------------------------------------------------------------- */ /* ------------- - ©® C O P Y R I G H T ----------------------------------------- */ /* ------------- - D E S I G N -------------------------------------------------- */ /* ------------- - C O D E ------------------------------------------------------ */ /* ------------- - P A R -------------------------------------------------------- */ /* ------------- - O A S I S - L A B -------------------------------------------- */ /* ------------- - T H I B A U D - D E M I E R R E ------------------------------ */ /* ------------- - 2 0 2 5 ------------------------------------------------------ */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT SECTION SECOND ---------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON SECOND SECTION TOP ----------------------------------------------- */ --Maison-Second-Section-Top: calc((var(--Maison-First-Section-Top)) + (var(--Maison-First-Section-Height)) + 1080px); /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON ENGAGEMENT ------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON ENGAGEMENT GLOBAL CONTAINER TOP ------------------------------------ */ --Maison-Engagement-Global-Container-Top-1: var(--Scroll-Gap-Large); --Maison-Engagement-Global-Container-Top-2: var(--Scroll-Gap-Short); --Maison-Engagement-Global-Container-Top: var(--Maison-Histoire-Global-Container-Top-1); /* ROOT MAISON ENGAGEMENT FULL CONTAINER LEFT ----------------------------------- */ --Maison-Engagement-Full-Container-Left: var(--Site-Margins); /* ROOT MAISON ENGAGEMENT FULL CONTAINER WIDTH ------------------------------------ */ --Maison-Engagement-Full-Container-Width-1: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Maison-Engagement-Full-Container-Width-2: calc((11 * (var(--Column-Site-Width))) + (10 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Maison-Engagement-Full-Container-Width-3: calc((7 * (var(--Column-Site-Width))) + (6 * (var(--Column-Gap)))); /* 1700 - 1601 */ --Maison-Engagement-Full-Container-Width-4: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 1600 - 1071 */ --Maison-Engagement-Full-Container-Width-5: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /* 1070 - 0731 */ --Maison-Engagement-Full-Container-Width-6: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 0730 - 0000 */ --Maison-Engagement-Full-Container-Width: var(--Maison-Engagement-Full-Container-Width-1); /* ROOT MAISON HISTOIRE TITLE NB LINES ------------------------------------------ */ --Maison-Engagement-Title-Nb-Lines-1: 1; --Maison-Engagement-Title-Nb-Lines-2: 2; --Maison-Engagement-Title-Nb-Lines: var(--Maison-Engagement-Title-Nb-Lines-1); /* ROOT MAISON HISTOIRE TITLE HEIGHT -------------------------------------------- */ --Maison-Engagement-Title-Height: calc((var(--Maison-Engagement-Title-Nb-Lines)) * (var(--Lh-Title-Txt-2))); /* ROOT MAISON HISTOIRE TITLE CONTAINER HEIGHT ---------------------------------- */ --Maison-Engagement-Title-Container-Height: var(--Maison-Engagement-Title-Height); /* ROOT MAISON HISTOIRE TITLE CONTAINER WIDTH ----------------------------------- */ --Maison-Engagement-Title-Container-Width: var(--Maison-Engagement-Full-Container-Width); /* ROOT MAISON NOM TEXT CONTAINER TOP ------------------------------------------ */ --Maison-Engagement-Text-Container-Top: calc((var(--Maison-Engagement-Title-Height)) + (var(--Maison-Global-Text-Gap))); /* ROOT MAISON NOM TEXT NB LINES ----------------------------------------------- */ --Maison-Engagement-Text-Nb-Lines-1: 6; --Maison-Engagement-Text-Nb-Lines-2: 8; --Maison-Engagement-Text-Nb-Lines-3: 10; --Maison-Engagement-Text-Nb-Lines-4: 11; --Maison-Engagement-Text-Nb-Lines-5: 7; --Maison-Engagement-Text-Nb-Lines-6: 8; --Maison-Engagement-Text-Nb-Lines-7: 10; --Maison-Engagement-Text-Nb-Lines-8: 11; --Maison-Engagement-Text-Nb-Lines-9: 8; --Maison-Engagement-Text-Nb-Lines-10: 11; --Maison-Engagement-Text-Nb-Lines: var(--Maison-Engagement-Text-Nb-Lines-1); /* ROOT MAISON NOM TEXT HEIGHT ------------------------------------------------ */ --Maison-Engagement-Text-Height: calc((var(--Maison-Engagement-Text-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT MAISON NOM TEXT CONTAINER HEIGHT -------------------------------------- */ --Maison-Engagement-Text-Container-Height: var(--Maison-Engagement-Text-Height); /* ROOT MAISON NOM MAIN CONTAINER HEIGHT ---------------------------------------- */ --Maison-Engagement-Main-Container-Height: calc((var(--Maison-Engagement-Text-Container-Top)) + (var(--Maison-Engagement-Text-Container-Height))); /* ROOT MAISON NOM MAIN CONTAINER WIDTH ----------------------------------------- */ --Maison-Engagement-Main-Container-Width: var(--Maison-Engagement-Full-Container-Width); /* ROOT MAISON NOM TEXT CONTAINER WIDTH ----------------------------------------- */ --Maison-Engagement-Text-Container-Width: var(--Maison-Engagement-Full-Container-Width); /* ROOT MAISON NOM FULL CONTAINER HEIGHT ---------------------------------------- */ --Maison-Engagement-Full-Container-Height: var(--Maison-Engagement-Main-Container-Height); /* ROOT MAISON NOM GLOBAL CONTAINER HEIGHT -------------------------------------- */ --Maison-Engagement-Global-Container-Height: var(--Maison-Engagement-Full-Container-Height); /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON SECOND IMAGES ---------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON SECOND IMAGES GLOBAL CONTAINER TOP ------------------------------- */ --Maison-Second-Images-Global-Container-Top: calc((var(--Maison-Engagement-Global-Container-Height)) + (var(--Maison-Engagement-Global-Container-Top)) + (var(--Maison-Global-Inside-Gap))); /* ROOT MAISON SECOND IMAGES CONTAINER 1 WIDTH ---------------------------------- */ --Maison-Second-Images-Container-1-Width-1: calc((3 * (var(--Column-Site-Width))) + (2 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Maison-Second-Images-Container-1-Width-2: calc((11 * (var(--Column-Site-Width))) + (10 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Maison-Second-Images-Container-1-Width-3: calc((7 * (var(--Column-Site-Width))) + (6 * (var(--Column-Gap)))); /* 1700 - 1601 */ --Maison-Second-Images-Container-1-Width-4: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); /* 1600 - 1071 */ --Maison-Second-Images-Container-1-Width-5: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /* 1070 - 0731 */ --Maison-Second-Images-Container-1-Width-6: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 0730 - 0000 */ --Maison-Second-Images-Container-1-Width: var(--Maison-Second-Images-Container-1-Width-1); /* ROOT MAISON SECOND IMAGES CONTAINER 2 WIDTH ---------------------------------- */ --Maison-Second-Images-Container-2-Width-1: calc((2 * (var(--Column-Site-Width))) + (1 * (var(--Column-Gap)))); /* XTRA - 1601 */ --Maison-Second-Images-Container-2-Width-2: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); /* 1600 - 1071 */ --Maison-Second-Images-Container-2-Width-3: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /* 1070 - 0731 */ --Maison-Second-Images-Container-2-Width-4: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 0730 - 0000 */ --Maison-Second-Images-Container-2-Width: var(--Maison-Second-Images-Container-2-Width-1); /* ROOT MAISON SECOND IMAGES CONTAINER 3 WIDTH ---------------------------------- */ --Maison-Second-Images-Container-3-Width: var(--Maison-Second-Images-Container-1-Width); /* ROOT MAISON SECOND IMAGES CONTAINER 1 HEIGHT --------------------------------- */ --Maison-Second-Images-Container-1-Height-1: calc((var(--Maison-Second-Images-Container-1-Width)) * 1.4); --Maison-Second-Images-Container-1-Height-2: calc((var(--Maison-Second-Images-Container-1-Height-1)) / 3); --Maison-Second-Images-Container-1-Height: var(--Maison-Second-Images-Container-1-Height-1); /* ROOT MAISON SECOND IMAGES CONTAINER 2 HEIGHT --------------------------------- */ --Maison-Second-Images-Container-2-Height-1: calc((var(--Maison-Second-Images-Container-2-Width)) * 1.4); --Maison-Second-Images-Container-2-Height-2: calc((var(--Maison-Second-Images-Container-2-Height-1)) / 3); --Maison-Second-Images-Container-2-Height: var(--Maison-Second-Images-Container-2-Height-1); /* ROOT MAISON SECOND IMAGES CONTAINER 3 HEIGHT --------------------------------- */ --Maison-Second-Images-Container-3-Height-1: calc((var(--Maison-Second-Images-Container-3-Width)) * 1.4); --Maison-Second-Images-Container-3-Height-2: calc((var(--Maison-Second-Images-Container-3-Height-1)) / 3); --Maison-Second-Images-Container-3-Height: var(--Maison-Second-Images-Container-3-Height-1); /* ROOT MAISON SECOND IMAGES CONTAINER 2 LEFT ----------------------------------- */ --Maison-Second-Images-Container-2-Left-1: calc((var(--Site-Margins)) + (3 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1601 */; --Maison-Second-Images-Container-2-Left-2: calc((var(--Site-Margins)) + (4 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1600 - 1071 */; --Maison-Second-Images-Container-2-Left-3: var(--Site-Margins); /* 1070 - 0000 */; --Maison-Second-Images-Container-2-Left: var(--Maison-Second-Images-Container-2-Left-1); /* ROOT MAISON SECOND IMAGES CONTAINER 3 LEFT ----------------------------------- */ --Maison-Second-Images-Container-3-Left-1: calc((var(--Site-Margins)) + (5 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */; --Maison-Second-Images-Container-3-Left-2: calc((var(--Site-Margins)) + (11 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */; --Maison-Second-Images-Container-3-Left-3: calc((var(--Site-Margins)) + (7 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1601 */; --Maison-Second-Images-Container-3-Left-4: calc((var(--Site-Margins)) + (8 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1600 - 1071 */; --Maison-Second-Images-Container-3-Left-5: var(--Site-Margins); /* 1070 - 0731 */; --Maison-Second-Images-Container-3-Left: var(--Maison-Second-Images-Container-3-Left-1); /* ROOT MAISON SECOND IMAGES CONTAINER 1 TOP ------------------------------------ */ --Maison-Second-Images-Container-1-Top-1: calc((var(--Maison-Second-Images-Container-1-Height)) - (var(--Maison-Second-Images-Container-2-Height))); --Maison-Second-Images-Container-1-Top-2: calc((var(--Maison-Second-Images-Container-1-Height)) - (var(--Maison-Second-Images-Container-1-Width))); --Maison-Second-Images-Container-1-Top-3: var(--Maison-Second-Images-Container-1-Height); --Maison-Second-Images-Container-1-Top-4: calc(2 * ((var(--Maison-Second-Images-Container-1-Height)) + (var(--Maison-Global-Inside-Gap)))); --Maison-Second-Images-Container-1-Top: var(--Maison-Second-Images-Container-1-Top-1); /* ROOT MAISON SECOND IMAGES CONTAINER 2 TOP ------------------------------------ */ --Maison-Second-Images-Container-2-Top-1: var(--Maison-Second-Images-Container-1-Top); --Maison-Second-Images-Container-2-Top-2: calc((var(--Maison-Second-Images-Container-1-Height)) / 2); --Maison-Second-Images-Container-2-Top-3: calc((var(--Maison-Second-Images-Container-1-Height)) + (var(--Maison-Global-Inside-Gap))); --Maison-Second-Images-Container-2-Top: var(--Maison-Second-Images-Container-2-Top-1); /* ROOT MAISON SECOND IMAGES GLOBAL CONTAINER HEIGHT ---------------------------- */ --Maison-Second-Images-Global-Container-Height: calc((var(--Maison-Second-Images-Container-1-Height)) + (var(--Maison-Second-Images-Container-1-Top))); /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON ARTISANAT -------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON ARTISANAT GLOBAL CONTAINER TOP ----------------------------------- */ --Maison-Artisanat-Global-Container-Top-1: var(--Scroll-Gap-Large); --Maison-Artisanat-Global-Container-Top-1: 3200px; --Maison-Artisanat-Global-Container-Top-2: var(--Scroll-Gap-Short); --Maison-Artisanat-Global-Container-Top: var(--Maison-Artisanat-Global-Container-Top-1); --Maison-Artisanat-Global-Container-Top: calc((var(--Maison-Second-Images-Global-Container-Height)) + (var(--Maison-Second-Images-Global-Container-Top)) + (var(--Maison-Global-Inside-Gap))); /* ROOT MAISON ARTISANAT FULL CONTAINER LEFT ------------------------------------ */ --Maison-Artisanat-Full-Container-Left-1: calc((var(--Site-Margins)) + (4 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */; --Maison-Artisanat-Full-Container-Left-2: calc((var(--Site-Margins)) + (11 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */; --Maison-Artisanat-Full-Container-Left-3: calc((var(--Site-Margins)) + (7 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1601 */; --Maison-Artisanat-Full-Container-Left-4: calc((var(--Site-Margins)) + (6 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1600 - 1071 */; --Maison-Artisanat-Full-Container-Left-5: var(--Site-Margins); /* 1070 - 0731 */; --Maison-Artisanat-Full-Container-Left: var(--Maison-Artisanat-Full-Container-Left-1); /* ROOT MAISON ARTISANAT FULL CONTAINER WIDTH ------------------------------------ */ --Maison-Artisanat-Full-Container-Width-1: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Maison-Artisanat-Full-Container-Width-2: calc((11 * (var(--Column-Site-Width))) + (10 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Maison-Artisanat-Full-Container-Width-3: calc((7 * (var(--Column-Site-Width))) + (6 * (var(--Column-Gap)))); /* 1700 - 1601 */ --Maison-Artisanat-Full-Container-Width-4: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 1600 - 1071 */ --Maison-Artisanat-Full-Container-Width-5: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /* 1070 - 0731 */ --Maison-Artisanat-Full-Container-Width-6: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 0730 - 0000 */ --Maison-Artisanat-Full-Container-Width: var(--Maison-Artisanat-Full-Container-Width-1); /* ROOT MAISON ARTISANAT TITLE NB LINES ----------------------------------------- */ --Maison-Artisanat-Title-Nb-Lines-1: 1; --Maison-Artisanat-Title-Nb-Lines-2: 2; --Maison-Artisanat-Title-Nb-Lines: var(--Maison-Artisanat-Title-Nb-Lines-1); /* ROOT MAISON ARTISANAT TITLE HEIGHT ------------------------------------------- */ --Maison-Artisanat-Title-Height: calc((var(--Maison-Artisanat-Title-Nb-Lines)) * (var(--Lh-Title-Txt-2))); /* ROOT MAISON ARTISANAT TITLE CONTAINER HEIGHT --------------------------------- */ --Maison-Artisanat-Title-Container-Height: var(--Maison-Artisanat-Title-Height); /* ROOT MAISON ARTISANAT TITLE CONTAINER WIDTH ---------------------------------- */ --Maison-Artisanat-Title-Container-Width: var(--Maison-Artisanat-Full-Container-Width); /* ROOT MAISON ARTISANAT TEXT CONTAINER TOP ------------------------------------- */ --Maison-Artisanat-Text-Container-Top: calc((var(--Maison-Artisanat-Title-Height)) + (var(--Maison-Global-Text-Gap))); /* ROOT MAISON ARTISANAT TEXT NB LINES ------------------------------------------ */ --Maison-Artisanat-Text-Nb-Lines-1: 6; --Maison-Artisanat-Text-Nb-Lines-2: 7; --Maison-Artisanat-Text-Nb-Lines-3: 9; --Maison-Artisanat-Text-Nb-Lines-4: 10; --Maison-Artisanat-Text-Nb-Lines-5: 6; --Maison-Artisanat-Text-Nb-Lines-6: 7; --Maison-Artisanat-Text-Nb-Lines-7: 9; --Maison-Artisanat-Text-Nb-Lines-8: 10; --Maison-Artisanat-Text-Nb-Lines-9: 7; --Maison-Artisanat-Text-Nb-Lines-10: 10; --Maison-Artisanat-Text-Nb-Lines: var(--Maison-Artisanat-Text-Nb-Lines-1); /* ROOT MAISON ARTISANAT TEXT HEIGHT -------------------------------------------- */ --Maison-Artisanat-Text-Height: calc((var(--Maison-Artisanat-Text-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT MAISON ARTISANAT TEXT CONTAINER HEIGHT ---------------------------------- */ --Maison-Artisanat-Text-Container-Height: var(--Maison-Artisanat-Text-Height); /* ROOT MAISON ARTISANAT MAIN CONTAINER HEIGHT ---------------------------------- */ --Maison-Artisanat-Main-Container-Height: calc((var(--Maison-Artisanat-Text-Container-Top)) + (var(--Maison-Artisanat-Text-Container-Height))); /* ROOT MAISON ARTISANAT MAIN CONTAINER WIDTH ----------------------------------- */ --Maison-Artisanat-Main-Container-Width: var(--Maison-Artisanat-Full-Container-Width); /* ROOT MAISON ARTISANAT TEXT CONTAINER WIDTH ----------------------------------- */ --Maison-Artisanat-Text-Container-Width: var(--Maison-Artisanat-Full-Container-Width); /* ROOT MAISON ARTISANAT FULL CONTAINER HEIGHT ---------------------------------- */ --Maison-Artisanat-Full-Container-Height: var(--Maison-Artisanat-Main-Container-Height); /* ROOT MAISON ARTISANAT GLOBAL CONTAINER HEIGHT -------------------------------- */ --Maison-Artisanat-Global-Container-Height: var(--Maison-Artisanat-Full-Container-Height); /* ------------- ---------------------------------------------------------------- */ --Maison-Second-Section-Height-1: calc((var(--Maison-Artisanat-Global-Container-Height)) + (var(--Maison-Artisanat-Global-Container-Top)) + (var(--Scroll-Gap-Large))); --Maison-Second-Section-Height-2: calc((var(--Maison-Artisanat-Global-Container-Height)) + (var(--Maison-Artisanat-Global-Container-Top)) + (var(--Scroll-Gap-Short))); --Maison-Second-Section-Height: var(--Maison-Second-Section-Height-1); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT SECTION THIRD ----------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON THIRD SECTION TOP ------------------------------------------------ */ --Maison-Third-Section-Top: calc((var(--Maison-Second-Section-Height)) + (var(--Maison-Second-Section-Top))); /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON PUNCHLINE -------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON PUNCHLINE CONTAINER TOP ------------------------------------------ */ --Maison-Punchline-Container-Top: var(--Maison-Global-Inside-Gap); /* ROOT MAISON PUNCHLINE TEXT NB LINES ------------------------------------------ */ --Maison-Punchline-Text-Nb-Lines-1: 2; --Maison-Punchline-Text-Nb-Lines-2: 3; --Maison-Punchline-Text-Nb-Lines-3: 4; --Maison-Punchline-Text-Nb-Lines-4: 5; --Maison-Punchline-Text-Nb-Lines: var(--Maison-Punchline-Text-Nb-Lines-1); /* ROOT MAISON PUNCHLINE TEXT HEIGHT -------------------------------------------- */ --Maison-Punchline-Text-Height: calc((var(--Maison-Punchline-Text-Nb-Lines)) * (var(--Lh-Maison-Punchline-Txt))); /* ROOT MAISON PUNCHLINE CONTAINER HEIGHT --------------------------------------- */ --Maison-Punchline-Container-Height: var(--Maison-Punchline-Text-Height); /* ROOT MAISON PUNCHLINE GLOBAL CONTAINER HEIGHT -------------------------------- */ --Maison-Punchline-Global-Container-Height: calc((var(--Maison-Punchline-Container-Height)) + (2 * (var(--Maison-Global-Inside-Gap)))); /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON THIRD 1 IMAGES --------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON THIRD 1 IMAGES GLOBAL CONTAINER TOP ------------------------------ */ /* --Maison-Third-1-Images-Global-Container-Top: calc((var(--Maison-Punchline-Global-Container-Height)) + (2 * (var(--Maison-Global-Inside-Gap)))); */ --Maison-Third-1-Images-Global-Container-Top: var(--Maison-Punchline-Global-Container-Height); /* ROOT MAISON THIRD 1 IMAGES CONTAINER 1 WIDTH ---------------------------------- */ --Maison-Third-1-Images-Container-1-Width-1: calc((2 * (var(--Column-Site-Width))) + (1 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Maison-Third-1-Images-Container-1-Width-2: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Maison-Third-1-Images-Container-1-Width-3: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); /* 1700 - 1601 */ --Maison-Third-1-Images-Container-1-Width-4: calc((3 * (var(--Column-Site-Width))) + (2 * (var(--Column-Gap)))); /* 1600 - 1071 */ --Maison-Third-1-Images-Container-1-Width-5: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 1070 - 0731 */ --Maison-Third-1-Images-Container-1-Width-6: calc((3 * (var(--Column-Site-Width))) + (2 * (var(--Column-Gap)))); /* 0730 - 0000 */ --Maison-Third-1-Images-Container-1-Width: var(--Maison-Third-1-Images-Container-1-Width-1); /* ROOT MAISON THIRD 1 IMAGES CONTAINER 2 WIDTH ---------------------------------- */ --Maison-Third-1-Images-Container-2-Width-1: calc((2 * (var(--Column-Site-Width))) + (1 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Maison-Third-1-Images-Container-2-Width-2: calc((5 * (var(--Column-Site-Width))) + (4 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Maison-Third-1-Images-Container-2-Width-3: calc((3 * (var(--Column-Site-Width))) + (2 * (var(--Column-Gap)))); /* 1700 - 1071 */ /* --Maison-Third-1-Images-Container-2-Width-4: calc((3 * (var(--Column-Site-Width))) + (2 * (var(--Column-Gap)))); 1600 - 1071 */ --Maison-Third-1-Images-Container-2-Width-4: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 1070 - 0731 */ --Maison-Third-1-Images-Container-2-Width-5: calc((3 * (var(--Column-Site-Width))) + (2 * (var(--Column-Gap)))); /* 0730 - 0000 */ --Maison-Third-1-Images-Container-2-Width: var(--Maison-Third-1-Images-Container-2-Width-1); /* ROOT MAISON THIRD 1 IMAGES CONTAINER 3 WIDTH ---------------------------------- */ --Maison-Third-1-Images-Container-3-Width: var(--Maison-Third-1-Images-Container-2-Width); /* ROOT MAISON THIRD 1 IMAGES CONTAINER 4 WIDTH ---------------------------------- */ --Maison-Third-1-Images-Container-4-Width: var(--Maison-Third-1-Images-Container-1-Width); /* ROOT MAISON THIRD 1 IMAGES CONTAINER 1 HEIGHT --------------------------------- */ --Maison-Third-1-Images-Container-1-Height: calc((var(--Maison-Third-1-Images-Container-1-Width)) * 2); /* ROOT MAISON THIRD 1 IMAGES CONTAINER 2 HEIGHT --------------------------------- */ --Maison-Third-1-Images-Container-2-Height: calc((var(--Maison-Third-1-Images-Container-1-Width)) * 1.5); /* ROOT MAISON THIRD 1 IMAGES CONTAINER 3 HEIGHT --------------------------------- */ --Maison-Third-1-Images-Container-3-Height: calc((var(--Maison-Third-1-Images-Container-1-Width)) * 1); /* ROOT MAISON THIRD 1 IMAGES CONTAINER 4 HEIGHT --------------------------------- */ --Maison-Third-1-Images-Container-4-Height: calc((var(--Maison-Third-1-Images-Container-1-Width)) / 2); /* ROOT MAISON THIRD 1 IMAGES CONTAINER 2 LEFT ----------------------------------- */ --Maison-Third-1-Images-Container-2-Left-1: calc((var(--Site-Margins)) + (2 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */; --Maison-Third-1-Images-Container-2-Left-2: calc((var(--Site-Margins)) + (6 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */; --Maison-Third-1-Images-Container-2-Left-3: calc((var(--Site-Margins)) + (4 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1601 */; --Maison-Third-1-Images-Container-2-Left-4: calc((var(--Site-Margins)) + (3 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1600 - 1071 */; --Maison-Third-1-Images-Container-2-Left-5: calc((var(--Site-Margins)) + (6 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1070 - 0731 */; --Maison-Third-1-Images-Container-2-Left-6: calc((var(--Site-Margins)) + (3 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 0730 - 0000 */; --Maison-Third-1-Images-Container-2-Left: var(--Maison-Third-1-Images-Container-2-Left-1); /* ROOT MAISON THIRD 1 IMAGES CONTAINER 3 LEFT ----------------------------------- */ --Maison-Third-1-Images-Container-3-Left-1: calc((var(--Site-Margins)) + (4 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */; --Maison-Third-1-Images-Container-3-Left-2: calc((var(--Site-Margins)) + (11 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */; --Maison-Third-1-Images-Container-3-Left-3: calc((var(--Site-Margins)) + (7 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1601 */; --Maison-Third-1-Images-Container-3-Left-4: calc((var(--Site-Margins)) + (6 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1600 - 0731 */; --Maison-Third-1-Images-Container-3-Left-5: calc((var(--Site-Margins)) + (3 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 0730 - 0000 */; --Maison-Third-1-Images-Container-3-Left: var(--Maison-Third-1-Images-Container-3-Left-1); /* ROOT MAISON THIRD 1 IMAGES CONTAINER 4 LEFT ----------------------------------- */ --Maison-Third-1-Images-Container-4-Left-1: calc((var(--Site-Margins)) + (6 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */; --Maison-Third-1-Images-Container-4-Left-2: calc((var(--Site-Margins)) + (16 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */; --Maison-Third-1-Images-Container-4-Left-3: calc((var(--Site-Margins)) + (10 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1601 */; --Maison-Third-1-Images-Container-4-Left-4: calc((var(--Site-Margins)) + (9 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1600 - 1071 */; --Maison-Third-1-Images-Container-4-Left-5: var(--Site-Margins); /* 1070 - 0000 */; --Maison-Third-1-Images-Container-4-Left: var(--Maison-Third-1-Images-Container-4-Left-1); /* ROOT MAISON THIRD 1 IMAGES CONTAINER 2 TOP --------------------------------- */ --Maison-Third-1-Images-Container-2-Top-1: 0px; --Maison-Third-1-Images-Container-2-Top-2: calc((var(--Maison-Third-1-Images-Container-3-Height)) + (var(--Maison-Global-Inside-Gap-2))); --Maison-Third-1-Images-Container-2-Top-3: calc((var(--Maison-Third-1-Images-Container-3-Height)) + 20px); --Maison-Third-1-Images-Container-2-Top: var(--Maison-Third-1-Images-Container-2-Top-1); /* ROOT MAISON THIRD 1 IMAGES CONTAINER 4 TOP --------------------------------- */ --Maison-Third-1-Images-Container-4-Top-1: 0px; --Maison-Third-1-Images-Container-4-Top-2: calc((var(--Maison-Third-1-Images-Container-1-Height)) + (var(--Maison-Global-Inside-Gap-2))); --Maison-Third-1-Images-Container-4-Top-3: calc((var(--Maison-Third-1-Images-Container-1-Height)) + 20px); --Maison-Third-1-Images-Container-4-Top: var(--Maison-Third-1-Images-Container-4-Top-1); /* ROOT MAISON THIRD 1 IMAGES GLOBAL CONTAINER HEIGHT --------------------------- */ --Maison-Third-1-Images-Global-Container-Height-1: var(--Maison-Third-1-Images-Container-1-Height); --Maison-Third-1-Images-Global-Container-Height-2: calc((var(--Maison-Third-1-Images-Container-1-Height)) + (var(--Maison-Third-1-Images-Container-4-Height)) + (var(--Maison-Global-Inside-Gap-2))); --Maison-Third-1-Images-Global-Container-Height-3: calc((var(--Maison-Third-1-Images-Container-1-Height)) + (var(--Maison-Third-1-Images-Container-4-Height)) + 20px); --Maison-Third-1-Images-Global-Container-Height: var(--Maison-Third-1-Images-Global-Container-Height-1); /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON MATERIAUX -------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON MATERIAUX GLOBAL CONTAINER TOP ----------------------------------- */ --Maison-Materiaux-Global-Container-Top-1: calc((var(--Maison-Third-1-Images-Global-Container-Height)) + (var(--Maison-Third-1-Images-Global-Container-Top))); --Maison-Materiaux-Global-Container-Top-2: calc((var(--Maison-Third-1-Images-Global-Container-Height)) + (var(--Maison-Third-1-Images-Global-Container-Top)) + (var(--Maison-Global-Inside-Gap))); --Maison-Materiaux-Global-Container-Top: var(--Maison-Materiaux-Global-Container-Top-1); /* ROOT MAISON MATERIAUX FULL CONTAINER LEFT ------------------------------------ */ --Maison-Materiaux-Full-Container-Left-1: calc((var(--Site-Margins)) + (4 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */; --Maison-Materiaux-Full-Container-Left-2: calc((var(--Site-Margins)) + (11 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */; --Maison-Materiaux-Full-Container-Left-3: calc((var(--Site-Margins)) + (7 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1601 */; --Maison-Materiaux-Full-Container-Left-4: calc((var(--Site-Margins)) + (6 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1600 - 1071 */; --Maison-Materiaux-Full-Container-Left-5: var(--Site-Margins); /* 1070 - 0731 */; --Maison-Materiaux-Full-Container-Left: var(--Maison-Materiaux-Full-Container-Left-1); /* ROOT MAISON MATERIAUX FULL CONTAINER WIDTH ------------------------------------ */ --Maison-Materiaux-Full-Container-Width-1: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Maison-Materiaux-Full-Container-Width-2: calc((11 * (var(--Column-Site-Width))) + (10 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Maison-Materiaux-Full-Container-Width-3: calc((7 * (var(--Column-Site-Width))) + (6 * (var(--Column-Gap)))); /* 1700 - 1601 */ --Maison-Materiaux-Full-Container-Width-4: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 1600 - 1071 */ --Maison-Materiaux-Full-Container-Width-5: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /* 1070 - 0731 */ --Maison-Materiaux-Full-Container-Width-6: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 0730 - 0000 */ --Maison-Materiaux-Full-Container-Width: var(--Maison-Materiaux-Full-Container-Width-1); /* ROOT MAISON MATERIAUX TITLE NB LINES ----------------------------------------- */ --Maison-Materiaux-Title-Nb-Lines-1: 1; --Maison-Materiaux-Title-Nb-Lines-2: 2; --Maison-Materiaux-Title-Nb-Lines: var(--Maison-Materiaux-Title-Nb-Lines-1); /* ROOT MAISON MATERIAUX TITLE HEIGHT ------------------------------------------- */ --Maison-Materiaux-Title-Height: calc((var(--Maison-Materiaux-Title-Nb-Lines)) * (var(--Lh-Title-Txt-2))); /* ROOT MAISON MATERIAUX TITLE CONTAINER HEIGHT --------------------------------- */ --Maison-Materiaux-Title-Container-Height: var(--Maison-Materiaux-Title-Height); /* ROOT MAISON MATERIAUX TITLE CONTAINER WIDTH ---------------------------------- */ --Maison-Materiaux-Title-Container-Width: var(--Maison-Materiaux-Full-Container-Width); /* ROOT MAISON MATERIAUX TEXT CONTAINER TOP ------------------------------------- */ --Maison-Materiaux-Text-Container-Top: calc((var(--Maison-Materiaux-Title-Height)) + (var(--Maison-Global-Text-Gap))); /* ROOT MAISON MATERIAUX TEXT NB LINES ------------------------------------------ */ --Maison-Materiaux-Text-Nb-Lines-1: 4; --Maison-Materiaux-Text-Nb-Lines-2: 5; --Maison-Materiaux-Text-Nb-Lines-3: 6; --Maison-Materiaux-Text-Nb-Lines-4: 6; --Maison-Materiaux-Text-Nb-Lines-5: 4; --Maison-Materiaux-Text-Nb-Lines-6: 5; --Maison-Materiaux-Text-Nb-Lines-7: 6; --Maison-Materiaux-Text-Nb-Lines-8: 6; --Maison-Materiaux-Text-Nb-Lines-9: 5; --Maison-Materiaux-Text-Nb-Lines-10: 6; --Maison-Materiaux-Text-Nb-Lines: var(--Maison-Materiaux-Text-Nb-Lines-1); /* ROOT MAISON MATERIAUX TEXT HEIGHT -------------------------------------------- */ --Maison-Materiaux-Text-Height: calc((var(--Maison-Materiaux-Text-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT MAISON MATERIAUX TEXT CONTAINER HEIGHT ---------------------------------- */ --Maison-Materiaux-Text-Container-Height: var(--Maison-Materiaux-Text-Height); /* ROOT MAISON MATERIAUX MAIN CONTAINER HEIGHT ---------------------------------- */ --Maison-Materiaux-Main-Container-Height: calc((var(--Maison-Materiaux-Text-Container-Top)) + (var(--Maison-Materiaux-Text-Container-Height))); /* ROOT MAISON MATERIAUX MAIN CONTAINER WIDTH ----------------------------------- */ --Maison-Materiaux-Main-Container-Width: var(--Maison-Materiaux-Full-Container-Width); /* ROOT MAISON MATERIAUX TEXT CONTAINER WIDTH ----------------------------------- */ --Maison-Materiaux-Text-Container-Width: var(--Maison-Materiaux-Full-Container-Width); /* ROOT MAISON MATERIAUX FULL CONTAINER HEIGHT ---------------------------------- */ --Maison-Materiaux-Full-Container-Height: var(--Maison-Materiaux-Main-Container-Height); /* ROOT MAISON MATERIAUX GLOBAL CONTAINER HEIGHT -------------------------------- */ --Maison-Materiaux-Global-Container-Height: var(--Maison-Materiaux-Full-Container-Height); /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON THIRD 2 IMAGES --------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON THIRD 2 IMAGES GLOBAL CONTAINER TOP ------------------------------ */ --Maison-Third-2-Images-Global-Container-Top-1: calc((var(--Maison-Materiaux-Global-Container-Height)) + (var(--Maison-Materiaux-Global-Container-Top)) + (var(--Scroll-Gap-Large))); --Maison-Third-2-Images-Global-Container-Top-1: calc((var(--Maison-Materiaux-Global-Container-Height)) + (var(--Maison-Materiaux-Global-Container-Top)) + (var(--Maison-Global-Inside-Gap))); --Maison-Third-2-Images-Global-Container-Top-2: calc((var(--Maison-Materiaux-Global-Container-Height)) + (var(--Maison-Materiaux-Global-Container-Top)) + (var(--Maison-Global-Inside-Gap))); --Maison-Third-2-Images-Global-Container-Top: var(--Maison-Third-2-Images-Global-Container-Top-1); /* ROOT MAISON THIRD 2 IMAGES CONTAINER WIDTH ----------------------------------------- */ --Maison-Third-2-Images-Container-Width-1: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Maison-Third-2-Images-Container-Width-2: calc((11 * (var(--Column-Site-Width))) + (10 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Maison-Third-2-Images-Container-Width-3: calc((7 * (var(--Column-Site-Width))) + (6 * (var(--Column-Gap)))); /* 1700 - 1601 */ --Maison-Third-2-Images-Container-Width-4: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 1600 - 1071 */ --Maison-Third-2-Images-Container-Width-5: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /* 1070 - 0731 */ --Maison-Third-2-Images-Container-Width-6: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 0730 - 0000 */ --Maison-Third-2-Images-Container-Width: var(--Maison-Third-2-Images-Container-Width-1); /* ROOT MAISON THIRD 2 IMAGES CONTAINER 1 HEIGHT --------------------------------- */ --Maison-Third-2-Images-Container-1-Height: calc((var(--Maison-Third-2-Images-Container-Width))); /* ROOT MAISON THIRD 2 IMAGES CONTAINER 2 HEIGHT --------------------------------- */ --Maison-Third-2-Images-Container-2-Height: calc((var(--Maison-Third-2-Images-Container-Width)) / 2); /* ROOT MAISON THIRD 2 IMAGES CONTAINER 2 LEFT ----------------------------------- */ --Maison-Third-2-Images-Container-2-Left-1: calc((var(--Site-Margins)) + (4 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */; --Maison-Third-2-Images-Container-2-Left-2: calc((var(--Site-Margins)) + (11 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */; --Maison-Third-2-Images-Container-2-Left-3: calc((var(--Site-Margins)) + (7 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1601 */; --Maison-Third-2-Images-Container-2-Left-4: calc((var(--Site-Margins)) + (6 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1600 - 1071 */; --Maison-Third-2-Images-Container-2-Left-5: var(--Site-Margins); /* 1070 - 0731 */; --Maison-Third-2-Images-Container-2-Left: var(--Maison-Third-2-Images-Container-2-Left-1); /* ROOT MAISON THIRD 2 IMAGES CONTAINER 2 TOP --------------------------------- */ --Maison-Third-2-Images-Container-2-Top-1: var(--Maison-Third-2-Images-Container-2-Height); --Maison-Third-2-Images-Container-2-Top-2: calc((var(--Maison-Third-2-Images-Container-1-Height)) + (var(--Maison-Global-Inside-Gap))); /* --Maison-Third-2-Images-Container-2-Top-3: calc((var(--Maison-Third-1-Images-Container-3-Height)) + 20px); */ --Maison-Third-2-Images-Container-2-Top: var(--Maison-Third-2-Images-Container-2-Top-1); /* ROOT MAISON THIRD 2 IMAGES GLOBAL CONTAINER HEIGHT --------------------------- */ --Maison-Third-2-Images-Global-Container-Height-1: var(--Maison-Third-2-Images-Container-1-Height); /* --Maison-Third-2-Images-Global-Container-Height-2: calc((var(--Maison-Third-2-Images-Container-1-Height)) + (var(--Maison-Third-2-Images-Container-2-Height)) + (var(--Maison-Global-Inside-Gap-2))); */ --Maison-Third-2-Images-Global-Container-Height-2: calc((var(--Maison-Third-2-Images-Container-1-Height)) + (var(--Maison-Third-2-Images-Container-2-Height)) + (var(--Maison-Global-Inside-Gap))); /* --Maison-Third-2-Images-Global-Container-Height-3: calc((var(--Maison-Third-2-Images-Container-1-Height)) + (var(--Maison-Third-2-Images-Container-2-Height)) + 20px); */ --Maison-Third-2-Images-Global-Container-Height: var(--Maison-Third-2-Images-Global-Container-Height-1); /* ------------- ---------------------------------------------------------------- */ --Maison-Third-Section-Height-1: calc((var(--Maison-Third-2-Images-Global-Container-Height)) + (var(--Maison-Third-2-Images-Global-Container-Top)) + (var(--Scroll-Gap-Large))); --Maison-Third-Section-Height-2: calc((var(--Maison-Third-2-Images-Global-Container-Height)) + (var(--Maison-Third-2-Images-Global-Container-Top)) + (var(--Scroll-Gap-Short))); --Maison-Third-Section-Height: var(--Maison-Third-Section-Height-1); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT SECTION SHOWROOM -------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON SHOWROOM SECTION TOP --------------------------------------------- */ --Maison-Showroom-Section-Top: calc((var(--Maison-Third-Section-Top)) + 200px); /* ROOT MAISON SHOWROOM IMAGE CONTAINER 1 WIDTH --------------------------------- */ --Maison-Showroom-Image-Container-1-Width-1: calc((var(--Site-Margins)) + (3 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */; --Maison-Showroom-Image-Container-1-Width-2: calc((var(--Site-Margins)) + (8 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */; --Maison-Showroom-Image-Container-1-Width-3: calc((var(--Site-Margins)) + (5 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1441 */; --Maison-Showroom-Image-Container-1-Width-4: 50vw; --Maison-Showroom-Image-Container-1-Width: var(--Maison-Showroom-Image-Container-1-Width-1); /* ROOT MAISON SHOWROOM IMAGE CONTAINER 2 WIDTH --------------------------------- */ --Maison-Showroom-Image-Container-2-Width-1: calc((var(--Site-Margins)) + (5 * (var(--Column-Site-Width))) + (4 * (var(--Column-Gap)))); /* XTRA - 1801 */; --Maison-Showroom-Image-Container-2-Width-2: calc((var(--Site-Margins)) + (14 * (var(--Column-Site-Width))) + (13 * (var(--Column-Gap)))); /* 1800 - 1701 */; --Maison-Showroom-Image-Container-2-Width-3: calc((var(--Site-Margins)) + (9 * (var(--Column-Site-Width))) + (8 * (var(--Column-Gap)))); /* 1700 - 1441 */; --Maison-Showroom-Image-Container-2-Width-4: calc((var(--Site-Margins)) + (7 * (var(--Column-Site-Width))) + (6 * (var(--Column-Gap)))); /* 1700 - 1441 */; --Maison-Showroom-Image-Container-2-Width-5: 50vw; --Maison-Showroom-Image-Container-2-Width-6: 100vw; --Maison-Showroom-Image-Container-2-Width: var(--Maison-Showroom-Image-Container-2-Width-1); /* ROOT MAISON SHOWROOM IMAGE CONTAINER 2 LEFT ---------------------------------- */ --Maison-Showroom-Image-Container-2-Left-1: var(--Maison-Showroom-Image-Container-1-Width); --Maison-Showroom-Image-Container-2-Left-2: 0px; --Maison-Showroom-Image-Container-2-Left: var(--Maison-Showroom-Image-Container-2-Left-1); /* ROOT MAISON SHOWROOM SECTION HEIGHT ------------------------------------------ */ --Maison-Showroom-Section-Height: calc((var(--Maison-Third-Section-Height)) + 2000px); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT SECTION FOURTH ---------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON FOURTH SECTION TOP ----------------------------------------------- */ --Maison-Fourth-Section-Top: calc((var(--Maison-Third-Section-Top)) + (var(--Maison-Third-Section-Height)) + 1080px); /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON PIERRES ---------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON PIERRES GLOBAL CONTAINER TOP ------------------------------------- */ --Maison-Pierres-Global-Container-Top-1: var(--Scroll-Gap-Large); --Maison-Pierres-Global-Container-Top-2: var(--Scroll-Gap-Short); --Maison-Pierres-Global-Container-Top: var(--Maison-Pierres-Global-Container-Top-1); /* ROOT MAISON PIERRES FULL CONTAINER LEFT -------------------------------------- */ --Maison-Pierres-Full-Container-Left-1: calc((var(--Site-Margins)) + (4 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */; --Maison-Pierres-Full-Container-Left-2: calc((var(--Site-Margins)) + (11 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */; --Maison-Pierres-Full-Container-Left-3: calc((var(--Site-Margins)) + (7 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1601 */; --Maison-Pierres-Full-Container-Left-4: calc((var(--Site-Margins)) + (6 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1600 - 1071 */; --Maison-Pierres-Full-Container-Left-5: var(--Site-Margins); /* 1070 - 0731 */; --Maison-Pierres-Full-Container-Left: var(--Maison-Pierres-Full-Container-Left-1); /* ROOT MAISON PIERRES FULL CONTAINER WIDTH ------------------------------------- */ --Maison-Pierres-Full-Container-Width-1: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Maison-Pierres-Full-Container-Width-2: calc((11 * (var(--Column-Site-Width))) + (10 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Maison-Pierres-Full-Container-Width-3: calc((7 * (var(--Column-Site-Width))) + (6 * (var(--Column-Gap)))); /* 1700 - 1601 */ --Maison-Pierres-Full-Container-Width-4: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 1600 - 1071 */ --Maison-Pierres-Full-Container-Width-5: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /* 1070 - 0731 */ --Maison-Pierres-Full-Container-Width-6: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 0730 - 0000 */ --Maison-Pierres-Full-Container-Width: var(--Maison-Pierres-Full-Container-Width-1); /* ROOT MAISON PIERRES TITLE NB LINES ------------------------------------------- */ --Maison-Pierres-Title-Nb-Lines-1: 1; --Maison-Pierres-Title-Nb-Lines-2: 2; --Maison-Pierres-Title-Nb-Lines: var(--Maison-Pierres-Title-Nb-Lines-1); /* ROOT MAISON PIERRES TITLE HEIGHT --------------------------------------------- */ --Maison-Pierres-Title-Height: calc((var(--Maison-Pierres-Title-Nb-Lines)) * (var(--Lh-Title-Txt-2))); /* ROOT MAISON PIERRES TITLE CONTAINER HEIGHT ----------------------------------- */ --Maison-Pierres-Title-Container-Height: var(--Maison-Pierres-Title-Height); /* ROOT MAISON PIERRES TITLE CONTAINER WIDTH ------------------------------------ */ --Maison-Pierres-Title-Container-Width: var(--Maison-Pierres-Full-Container-Width); /* ROOT MAISON PIERRES TEXT CONTAINER TOP --------------------------------------- */ --Maison-Pierres-Text-Container-Top: calc((var(--Maison-Pierres-Title-Height)) + (var(--Maison-Global-Text-Gap))); /* ROOT MAISON PIERRES TEXT 1 NB LINES ------------------------------------------ */ --Maison-Pierres-Text-Nb-Lines-1: 6; --Maison-Pierres-Text-Nb-Lines-2: 7; --Maison-Pierres-Text-Nb-Lines-3: 9; --Maison-Pierres-Text-Nb-Lines-4: 10; --Maison-Pierres-Text-Nb-Lines-5: 6; --Maison-Pierres-Text-Nb-Lines-6: 7; --Maison-Pierres-Text-Nb-Lines-7: 9; --Maison-Pierres-Text-Nb-Lines-8: 10; --Maison-Pierres-Text-Nb-Lines-9: 7; --Maison-Pierres-Text-Nb-Lines-10: 10; --Maison-Pierres-Text-Nb-Lines: var(--Maison-Pierres-Text-Nb-Lines-1); /* ROOT MAISON PIERRES TEXT HEIGHT ---------------------------------------------- */ --Maison-Pierres-Text-Height: calc((var(--Maison-Pierres-Text-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT MAISON PIERRES TEXT CONTAINER HEIGHT ------------------------------------ */ --Maison-Pierres-Text-Container-Height: var(--Maison-Pierres-Text-Height); /* ROOT MAISON PIERRES TEXT CONTAINER WIDTH ------------------------------------- */ --Maison-Pierres-Text-Container-Width: var(--Maison-Pierres-Full-Container-Width); /* ROOT MAISON PIERRES MAIN CONTAINER HEIGHT ------------------------------------ */ --Maison-Pierres-Main-Container-Height: calc((var(--Maison-Pierres-Text-Container-Top)) + (var(--Maison-Pierres-Text-Container-Height))); /* ROOT MAISON PIERRES MAIN CONTAINER WIDTH ------------------------------------- */ --Maison-Pierres-Main-Container-Width: var(--Maison-Pierres-Full-Container-Width); /* ROOT MAISON PIERRES FULL CONTAINER HEIGHT ------------------------------------ */ --Maison-Pierres-Full-Container-Height: var(--Maison-Pierres-Main-Container-Height); /* ROOT MAISON PIERRES GLOBAL CONTAINER HEIGHT ---------------------------------- */ --Maison-Pierres-Global-Container-Height: var(--Maison-Pierres-Full-Container-Height); /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON FOURTH IMAGES ---------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON FOURTH IMAGES GLOBAL CONTAINER TOP ------------------------------- */ --Maison-Fourth-Images-Global-Container-Top: calc((var(--Maison-Pierres-Global-Container-Top)) + (var(--Maison-Pierres-Global-Container-Height)) + (var(--Maison-Global-Inside-Gap))); /* ROOT MAISON FOURTH IMAGES GAP ------------------------------------------------ */ --Maison-Fourth-Images-Gap: 20px; /* ROOT MAISON FOURTH IMAGES CONTAINER 1 WIDTH ---------------------------------- */ --Maison-Fourth-Images-Container-1-Width-1: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Maison-Fourth-Images-Container-1-Width-2: calc((11 * (var(--Column-Site-Width))) + (10 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Maison-Fourth-Images-Container-1-Width-3: calc((7 * (var(--Column-Site-Width))) + (6 * (var(--Column-Gap)))); /* 1700 - 1601 */ --Maison-Fourth-Images-Container-1-Width-4: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 1600 - 1071 */ --Maison-Fourth-Images-Container-1-Width-5: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /* 1070 - 0731 */ --Maison-Fourth-Images-Container-1-Width-6: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 0730 - 0000 */ --Maison-Fourth-Images-Container-1-Width: var(--Maison-Fourth-Images-Container-1-Width-1); /* ROOT MAISON FOURTH IMAGES CONTAINER 2 WIDTH ---------------------------------- */ --Maison-Fourth-Images-Container-2-Width-1: calc((2 * (var(--Column-Site-Width))) + (1 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Maison-Fourth-Images-Container-2-Width-2: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Maison-Fourth-Images-Container-2-Width-3: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); /* 1700 - 1601 */ --Maison-Fourth-Images-Container-2-Width-4: calc((3 * (var(--Column-Site-Width))) + (2 * (var(--Column-Gap)))); /* 1600 - 1071 */ --Maison-Fourth-Images-Container-2-Width-5: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 1070 - 0731 */ --Maison-Fourth-Images-Container-2-Width-6: calc((3 * (var(--Column-Site-Width))) + (2 * (var(--Column-Gap)))); /* 0730 - 0000 */ --Maison-Fourth-Images-Container-2-Width: var(--Maison-Fourth-Images-Container-2-Width-1); /* ROOT MAISON FOURTH IMAGES CONTAINER 3 WIDTH ---------------------------------- */ --Maison-Fourth-Images-Container-3-Width: var(--Maison-Fourth-Images-Container-2-Width); /* ROOT MAISON FOURTH IMAGES CONTAINER 4 WIDTH ---------------------------------- */ --Maison-Fourth-Images-Container-4-Width: var(--Maison-Fourth-Images-Container-1-Width); /* ROOT MAISON FOURTH IMAGES CONTAINER 1 HEIGHT --------------------------------- */ --Maison-Fourth-Images-Container-1-Height: calc((var(--Maison-Fourth-Images-Container-1-Width)) / 1.5); /* ROOT MAISON FOURTH IMAGES CONTAINER 2 HEIGHT --------------------------------- */ --Maison-Fourth-Images-Container-2-Height: calc((var(--Maison-Fourth-Images-Container-2-Width)) / 1.5); /* ROOT MAISON FOURTH IMAGES CONTAINER 3 HEIGHT --------------------------------- */ --Maison-Fourth-Images-Container-3-Height: calc((var(--Maison-Fourth-Images-Container-3-Width)) / 1.5); /* ROOT MAISON FOURTH IMAGES CONTAINER 4 HEIGHT --------------------------------- */ --Maison-Fourth-Images-Container-4-Height: calc((var(--Maison-Fourth-Images-Container-4-Width)) / 1.5); /* ROOT MAISON FOURTH IMAGES CONTAINER 1 LEFT ----------------------------------- */ --Maison-Fourth-Images-Container-1-Left-1: calc((var(--Site-Margins)) + (4 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */; --Maison-Fourth-Images-Container-1-Left-2: calc((var(--Site-Margins)) + (11 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */; --Maison-Fourth-Images-Container-1-Left-3: calc((var(--Site-Margins)) + (7 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1601 */; --Maison-Fourth-Images-Container-1-Left-4: calc((var(--Site-Margins)) + (6 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1600 - 1071 */; --Maison-Fourth-Images-Container-1-Left-5: var(--Site-Margins); /* 1070 - 0000 */; --Maison-Fourth-Images-Container-1-Left: var(--Maison-Fourth-Images-Container-1-Left-1); /* ROOT MAISON FOURTH IMAGES CONTAINER 2 LEFT ----------------------------------- */ --Maison-Fourth-Images-Container-2-Left-1: calc((var(--Site-Margins)) + (2 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */; --Maison-Fourth-Images-Container-2-Left-2: calc((var(--Site-Margins)) + (5 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */; --Maison-Fourth-Images-Container-2-Left-3: calc((var(--Site-Margins)) + (3 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1071 */; --Maison-Fourth-Images-Container-2-Left-4: var(--Site-Margins); /* 1070 - 0000 */; --Maison-Fourth-Images-Container-2-Left: var(--Maison-Fourth-Images-Container-2-Left-1); /* ROOT MAISON FOURTH IMAGES CONTAINER 3 LEFT ----------------------------------- */ --Maison-Fourth-Images-Container-3-Left-1: var(--Maison-Fourth-Images-Container-1-Left); --Maison-Fourth-Images-Container-3-Left-2: calc((var(--Site-Margins)) + (6 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1071 */; --Maison-Fourth-Images-Container-3-Left-3: calc((var(--Site-Margins)) + (3 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1071 */; --Maison-Fourth-Images-Container-3-Left: var(--Maison-Fourth-Images-Container-3-Left-1); /* ROOT MAISON FOURTH IMAGES CONTAINER 2 TOP ------------------------------------ */ --Maison-Fourth-Images-Container-2-Top-1: calc((var(--Maison-Fourth-Images-Container-1-Height)) - (var(--Maison-Fourth-Images-Container-2-Height))); --Maison-Fourth-Images-Container-2-Top-2: calc((var(--Maison-Fourth-Images-Container-1-Height)) + (var(--Maison-Fourth-Images-Gap))); --Maison-Fourth-Images-Container-2-Top: var(--Maison-Fourth-Images-Container-2-Top-1); /* ROOT MAISON FOURTH IMAGES CONTAINER 3 TOP ------------------------------------ */ --Maison-Fourth-Images-Container-3-Top-1: var(--Maison-Fourth-Images-Container-2-Top-2); --Maison-Fourth-Images-Container-3-Top-2: calc((var(--Maison-Fourth-Images-Container-2-Top-2)) + (var(--Maison-Fourth-Images-Container-2-Height)) + (var(--Maison-Fourth-Images-Gap))); --Maison-Fourth-Images-Container-3-Top: var(--Maison-Fourth-Images-Container-2-Top-2); /* ROOT MAISON FOURTH IMAGES CONTAINER 4 TOP ------------------------------------ */ --Maison-Fourth-Images-Container-4-Top-1: var(--Maison-Fourth-Images-Container-3-Top-1); --Maison-Fourth-Images-Container-4-Top-2: calc((var(--Maison-Fourth-Images-Container-3-Top)) + (var(--Maison-Fourth-Images-Container-3-Height)) + (var(--Maison-Fourth-Images-Gap))); --Maison-Fourth-Images-Container-4-Top: var(--Maison-Fourth-Images-Container-4-Top-1); /* ROOT MAISON FOURTH IMAGES GLOBAL CONTAINER HEIGHT ---------------------------- */ --Maison-Fourth-Images-Global-Container-Height: calc((var(--Maison-Fourth-Images-Container-4-Height)) + (var(--Maison-Fourth-Images-Container-4-Top))); /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON DIAMANTS --------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON DIAMANTS GLOBAL CONTAINER TOP ------------------------------------ */ --Maison-Diamants-Global-Container-Top: calc((var(--Maison-Fourth-Images-Global-Container-Height)) + (var(--Maison-Fourth-Images-Global-Container-Top)) + (var(--Maison-Global-Inside-Gap))); /* ROOT MAISON DIAMANTS FULL CONTAINER LEFT ------------------------------------- */ --Maison-Diamants-Full-Container-Left: var(--Site-Margins); /* ROOT MAISON DIAMANTS FULL CONTAINER WIDTH ------------------------------------ */ --Maison-Diamants-Full-Container-Width-1: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Maison-Diamants-Full-Container-Width-2: calc((11 * (var(--Column-Site-Width))) + (10 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Maison-Diamants-Full-Container-Width-3: calc((7 * (var(--Column-Site-Width))) + (6 * (var(--Column-Gap)))); /* 1700 - 1601 */ --Maison-Diamants-Full-Container-Width-4: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 1600 - 1071 */ --Maison-Diamants-Full-Container-Width-5: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /* 1070 - 0731 */ --Maison-Diamants-Full-Container-Width-6: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 0730 - 0000 */ --Maison-Diamants-Full-Container-Width: var(--Maison-Diamants-Full-Container-Width-1); /* ROOT MAISON DIAMANTS TITLE NB LINES ------------------------------------------ */ --Maison-Diamants-Title-Nb-Lines: 1; /* ROOT MAISON DIAMANTS TITLE HEIGHT -------------------------------------------- */ --Maison-Diamants-Title-Height: calc((var(--Maison-Diamants-Title-Nb-Lines)) * (var(--Lh-Title-Txt-2))); /* ROOT MAISON DIAMANTS TITLE CONTAINER HEIGHT ---------------------------------- */ --Maison-Diamants-Title-Container-Height: var(--Maison-Diamants-Title-Height); /* ROOT MAISON DIAMANTS TITLE CONTAINER WIDTH ----------------------------------- */ --Maison-Diamants-Title-Container-Width: var(--Maison-Diamants-Full-Container-Width); /* ROOT MAISON DIAMANTS TEXT CONTAINER TOP -------------------------------------- */ --Maison-Diamants-Text-Container-Top: calc((var(--Maison-Diamants-Title-Height)) + (var(--Maison-Global-Text-Gap))); /* ROOT MAISON DIAMANTS TEXT 1 NB LINES ----------------------------------------- */ --Maison-Diamants-Text-Nb-Lines-1: 6; --Maison-Diamants-Text-Nb-Lines-2: 7; --Maison-Diamants-Text-Nb-Lines-3: 9; --Maison-Diamants-Text-Nb-Lines-4: 10; --Maison-Diamants-Text-Nb-Lines-5: 6; --Maison-Diamants-Text-Nb-Lines-6: 7; --Maison-Diamants-Text-Nb-Lines-7: 9; --Maison-Diamants-Text-Nb-Lines-8: 10; --Maison-Diamants-Text-Nb-Lines-9: 7; --Maison-Diamants-Text-Nb-Lines-10: 10; --Maison-Diamants-Text-Nb-Lines: var(--Maison-Diamants-Text-Nb-Lines-1); /* ROOT MAISON DIAMANTS TEXT HEIGHT --------------------------------------------- */ --Maison-Diamants-Text-Height: calc((var(--Maison-Diamants-Text-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT MAISON DIAMANTS TEXT CONTAINER HEIGHT ----------------------------------- */ --Maison-Diamants-Text-Container-Height: var(--Maison-Diamants-Text-Height); /* ROOT MAISON DIAMANTS TEXT CONTAINER WIDTH ------------------------------------ */ --Maison-Diamants-Text-Container-Width: var(--Maison-Diamants-Full-Container-Width); /* ROOT MAISON DIAMANTS MAIN CONTAINER HEIGHT ----------------------------------- */ --Maison-Diamants-Main-Container-Height: calc((var(--Maison-Diamants-Text-Container-Top)) + (var(--Maison-Diamants-Text-Container-Height))); /* ROOT MAISON DIAMANTS MAIN CONTAINER WIDTH ------------------------------------ */ --Maison-Diamants-Main-Container-Width: var(--Maison-Diamants-Full-Container-Width); /* ROOT MAISON DIAMANTS FULL CONTAINER HEIGHT ----------------------------------- */ --Maison-Diamants-Full-Container-Height: var(--Maison-Diamants-Main-Container-Height); /* ROOT MAISON DIAMANTS GLOBAL CONTAINER HEIGHT --------------------------------- */ --Maison-Diamants-Global-Container-Height: var(--Maison-Diamants-Full-Container-Height); /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON TRACABILITE ------------------------------------------------------ */ /* ------------- ---------------------------------------------------------------- */ /* ROOT MAISON TRACABILITE GLOBAL CONTAINER TOP --------------------------------- */ --Maison-Tracabilite-Global-Container-Top: calc((var(--Maison-Diamants-Global-Container-Height)) + (var(--Maison-Diamants-Global-Container-Top)) + (var(--Maison-Global-Inside-Gap))); /* ROOT MAISON TRACABILITE IMAGES CONTAINER WIDTH ---------------------------------- */ --Maison-Tracabilite-Images-Container-Width-1: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Maison-Tracabilite-Images-Container-Width-2: calc((11 * (var(--Column-Site-Width))) + (10 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Maison-Tracabilite-Images-Container-Width-3: calc((7 * (var(--Column-Site-Width))) + (6 * (var(--Column-Gap)))); /* 1700 - 1601 */ --Maison-Tracabilite-Images-Container-Width-4: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 1600 - 0731 */ --Maison-Tracabilite-Images-Container-Width-5: calc((3 * (var(--Column-Site-Width))) + (2 * (var(--Column-Gap)))); /* 0730 - 0000 */ --Maison-Tracabilite-Images-Container-Width: var(--Maison-Tracabilite-Images-Container-Width-1); /* ROOT MAISON TRACABILITE IMAGES CONTAINER HEIGHT --------------------------------- */ --Maison-Tracabilite-Images-Container-Height: calc((var(--Maison-Tracabilite-Images-Container-Width)) * 1.5); /* ROOT MAISON TRACABILITE IMAGES CONTAINER 2 LEFT ----------------------------------- */ --Maison-Tracabilite-Images-Container-2-Left-1: calc((var(--Site-Margins)) + (4 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */; --Maison-Tracabilite-Images-Container-2-Left-2: calc((var(--Site-Margins)) + (11 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */; --Maison-Tracabilite-Images-Container-2-Left-3: calc((var(--Site-Margins)) + (7 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1601 */; --Maison-Tracabilite-Images-Container-2-Left-4: calc((var(--Site-Margins)) + (6 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1600 - 0731 */; --Maison-Tracabilite-Images-Container-2-Left-5: calc((var(--Site-Margins)) + (3 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 0730 - 0000 */; --Maison-Tracabilite-Images-Container-2-Left: var(--Maison-Tracabilite-Images-Container-2-Left-1); /* ROOT MAISON TRACABILITE IMAGES CONTAINER 2 LEFT ----------------------------------- */ --Maison-Tracabilite-Images-Container-4-Left-1: calc((var(--Site-Margins)) + (2 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */; --Maison-Tracabilite-Images-Container-4-Left-2: calc((var(--Site-Margins)) + (5 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */; --Maison-Tracabilite-Images-Container-4-Left-3: calc((var(--Site-Margins)) + (3 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1071 */; --Maison-Tracabilite-Images-Container-4-Left-4: var(--Site-Margins); /* 1071 - 0000 */; --Maison-Tracabilite-Images-Container-4-Left: var(--Maison-Tracabilite-Images-Container-4-Left-1); /* ROOT MAISON TRACABILITE IMAGES CONTAINER 2 TOP ------------------------------------ */ --Maison-Tracabilite-Images-Container-2-Top-1: calc((var(--Maison-Tracabilite-Images-Container-Height)) / 5); --Maison-Tracabilite-Images-Container-2-Top-2: 0px; --Maison-Tracabilite-Images-Container-2-Top: var(--Maison-Tracabilite-Images-Container-2-Top-1); /* ROOT MAISON TRACABILITE FULL CONTAINER TOP -------------------------------------- */ --Maison-Tracabilite-Full-Container-Top-1: calc((var(--Maison-Tracabilite-Images-Container-2-Top)) + (var(--Maison-Tracabilite-Images-Container-Height))); --Maison-Tracabilite-Full-Container-Top-2: calc((var(--Maison-Tracabilite-Images-Container-2-Top)) + (var(--Maison-Tracabilite-Images-Container-Height)) + (var(--Maison-Global-Inside-Gap))); --Maison-Tracabilite-Full-Container-Top: var(--Maison-Tracabilite-Full-Container-Top-1); /* ROOT MAISON TRACABILITE FULL CONTAINER LEFT ------------------------------------- */ --Maison-Tracabilite-Full-Container-Left: var(--Site-Margins); /* ROOT MAISON TRACABILITE FULL CONTAINER WIDTH ------------------------------------ */ --Maison-Tracabilite-Full-Container-Width-1: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Maison-Tracabilite-Full-Container-Width-2: calc((11 * (var(--Column-Site-Width))) + (10 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Maison-Tracabilite-Full-Container-Width-3: calc((7 * (var(--Column-Site-Width))) + (6 * (var(--Column-Gap)))); /* 1700 - 1601 */ --Maison-Tracabilite-Full-Container-Width-4: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 1600 - 1071 */ --Maison-Tracabilite-Full-Container-Width-5: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /* 1070 - 0731 */ --Maison-Tracabilite-Full-Container-Width-6: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 0730 - 0000 */ --Maison-Tracabilite-Full-Container-Width: var(--Maison-Tracabilite-Full-Container-Width-1); /* ROOT MAISON TRACABILITE TITLE NB LINES ------------------------------------------ */ --Maison-Tracabilite-Title-Nb-Lines: 1; /* ROOT MAISON TRACABILITE TITLE HEIGHT -------------------------------------------- */ --Maison-Tracabilite-Title-Height: calc((var(--Maison-Tracabilite-Title-Nb-Lines)) * (var(--Lh-Title-Txt-2))); /* ROOT MAISON TRACABILITE TITLE CONTAINER HEIGHT ---------------------------------- */ --Maison-Tracabilite-Title-Container-Height: var(--Maison-Tracabilite-Title-Height); /* ROOT MAISON TRACABILITE TITLE CONTAINER WIDTH ----------------------------------- */ --Maison-Tracabilite-Title-Container-Width: var(--Maison-Tracabilite-Full-Container-Width); /* ROOT MAISON TRACABILITE TEXT CONTAINER TOP -------------------------------------- */ --Maison-Tracabilite-Text-Container-Top: calc((var(--Maison-Tracabilite-Title-Height)) + (var(--Maison-Global-Text-Gap))); /* ROOT MAISON TRACABILITE TEXT 1 NB LINES ----------------------------------------- */ --Maison-Tracabilite-Text-Nb-Lines-1: 5; --Maison-Tracabilite-Text-Nb-Lines-2: 7; --Maison-Tracabilite-Text-Nb-Lines-3: 8; --Maison-Tracabilite-Text-Nb-Lines-4: 9; --Maison-Tracabilite-Text-Nb-Lines-5: 5; --Maison-Tracabilite-Text-Nb-Lines-6: 7; --Maison-Tracabilite-Text-Nb-Lines-7: 8; --Maison-Tracabilite-Text-Nb-Lines-8: 9; --Maison-Tracabilite-Text-Nb-Lines-9: 7; --Maison-Tracabilite-Text-Nb-Lines-10: 9; --Maison-Tracabilite-Text-Nb-Lines: var(--Maison-Tracabilite-Text-Nb-Lines-1); /* ROOT MAISON TRACABILITE TEXT HEIGHT --------------------------------------------- */ --Maison-Tracabilite-Text-Height: calc((var(--Maison-Tracabilite-Text-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT MAISON TRACABILITE TEXT CONTAINER HEIGHT ----------------------------------- */ --Maison-Tracabilite-Text-Container-Height: var(--Maison-Tracabilite-Text-Height); /* ROOT MAISON TRACABILITE TEXT CONTAINER WIDTH ------------------------------------ */ --Maison-Tracabilite-Text-Container-Width: var(--Maison-Tracabilite-Full-Container-Width); /* ROOT MAISON TRACABILITE MAIN CONTAINER HEIGHT ----------------------------------- */ --Maison-Tracabilite-Main-Container-Height: calc((var(--Maison-Tracabilite-Text-Container-Top)) + (var(--Maison-Tracabilite-Text-Container-Height))); /* ROOT MAISON TRACABILITE MAIN CONTAINER WIDTH ------------------------------------ */ --Maison-Tracabilite-Main-Container-Width: var(--Maison-Tracabilite-Full-Container-Width); /* ROOT MAISON TRACABILITE FULL CONTAINER HEIGHT ----------------------------------- */ --Maison-Tracabilite-Full-Container-Height: var(--Maison-Tracabilite-Main-Container-Height); /* ROOT MAISON TRACABILITE GLOBAL CONTAINER HEIGHT --------------------------------- */ --Maison-Tracabilite-Global-Container-Height: calc((var(--Maison-Tracabilite-Full-Container-Height)) + (var(--Maison-Tracabilite-Full-Container-Top))); /* ROOT MAISON FOURTH SECTION HEIGHT -------------------------------------------- */ --Maison-Fourth-Section-Height-1: calc((var(--Maison-Tracabilite-Global-Container-Height)) + (var(--Maison-Tracabilite-Global-Container-Top)) + var(--Scroll-Gap-Large)); --Maison-Fourth-Section-Height-2: calc((var(--Maison-Tracabilite-Global-Container-Height)) + (var(--Maison-Tracabilite-Global-Container-Top)) + var(--Scroll-Gap-Short)); --Maison-Fourth-Section-Height-1: calc((var(--Maison-Tracabilite-Global-Container-Height)) + (var(--Maison-Tracabilite-Global-Container-Top)) + var(--Scroll-Gap-End-Large)); --Maison-Fourth-Section-Height-2: calc((var(--Maison-Tracabilite-Global-Container-Height)) + (var(--Maison-Tracabilite-Global-Container-Top)) + var(--Scroll-Gap-End-Short)); --Maison-Fourth-Section-Height: var(--Maison-Fourth-Section-Height-1); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT BASIC ------------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT FOOTER PRINCIPAL CONTAINER LARGE MAISON TOP ------------------------------- */ --Footer-Principal-Container-Large-Maison-Top: calc((var(--Maison-Fourth-Section-Height)) + (var(--Maison-Fourth-Section-Top))); /* ROOT FOOTER PRINCIPAL CONTAINER SMALL MAISON TOP ------------------------------- */ --Footer-Principal-Container-Small-Maison-Top: var(--Footer-Principal-Container-Large-Maison-Top); /* ROOT FOOTER BACKGROUND CACHE TOP --------------------------------------------- */ --Maison-Footer-Background-Cache-Top: calc((var(--Footer-Principal-Container-Large-Maison-Top)) - 300px); /* ROOT FOOTER BACKGROUND CACHE HEIGHT ------------------------------------------ */ --Maison-Footer-Background-Cache-Height-1: 1211px; --Maison-Footer-Background-Cache-Height-2: 912px; --Maison-Footer-Background-Cache-Height: var(--Maison-Footer-Background-Cache-Height-1); /* ROOT HOME BODY HEIGHT -------------------------------------------------------- */ --Maison-Body-Height-1: calc((var(--Footer-Principal-Container-Large-Maison-Top)) + 911px); --Maison-Body-Height-2: calc((var(--Footer-Principal-Container-Large-Maison-Top)) + 612px); --Maison-Body-Height: var(--Maison-Body-Height-1); }