:root{ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT GRID ---------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT GRID ROW ----------------------------------- OK --- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT GRID ROW GAP HEIGHT ------------------------------- */ --Grid-Row-Gap-Height: 20px; /* ROOT GRID ROW CELL HEIGHT ------------------------------ */ --Grid-Cell-Height-1: 100px; --Grid-Cell-Height-2: 90px; --Grid-Cell-Height-3: 80px; --Grid-Cell-Height: var(--Grid-Cell-Height-1); /* ROOT GRID ROW STEP HEIGHT ------------------------------ */ --Grid-Row-Step-Height: calc((var(--Grid-Row-Gap-Height)) + (var(--Grid-Cell-Height))); /* ROOT GRID ROW SEMI STEP HEIGHT ------------------------- */ --Grid-Row-Semi-Step-Height: calc((var(--Grid-Row-Step-Height)) / 2); /* ROOT GRID ROW QUARTER STEP HEIGHT ---------------------- */ --Grid-Row-Quarter-Step-Height: calc((var(--Grid-Row-Step-Height)) / 4); /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT GRID COLUMN --------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT GRID COLUMNS NUMBER ------------------------ OK --- */ --Grid-Columns-Number-1: 5; --Grid-Columns-Number-2: 3; --Grid-Columns-Number-3: 1; --Grid-Columns-Number: var(--Grid-Columns-Number-1); /* ROOT GRID COLUMN GAP ---------------------------- OK --- */ --Grid-Column-Gap: 20px; /* ROOT GRID COLUMN GAP TOTAL ---------------------- OK --- */ --Grid-Column-Gap-Total: calc((var(--Grid-Column-Gap)) * ((var(--Grid-Columns-Number)) - 1)); /* ----------- -------------------------------------------- */ /* ROOT GRID COLUMN WIDTH -------------------------- OK --- */ /* ----------- -------------------------------------------- */ --Grid-Column-Width-1: 430px; --Grid-Column-Width-2: 500px; --Grid-Column-Width-3: var(--Grid-Column-Width-1); --Grid-Column-Width-4: calc(100vw - (2 * (var(--Site-Margins)))); --Grid-Column-Width: var(--Grid-Column-Width-1); /* ----------- -------------------------------------------- */ /* ROOT GRID COLUMN LEFT ---------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT GRID COLUMN LEFT 1 -------------------------------- */ --Grid-Column-Left-1: 0px; /* ROOT GRID COLUMN LEFT 2 -------------------------------- */ --Grid-Column-Left-2: calc((var(--Grid-Column-Gap)) + (var(--Grid-Column-Width))); /* ROOT GRID COLUMN LEFT 3 -------------------------------- */ --Grid-Column-Left-3: calc(2 * (((var(--Grid-Column-Gap))) + (var(--Grid-Column-Width)))); /* ROOT GRID COLUMN LEFT 4 -------------------------------- */ --Grid-Column-Left-4: calc(3 * (((var(--Grid-Column-Gap))) + (var(--Grid-Column-Width)))); /* ROOT GRID COLUMN LEFT 5 -------------------------------- */ --Grid-Column-Left-5: calc(4 * (((var(--Grid-Column-Gap))) + (var(--Grid-Column-Width)))); /* ROOT GRID COLUMN LEFT 6 -------------------------------- */ --Grid-Column-Left-6: var(--Site-Margins); /* ----------- -------------------------------------------- */ /* ROOT GRID COLUMN A LEFT -------------------------------- */ --Grid-Column-A-Left: var(--Grid-Column-Left-1); /* ROOT GRID COLUMN B LEFT -------------------------------- */ --Grid-Column-B-Left-1: var(--Grid-Column-Left-2); --Grid-Column-B-Left-2: var(--Grid-Column-Left-1); --Grid-Column-B-Left: var(--Grid-Column-B-Left-1); /* ROOT GRID COLUMN C LEFT -------------------------------- */ --Grid-Column-C-Left-1: var(--Grid-Column-Left-3); --Grid-Column-C-Left-2: var(--Grid-Column-Left-2); /* --Grid-Column-C-Left-3: var(--Grid-Column-Left-1); */ --Grid-Column-C-Left-3: var(--Grid-Column-Left-6); --Grid-Column-C-Left: var(--Grid-Column-C-Left-1); /* ROOT GRID COLUMN D LEFT -------------------------------- */ --Grid-Column-D-Left-1: var(--Grid-Column-Left-4); --Grid-Column-D-Left-2: var(--Grid-Column-Left-3); --Grid-Column-D-Left: var(--Grid-Column-D-Left-1); /* ROOT GRID COLUMN E LEFT -------------------------------- */ --Grid-Column-E-Left: var(--Grid-Column-Left-5); /* ----------- -------------------------------------------- */ /* ROOT GRID COLUMN TOP ------------------ -- SEEMS USELESS -- ---------- ?? --- */ /* ----------- -------------------------------------------- */ /* ROOT GRID COLUMN TOP 1 --------------------------------- */ --Grid-Column-Top-1: 0px; /* ROOT GRID COLUMN TOP 2 --------------------------------- */ --Grid-Column-Top-2: calc((var(--Grid-Column-Top-1)) + (var(--Grid-Row-Step-Height))); /* ROOT GRID COLUMN TOP 3 --------------------------------- */ --Grid-Column-Top-3: calc((var(--Grid-Column-Top-2)) + (var(--Grid-Row-Step-Height))); /* ROOT GRID COLUMN TOP 4 --------------------------------- */ --Grid-Column-Top-4: calc((var(--Grid-Column-Top-3)) + (var(--Grid-Row-Step-Height))); /* ROOT GRID COLUMN TOP 5 --------------------------------- */ --Grid-Column-Top-5: calc((var(--Grid-Column-Top-4)) + (var(--Grid-Row-Step-Height))); /* ----------- -------------------------------------------- */ /* ROOT GRID COLUMN A TOP --------------------------------- */ --Grid-Column-A-Top: var(--Grid-Column-Top-5); /* ROOT GRID COLUMN B TOP --------------------------------- */ --Grid-Column-B-Top-1: var(--Grid-Column-Top-4); --Grid-Column-B-Top-2: var(--Grid-Column-Top-3); --Grid-Column-B-Top: var(--Grid-Column-B-Top-1); /* ROOT GRID COLUMN C TOP --------------------------------- */ --Grid-Column-C-Top-1: var(--Grid-Column-Top-3); --Grid-Column-C-Top-2: var(--Grid-Column-Top-2); --Grid-Column-C-Top-3: var(--Grid-Column-Top-1); --Grid-Column-C-Top-1: var(--Grid-Column-C-Top-1); /* ROOT GRID COLUMN D TOP --------------------------------- */ --Grid-Column-D-Top-1: var(--Grid-Column-Top-2); --Grid-Column-D-Top-2: var(--Grid-Column-Top-1); --Grid-Column-D-Top: var(--Grid-Column-D-Top-1); /* ROOT GRID COLUMN E TOP --------------------------------- */ --Grid-Column-E-Top: var(--Grid-Column-Top-1); /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT GRID GENERAL -------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT GRID GLOBAL WIDTH -------------------------- OK --- */ --Grid-Global-Width-1: 2230px; --Grid-Global-Width-2: 1540px; --Grid-Global-Width-3: 1330px; --Grid-Global-Width-4: 100vw; --Grid-Global-Width: var(--Grid-Global-Width-1); /* ROOT GRID GLOBAL TOP ----------------------------------- */ --Grid-Global-Top-1: 0px; --Grid-Global-Top-2: calc(-1 * (var(--Grid-Row-Semi-Step-Height))); --Grid-Global-Top: var(--Grid-Global-Top-1); /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT STEPS COUNTER ------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS CUT -------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEP CUT UP ------------------------------------ */ --Grid-Nb-Step-Cut-Up-1: 0; --Grid-Nb-Step-Cut-Up-2: 1; --Grid-Nb-Step-Cut-Up: var(--Grid-Nb-Step-Cut-Up-1); /* ROOT NB STEP CUT DOWN ---------------------------------- */ --Grid-Nb-Step-Cut-Down-1: 0; --Grid-Nb-Step-Cut-Down-2: 1; --Grid-Nb-Step-Cut-Down: var(--Grid-Nb-Step-Cut-Down-1); /* ROOT NB STEP CUT TOTAL --------------------------------- */ --Grid-Nb-Step-Cut-Total: calc((var(--Grid-Nb-Step-Cut-Up)) + (var(--Grid-Nb-Step-Cut-Down))); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS COMPLETS --------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS COMPLETS LARGE --------------------------- */ --Nb-Steps-Full-Large-1: 10; /* XXXX - 1240 */ --Nb-Steps-Full-Large-2: 9; /* 1239 - 1140 */ --Nb-Steps-Full-Large-3: 8; /* 1139 - 1120 */ --Nb-Steps-Full-Large-4: 9; /* 1119 - 1080 */ --Nb-Steps-Full-Large-5: 8; /* 1079 - 1000 */ --Nb-Steps-Full-Large-6: 7; /* 0999 - 0900 */ --Nb-Steps-Full-Large-7: 6; /* 0899 - 0880 */ --Nb-Steps-Full-Large-8: 7; /* 0879 - 0840 */ --Nb-Steps-Full-Large-9: 6; /* 0839 - 0760 */ --Nb-Steps-Full-Large-10: 5; /* 0759 - 0660 */ --Nb-Steps-Full-Large-11: 4; /* 0659 - 0640 */ --Nb-Steps-Full-Large-12: 5; /* 0639 - 0600 */ --Nb-Steps-Full-Large-13: 4; /* 0599 - 0520 */ --Nb-Steps-Full-Large-14: 3; /* 0519 - XXXX */ --Nb-Steps-Full-Large: var(--Nb-Steps-Full-Large-1); /* ROOT NB STEPS COMPLETS 1500 ---------------------------- */ /* ROOT NB STEPS COMPLETS 1200 ---------------------------- */ /* ROOT NB STEPS COMPLETS 850 ----------------------------- */ /* ROOT NB STEPS COMPLETS 550 ----------------------------- */ /* ROOT NB STEPS COMPLETS 470 ----------------------------- */ --Nb-Steps-Full-470-1: 11; /* XXXX - 1265 */ --Nb-Steps-Full-470-2: 10; /* 1264 - 1245 */ --Nb-Steps-Full-470-3: 11; /* 1244 - 1210 */ --Nb-Steps-Full-470-4: 10; /* 1209 - 1135 */ --Nb-Steps-Full-470-5: 9; /* 1134 - 1045 */ --Nb-Steps-Full-470-6: 8; /* 1044 - 1025 */ --Nb-Steps-Full-470-7: 9; /* 1024 - 0990 */ --Nb-Steps-Full-470-8: 8; /* 0989 - 0915 */ --Nb-Steps-Full-470-9: 7; /* 0914 - 0825 */ --Nb-Steps-Full-470-10: 6; /* 0824 - 0805 */ --Nb-Steps-Full-470-11: 7; /* 0804 - 0770 */ --Nb-Steps-Full-470-12: 6; /* 0769 - 0695 */ --Nb-Steps-Full-470-13: 5; /* 0694 - 0605 */ --Nb-Steps-Full-470-14: 4; /* 0604 - 0585 */ --Nb-Steps-Full-470-15: 5; /* 0584 - 0550 */ --Nb-Steps-Full-470-16: 4; /* 0549 - XXXX */ --Nb-Steps-Full-470: var(--Nb-Steps-Full-470-1); /* ROOT NB STEPS COMPLETS 390 ----------------------------- */ --Nb-Steps-Full-390-1: 13; /* XXXX - 1300 */ --Nb-Steps-Full-390-2: 12; /* 1299 - 1230 */ --Nb-Steps-Full-390-3: 11; /* 1229 - 1150 */ --Nb-Steps-Full-390-4: 10; /* 1149 - 1130 */ --Nb-Steps-Full-390-5: 11; /* 1129 - 1100 */ --Nb-Steps-Full-390-6: 10; /* 1099 - 1030 */ --Nb-Steps-Full-390-7: 9; /* 1029 - 0900 */ --Nb-Steps-Full-390-8: 8; /* 0899 - 0830 */ --Nb-Steps-Full-390-9: 7; /* 0829 - 0750 */ --Nb-Steps-Full-390-10: 5; /* 0749 - 0730 */ --Nb-Steps-Full-390-11: 4; /* 0729 - 0700 */ --Nb-Steps-Full-390-12: 5; /* 0699 - 0630 */ --Nb-Steps-Full-390-13: 4; /* 0629 - 0550 */ --Nb-Steps-Full-390-14: 3; /* 0549 - 0530 */ --Nb-Steps-Full-390-15: 3; /* 0529 - 0500 */ --Nb-Steps-Full-390-16: 3; /* 0499 - XXXX */ --Nb-Steps-Full-390: var(--Nb-Steps-Full-390-1); --Nb-Steps-Full: var(--Nb-Steps-Full-Large); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS VISIBLES --------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS VISIBLES LARGE --------------------------- */ --Nb-Steps-Visible-Large-1: 11; /* XXXX - 1141 */ --Nb-Steps-Visible-Large-2: 10; /* 1140 - 1081 */ --Nb-Steps-Visible-Large-3: 9; /* 1080 - 0901 */ --Nb-Steps-Visible-Large-4: 8; /* 0900 - 0841 */ --Nb-Steps-Visible-Large-5: 7; /* 0840 - 0661 */ --Nb-Steps-Visible-Large-6: 6; /* 0660 - 0601 */ --Nb-Steps-Visible-Large-7: 5; /* 0600 - XXXX */ --Nb-Steps-Visible-Large: var(--Nb-Steps-Visible-Large-1); /* ROOT NB STEPS VISIBLES 470 ----------------------------- */ --Nb-Steps-Visible-470-1: 13; /* XXXX - 1266 */ --Nb-Steps-Visible-470-2: 12; /* 1265 - 1211 */ --Nb-Steps-Visible-470-3: 11; /* 1210 - 1046 */ --Nb-Steps-Visible-470-4: 10; /* 1045 - 0991 */ --Nb-Steps-Visible-470-5: 9; /* 0990 - 0826 */ --Nb-Steps-Visible-470-6: 8; /* 0825 - 0771 */ --Nb-Steps-Visible-470-7: 7; /* 0770 - 0606 */ --Nb-Steps-Visible-470-8: 6; /* 0605 - 0551 */ --Nb-Steps-Visible-470-9: 5; /* 0550 - XXXX */ --Nb-Steps-Visible-470: var(--Nb-Steps-Visible-470-1); /* ROOT NB STEPS VISIBLES 390 ----------------------------- */ --Nb-Steps-Visible-390-1: 13; /* XXXX - 1151 */ --Nb-Steps-Visible-390-2: 12; /* 1150 - 1101 */ --Nb-Steps-Visible-390-3: 11; /* 1100 - 0951 */ --Nb-Steps-Visible-390-4: 10; /* 0950 - 0901 */ --Nb-Steps-Visible-390-5: 9; /* 0900 - 0751 */ --Nb-Steps-Visible-390-6: 8; /* 0750 - 0701 */ --Nb-Steps-Visible-390-7: 7; /* 0700 - 0551 */ --Nb-Steps-Visible-390-8: 6; /* 0550 - 0501 */ --Nb-Steps-Visible-390-9: 5; /* 0500 - XXXX */ --Nb-Steps-Visible-390: var(--Nb-Steps-Visible-390-1); /* ROOT NB STEPS VISIBLES ADAPT --------------------------- */ --Nb-Steps-Visible: var(--Nb-Steps-Visible-Large); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS LOGO C FULL CONTAINER TOP ---------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS LOGO C FULL CONTAINER TOP LARGE ---------- */ --Nb-Steps-Logo-C-Full-Container-Top-Large-1: 5; /* XXXX - 1120 */ --Nb-Steps-Logo-C-Full-Container-Top-Large-2: 4; /* 1119 - 0880 */ --Nb-Steps-Logo-C-Full-Container-Top-Large-3: 3; /* 0879 - 0640 */ --Nb-Steps-Logo-C-Full-Container-Top-Large-4: 2; /* 0639 - XXXX */ --Nb-Steps-Logo-C-Full-Container-Top-Large: var(--Nb-Steps-Logo-C-Full-Container-Top-Large-1); /* ROOT NB STEPS LOGO C FULL CONTAINER TOP ADAPT ---------- */ --Nb-Steps-Logo-C-Full-Container-Top-1500: var(--Nb-Steps-Logo-C-Full-Container-Top-Large); --Nb-Steps-Logo-C-Full-Container-Top-1200: var(--Nb-Steps-Logo-C-Full-Container-Top-Large); --Nb-Steps-Logo-C-Full-Container-Top-850: var(--Nb-Steps-Logo-C-Full-Container-Top-Large); --Nb-Steps-Logo-C-Full-Container-Top-550: var(--Nb-Steps-Logo-C-Full-Container-Top-Large); /* ROOT NB STEPS LOGO C FULL CONTAINER TOP 470 ------------ */ --Nb-Steps-Logo-C-Full-Container-Top-470-1: 6; /* XXXX - 1245 */ --Nb-Steps-Logo-C-Full-Container-Top-470-2: 5; /* 1244 - 1025 */ --Nb-Steps-Logo-C-Full-Container-Top-470-3: 4; /* 1024 - 0805 */ --Nb-Steps-Logo-C-Full-Container-Top-470-4: 3; /* 0804 - 0585 */ --Nb-Steps-Logo-C-Full-Container-Top-470-5: 2; /* 0584 - 0365 */ --Nb-Steps-Logo-C-Full-Container-Top-470-6: 1; /* 0364 - XXXX */ --Nb-Steps-Logo-C-Full-Container-Top-470: var(--Nb-Steps-Logo-C-Full-Container-Top-470-1); /* ROOT NB STEPS LOGO C FULL CONTAINER TOP 390 ------------ */ --Nb-Steps-Logo-C-Full-Container-Top-390-1: 6; /* XXXX - 1130 */ --Nb-Steps-Logo-C-Full-Container-Top-390-2: 5; /* 1129 - 0930 */ --Nb-Steps-Logo-C-Full-Container-Top-390-3: 4; /* 0929 - 0730 */ --Nb-Steps-Logo-C-Full-Container-Top-390-4: 3; /* 0729 - 0530 */ --Nb-Steps-Logo-C-Full-Container-Top-390-5: 2; /* 0529 - XXXX */ /* --Nb-Steps-Logo-C-Full-Container-Top-390-6: 1; */ --Nb-Steps-Logo-C-Full-Container-Top-390: var(--Nb-Steps-Logo-C-Full-Container-Top-390-1); /* ROOT NB STEPS LOGO C FULL CONTAINER TOP SELECT --------- */ --Nb-Steps-Logo-C-Full-Container-Top: var(--Nb-Steps-Logo-C-Full-Container-Top-Large); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS LOGO C PRINCIPAL CONTAINER HEIGHT -------- */ /* ----------- -------------------------------------------- */ --Nb-Steps-Logo-C-Principal-Container-Height: calc((var(--Nb-Steps-Logo-C-Full-Container-Top)) + 1); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCKS PRIME LARGE HEIGHT ---------------- */ /* ----------- -------------------------------------------- */ --Nb-Steps-Block-Prime-A-Height-Large: calc((var(--Nb-Steps-Visible-Large)) + 1); --Nb-Steps-Block-Prime-B-Height-Large: calc((var(--Nb-Steps-Block-Prime-A-Height-Large)) + 1); --Nb-Steps-Block-Prime-C-Height-Large: calc((var(--Nb-Steps-Block-Prime-B-Height-Large)) + 1); --Nb-Steps-Block-Prime-D-Height-Large: calc((var(--Nb-Steps-Block-Prime-C-Height-Large)) + 1); --Nb-Steps-Block-Prime-E-Height-Large: calc((var(--Nb-Steps-Block-Prime-D-Height-Large)) + 1); --Nb-Steps-Block-Prime-B-Height-1500: calc((var(--Nb-Steps-Visible-Large)) + 1); --Nb-Steps-Block-Prime-C-Height-1500: calc((var(--Nb-Steps-Block-Prime-B-Height-1500)) + 1); --Nb-Steps-Block-Prime-D-Height-1500: calc((var(--Nb-Steps-Block-Prime-C-Height-1500)) + 1); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCKS PRIME HEIGHT ---------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS COLUMN PRIME FULL CONT LARGE HEIGHT ------ */ /* ----------- -------------------------------------------- */ --Nb-Steps-Column-Prime-Full-B-Container-Height-Large: calc((var(--Nb-Steps-Block-Prime-B-Height-Large)) + 1); --Nb-Steps-Column-Prime-Full-D-Container-Height-Large: calc((var(--Nb-Steps-Block-Prime-D-Height-Large)) + 1); --Nb-Steps-Column-Prime-Full-A-Container-Height-Large: calc((var(--Nb-Steps-Block-Prime-A-Height-Large)) + 1); --Nb-Steps-Column-Prime-Full-E-Container-Height-Large: calc((var(--Nb-Steps-Block-Prime-E-Height-Large)) + 1); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS COLUMN PRIME FULL CONT 1500 HEIGHT ------- */ /* ----------- -------------------------------------------- */ --Nb-Steps-Column-Prime-Full-B-Container-Height-1500: calc((var(--Nb-Steps-Block-Prime-B-Height-1500)) + 1); --Nb-Steps-Column-Prime-Full-D-Container-Height-1500: calc((var(--Nb-Steps-Block-Prime-D-Height-1500)) + 1); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCK C1 REF START TOP ------------------- */ /* ----------- -------------------------------------------- */ --Nb-Steps-Block-C1-Ref-Top: calc((var(--Nb-Steps-Visible)) + 1); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCK PRIME C TOP ------------------------ */ /* ----------- -------------------------------------------- */ --Nb-Steps-Block-Prime-C-Top: var(--Nb-Steps-Logo-C-Principal-Container-Height); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCK PRIME A - B - D - E TOP ------------ */ /* ----------- -------------------------------------------- */ --Nb-Steps-Block-Prime-A-B-D-E-Top: 1; /* ----------- -------------------------------------------- */ /* ROOT NB STEPS COLUMN PRIME GLOBAL CONTAINER TOP -------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS COLUMN PRIME GLOBAL C CONT TOP ----------- */ --Nb-Steps-Column-Prime-Global-C-Container-Top: calc((var(--Nb-Steps-Block-C1-Ref-Top)) - (var(--Nb-Steps-Block-Prime-C-Top))); /* ROOT NB STEPS COLUMN PRIME GLOBAL B - D CONT TOP ------- */ --Nb-Steps-Column-Prime-Global-B-D-Container-Top: calc((var(--Nb-Steps-Column-Prime-Global-C-Container-Top)) * 2); /* ROOT NB STEPS COLUMN PRIME GLOBAL A - E CONT TOP ------- */ --Nb-Steps-Column-Prime-Global-A-E-Container-Top: var(--Nb-Steps-Column-Prime-Global-B-D-Container-Top); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS COLUMN PRIME B - D FULL CONT TOP --------- */ /* ----------- -------------------------------------------- */ --Nb-Steps-Column-Prime-Full-B-D-Container-Top: calc((var(--Nb-Steps-Block-Prime-C-Top)) - 1); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS COLUMN PRIME A - E FULL CONT TOP --------- */ /* ----------- -------------------------------------------- */ --Nb-Steps-Column-Prime-Full-A-E-Container-Top: var(--Nb-Steps-Block-Prime-C-Top); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS COLUMN PRIME PRINCIPAL C CONT HEIGHT ----- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS LOGO GLOBAL CONTAINER HEIGHT ------------- */ /* ----------- -------------------------------------------- */ --Nb-Steps-Home-Logo-Global-Container-Height: calc((var(--Nb-Steps-Column-Prime-Full-A-E-Container-Top)) + 1 + (var(--Nb-Steps-Column-Prime-Global-A-E-Container-Top))); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS CONTENT HEIGHT --------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS ABOUT HEIGHT ----------------------------- */ --Nb-Steps-About-Principal-Container-Height: 3; /* ROOT NB STEPS SERVICES HEIGHT -------------------------- */ --Nb-Steps-Services-Principal-Container-Height: 6; /* ROOT NB STEPS VALEURS HEIGHT --------------------------- */ --Nb-Steps-Valeurs-Principal-Container-Height: 4; /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCK B 121 / C 121 / D 121 HEIGHT ------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCK B 121 HEIGHT ----------------------- */ --Nb-Steps-Block-B-121-Height: calc((var(--Nb-Steps-Visible-Large)) + 1); /* ROOT NB STEPS BLOCK C 121 HEIGHT ----------------------- */ --Nb-Steps-Block-C-121-Height: calc((2 * (var(--Nb-Steps-Visible-Large))) + (var(--Nb-Steps-About-Principal-Container-Height)) + 2); /* ROOT NB STEPS BLOCK C 121 HEIGHT ----------------------- */ --Nb-Steps-Block-D-121-Height: calc((3 * ((var(--Nb-Steps-Visible-Large)) + 1)) + (var(--Nb-Steps-About-Principal-Container-Height)) + (var(--Nb-Steps-Services-Principal-Container-Height))); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCK B 122 / C 122 / D 122 HEIGHT ------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCK B 122 HEIGHT ----------------------- */ --Nb-Steps-Block-B-122-Height: calc(((var(--Nb-Steps-Visible-Large)) * 3) + (var(--Nb-Steps-Services-Principal-Container-Height)) + (var(--Nb-Steps-Valeurs-Principal-Container-Height)) + 1); /* ROOT NB STEPS BLOCK C 122 HEIGHT ----------------------- */ --Nb-Steps-Block-C-122-Height: calc((2 * ((var(--Nb-Steps-Visible-Large)) + 1)) + (var(--Nb-Steps-Valeurs-Principal-Container-Height))); /* ROOT NB STEPS BLOCK C 122 HEIGHT ----------------------- */ --Nb-Steps-Block-D-122-Height: calc((var(--Nb-Steps-Visible-Large)) + 3); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCK A 120 / E 120 HEIGHT --------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCK A 120 HEIGHT ----------------------- */ --Nb-Steps-Block-A-120-Height: calc((4 * (var(--Nb-Steps-Visible-Large))) + (var(--Nb-Steps-About-Principal-Container-Height)) + (var(--Nb-Steps-Services-Principal-Container-Height)) + (var(--Nb-Steps-Valeurs-Principal-Container-Height))); /* ROOT NB STEPS BLOCK E 120 HEIGHT ----------------------- */ --Nb-Steps-Block-E-120-Height: calc(8 + (var(--Nb-Steps-Block-A-120-Height))); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCK C 221 - C 224 HEIGHT --------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCK C 221 HEIGHT ----------------------- */ --Nb-Steps-Block-C-221-Height: calc((var(--Nb-Steps-Visible)) + 1); /* ROOT NB STEPS BLOCK C 222 HEIGHT ----------------------- */ --Nb-Steps-Block-C-222-Height: var(--Nb-Steps-Block-C-221-Height); /* ROOT NB STEPS BLOCK C 223 HEIGHT ----------------------- */ --Nb-Steps-Block-C-223-Height: var(--Nb-Steps-Block-C-221-Height); /* ROOT NB STEPS BLOCK C 224 HEIGHT ----------------------- */ --Nb-Steps-Block-C-224-Height: calc((var(--Nb-Steps-Visible)) + 2); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCK B 220 / D 220 HEIGHT --------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCK B 220 HEIGHT ----------------------- */ --Nb-Steps-Block-B-220-Height: calc((var(--Nb-Steps-Block-C-221-Height)) + (var(--Nb-Steps-About-Principal-Container-Height)) + (var(--Nb-Steps-Block-C-222-Height)) + (var(--Nb-Steps-Services-Principal-Container-Height)) + (var(--Nb-Steps-Block-C-223-Height)) + (var(--Nb-Steps-Valeurs-Principal-Container-Height)) + (var(--Nb-Steps-Block-C-224-Height))) - 2; /* ROOT NB STEPS BLOCK D 220 HEIGHT ----------------------- */ --Nb-Steps-Block-D-220-Height: calc((var(--Nb-Steps-Block-B-220-Height)) + 4); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCK C 321 - C 324 HEIGHT --------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCK C 321 HEIGHT ----------------------- */ --Nb-Steps-Block-C-321-Height: calc((var(--Nb-Steps-Visible)) + 1); /* ROOT NB STEPS BLOCK C 322 HEIGHT ----------------------- */ --Nb-Steps-Block-C-322-Height: var(--Nb-Steps-Block-C-321-Height); /* ROOT NB STEPS BLOCK C 323 HEIGHT ----------------------- */ --Nb-Steps-Block-C-323-Height: var(--Nb-Steps-Block-C-321-Height); /* ROOT NB STEPS BLOCK C 324 HEIGHT ----------------------- */ --Nb-Steps-Block-C-324-Height: var(--Nb-Steps-Block-C-321-Height); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCK B 320 / D 320 HEIGHT --------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCK B 320 HEIGHT ----------------------- */ --Nb-Steps-Block-B-320-Height: calc((var(--Nb-Steps-Block-C-321-Height)) + (var(--Nb-Steps-About-Principal-Container-Height)) + (var(--Nb-Steps-Block-C-322-Height)) + (var(--Nb-Steps-Services-Principal-Container-Height)) + (var(--Nb-Steps-Block-C-323-Height)) + (var(--Nb-Steps-Valeurs-Principal-Container-Height)) + (var(--Nb-Steps-Block-C-324-Height))); /* ROOT NB STEPS BLOCK D 320 HEIGHT ----------------------- */ --Nb-Steps-Block-D-320-Height: var(--Nb-Steps-Block-B-320-Height); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCK C 421 - C 424 HEIGHT --------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS BLOCK C 421 HEIGHT ----------------------- */ --Nb-Steps-Block-C-421-Height: calc((var(--Nb-Steps-Visible)) + 1); /* ROOT NB STEPS BLOCK C 422 HEIGHT ----------------------- */ --Nb-Steps-Block-C-422-Height: var(--Nb-Steps-Block-C-421-Height); /* ROOT NB STEPS BLOCK C 423 HEIGHT ----------------------- */ --Nb-Steps-Block-C-423-Height: var(--Nb-Steps-Block-C-421-Height); /* ROOT NB STEPS BLOCK C 424 HEIGHT ----------------------- */ --Nb-Steps-Block-C-424-Height: var(--Nb-Steps-Block-C-421-Height); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS STATIC GRID CACHE ------------------------ */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS STATIC GRID CACHE A HEIGHT LARGE --------- */ --Nb-Steps-Static-Grid-Cache-1-Height: calc((var(--Nb-Steps-Column-Prime-Global-A-E-Container-Top)) + (var(--Nb-Steps-Column-Prime-Full-A-E-Container-Top)) + 3); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS STATIC GRID ELEMENTS HEIGHTS ------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS STATIC GRID HEIGHT ----------------------- */ --Nb-Steps-Static-Grid-Height: 12; /* ROOT NB STEPS STATIC GRID GLOBAL CONTAINER HEIGHT ------ */ --Nb-Steps-Static-Grid-Global-Container-Height: var(--Nb-Steps-Visible); /* ROOT NB STEPS STATIC GRID PRINCIPAL CONTAINER HEIGHT --- */ --Nb-Steps-Static-Grid-Principal-Container-Height: var(--Nb-Steps-Static-Grid-Global-Container-Height); /* ROOT NB STEPS STATIC GRID MAX CONTAINER HEIGHT --------- */ --Nb-Steps-Static-Grid-Max-Container-Height: calc((var(--Nb-Steps-Column-Prime-Global-A-E-Container-Top)) + (var(--Nb-Steps-Column-Prime-Full-E-Container-Height-Large)) + (var(--Nb-Steps-Column-Prime-Full-A-E-Container-Top)) + ((var(--Nb-Steps-Visible)) * 2)); /* ----------- -------------------------------------------- */ /* ROOT NB STEP HOME SCROLL ------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS HOME SCROLL PRINCIPAL CONTAINER HEIGHT --- */ --Nb-Steps-Home-Scroll-Principal-Container-Height: var(--Nb-Steps-Full); --Nb-Steps-Home-Scroll-Principal-Container-Height: calc((var(--Nb-Steps-Visible)) - 1); /* ROOT NB STEPS HOME SCROLL GALOBAL CONTAINER HEIGHT ----- */ --Nb-Steps-Home-Scroll-Global-Container-Height: calc((var(--Nb-Steps-Home-Logo-Global-Container-Height)) + 3); /* ----------- -------------------------------------------- */ /* ROOT NB STEPS TOTAUX ----------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT VALUES -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT PRIME CONTAINER TOP ------------------------------- */ --Home-Prime-Container-Top: 0px; /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT HOME LOGO ELEMENTS TOP ---------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT HOME LOGO C FULL CONTAINER TOP -------------------- */ /* ----------- -------------------------------------------- */ --Home-Logo-C-Full-Container-Top: calc(((var(--Nb-Steps-Logo-C-Full-Container-Top)) * (var(--Grid-Row-Step-Height))) + (var(--Grid-Global-Top))); /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT HOME LOGO ELEMENTS HEIGHT ------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT HOME LOGO HEIGHT ---------------------------------- */ --Home-Logo-Height: var(--Grid-Cell-Height); /* ROOT HOME LOGO MAIN CONTAINER HEIGHT ------------------- */ --Home-Logo-Main-Container-Height: var(--Grid-Cell-Height); /* ROOT HOME LOGO FULL CONTAINER HEIGHT ------------------- */ --Home-Logo-Full-Container-Height: var(--Grid-Row-Step-Height); /* ROOT HOME LOGO PRINCIPAL CONTAINER HEIGHT -------------- */ --Home-Logo-Principal-Container-Height: calc(((var(--Grid-Row-Step-Height)) * (var(--Nb-Steps-Logo-C-Principal-Container-Height))) + (var(--Grid-Global-Top))); /* ROOT HOME LOGO GLOBAL CONTAINER HEIGHT ----------------- */ /* ----------- -------------------------------------------- */ /* ROOT HOME LOGO GLOBAL CONTAINER HEIGHT ----------------- */ /* ----------- -------------------------------------------- */ /* ROOT HOME LOGO GLOBAL CONTAINER HEIGHT LARGE ----------- */ --Home-Logo-Global-Container-Height-Large: calc((var(--Nb-Steps-Home-Logo-Global-Container-Height)) * (var(--Grid-Row-Step-Height))); /* ROOT HOME LOGO GLOBAL CONTAINER HEIGHT 1500 ------------ */ --Home-Logo-Global-Container-Height-1500: calc(((var(--Nb-Steps-Home-Logo-Global-Container-Height)) - 1) * (var(--Grid-Row-Step-Height))); /* ROOT HOME LOGO GLOBAL CONTAINER HEIGHT 1200 ------------ */ --Home-Logo-Global-Container-Height-1200: calc(((var(--Nb-Steps-Home-Logo-Global-Container-Height)) - 1) * (var(--Grid-Row-Step-Height))); /* ----------- -------------------------- SUITE LINE 951 -- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT HOME COLUMNS PRIME ELEMENTS HEIGHT ---------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT BLOCK PRIME A - E HEIGHT -------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT BLOCK PRIME A - E HEIGHT LARGE -------------------- */ --Block-Prime-A-Height-Large: calc((var(--Nb-Steps-Block-Prime-A-Height-Large)) * (var(--Grid-Row-Step-Height))); --Block-Prime-B-Height-Large: calc((var(--Nb-Steps-Block-Prime-B-Height-Large)) * (var(--Grid-Row-Step-Height))); --Block-Prime-C-Height-Large: calc((var(--Nb-Steps-Block-Prime-C-Height-Large)) * (var(--Grid-Row-Step-Height))); --Block-Prime-D-Height-Large: calc((var(--Nb-Steps-Block-Prime-D-Height-Large)) * (var(--Grid-Row-Step-Height))); --Block-Prime-E-Height-Large: calc((var(--Nb-Steps-Block-Prime-E-Height-Large)) * (var(--Grid-Row-Step-Height))); /* ROOT BLOCK PRIME B - D HEIGHT 1500 --------------------- */ --Block-Prime-B-Height-1500: calc((var(--Nb-Steps-Block-Prime-B-Height-1500)) * (var(--Grid-Row-Step-Height))); --Block-Prime-C-Height-1500: calc((var(--Nb-Steps-Block-Prime-C-Height-1500)) * (var(--Grid-Row-Step-Height))); --Block-Prime-D-Height-1500: calc((var(--Nb-Steps-Block-Prime-D-Height-1500)) * (var(--Grid-Row-Step-Height))); /* ROOT BLOCK PRIME A - E HEIGHT -------------------------- */ --Block-Prime-A-Height: var(--Block-Prime-A-Height-Large); --Block-Prime-B-Height: var(--Block-Prime-B-Height-Large); --Block-Prime-C-Height: var(--Block-Prime-C-Height-Large); --Block-Prime-D-Height: var(--Block-Prime-D-Height-Large); --Block-Prime-E-Height: var(--Block-Prime-E-Height-Large); /* ----------- -------------------------------------------- */ /* ROOT COL PRIME FULL A / B / D / E CONT HEIGHT ---------- */ /* ----------- -------------------------------------------- */ /* ROOT COL PRIME FULL A / B / D / E CONT HEIGHT LARGE ---- */ --Column-Prime-Full-B-Container-Height-Large: calc((var(--Nb-Steps-Column-Prime-Full-B-Container-Height-Large)) * (var(--Grid-Row-Step-Height))); --Column-Prime-Full-D-Container-Height-Large: calc((var(--Nb-Steps-Column-Prime-Full-D-Container-Height-Large)) * (var(--Grid-Row-Step-Height))); --Column-Prime-Full-A-Container-Height-Large: calc((var(--Nb-Steps-Column-Prime-Full-A-Container-Height-Large)) * (var(--Grid-Row-Step-Height))); --Column-Prime-Full-E-Container-Height-Large: calc((var(--Nb-Steps-Column-Prime-Full-E-Container-Height-Large)) * (var(--Grid-Row-Step-Height))); /* ROOT COL PRIME FULL B / D CONT HEIGHT 1500 ------------- */ --Column-Prime-Full-B-Container-Height-1500: calc((var(--Nb-Steps-Column-Prime-Full-B-Container-Height-1500)) * (var(--Grid-Row-Step-Height))); --Column-Prime-Full-D-Container-Height-1500: calc((var(--Nb-Steps-Column-Prime-Full-D-Container-Height-1500)) * (var(--Grid-Row-Step-Height))); /* ROOT COL PRIME FULL B / D CONT HEIGHT ------------------ */ --Column-Prime-Full-B-Container-Height: var(--Column-Prime-Full-B-Container-Height-Large); --Column-Prime-Full-D-Container-Height: var(--Column-Prime-Full-D-Container-Height-Large); /* ----------- -------------------------------------------- */ /* ROOT COL PRIME GLOBAL A - E CONT HEIGHT ---------------- */ /* ----------- -------------------------------------------- */ /* ROOT COL PRIME GLOBAL A - E CONT HEIGHT LARGE ---------- */ --Column-Prime-Global-E-Container-Height-Large: calc(((var(--Nb-Steps-Column-Prime-Full-E-Container-Height-Large)) * (var(--Grid-Row-Step-Height))) + (((var(--Nb-Steps-Column-Prime-Full-A-E-Container-Top)) * (var(--Grid-Row-Step-Height))) + (var(--Grid-Global-Top)))); --Column-Prime-Global-D-Container-Height-Large: var(--Column-Prime-Global-E-Container-Height-Large); --Column-Prime-Global-B-Container-Height-Large: var(--Column-Prime-Global-E-Container-Height-Large); --Column-Prime-Global-A-Container-Height-Large: var(--Column-Prime-Global-E-Container-Height-Large); --Column-Prime-Global-C-Container-Height-Large: calc((var(--Column-Prime-Global-E-Container-Height-Large)) + (((var(--Nb-Steps-Column-Prime-Global-B-D-Container-Top)) - (var(--Nb-Steps-Column-Prime-Global-C-Container-Top))) * (var(--Grid-Row-Step-Height)))); /* ROOT COL PRIME GLOBAL D CONT HEIGHT 1500 --------------- */ --Column-Prime-Global-D-Container-Height-1500: calc(((var(--Nb-Steps-Column-Prime-Full-D-Container-Height-1500)) * (var(--Grid-Row-Step-Height))) + (((var(--Nb-Steps-Column-Prime-Full-B-D-Container-Top)) * (var(--Grid-Row-Step-Height))) + (var(--Grid-Global-Top)))); /* ROOT COL PRIME GLOBAL B CONT HEIGHT 1500 --------------- */ --Column-Prime-Global-B-Container-Height-1500: var(--Column-Prime-Global-D-Container-Height-1500); /* ROOT COL PRIME GLOBAL C CONT HEIGHT 1500 --------------- */ --Column-Prime-Global-C-Container-Height-1500: calc((var(--Column-Prime-Global-D-Container-Height-1500)) + (((var(--Nb-Steps-Column-Prime-Global-B-D-Container-Top)) - (var(--Nb-Steps-Column-Prime-Global-C-Container-Top))) * (var(--Grid-Row-Step-Height)))); /* ROOT COL PRIME GLOBAL A - E CONT HEIGHT ---------------- */ --Column-Prime-Global-E-Container-Height: var(--Column-Prime-Global-E-Container-Height-Large); --Column-Prime-Global-D-Container-Height: var(--Column-Prime-Global-D-Container-Height-Large); --Column-Prime-Global-B-Container-Height: var(--Column-Prime-Global-B-Container-Height-Large); --Column-Prime-Global-A-Container-Height: var(--Column-Prime-Global-A-Container-Height-Large); --Column-Prime-Global-C-Container-Height: var(--Column-Prime-Global-C-Container-Height-Large); /* ----------- -------------------------------------------- */ /* ROOT COL PRIME PRINCIPAL B - D CONT HEIGHT ------------- */ /* ----------- -------------------------------------------- */ /* ROOT COL PRIME PRINCIPAL B - D CONT HEIGHT LARGE ------- */ --Column-Prime-Principal-B-D-Container-Height-Large: calc(((var(--Column-Prime-Global-E-Container-Height-Large)) - (var(--Grid-Row-Step-Height)))); --Column-Prime-Principal-C-Container-Height-Large: var(--Column-Prime-Principal-B-D-Container-Height-Large); /* ROOT COL PRIME PRINCIPAL C CONT HEIGHT 1500 ------------ */ --Column-Prime-Principal-C-Container-Height-1500: calc((var(--Column-Prime-Principal-C-Container-Height-Large)) - (2 * (var(--Grid-Row-Step-Height)))); /* ROOT COL PRIME PRINCIPAL B - D CONT HEIGHT ------------- */ --Column-Prime-Principal-B-D-Container-Height: var(--Column-Prime-Principal-B-D-Container-Height-Large); /* ROOT COL PRIME PRINCIPAL C CONT HEIGHT ----------------- */ --Column-Prime-Principal-C-Container-Height: var(--Column-Prime-Principal-C-Container-Height-Large); /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT HOME COLUMNS PRIME ELEMENTS TOP ------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* COLUMN PRIME GLOBAL CONTAINER TOP ---------------------- */ /* ----------- -------------------------------------------- */ /* COLUMN PRIME GLOBAL C CONTAINER TOP -------------------- */ --Column-Prime-Global-C-Container-Top: calc(((var(--Nb-Steps-Column-Prime-Global-C-Container-Top)) * (var(--Grid-Row-Step-Height))) - (var(--Grid-Global-Top))); /* COLUMN PRIME GLOBAL B - D CONTAINER TOP ---------------- */ --Column-Prime-Global-B-D-Container-Top: calc(((var(--Nb-Steps-Column-Prime-Global-B-D-Container-Top)) * (var(--Grid-Row-Step-Height))) - (var(--Grid-Global-Top))); /* COLUMN PRIME GLOBAL A - E CONTAINER TOP ---------------- */ --Column-Prime-Global-A-E-Container-Top: calc(((var(--Nb-Steps-Column-Prime-Global-A-E-Container-Top)) * (var(--Grid-Row-Step-Height))) - (var(--Grid-Global-Top))); /* ----------- -------------------------------------------- */ /* BLOCK PRIME TOP ---------------------------------------- */ /* ----------- -------------------------------------------- */ /* BLOCK PRIME C TOP -------------------------------------- */ --Block-Prime-C-Top: calc(((var(--Nb-Steps-Block-Prime-C-Top)) * (var(--Grid-Row-Step-Height))) + (var(--Grid-Global-Top)) - (var(--Grid-Row-Gap-Height))); /* BLOCK PRIME A TOP -------------------------------------- */ --Block-Prime-A-Top: calc(((var(--Nb-Steps-Block-Prime-A-B-D-E-Top)) * (var(--Grid-Row-Step-Height))) - (var(--Grid-Row-Gap-Height))); /* BLOCK PRIME B TOP -------------------------------------- */ --Block-Prime-B-Top: var(--Block-Prime-A-Top); /* BLOCK PRIME D TOP -------------------------------------- */ --Block-Prime-D-Top: var(--Block-Prime-A-Top); /* BLOCK PRIME E TOP -------------------------------------- */ --Block-Prime-E-Top: var(--Block-Prime-A-Top); /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT HOME LOGO GLOBAL CONTAINER HEIGHT -------- SUITE -- */ /* ----------- -------------------------- DEBUT LINE 782 -- */ /* ROOT HOME LOGO GLOBAL CONTAINER HEIGHT 850 ------------ */ /* --Home-Logo-Global-Container-Height-850: calc(((var(--Nb-Steps-Home-Logo-Global-Container-Height)) - 1) * (var(--Grid-Row-Step-Height))); */ --Home-Logo-Global-Container-Height-850: calc((var(--Column-Prime-Global-C-Container-Top)) + (var(--Block-Prime-C-Top))); --Home-Logo-Global-Container-Height-850: calc((var(--Column-Prime-Global-C-Container-Top)) + (var(--Block-Prime-C-Top)) + (var(--Grid-Row-Gap-Height))); /* ROOT HOME LOGO GLOBAL CONTAINER HEIGHT 550 ------------ */ --Home-Logo-Global-Container-Height-550: calc(((var(--Nb-Steps-Home-Logo-Global-Container-Height)) - 1) * (var(--Grid-Row-Step-Height))); --Home-Logo-Global-Container-Height-550: var(--Home-Logo-Global-Container-Height-850); /* ROOT HOME LOGO GLOBAL CONTAINER HEIGHT 470 ------------ */ --Home-Logo-Global-Container-Height-470: calc(((var(--Nb-Steps-Home-Logo-Global-Container-Height)) - 1) * (var(--Grid-Row-Step-Height))); --Home-Logo-Global-Container-Height-470: var(--Home-Logo-Global-Container-Height-550); /* ROOT HOME LOGO GLOBAL CONTAINER HEIGHT 390 ------------ */ --Home-Logo-Global-Container-Height-390: calc(((var(--Nb-Steps-Home-Logo-Global-Container-Height)) - 1) * (var(--Grid-Row-Step-Height))); --Home-Logo-Global-Container-Height-390: var(--Home-Logo-Global-Container-Height-470); /* ROOT HOME LOGO GLOBAL CONTAINER HEIGHT ---------------- */ --Home-Logo-Global-Container-Height: var(--Home-Logo-Global-Container-Height-Large); /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT COLUMNS PRIME B - D FULL CONTAINER TOP ------------ */ /* ----------- -------------------------------------------- */ /* ROOT COLUMNS PRIME B - D FULL CONTAINER TOP LARGE ------ */ /* ROOT COLUMNS PRIME B - D FULL CONTAINER TOP 1500 ------- */ /* ROOT COLUMNS PRIME B - D FULL CONTAINER TOP ------------ */ --Column-Prime-Full-B-D-Container-Top: calc(((var(--Nb-Steps-Column-Prime-Full-B-D-Container-Top)) * (var(--Grid-Row-Step-Height))) + (var(--Grid-Global-Top))); /* ----------- -------------------------------------------- */ /* ROOT COLUMNS PRIME A - E FULL CONTAINER TOP LARGE ------ */ /* ----------- -------------------------------------------- */ --Column-Prime-Full-A-E-Container-Top: calc(((var(--Nb-Steps-Column-Prime-Full-A-E-Container-Top)) * (var(--Grid-Row-Step-Height))) + (var(--Grid-Global-Top))); /* ----------- -------------------------------------------- */ /* ROOT COL MAX CONTAINER HEIGHT -------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT COL MAX CONTAINER 1 HEIGHT ------------------------ */ --Col-Max-Container-1-Height: calc((var(--Column-Prime-Global-A-Container-Height-Large)) + (var(--Column-Prime-Global-A-E-Container-Top))); /* ROOT COL MAX CONTAINER 2 HEIGHT ------------------------ */ --Col-Max-Container-2-Height: calc((var(--Column-Prime-Global-B-Container-Height-1500)) + (var(--Column-Prime-Global-B-D-Container-Top))); /* ROOT COL MAX CONTAINER 3 HEIGHT ------------------------ */ --Col-Max-Container-3-Height: calc((var(--Column-Prime-Global-A-Container-Height-Large)) + (var(--Column-Prime-Global-A-E-Container-Top))); --Col-Max-Container-3-Height: calc((var(--Column-Prime-Global-C-Container-Top)) + (var(--Block-Prime-C-Top)) - (var(--Grid-Row-Gap-Height))); --Col-Max-Container-3-Height: calc((var(--Column-Prime-Global-C-Container-Top)) + (var(--Block-Prime-C-Top))); /* ROOT COL MAX CONTAINER 4 HEIGHT ------------------------ */ --Col-Max-Container-4-Height: calc((var(--Column-Prime-Global-C-Container-Top)) + (var(--Block-Prime-C-Top))); /* ----------- -------------------------------------------- */ /* ROOT HOME PRIME CONTAINER HEIGHT ----------------------- */ /* ----------- -------------------------------------------- */ /* ROOT HOME PRIME CONTAINER 1 HEIGHT --------------------- */ --Home-Prime-Container-1-Height: var(--Col-Max-Container-1-Height); /* ROOT HOME PRIME CONTAINER 2 HEIGHT --------------------- */ --Home-Prime-Container-2-Height: var(--Col-Max-Container-2-Height); /* ROOT HOME PRIME CONTAINER 3 HEIGHT --------------------- */ --Home-Prime-Container-3-Height: var(--Col-Max-Container-3-Height); /* ROOT HOME PRIME CONTAINER 4 HEIGHT --------------------- */ --Home-Prime-Container-4-Height: var(--Col-Max-Container-4-Height); /* ----------- -------------------------------------------- */ /* ROOT HOME BLOCK CONTAINER GAP -------------------------- */ /* ----------- -------------------------------------------- */ --Home-Block-Container-Gap: calc(3 * (var(--Grid-Row-Step-Height))); /* ----------- -------------------------------------------- */ /* ROOT HOME SECOND CONTAINER TOP ------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT HOME SECOND CONTAINER 1 TOP ----------------------- */ --Home-Second-Container-1-Top: calc((var(--Home-Block-Container-Gap)) + (var(--Home-Prime-Container-1-Height))); /* ROOT HOME SECOND CONTAINER 2 TOP ----------------------- */ --Home-Second-Container-2-Top: calc((var(--Home-Block-Container-Gap)) + (var(--Home-Prime-Container-2-Height)));; /* ROOT HOME SECOND CONTAINER 3 TOP ----------------------- */ --Home-Second-Container-3-Top: calc((var(--Column-Prime-Global-C-Container-Top)) + (var(--Block-Prime-C-Top))); /* --Home-Second-Container-3-Top: calc((var(--Home-Prime-Container-3-Height)) + 100px); */ --Home-Second-Container-3-Top: var(--Home-Prime-Container-3-Height); /* ROOT HOME SECOND CONTAINER 4 TOP ----------------------- */ --Home-Second-Container-4-Top: var(--Home-Prime-Container-4-Height); /* ----------- -------------------------------------------- */ /* ROOT CONTENT PRINCIPAL CONTAINER HEIGHT ---------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS ABOUT PRINCIPAL CONTAINER HEIGHT --------- */ --About-Principal-Container-Height: calc(((var(--Nb-Steps-About-Principal-Container-Height)) * (var(--Grid-Row-Step-Height))) + (var(--Grid-Row-Gap-Height))); /* ROOT NB STEPS SERVICES PRINCIPAL CONTAINER HEIGHT ------ */ --Services-Principal-Container-Height: calc(((var(--Nb-Steps-Services-Principal-Container-Height)) * (var(--Grid-Row-Step-Height))) + (var(--Grid-Row-Gap-Height))); /* ROOT NB STEPS VALEURS PRINCIPAL CONTAINER HEIGHT ------- */ --Valeurs-Principal-Container-Height: calc(((var(--Nb-Steps-Valeurs-Principal-Container-Height)) * (var(--Grid-Row-Step-Height))) + (var(--Grid-Row-Gap-Height))); /* ----------- -------------------------------------------- */ /* ROOT CONTENT FULL CONTAINER HEIGHT --------------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS ABOUT FULL CONTAINER HEIGHT -------------- */ --About-Full-Container-Height: calc((var(--About-Principal-Container-Height)) - (2 * (var(--Grid-Row-Gap-Height)))); /* ROOT NB STEPS SERVICES FULL CONTAINER HEIGHT ----------- */ --Services-Full-Container-Height: calc((var(--Services-Principal-Container-Height)) - (2 * (var(--Grid-Row-Gap-Height)))); /* ROOT NB STEPS VALEURS FULL CONTAINER HEIGHT ------------ */ --Valeurs-Full-Container-Height: calc((var(--Valeurs-Principal-Container-Height)) - (2 * (var(--Grid-Row-Gap-Height)))); /* ----------- -------------------------------------------- */ /* ROOT CONTENT DOUBLE (MAIN) CONTAINER HEIGHT ------------ */ /* ----------- -------------------------------------------- */ /* ROOT CONTENT DOUBLE MAIN CONTAINER HEIGHT -------------- */ --Content-Double-Main-Container-Height: calc((var(--Grid-Row-Step-Height)) + (var(--Grid-Cell-Height))); /* ROOT CONTENT DOUBLE CONTAINER HEIGHT ------------------- */ --Content-Double-Container-Height: var(--Content-Double-Main-Container-Height); /* ----------- -------------------------------------------- */ /* ROOT HOME CONTENT SUBTITLE HEIGHT ---------------------- */ /* ----------- -------------------------------------------- */ --Home-Content-Subtitle-Height: var(--Lh-Home-Content); /* ----------- -------------------------------------------- */ /* ROOT HOME CONTENT SHORT PARAGRAPH HEIGHT --------------- */ /* ----------- -------------------------------------------- */ --Home-Content-Short-Paragraph-Height: calc((var(--Home-Content-Subtitle-Height)) * 2); /* ----------- -------------------------------------------- */ /* ROOT HOME CONTENT SHORT PARAGRAPH TOP ------------------ */ /* ----------- -------------------------------------------- */ --Home-Content-Short-Paragraph-Top: var(--Home-Content-Short-Paragraph-Height); /* ----------- -------------------------------------------- */ /* ROOT BLOCK E 120 / D 121 / C 121 / B 121 / A 120 TOP --- */ /* ----------- -------------------------------------------- */ /* ROOT BLOCK E 120 TOP ----------------------------------- */ --Block-E-120-Top: 0px; /* ROOT BLOCK D 121 TOP ----------------------------------- */ --Block-D-121-Top: calc((var(--Block-E-120-Top)) + (var(--Grid-Row-Step-Height))); /* ROOT BLOCK C 121 TOP ----------------------------------- */ --Block-C-121-Top: calc((var(--Block-D-121-Top)) + (var(--Grid-Row-Step-Height))); /* ROOT BLOCK B 121 TOP ----------------------------------- */ --Block-B-121-Top: calc((var(--Block-C-121-Top)) + (var(--Grid-Row-Step-Height))); /* ROOT BLOCK A 120 TOP ----------------------------------- */ --Block-A-120-Top: calc((var(--Block-B-121-Top)) + (var(--Grid-Row-Step-Height))); /* ----------- -------------------------------------------- */ /* ROOT BLOCK B 121 / C 121 / D 121 HEIGHT ---------------- */ /* ----------- -------------------------------------------- */ /* ROOT BLOCK B 121 HEIGHT -------------------------------- */ --Block-B-121-Height: calc(((var(--Nb-Steps-Block-B-121-Height)) * (var(--Grid-Row-Step-Height))) - (var(--Grid-Row-Gap-Height))); /* ROOT BLOCK C 121 HEIGHT -------------------------------- */ --Block-C-121-Height: calc(((var(--Nb-Steps-Block-C-121-Height)) * (var(--Grid-Row-Step-Height))) - (var(--Grid-Row-Gap-Height))); /* ROOT BLOCK D 121 HEIGHT -------------------------------- */ --Block-D-121-Height: calc(((var(--Nb-Steps-Block-D-121-Height)) * (var(--Grid-Row-Step-Height))) - (var(--Grid-Row-Gap-Height))); /* ----------- -------------------------------------------- */ /* ROOT CONTENT PRINCIPAL CONTAINER 1 TOP ----------------- */ /* ----------- -------------------------------------------- */ /* ROOT ABOUT PRINCIPAL CONTAINER 1 TOP ------------------- */ --About-Principal-Container-1-Top: calc((var(--Block-B-121-Top)) + (var(--Block-B-121-Height))); /* ROOT SERVICES PRINCIPAL CONTAINER 1 TOP ---------------- */ --Services-Principal-Container-1-Top: calc((var(--Block-C-121-Top)) + (var(--Block-C-121-Height))); /* ROOT VALEURS PRINCIPAL CONTAINER 1 TOP ----------------- */ --Valeurs-Principal-Container-1-Top: calc((var(--Block-D-121-Top)) + (var(--Block-D-121-Height))); /* ----------- -------------------------------------------- */ /* ROOT BLOCK B 122 / C 122 / D 122 TOP ------------------- */ /* ----------- -------------------------------------------- */ /* ROOT BLOCK B 122 TOP ----------------------------------- */ --Block-B-122-Top: calc((var(--About-Principal-Container-1-Top)) + (var(--About-Principal-Container-Height))); /* ROOT BLOCK C 122 TOP ----------------------------------- */ --Block-C-122-Top: calc((var(--Services-Principal-Container-1-Top)) + (var(--Services-Principal-Container-Height))); /* ROOT BLOCK D 122 TOP ----------------------------------- */ --Block-D-122-Top: calc((var(--Valeurs-Principal-Container-1-Top)) + (var(--Valeurs-Principal-Container-Height))); /* ----------- -------------------------------------------- */ /* ROOT BLOCK A 120 / E 120 HEIGHT ------------------------ */ /* ----------- -------------------------------------------- */ /* ROOT BLOCK A 120 HEIGHT -------------------------------- */ --Block-A-120-Height: calc((var(--Nb-Steps-Block-A-120-Height)) * (var(--Grid-Row-Step-Height))); /* ROOT BLOCK E 120 HEIGHT -------------------------------- */ --Block-E-120-Height: calc((var(--Nb-Steps-Block-E-120-Height)) * (var(--Grid-Row-Step-Height))); /* ----------- -------------------------------------------- */ /* ROOT BLOCK B 122 / C 122 / D 122 HEIGHT ---------------- */ /* ----------- -------------------------------------------- */ /* ROOT BLOCK B 122 HEIGHT -------------------------------- */ --Block-B-122-Height: calc(((var(--Nb-Steps-Block-B-122-Height)) * (var(--Grid-Row-Step-Height))) - (var(--Grid-Row-Gap-Height))); --Block-B-122-Height: calc((var(--Nb-Steps-Block-B-122-Height)) * (var(--Grid-Row-Step-Height))); /* ROOT BLOCK C 122 HEIGHT -------------------------------- */ --Block-C-122-Height: calc(((var(--Nb-Steps-Block-C-122-Height)) * (var(--Grid-Row-Step-Height))) - (var(--Grid-Row-Gap-Height))); --Block-C-122-Height: calc((var(--Nb-Steps-Block-C-122-Height)) * (var(--Grid-Row-Step-Height))); /* ROOT BLOCK D 122 HEIGHT -------------------------------- */ --Block-D-122-Height: calc(((var(--Nb-Steps-Block-D-122-Height)) * (var(--Grid-Row-Step-Height))) - (var(--Grid-Row-Gap-Height))); --Block-D-122-Height: calc((var(--Nb-Steps-Block-D-122-Height)) * (var(--Grid-Row-Step-Height))); /* ----------- -------------------------------------------- */ /* ROOT BLOCK B 220 / D 220 HEIGHT ------------------------ */ /* ----------- -------------------------------------------- */ /* ROOT BLOCK B 220 HEIGHT -------------------------------- */ --Block-B-220-Height: calc((var(--Nb-Steps-Block-B-220-Height)) * (var(--Grid-Row-Step-Height))); /* ROOT BLOCK D 220 HEIGHT -------------------------------- */ --Block-D-220-Height: calc((var(--Nb-Steps-Block-D-220-Height)) * (var(--Grid-Row-Step-Height))); /* ----------- -------------------------------------------- */ /* ROOT BLOCK C 221 - C 224 HEIGHT ------------------------ */ /* ----------- -------------------------------------------- */ /* ROOT BLOCK C 221 HEIGHT -------------------------------- */ --Block-C-221-Height: calc(((var(--Nb-Steps-Block-C-221-Height)) * (var(--Grid-Row-Step-Height))) - (var(--Grid-Row-Gap-Height))); /* ROOT BLOCK C 222 HEIGHT -------------------------------- */ --Block-C-222-Height: calc(((var(--Nb-Steps-Block-C-222-Height)) * (var(--Grid-Row-Step-Height))) - (var(--Grid-Row-Gap-Height))); /* ROOT BLOCK C 223 HEIGHT -------------------------------- */ --Block-C-223-Height: calc(((var(--Nb-Steps-Block-C-223-Height)) * (var(--Grid-Row-Step-Height))) - (var(--Grid-Row-Gap-Height))); /* ROOT BLOCK C 224 HEIGHT -------------------------------- */ --Block-C-224-Height: calc((var(--Nb-Steps-Block-C-224-Height)) * (var(--Grid-Row-Step-Height))); /* ----------- -------------------------------------------- */ /* ROOT BLOCK / D 220 / C 221 / B 220 TOP ----------------- */ /* ----------- -------------------------------------------- */ /* ROOT BLOCK D 220 TOP ----------------------------------- */ --Block-D-220-Top: 0px; /* ROOT BLOCK C 221 TOP ----------------------------------- */ --Block-C-221-Top: calc((var(--Block-D-220-Top)) + (var(--Grid-Row-Step-Height))); /* ROOT BLOCK B 220 TOP ----------------------------------- */ --Block-B-220-Top: calc((var(--Block-C-221-Top)) + (var(--Grid-Row-Step-Height))); /* ----------- -------------------------------------------- */ /* ROOT CONTNT PRNC CONT 2 TOP | BLOCK C 222 - C 224 TOP -- */ /* ----------- -------------------------------------------- */ /* ROOT ABOUT PRINCIPAL CONTAINER 2 TOP ------------------- */ --About-Principal-Container-2-Top: calc((var(--Block-C-221-Top)) + (var(--Block-C-221-Height))); /* ROOT BLOCK C 222 TOP ----------------------------------- */ --Block-C-222-Top: calc((var(--About-Principal-Container-2-Top)) + (var(--About-Principal-Container-Height))); /* ROOT SERVICES PRINCIPAL CONTAINER 2 TOP ---------------- */ --Services-Principal-Container-2-Top: calc((var(--Block-C-222-Top)) + (var(--Block-C-222-Height))); /* ROOT BLOCK C 223 TOP ----------------------------------- */ --Block-C-223-Top: calc((var(--Services-Principal-Container-2-Top)) + (var(--Services-Principal-Container-Height))); /* ROOT VALEURS PRINCIPAL CONTAINER 2 TOP ----------------- */ --Valeurs-Principal-Container-2-Top: calc((var(--Block-C-223-Top)) + (var(--Block-C-223-Height))); /* ROOT BLOCK C 224 TOP ----------------------------------- */ --Block-C-224-Top: calc((var(--Valeurs-Principal-Container-2-Top)) + (var(--Valeurs-Principal-Container-Height))); /* ----------- -------------------------------------------- */ /* ROOT BLOCK B 320 / D 320 HEIGHT ------------------------ */ /* ----------- -------------------------------------------- */ /* ROOT BLOCK B 320 HEIGHT -------------------------------- */ /* --Block-B-320-Height: calc((var(--Nb-Steps-Block-D-320-Height)) * (var(--Grid-Row-Step-Height))); */ --Block-B-320-Height: calc(((var(--Nb-Steps-Block-B-320-Height)) * (var(--Grid-Row-Step-Height))) + (var(--Grid-Row-Gap-Height))); /* ROOT BLOCK D 320 HEIGHT -------------------------------- */ /* --Block-D-320-Height: calc((var(--Nb-Steps-Block-D-320-Height)) * (var(--Grid-Row-Step-Height))); */ --Block-D-320-Height: calc(((var(--Nb-Steps-Block-B-320-Height)) * (var(--Grid-Row-Step-Height))) + (var(--Grid-Row-Gap-Height))); /* ----------- -------------------------------------------- */ /* ROOT BLOCK C 321 - C 324 HEIGHT ------------------------ */ /* ----------- -------------------------------------------- */ /* ROOT BLOCK C 321 HEIGHT -------------------------------- */ --Block-C-321-Height: calc(((var(--Nb-Steps-Block-C-321-Height)) * (var(--Grid-Row-Step-Height)))); /* ROOT BLOCK C 322 HEIGHT -------------------------------- */ --Block-C-322-Height: calc(((var(--Nb-Steps-Block-C-322-Height)) * (var(--Grid-Row-Step-Height))) - (var(--Grid-Row-Gap-Height))); /* ROOT BLOCK C 323 HEIGHT -------------------------------- */ --Block-C-323-Height: calc(((var(--Nb-Steps-Block-C-323-Height)) * (var(--Grid-Row-Step-Height))) - (var(--Grid-Row-Gap-Height))); /* ROOT BLOCK C 324 HEIGHT -------------------------------- */ --Block-C-324-Height: calc((var(--Nb-Steps-Block-C-324-Height)) * (var(--Grid-Row-Step-Height))); /* ----------- -------------------------------------------- */ /* ROOT BLOCK / B 320 / C 321 / D 320 TOP ----------------- */ /* ----------- -------------------------------------------- */ --Blocks-B-320-C-321-D-320-Top: 0px; /* ----------- -------------------------------------------- */ /* ROOT CONTNT PRNC CONT 3 TOP | BLOCK C 322 - C 324 TOP -- */ /* ----------- -------------------------------------------- */ /* ROOT ABOUT PRINCIPAL CONTAINER 2 TOP ------------------- */ --About-Principal-Container-3-Top: calc((var(--Blocks-B-320-C-321-D-320-Top)) + (var(--Block-C-321-Height))); /* ROOT BLOCK C 222 TOP ----------------------------------- */ --Block-C-322-Top: calc((var(--About-Principal-Container-3-Top)) + (var(--About-Principal-Container-Height))); /* ROOT SERVICES PRINCIPAL CONTAINER 2 TOP ---------------- */ --Services-Principal-Container-3-Top: calc((var(--Block-C-322-Top)) + (var(--Block-C-322-Height))); /* ROOT BLOCK C 223 TOP ----------------------------------- */ --Block-C-323-Top: calc((var(--Services-Principal-Container-3-Top)) + (var(--Services-Principal-Container-Height))); /* ROOT VALEURS PRINCIPAL CONTAINER 2 TOP ----------------- */ --Valeurs-Principal-Container-3-Top: calc((var(--Block-C-323-Top)) + (var(--Block-C-323-Height))); /* ROOT BLOCK C 224 TOP ----------------------------------- */ --Block-C-324-Top: calc((var(--Valeurs-Principal-Container-3-Top)) + (var(--Valeurs-Principal-Container-Height))); /* ----------- -------------------------------------------- */ /* ROOT BLOCK C 421 - C 424 HEIGHT ------------------------ */ /* ----------- -------------------------------------------- */ /* ROOT BLOCK C 421 HEIGHT -------------------------------- */ --Block-C-421-Height: calc(((var(--Nb-Steps-Block-C-421-Height)) * (var(--Grid-Row-Step-Height)))); /* ROOT BLOCK C 422 HEIGHT -------------------------------- */ --Block-C-422-Height: calc(((var(--Nb-Steps-Block-C-422-Height)) * (var(--Grid-Row-Step-Height))) - (var(--Grid-Row-Gap-Height))); /* ROOT BLOCK C 423 HEIGHT -------------------------------- */ --Block-C-423-Height: calc(((var(--Nb-Steps-Block-C-423-Height)) * (var(--Grid-Row-Step-Height))) - (var(--Grid-Row-Gap-Height))); /* ROOT BLOCK C 424 HEIGHT -------------------------------- */ --Block-C-424-Height: calc((var(--Nb-Steps-Block-C-424-Height)) * (var(--Grid-Row-Step-Height))); /* ----------- -------------------------------------------- */ /* ROOT CONTNT PRNC CONT 4 TOP | BLOCK C 421 - C 424 TOP -- */ /* ----------- -------------------------------------------- */ /* ROOT BLOCK C 421 TOP ----------------------------------- */ --Block-C-421-Top: 0px; /* ROOT ABOUT PRINCIPAL CONTAINER 4 TOP ------------------- */ --About-Principal-Container-4-Top: calc((var(--Block-C-421-Top)) + (var(--Block-C-421-Height))); /* ROOT BLOCK C 422 TOP ----------------------------------- */ --Block-C-422-Top: calc((var(--About-Principal-Container-4-Top)) + (var(--About-Principal-Container-Height))); /* ROOT SERVICES PRINCIPAL CONTAINER 4 TOP ---------------- */ --Services-Principal-Container-4-Top: calc((var(--Block-C-422-Top)) + (var(--Block-C-422-Height))); /* ROOT BLOCK C 423 TOP ----------------------------------- */ --Block-C-423-Top: calc((var(--Services-Principal-Container-4-Top)) + (var(--Services-Principal-Container-Height))); /* ROOT VALEURS PRINCIPAL CONTAINER 4 TOP ----------------- */ --Valeurs-Principal-Container-4-Top: calc((var(--Block-C-423-Top)) + (var(--Block-C-423-Height))); /* ROOT BLOCK C 424 TOP ----------------------------------- */ --Block-C-424-Top: calc((var(--Valeurs-Principal-Container-4-Top)) + (var(--Valeurs-Principal-Container-Height))); /* ----------- -------------------------------------------- */ /* ROOT COLUMN 1 / 2 / 3 / 4 HEIGHT ----------------------- */ /* ----------- -------------------------------------------- */ /* ROOT COLUMN 1 HEIGHT ----------------------------------- */ --Column-1-Height: var(--Block-E-120-Height); /* ROOT COLUMN 2 HEIGHT ----------------------------------- */ --Column-2-Height: var(--Block-D-220-Height); /* ROOT COLUMN 3 HEIGHT ----------------------------------- */ --Column-3-Height: var(--Block-D-320-Height); /* ROOT COLUMN 4 HEIGHT ----------------------------------- */ --Column-4-Height: var(--Column-3-Height); /* ----------- -------------------------------------------- */ /* ROOT HOME SECOND CONTAINER 1 / 2 / 3 / 4 HEIGHT -------- */ /* ----------- -------------------------------------------- */ /* ROOT HOME SECOND CONTAINER 1 HEIGHT -------------------- */ --Home-Second-Container-1-Height: var(--Column-1-Height); /* ROOT HOME SECOND CONTAINER 2 HEIGHT -------------------- */ --Home-Second-Container-2-Height: var(--Column-2-Height); /* ROOT HOME SECOND CONTAINER 3 HEIGHT -------------------- */ --Home-Second-Container-3-Height: var(--Column-3-Height); /* ROOT HOME SECOND CONTAINER 4 HEIGHT -------------------- */ --Home-Second-Container-4-Height: var(--Column-4-Height); /* ----------- -------------------------------------------- */ /* ROOT STATIC GRID CACHE --------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT STATIC GRID CACHE A HEIGHT LARGE ------------------ */ /* --Static-Grid-Cache-1-Height: calc((15) * (var(--Grid-Row-Step-Height))); */ --Static-Grid-Cache-1-Height: calc((var(--Nb-Steps-Static-Grid-Cache-1-Height)) * (var(--Grid-Row-Step-Height))); /* ----------- -------------------------------------------- */ /* ROOT STATIC GRID --------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT STATIC GRID HEIGHT -------------------------------- */ --Static-Grid-Height: calc(((var(--Nb-Steps-Static-Grid-Height)) * (var(--Grid-Row-Step-Height))) - (var(--Grid-Row-Gap-Height))); /* ROOT STATIC GRID GLOBAL CONTAINER HEIGHT --------------- */ --Static-Grid-Global-Container-Height-Large: calc((var(--Nb-Steps-Static-Grid-Global-Container-Height)) * (var(--Grid-Row-Step-Height))); /* ROOT STATIC GRID PRINCIPAL CONTAINER HEIGHT ------------ */ --Static-Grid-Principal-Container-Height-Large: calc((var(--Nb-Steps-Static-Grid-Principal-Container-Height)) * (var(--Grid-Row-Step-Height))); /* ROOT STATIC GRID MAX CONTAINER HEIGHT ------------------ */ --Static-Grid-Max-Container-Height: calc((var(--Nb-Steps-Static-Grid-Max-Container-Height)) * (var(--Grid-Row-Step-Height))); /* ----------- -------------------------------------------- */ /* ROOT HOME SCROLL --------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT HOME SCROLL PRINCIPAL CONTAINER HEIGHT ------------ */ --Home-Scroll-Principal-Container-Height: calc(((var(--Nb-Steps-Home-Scroll-Principal-Container-Height)) * (var(--Grid-Row-Step-Height))) + (var(--Grid-Global-Top))); /* ROOT HOME SCROLL GLOBAL CONTAINER HEIGHT --------------- */ --Home-Scroll-Global-Container-Height: calc((var(--Nb-Steps-Home-Scroll-Global-Container-Height)) * (var(--Grid-Row-Step-Height))); /* ----------- -------------------------------------------- */ /* ROOT HOME ULTRA CONTAINER 1 / 2 / 3 / 4 HEIGHT --------- */ /* ----------- -------------------------------------------- */ --Home-Ultra-Container-1-Height: calc((var(--Home-Prime-Container-1-Height)) + (var(--Home-Block-Container-Gap)) + (var(--Home-Second-Container-1-Height))); --Home-Ultra-Container-2-Height: calc((var(--Home-Prime-Container-2-Height)) + (var(--Home-Block-Container-Gap)) + (var(--Home-Second-Container-2-Height))); --Home-Ultra-Container-3-Height: calc((var(--Home-Prime-Container-3-Height)) + (var(--Home-Second-Container-3-Height))); --Home-Ultra-Container-4-Height: calc((var(--Home-Prime-Container-4-Height)) + (var(--Home-Second-Container-4-Height))); /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT BLOCKS -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT BLOCKS GAP ---------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT BLOCKS GAP (VH) ----------------------------------- */ /* ROOT BLOCKS GAP MULTI L -------------------------------- */ --Blocks-Gap-Multi-L-1: 10; --Blocks-Gap-Multi-L-2: 9; --Blocks-Gap-Multi-L-3: 8; --Blocks-Gap-Multi-L-4: 7; --Blocks-Gap-Multi-L-5: 6; --Blocks-Gap-Multi-L-6: 5; --Blocks-Gap-Multi-L-7: 4; --Blocks-Gap-Multi-L-8: 3; --Blocks-Gap-Multi-L-9: 2; --Blocks-Gap-Multi-L-10: 1; --Blocks-Gap-Multi-L-11: 0; --Blocks-Gap-Multi-L: var(--Blocks-Gap-Multi-L-1); /* ROOT BLOCKS GAP MULTI M -------------------------------- */ --Blocks-Gap-Multi-M-1: 11; --Blocks-Gap-Multi-M-2: 10; --Blocks-Gap-Multi-M-3: 9; --Blocks-Gap-Multi-M-4: 8; --Blocks-Gap-Multi-M-5: 7; --Blocks-Gap-Multi-M-6: 6; --Blocks-Gap-Multi-M-7: 5; --Blocks-Gap-Multi-M-8: 4; --Blocks-Gap-Multi-M-9: 3; --Blocks-Gap-Multi-M-10: 2; --Blocks-Gap-Multi-M-11: 1; --Blocks-Gap-Multi-M: var(--Blocks-Gap-Multi-M-1); /* ROOT BLOCKS GAP MULTI S -------------------------------- */ --Blocks-Gap-Multi-S-1: 13; --Blocks-Gap-Multi-S-2: 12; --Blocks-Gap-Multi-S-3: 11; --Blocks-Gap-Multi-S-4: 10; --Blocks-Gap-Multi-S-5: 9; --Blocks-Gap-Multi-S-6: 8; --Blocks-Gap-Multi-S-7: 7; --Blocks-Gap-Multi-S-8: 6; --Blocks-Gap-Multi-S-9: 5; --Blocks-Gap-Multi-S-10: 4; --Blocks-Gap-Multi-S-11: 3; --Blocks-Gap-Multi-S: var(--Blocks-Gap-Multi-S-1); /* ROOT BLOCKS GAP ---------------------------------------- */ --Blocks-Gap-Multi: var(--Blocks-Gap-Multi-L); --Blocks-Gap: calc((var(--Blocks-Gap-Multi)) * (var(--Grid-Row-Step-Height))); /* ----------- -------------------------------------------- */ /* ROOT BLOCKS TOP ---------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT PRIME CONTAINER TOP ------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT GRID COLUMN ------------------------ -- SUITE -- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT GRID COLUMN HEIGHT -------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT GRID COLUMN HEIGHT MULTI -------------------------- */ --Grid-Column-Height-Multi: calc((var(--Blocks-Gap-Multi)) + 2); /* ROOT GRID COLUMN HEIGHT 1 ------------------------------ */ --Grid-Column-Height-1: calc((var(--Grid-Column-Height-Multi)) * (var(--Grid-Row-Step-Height))) /* ROOT GRID COLUMN HEIGHT 2 ------------------------------ */ --Grid-Column-Height-2: calc((2 * (var(--Grid-Row-Step-Height))) + (var(--Grid-Column-Height-1))); /* ROOT GRID COLUMN HEIGHT 3 ------------------------------ */ --Grid-Column-Height-3: calc((2 * (var(--Grid-Row-Step-Height))) + (var(--Grid-Column-Height-2))); /* ROOT GRID COLUMN HEIGHT 4 ------------------------------ */ --Grid-Column-Height-4: calc((2 * (var(--Grid-Row-Step-Height))) + (var(--Grid-Column-Height-3))); /* ROOT GRID COLUMN HEIGHT 5 ------------------------------ */ --Grid-Column-Height-5: calc((2 * (var(--Grid-Row-Step-Height))) + (var(--Grid-Column-Height-4))); /* ----------- -------------------------------------------- */ /* ROOT GRID COLUMN A HEIGHT ------------------------------ */ --Grid-Column-A-Height: var(--Grid-Column-Height-1); /* ROOT GRID COLUMN B HEIGHT ------------------------------ */ --Grid-Column-B-Height-1: var(--Grid-Column-Height-2); --Grid-Column-B-Height-2: var(--Grid-Column-Height-1); --Grid-Column-B-Height: var(--Grid-Column-B-Height-1); /* ROOT GRID COLUMN C HEIGHT ------------------------------ */ --Grid-Column-C-Height-1: var(--Grid-Column-Height-3); --Grid-Column-C-Height-2: var(--Grid-Column-Height-2); --Grid-Column-C-Height-3: var(--Grid-Column-Height-1); --Grid-Column-C-Height: var(--Grid-Column-C-Height-1); /* ROOT GRID COLUMN D HEIGHT ------------------------------ */ --Grid-Column-D-Height-1: var(--Grid-Column-Height-4); --Grid-Column-D-Height-2: var(--Grid-Column-Height-3); --Grid-Column-D-Height: var(--Grid-Column-D-Height-1); /* ROOT GRID COLUMN E HEIGHT ------------------------------ */ --Grid-Column-E-Height: var(--Grid-Column-Height-5); /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT CONTENT ------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT CONTENT TOP MULTI --------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT CONTENT TOP MULTI -------- (LOGO START STEP NB) --- */ /* ----------- -------------------------------------------- */ /* ROOT CONTENT LOGO COLUMN GAP --------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT CONTENT LOGO COLUMN B - D GAP --------------------- */ --Home-Content-Logo-Column-B-D-Gap: calc(9 * (var(--Grid-Row-Step-Height))); /* ROOT CONTENT LOGO COLUMN A - E GAP --------------------- */ --Home-Content-Logo-Column-A-E-Gap: calc(10 * (var(--Grid-Row-Step-Height))); /* ----------- -------------------------------------------- */ /* ROOT CONTENT HEIGHT MULTI ------------------------------ */ /* ----------- -------------------------------------------- */ --Home-Logo-Global-Container-Height-Multi-1: 25; --Home-Logo-Global-Container-Height-Multi-2: 25; --Home-Logo-Global-Container-Height-Multi: var(--Home-Logo-Global-Container-Height-Multi-1); /* ----------- -------------------------------------------- */ /* ROOT CONTENT HEIGHT ------------------------------------ */ /* ----------- -------------------------------------------- */ /* ROOT HOME LOGO GLOBAL CONTAINER HEIGHT ----------------- */ /* ROOT HOME LOGO PRINCIPAL CONTAINER HEIGHT -------------- */ /* ----------- -------------------------------------------- */ /* ROOT CONTENT TOP --------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT HOME LOGO GLOBAL CONTAINER TOP -------------------- */ --Home-Logo-Global-Container-Top: 0px; /* ROOT HOME LOGO PRINCIPAL CONTAINER C TOP --------------- */ --Home-Logo-Principal-Container-C-Top: 0px; /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT GRID ------------------------------------- SUITE -- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT GRID STEPS ---------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT GRID NB STEPS ------------------------------------- */ --Grid-Nb-Steps-1: calc(); --Grid-Nb-Steps-2: calc(); --Grid-Nb-Steps: var(--Grid-Nb-Steps-1); /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT FOOTER -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT HOME FOOTER ULTRA CONTAINER HEIGHT ---------------- */ --Footer-Ultra-Container-Height: calc((var(--Nb-Steps-Visible)) * (var(--Grid-Row-Step-Height))); /* ROOT HOME FOOTER ULTRA CONTAINER TOP ------------------- */ --Footer-Ultra-Container-Top-1: var(--Home-Ultra-Container-1-Height); --Footer-Ultra-Container-Top-2: var(--Home-Ultra-Container-2-Height); --Footer-Ultra-Container-Top-3: var(--Home-Ultra-Container-3-Height); --Footer-Ultra-Container-Top-4: var(--Home-Ultra-Container-4-Height); --Footer-Ultra-Container-Top: calc((var(--Footer-Ultra-Container-Top-1)) + (var(--Grid-Global-Top))); /* ROOT HOME FOOTER GLOBAL CONTAINER TOP ------------------ */ --Footer-Global-Container-Top: calc(((var(--Nb-Steps-Visible)) * (var(--Grid-Row-Step-Height))) - (var(--Footer-Global-Container-Height))); /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT GRID VIEW ----------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* STATIC GRID HEIGHT ------------------------------------- */ /* ROOT GRID ------------------------------------------ LOADED -- ------ */ /* 1001 ROOT GRID COLUMN NUMER ------------------------ LOADED -- -RESP- */ --View-Grid-Columns-Number-1: 5; --View-Grid-Columns-Number-2: 4; --View-Grid-Columns-Number-3: 3; --View-Grid-Columns-Number-4: 2; --View-Grid-Columns-Number-5: 1; --View-Grid-Columns-Number: var(--View-Grid-Columns-Number-1); /* ---------------------------- ------------ ---------------------------- */ /* 1002 ROOT GRID ROWS NUMBER ------------------------- LOADED -- -RESP- */ --View-Grid-Rows-Number-1: 10; --View-Grid-Rows-Number-2: 15; --View-Grid-Rows-Number: var(--View-Grid-Rows-Number-1); /* ---------------------------- ------------ ---------------------------- */ /* 1003 ROOT GRID 11 / 12 ROWS NUMBER ----------------- LOADED -- -RESP- */ --View-Grid-11-12-Rows-Number-1: 350; --View-Grid-11-12-Rows-Number-1: 100; --View-Grid-11-12-Rows-Number-1: 99; --View-Grid-11-12-Rows-Number-2: 390; --View-Grid-11-12-Rows-Number: var(--View-Grid-11-12-Rows-Number-1); /* ---------------------------- ------------ ---------------------------- */ /* 1004 ROOT GRID VGAP NUMBER ------------------------- LOADED -- ------ */ --View-Grid-Vgap-Number: calc((var(--View-Grid-Columns-Number) - 1)); /* ---------------------------- ------------ ---------------------------- */ /* 1005 ROOT GRID HGAP NUMBER ------------------------- LOADED -- ------ */ --View-Grid-Hgap-Number: calc((var(--View-Grid-Rows-Number) - 1)); /* ---------------------------- ------------ ---------------------------- */ /* 1006 ROOT GRID 11 / 12 HGAP NUMBER ----------------- LOADED -- ------ */ --View-Grid-11-12-Hgap-Number: calc((var(--View-Grid-11-12-Rows-Number) - 1)); /* ---------------------------- ------------ ---------------------------- */ /* 1007 ROOT GRID MAIN CONTAINER TOP ------------------ LOADED--- ------ */ --View-Grid-Main-Container-Top: -70px; --View-Grid-Main-Container-Top: var(--Grid-Global-Top); /* ---------------------------- ------------ ---------------------------- */ /* 1008 ROOT GRID MAIN CONTAINER 1 PADDING ------------ LOADED--- -RESP- */ --View-Grid-Main-Container-1-Padding-1: 10px; --View-Grid-Main-Container-1-Padding-2: 20px; --View-Grid-Main-Container-1-Padding: var(--View-Grid-Main-Container-1-Padding-1); /* ---------------------------- ------------ ---------------------------- */ /* 1009 ROOT GRID MAIN CONTAINER 2 PADDING ------------ LOADED--- -RESP- */ --View-Grid-Main-Container-2-Padding-1: 0px; --View-Grid-Main-Container-2-Padding-2: 10px; --View-Grid-Main-Container-2-Padding: var(--View-Grid-Main-Container-2-Padding-1); /* ---------------------------- ------------ ---------------------------- */ /* 1010 ROOT GRID MAIN CONTAINER 1 COLUMN WIDTH ------- LOADED--- -RESP- */ --View-Grid-Main-Container-1-Column-Width-1: 430px; --View-Grid-Main-Container-1-Column-Width-2: calc((100vw - (var(--View-Grid-Main-Container-1-Padding)))); --View-Grid-Main-Container-1-Column-Width: var(--View-Grid-Main-Container-1-Column-Width-1); /* ---------------------------- ------------ ---------------------------- */ /* 1011 ROOT GRID MAIN CONTAINER 2 COLUMN WIDTH ------- LOADED--- -RESP- */ --View-Grid-Main-Container-2-Column-Width-1: 450px; --View-Grid-Main-Container-1-Column-Width-2: calc((100vw - (var(--View-Grid-Main-Container-2-Padding)))); --View-Grid-Main-Container-2-Column-Width: var(--View-Grid-Main-Container-2-Column-Width-1); /* ---------------------------- ------------ ---------------------------- */ /* 1012 ROOT GRID MAIN CONTAINER CELL RATIO ----------- LOADED--- ------ */ --View-Grid-Main-Container-Cell-Ratio: 4.5; /* ---------------------------- ------------ ---------------------------- */ /* 1013 ROOT GRID MAIN CONTAINER CELL HEIGHT ---------- LOADED--- ------ */ --View-Grid-Main-Container-Cell-Height: calc((var(--View-Grid-Main-Container-2-Column-Width)) / (var(--View-Grid-Main-Container-Cell-Ratio))); --View-Grid-Main-Container-Cell-Height: var(--Grid-Cell-Height); /* ---------------------------- ------------ ---------------------------- */ /* 1014 ROOT GRID MAIN CONTAINER ROW GAP -------------- LOADED--- -RESP- */ --View-Grid-Column-Main-Container-Row-Gap-1: 20px; --View-Grid-Column-Main-Container-Row-Gap-2: 10px; --View-Grid-Column-Main-Container-Row-Gap: var(--View-Grid-Column-Main-Container-Row-Gap-1); /* ---------------------------- ------------ ---------------------------- */ /* 1015 ROOT GRID MAIN CONTAINER 1 COLUMN GAP --------- LOADED--- -RESP- */ --View-Grid-Column-Main-Container-1-Column-Gap-1: 20px; --View-Grid-Column-Main-Container-1-Column-Gap-2: 0px; --View-Grid-Column-Main-Container-1-Column-Gap: var(--View-Grid-Column-Main-Container-1-Column-Gap-1); /* ---------------------------- ------------ ---------------------------- */ /* 1016 ROOT GRID ITEM FULL HEIGHT -------------------- LOADED--- ------ */ --View-Grid-Main-Container-Item-Full-Height: calc((var(--View-Grid-Main-Container-Cell-Height)) + (var(--View-Grid-Column-Main-Container-Row-Gap))); /* ---------------------------- ------------ ---------------------------- */ }