@font-face { font-family: "Poppins"; src: url(/gfonts/s/poppins/v24/pxiGyp8kv8JHgFVrLPTecnFBGPaTSQ.woff2) format("woff2"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url(/gfonts/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE3tAOvODSVFF.woff2) format("woff2"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url(/gfonts/s/poppins/v24/pxiByp8kv8JHgFVrLFj_V15vFP-KUEg.woff2) format("woff2"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url(/gfonts/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1plFd2PQEhcqw.woff2) format("woff2"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url(/gfonts/s/poppins/v24/pxiByp8kv8JHgFVrLDz8V15vFP-KUEg.woff2) format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url(/gfonts/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21llFd2PQEhcqw.woff2) format("woff2"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url(/gfonts/s/poppins/v24/pxiEyp8kv8JHgFVrFJXUc1NECPY.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url(/gfonts/s/poppins/v24/pxiGyp8kv8JHgFVrJJLecnFBGPaTSQ.woff2) format("woff2"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url(/gfonts/s/poppins/v24/pxiByp8kv8JHgFVrLGT9V15vFP-KUEg.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url(/gfonts/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hlFd2PQEhcqw.woff2) format("woff2"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url(/gfonts/s/poppins/v24/pxiByp8kv8JHgFVrLEj6V15vFP-KUEg.woff2) format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url(/gfonts/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19lFd2PQEhcqw.woff2) format("woff2"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url(/gfonts/s/poppins/v24/pxiByp8kv8JHgFVrLCz7V15vFP-KUEg.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url(/gfonts/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15lFd2PQEhcqw.woff2) format("woff2"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url(/gfonts/s/poppins/v24/pxiByp8kv8JHgFVrLDD4V15vFP-KUEg.woff2) format("woff2"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url(/gfonts/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111lFd2PQEhcqw.woff2) format("woff2"); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url(/gfonts/s/poppins/v24/pxiByp8kv8JHgFVrLBT5V15vFP-KUEg.woff2) format("woff2"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url(/gfonts/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xlFd2PQEhcqw.woff2) format("woff2"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "Josefin Sans"; src: url(/gfonts/s/josefinsans/v34/Qw3aZQNVED7rKGKxtqIqX5EkD3Z5dHw8iw.woff2) format("woff2"); font-weight: 100 700; font-style: normal; font-display: swap; } @font-face { font-family: "Josefin Sans"; src: url(/gfonts/s/josefinsans/v34/Qw3EZQNVED7rKGKxtqIqX5EUCHx4Vnksi4M7.woff2) format("woff2"); font-weight: 100 700; font-style: italic; font-display: swap; } body { font-family: var(--font-body), Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; font-weight: 500; color: #000000; letter-spacing: 1px; text-transform: none; } body a { color: var(--tone-body-a, #000000); } body a:hover { color: var(--tone-body-a-hover, #000000); } body a:visited { color: var(--tone-body-a-visited, #000000); } h1 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 21px; line-height: 23px; font-weight: 600; color: var(--tone-h1, #000051); letter-spacing: 1px; text-transform: uppercase; } h1 a { color: var(--tone-h1-a, #003d8f); } h1 a:hover { color: var(--tone-h1-a-hover, #003d8f); } h1 a:visited { color: var(--tone-h1-a-visited, #003d8f); } h2 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 16px; line-height: 30px; font-weight: 600; color: var(--tone-h2, #003d8f); letter-spacing: 1px; text-transform: uppercase; } h2 a { color: var(--tone-h2-a, #003d8f); } h2 a:hover { color: var(--tone-h2-a-hover, #003d8f); } h2 a:visited { color: var(--tone-h2-a-visited, #003d8f); } h3 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 15px; line-height: 21px; font-weight: 600; color: var(--tone-h3, #003d8f); letter-spacing: 1px; text-transform: uppercase; } h3 a { color: var(--tone-h3-a, #003d8f); } h3 a:hover { color: var(--tone-h3-a-hover, #003d8f); } h3 a:visited { color: var(--tone-h3-a-visited, #003d8f); } h4 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 14px; line-height: 13px; font-weight: 600; color: var(--tone-h4, #003d8f); letter-spacing: 1px; text-transform: uppercase; } h4 a { color: var(--tone-h4-a, #003d8f); } h4 a:hover { color: var(--tone-h4-a-hover, #003d8f); } h4 a:visited { color: var(--tone-h4-a-visited, #003d8f); } h5 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; font-weight: 500; color: var(--tone-h5, #003d8f); letter-spacing: 1px; text-transform: uppercase; } h5 a { color: var(--tone-h5-a, #003d8f); } h5 a:hover { color: var(--tone-h5-a-hover, #003d8f); } h5 a:visited { color: var(--tone-h5-a-visited, #003d8f); } h6 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 12px; line-height: 11px; font-weight: 500; color: var(--tone-h6, #003d8f); letter-spacing: 1px; text-transform: none; } h6 a { color: var(--tone-h6-a, #003d8f); } h6 a:hover { color: var(--tone-h6-a-hover, #003d8f); } h6 a:visited { color: var(--tone-h6-a-visited, #003d8f); } nav:where(.site-header-nav) { font-family: Josefin Sans, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 13px; font-weight: 400; color: #ffffff; letter-spacing: 1px; text-transform: uppercase; } nav:where(.site-header-nav) a { color: #ffffff; } nav:where(.site-header-nav) a:hover { color: #ffffff; } nav:where(.site-header-nav) a:visited { color: #ffffff; } footer:where(.footer) { font-family: var(--font-body), Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; font-weight: 400; color: var(--tone-footer, #000000); letter-spacing: 1px; text-transform: none; } footer:where(.footer) a { color: var(--tone-footer-a, #000000); } footer:where(.footer) a:hover { color: var(--tone-footer-a-hover, #000000); } footer:where(.footer) a:visited { color: var(--tone-footer-a-visited, #000000); } header:where(.site-header) { font-family: var(--font-body), Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; font-weight: normal; color: var(--tone-header, #252525); background: #FFFFFF; letter-spacing: 1px; text-transform: none; } header:where(.site-header) a { color: var(--tone-header-a, #252525); } header:where(.site-header) a:hover { color: var(--tone-header-a-hover, #252525); } header:where(.site-header) a:visited { color: var(--tone-header-a-visited, #252525); } [data-tone] { --tone-body-a: initial; --tone-body-a-hover: initial; --tone-body-a-visited: initial; --tone-h1: initial; --tone-h1-a: initial; --tone-h1-a-hover: initial; --tone-h1-a-visited: initial; --tone-h2: initial; --tone-h2-a: initial; --tone-h2-a-hover: initial; --tone-h2-a-visited: initial; --tone-h3: initial; --tone-h3-a: initial; --tone-h3-a-hover: initial; --tone-h3-a-visited: initial; --tone-h4: initial; --tone-h4-a: initial; --tone-h4-a-hover: initial; --tone-h4-a-visited: initial; --tone-h5: initial; --tone-h5-a: initial; --tone-h5-a-hover: initial; --tone-h5-a-visited: initial; --tone-h6: initial; --tone-h6-a: initial; --tone-h6-a-hover: initial; --tone-h6-a-visited: initial; --tone-footer: initial; --tone-footer-a: initial; --tone-footer-a-hover: initial; --tone-footer-a-visited: initial; --tone-header: initial; --tone-header-a: initial; --tone-header-a-hover: initial; --tone-header-a-visited: initial; } [data-tone="inverse"], [data-tone="inverse"] [data-tone="surface"] { --tone-body-a: var(--color-text); --tone-body-a-hover: var(--color-text); --tone-body-a-visited: var(--color-text); --tone-h1: var(--color-text); --tone-h1-a: var(--color-text); --tone-h1-a-hover: var(--color-text); --tone-h1-a-visited: var(--color-text); --tone-h2: var(--color-text); --tone-h2-a: var(--color-text); --tone-h2-a-hover: var(--color-text); --tone-h2-a-visited: var(--color-text); --tone-h3: var(--color-text); --tone-h3-a: var(--color-text); --tone-h3-a-hover: var(--color-text); --tone-h3-a-visited: var(--color-text); --tone-h4: var(--color-text); --tone-h4-a: var(--color-text); --tone-h4-a-hover: var(--color-text); --tone-h4-a-visited: var(--color-text); --tone-h5: var(--color-text); --tone-h5-a: var(--color-text); --tone-h5-a-hover: var(--color-text); --tone-h5-a-visited: var(--color-text); --tone-h6: var(--color-text); --tone-h6-a: var(--color-text); --tone-h6-a-hover: var(--color-text); --tone-h6-a-visited: var(--color-text); --tone-footer: var(--color-text); --tone-footer-a: var(--color-text); --tone-footer-a-hover: var(--color-text); --tone-footer-a-visited: var(--color-text); --tone-header: var(--color-text); --tone-header-a: var(--color-text); --tone-header-a-hover: var(--color-text); --tone-header-a-visited: var(--color-text); } [data-tone="primary"], [data-tone="primary"] [data-tone="surface"] { --tone-body-a: var(--color-text); --tone-body-a-hover: var(--color-text); --tone-body-a-visited: var(--color-text); --tone-h1: var(--color-text); --tone-h1-a: var(--color-text); --tone-h1-a-hover: var(--color-text); --tone-h1-a-visited: var(--color-text); --tone-h2: var(--color-text); --tone-h2-a: var(--color-text); --tone-h2-a-hover: var(--color-text); --tone-h2-a-visited: var(--color-text); --tone-h3: var(--color-text); --tone-h3-a: var(--color-text); --tone-h3-a-hover: var(--color-text); --tone-h3-a-visited: var(--color-text); --tone-h4: var(--color-text); --tone-h4-a: var(--color-text); --tone-h4-a-hover: var(--color-text); --tone-h4-a-visited: var(--color-text); --tone-h5: var(--color-text); --tone-h5-a: var(--color-text); --tone-h5-a-hover: var(--color-text); --tone-h5-a-visited: var(--color-text); --tone-h6: var(--color-text); --tone-h6-a: var(--color-text); --tone-h6-a-hover: var(--color-text); --tone-h6-a-visited: var(--color-text); --tone-footer: var(--color-text); --tone-footer-a: var(--color-text); --tone-footer-a-hover: var(--color-text); --tone-footer-a-visited: var(--color-text); --tone-header: var(--color-text); --tone-header-a: var(--color-text); --tone-header-a-hover: var(--color-text); --tone-header-a-visited: var(--color-text); } [data-tone="secondary"], [data-tone="secondary"] [data-tone="surface"] { --tone-body-a: var(--color-text); --tone-body-a-hover: var(--color-text); --tone-body-a-visited: var(--color-text); --tone-h1: var(--color-text); --tone-h1-a: var(--color-text); --tone-h1-a-hover: var(--color-text); --tone-h1-a-visited: var(--color-text); --tone-h2: var(--color-text); --tone-h2-a: var(--color-text); --tone-h2-a-hover: var(--color-text); --tone-h2-a-visited: var(--color-text); --tone-h3: var(--color-text); --tone-h3-a: var(--color-text); --tone-h3-a-hover: var(--color-text); --tone-h3-a-visited: var(--color-text); --tone-h4: var(--color-text); --tone-h4-a: var(--color-text); --tone-h4-a-hover: var(--color-text); --tone-h4-a-visited: var(--color-text); --tone-h5: var(--color-text); --tone-h5-a: var(--color-text); --tone-h5-a-hover: var(--color-text); --tone-h5-a-visited: var(--color-text); --tone-h6: var(--color-text); --tone-h6-a: var(--color-text); --tone-h6-a-hover: var(--color-text); --tone-h6-a-visited: var(--color-text); --tone-footer: var(--color-text); --tone-footer-a: var(--color-text); --tone-footer-a-hover: var(--color-text); --tone-footer-a-visited: var(--color-text); --tone-header: var(--color-text); --tone-header-a: var(--color-text); --tone-header-a-hover: var(--color-text); --tone-header-a-visited: var(--color-text); } :root { --palette-bg: #FFFFFF; --palette-text: #000000; --palette-primary: #02034c; --palette-on-primary: #ffffff; --palette-secondary: #02034c; --palette-on-secondary: #ffffff; --color-error: #b53c39; --color-success: #009B71; --color-warning: #FF8C00; --container-width: 1200px; --lot-card-ratio: 1 / 1; --sale-card-ratio: 1 / 1; --news-card-ratio: 1 / 1; --font-body: Poppins; --font-heading: Poppins; } :root, [data-tone] { --input-border-width: 1px; --input-radius: 4px; --input-bg: transparent; --input-border: #817f7c; --input-focus-border: #02034c; } [data-tone="primary"], [data-tone="primary"] [data-tone="surface"], [data-tone="secondary"], [data-tone="secondary"] [data-tone="surface"] { --input-border: var(--color-text); } .site-header:not([data-tone]) { --color-bg: #FFFFFF; --color-text: #252525; } body { background: var(--color-bg); } .button-primary { background-color: #02034c; color: #FFFFFF; padding: 0.5rem 1rem; border: 2px solid #02034c; border-radius: 0px; text-transform: uppercase; &:hover { background-color: #ffffff; color: #ffffff; border-color: #02034c; } } .button-secondary { background-color: #ffffff; color: #02034c; padding: 0.5rem 0.75rem; border: 1px solid #ffffff; border-radius: 4px; text-transform: uppercase; &:hover { background-color: #02034c; color: #ffffff; border-color: #02034c; } }.fallback-cover--sale { background-image: url("/uploads/VENTE%20EN%20PREPA.jpg"); } .fallback-cover--lot { background-image: url("/uploads/couv%20par%20defaut.jpg"); } .fallback-cover--news { background-image: url("/uploads/couv%20par%20defaut.jpg"); }