:root{ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT BASIC ------------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT CONTACT COVER SECTION --------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT CONTACT COVER SLOGAN MAIN CONTAINER 1 TOP ------------------------------- */ --Contact-Cover-Slogan-Main-Container-1-Top-1: 370px; --Contact-Cover-Slogan-Main-Container-1-Top-2: 300px; --Contact-Cover-Slogan-Main-Container-1-Top-3: 250px; --Contact-Cover-Slogan-Main-Container-1-Top: var(--Contact-Cover-Slogan-Main-Container-1-Top-1); /* ROOT CONTACT COVER SLOGAN MAIN CONTAINER 2 TOP ------------------------------- */ --Contact-Cover-Slogan-Main-Container-2-Top-1: 74px; --Contact-Cover-Slogan-Main-Container-2-Top-2: 74px; --Contact-Cover-Slogan-Main-Container-2-Top: var(--Contact-Cover-Slogan-Main-Container-2-Top-1); /* ROOT CONTACT COVER SLOGAN 1 NB LINES ----------------------------------------- */ --Contact-Cover-Slogan-1-Nb-Lines: 3; /* ROOT CONTACT COVER SLOGAN 2 NB LINES ----------------------------------------- */ --Contact-Cover-Slogan-2-Nb-Lines: 4; /* ROOT CONTACT COVER SLOGAN 1 HEIGHT ------------------------------------------- */ --Contact-Cover-Slogan-1-Height: var(--Lh-Cover-Slogan-Text); /* ROOT CONTACT COVER SLOGAN CONTAINER 1 HEIGHT --------------------------------- */ --Contact-Cover-Slogan-Container-1-Height: var(--Contact-Cover-Slogan-1-Height); /* ROOT CONTACT COVER SLOGAN 2 HEIGHT ------------------------------------------- */ --Contact-Cover-Slogan-2-Height: calc((var(--Lh-Cover-Slogan-Text)) * (var(--Contact-Cover-Slogan-2-Nb-Lines))); /* ROOT CONTACT COVER SLOGAN CONTAINER 2 HEIGHT --------------------------------- */ --Contact-Cover-Slogan-Container-2-Height: var(--Contact-Cover-Slogan-2-Height); /* ROOT CONTACT COVER SLOGAN TEXT 1 LEFT ---------------------------------------- */ --Contact-Cover-Slogan-Text-1-Left-1: 326px; --Contact-Cover-Slogan-Text-1-Left-2: 270px; /* 1440 - 1301*/ --Contact-Cover-Slogan-Text-1-Left-3: 170px; /* 1300 - 0961*/ --Contact-Cover-Slogan-Text-1-Left-4: 170px; /* 1300 - 0961*/ --Contact-Cover-Slogan-Text-1-Left-5: 124px; /* 0960 - 0731*/ --Contact-Cover-Slogan-Text-1-Left: var(--Contact-Cover-Slogan-Text-1-Left-1); /* ROOT CONTACT COVER SLOGAN TEXT 2 LEFT ---------------------------------------- */ --Contact-Cover-Slogan-Text-2-Left: 40px; /* ROOT CONTACT COVER SLOGAN TEXT 3 RIGHT ---------------------------------------- */ --Contact-Cover-Slogan-Text-3-Right-1: 436px; --Contact-Cover-Slogan-Text-3-Right-2: 300px; /* 1800 - 1301*/ --Contact-Cover-Slogan-Text-3-Right-3: 200px; /* 1300 - 0961*/ --Contact-Cover-Slogan-Text-3-Right-4: 150px; /* 0960 - 0731*/ --Contact-Cover-Slogan-Text-3-Right: var(--Contact-Cover-Slogan-Text-3-Right-1); /* ROOT CONTACT COVER SLOGAN TEXT 4 LEFT ---------------------------------------- */ --Contact-Cover-Slogan-Text-4-Right-1: 120px; --Contact-Cover-Slogan-Text-4-Right-2: 85px; /* 1800 - 1301*/ --Contact-Cover-Slogan-Text-4-Right-3: 50px; /* 1300 - 731*/ --Contact-Cover-Slogan-Text-4-Right: var(--Contact-Cover-Slogan-Text-4-Right-1); /* ROOT CONTACT COVER SLOGAN MAIN CONTAINER 1 HEIGHT ---------------------------- */ --Contact-Cover-Slogan-Main-Container-1-Height: calc((var(--Contact-Cover-Slogan-1-Nb-Lines)) * (var(--Contact-Cover-Slogan-Container-1-Height))); /* ROOT CONTACT COVER SLOGAN MAIN CONTAINER 2 HEIGHT ---------------------------- */ --Contact-Cover-Slogan-Main-Container-2-Height: var(--Contact-Cover-Slogan-Container-2-Height); /* ROOT CONTACT COVER SECTION HEIGHT -------------------------------------------- */ --Contact-Cover-Section-Height: calc((var(--Cover-Container-Height)) + 165px); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT SECTION 1 --------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT CONTACT FIRST SECTION TOP ----------------------------------------------- */ --Contact-First-Section-Top-1: calc(1800px + (var(--Scroll-Gap-Large))); --Contact-First-Section-Top-2: 1800px; --Contact-First-Section-Top-3: 1100px; --Contact-First-Section-Top: var(--Contact-First-Section-Top-1); /* ROOT CONTACT BTN MAIL HEIGHT ------------------------------------------------- */ --Contact-Btn-Mail-Height-1: 50px; --Contact-Btn-Mail-Height-2: 42px; --Contact-Btn-Mail-Height-3: 30px; --Contact-Btn-Mail-Height: var(--Contact-Btn-Mail-Height-1); /* ROOT HOME RDV BTN CONTAINER WIDTH -------------------------------------------- */ --Contact-Btn-Mail-Width-1: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); --Contact-Btn-Mail-Width-2: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /*1800 - 1701*/ --Contact-Btn-Mail-Width-3: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /*7800 - 1301*/ --Contact-Btn-Mail-Width-4: calc((8 * (var(--Column-Site-Width))) + (7 * (var(--Column-Gap)))); /*1300 - 0731*/ --Contact-Btn-Mail-Width-5: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); --Contact-Btn-Mail-Width: var(--Contact-Btn-Mail-Width-1); /* ROOT CONTACT ACTION GAP ------------------------------------------------------ */ --Contact-Action-Gap-1: 100px; --Contact-Action-Gap-2: 50px; --Contact-Action-Gap: var(--Contact-Action-Gap-1); /* ROOT CONTACT ACTION TEXT CONTAINER NB LINES ---------------------------------- */ --Contact-Action-Text-Nb-Lines-1: 5; --Contact-Action-Text-Nb-Lines-2: 7; --Contact-Action-Text-Nb-Lines-3: 10; --Contact-Action-Text-Nb-Lines-4: 6; --Contact-Action-Text-Nb-Lines-5: 7; --Contact-Action-Text-Nb-Lines-6: 8; --Contact-Action-Text-Nb-Lines: var(--Contact-Action-Text-Nb-Lines-1); /* ROOT CONTACT ACTION TEXT CONTAINER HEIGHT ------------------------------------ */ --Contact-Action-Text-Height: calc((var(--Lh-Courant-1)) * (var(--Contact-Action-Text-Nb-Lines))); /* ROOT CONTACT ACTION TEXT CONTAINER HEIGHT ------------------------------------ */ --Contact-Action-Text-Container-Height: var(--Contact-Action-Text-Height); /* ROOT CONTACT ACTION MAIL CONTAINER TOP --------------------------------------- */ --Contact-Btn-Mail-Top: calc((var(--Contact-Action-Gap)) + (var(--Contact-Action-Text-Container-Height))); /* ROOT CONTACT ACTION MAIL CONTAINER HEIGHT ------------------------------------ */ --Contact-Action-Mail-Container-Height: var(--Lh-Contact-Mail-Adress-Large-Txt-Link); /* ROOT CONTACT ACTION MAIN CONTAINER HEIGHT ------------------------------------ */ /* --Contact-Action-Main-Container-Height: calc((var(--Contact-Action-Text-Container-Height)) + (var(--Contact-Action-Gap)) + (var(--Contact-Action-Mail-Container-Height))); */ --Contact-Action-Main-Container-Height: calc((var(--Contact-Action-Text-Container-Height)) + (var(--Contact-Action-Gap)) + (var(--Contact-Btn-Mail-Height))); --Contact-Action-Main-Container-Height: var(--Contact-Action-Text-Container-Height); /* ROOT CONTACT ACTION MAIN CONTAINER TOP --------------------------------------- */ --Contact-Action-Main-Container-Top-1: var(--Scroll-Gap-Large); --Contact-Action-Main-Container-Top-2: var(--Scroll-Gap-Short); --Contact-Action-Main-Container-Top: var(--Contact-Action-Main-Container-Top-1); /* ROOT CONTACT ACTION FULL CONTAINER HEIGHT ------------------------------------ */ --Contact-Action-Full-Container-Height-1: calc((var(--Contact-Action-Main-Container-Height)) + (2 * (var(--Scroll-Gap-Large)))); --Contact-Action-Full-Container-Height-2: calc((var(--Contact-Action-Main-Container-Height)) + (2 * (var(--Scroll-Gap-Short)))); --Contact-Action-Full-Container-Height: var(--Contact-Action-Full-Container-Height-1); /* ROOT CONTACT FIRST SECTION HEIGHT -------------------------------------------- */ --Contact-First-Section-Height: var(--Contact-Action-Full-Container-Height); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT SECTION 2 --------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT CONTACT SECOND SECTION TOP ---------------------------------------------- */ /* --Contact-Second-Section-Top-3: calc((var(--Contact-First-Section-Height)) + (var(--Contact-First-Section-Top)) + (var(--Scroll-Gap-Large))); */ /* --Contact-Second-Section-Top-1: calc((var(--Contact-First-Section-Height)) + (var(--Contact-First-Section-Top)) + (var(--Scroll-Gap-Large))); */ /* --Contact-Second-Section-Top-2: calc((var(--Contact-First-Section-Height)) + (var(--Contact-First-Section-Top)) + (var(--Scroll-Gap-Short))); */ /* --Contact-Second-Section-Top: var(--Contact-Second-Section-Top-1); */ --Contact-Second-Section-Top: calc((var(--Contact-First-Section-Height)) + (var(--Contact-First-Section-Top))); /* ROOT CONTACT FORM FULL CONTAINER LEFT --------------------------------------- */ /* --Contact-Form-Full-Container-Left: 910px; */ /* ROOT CONTACT FORM FULL CONTAINER WIDTH --------------------------------------- */ /* --Contact-Form-Full-Container-Width: 910px; */ /* --Contact-Form-Full-Container-Width: 310px; */ --Contact-Form-Full-Container-Width: var(--Cover-Container-Width); /* ROOT CONTACT FORM WIDTH ------------------------------------------------------ */ --Contact-Form-Width: var(--Contact-Form-Full-Container-Width); /* ROOT CONTACT FORM NAME WIDTH ------------------------------------------------- */ --Contact-Form-Name-Width: var(--Contact-Form-Full-Container-Width); /* ROOT CONTACT FORM MAIL WIDTH ------------------------------------------------- */ --Contact-Form-Mail-Width: var(--Contact-Form-Full-Container-Width); /* ROOT CONTACT FORM MESSAGE WIDTH ---------------------------------------------- */ --Contact-Form-Message-Width: var(--Contact-Form-Full-Container-Width); /* ROOT CONTACT FORM BTN WIDTH -------------------------------------------------- */ --Contact-Form-Btn-Width: var(--Contact-Form-Full-Container-Width); /* ROOT CONTACT FORM INSIDE GAP ------------------------------------------------- */ --Contact-Form-Inside-Gap-1: 20px; --Contact-Form-Inside-Gap-2: 16px; --Contact-Form-Inside-Gap: var(--Contact-Form-Inside-Gap-1); /* ROOT CONTACT FORM BOTTOM GAP ------------------------------------------------- */ --Contact-Form-Bottom-Gap-1: 100px; --Contact-Form-Bottom-Gap-2: 50px; --Contact-Form-Bottom-Gap: var(--Contact-Form-Bottom-Gap-1); /* ROOT CONTACT FORM MESSAGE NB LINES ------------------------------------------- */ --Contact-Form-Message-Nb-Lines: 8; /* ROOT CONTACT FORM NAME HEIGHT ------------------------------------------------ */ --Contact-Form-Name-Height: var(--Lh-Contact-Form-Txt); /* ROOT CONTACT FORM MAIL TOP --------------------------------------------------- */ --Contact-Form-Mail-Top: calc((var(--Contact-Form-Name-Height)) + (var(--Contact-Form-Inside-Gap))); /* ROOT CONTACT FORM MAIL HEIGHT ------------------------------------------------ */ --Contact-Form-Mail-Height: var(--Lh-Contact-Form-Txt); /* ROOT CONTACT FORM MESSAGE TOP ------------------------------------------------ */ --Contact-Form-Message-Top: calc((var(--Contact-Form-Mail-Height)) + (var(--Contact-Form-Mail-Top)) + (var(--Contact-Form-Inside-Gap))); /* ROOT CONTACT FORM MESSAGE HEIGHT --------------------------------------------- */ --Contact-Form-Message-Height: calc((var(--Contact-Form-Message-Nb-Lines)) * (var(--Lh-Contact-Form-Txt))); /* ROOT CONTACT FORM BTN TOP ---------------------------------------------------- */ --Contact-Form-Btn-Top: calc((var(--Contact-Form-Message-Height)) + (var(--Contact-Form-Message-Top)) + (var(--Contact-Form-Bottom-Gap))); /* ROOT CONTACT FORM BTN HEIGHT ------------------------------------------------- */ /* --Contact-Form-Btn-Height-1: calc((var(--Contact-Form-Btn-Height)) + (var(--Contact-Form-Btn-Top))); */ /* --Contact-Form-Btn-Height-2: calc((var(--Contact-Form-Btn-Height)) + (var(--Contact-Form-Btn-Top))); */ --Contact-Form-Btn-Height: var(--Contact-Btn-Mail-Height); /* ROOT CONTACT FORM HEIGHT ----------------------------------------------------- */ --Contact-Form-Height: calc((var(--Contact-Form-Btn-Height)) + (var(--Contact-Form-Btn-Top))); /* ROOT CONTACT FORM FULL CONTAINER HEIGHT -------------------------------------- */ --Contact-Form-Full-Container-Height: var(--Contact-Form-Height); /* ROOT CONTACT FORM PRINCIPAL CONTAINER HEIGHT --------------------------------- */ --Contact-Form-Principal-Container-Height: var(--Contact-Form-Full-Container-Height); /* ROOT CONTACT SECOND SECTION HEIGHT ------------------------------------------- */ --Contact-Second-Section-Height-1: calc((var(--Contact-Form-Principal-Container-Height)) + (var(--Scroll-Gap-Large))); --Contact-Second-Section-Height-2: calc((var(--Contact-Form-Principal-Container-Height)) + (var(--Scroll-Gap-Short))); --Contact-Second-Section-Height-1: calc((var(--Contact-Form-Principal-Container-Height)) + (var(--Scroll-Gap-End-Large))); --Contact-Second-Section-Height-2: calc((var(--Contact-Form-Principal-Container-Height)) + (var(--Scroll-Gap-End-Short))); --Contact-Second-Section-Height: var(--Contact-Second-Section-Height-1); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT HOME BASIC -------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT FOOTER PRINCIPAL CONTAINER LARGE HOME TOP ------------------------------- */ --Footer-Principal-Container-Large-Contact-Top: calc((var(--Contact-First-Section-Height)) + (var(--Contact-First-Section-Top))); --Footer-Principal-Container-Large-Contact-Top: calc((var(--Contact-Second-Section-Height)) + (var(--Contact-Second-Section-Top))); /* ROOT FOOTER PRINCIPAL CONTAINER SMALL HOME TOP ------------------------------- */ --Footer-Principal-Container-Small-Contact-Top: var(--Footer-Principal-Container-Large-Contact-Top); /* ROOT FOOTER BACKGROUND CACHE TOP --------------------------------------------- */ --Contact-Footer-Background-Cache-Top: calc((var(--Footer-Principal-Container-Large-Contact-Top)) - 300px); /* ROOT FOOTER BACKGROUND CACHE HEIGHT ------------------------------------------ */ --Contact-Footer-Background-Cache-Height-1: 1211px; --Contact-Footer-Background-Cache-Height-2: 912px; --Contact-Footer-Background-Cache-Height: var(--Contact-Footer-Background-Cache-Height-1); /* ROOT HOME BODY HEIGHT -------------------------------------------------------- */ --Contact-Body-Height-1: calc((var(--Footer-Principal-Container-Large-Contact-Top)) + 911px); --Contact-Body-Height-2: calc((var(--Footer-Principal-Container-Large-Contact-Top)) + 612px); --Contact-Body-Height: var(--Contact-Body-Height-1); }