@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: #000000; } body a:hover { color: #000000; } body a:visited { color: #000000; } h1 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 21px; line-height: 23px; font-weight: 600; color: #000051; letter-spacing: 1px; text-transform: uppercase; } h1 a { color: #003d8f; } h1 a:hover { color: #003d8f; } h1 a:visited { color: #003d8f; } h2 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 16px; line-height: 30px; font-weight: 600; color: #003d8f; letter-spacing: 1px; text-transform: uppercase; } h2 a { color: #003d8f; } h2 a:hover { color: #003d8f; } h2 a:visited { color: #003d8f; } h3 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 15px; line-height: 21px; font-weight: 600; color: #003d8f; letter-spacing: 1px; text-transform: uppercase; } h3 a { color: #003d8f; } h3 a:hover { color: #003d8f; } h3 a:visited { color: #003d8f; } h4 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 14px; line-height: 13px; font-weight: 600; color: #003d8f; letter-spacing: 1px; text-transform: uppercase; } h4 a { color: #003d8f; } h4 a:hover { color: #003d8f; } h4 a:visited { color: #003d8f; } h5 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; font-weight: 500; color: #003d8f; letter-spacing: 1px; text-transform: uppercase; } h5 a { color: #003d8f; } h5 a:hover { color: #003d8f; } h5 a:visited { color: #003d8f; } h6 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 12px; line-height: 11px; font-weight: 500; color: #003d8f; letter-spacing: 1px; text-transform: none; } h6 a { color: #003d8f; } h6 a:hover { color: #003d8f; } h6 a:visited { color: #003d8f; } 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 a { color: #ffffff; } nav a:hover { color: #ffffff; } nav a:visited { color: #ffffff; } footer { font-family: var(--font-body), Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; font-weight: 400; color: #000000; letter-spacing: 1px; text-transform: none; } footer a { color: #000000; } footer a:hover { color: #000000; } footer a:visited { color: #000000; } header { font-family: var(--font-body), Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; font-weight: normal; color: var(--color-gray-500); background: #FFFFFF; letter-spacing: 1px; text-transform: none; } header a { color: var(--color-gray-500); } header a:hover { color: var(--color-gray-500); } header a:visited { color: var(--color-gray-500); } :root { --color-primary-100: #d9e9ff; --color-primary-200: #9ec8ff; --color-primary-300: #4f9aff; --color-primary-400: #0069f7; --color-primary-500: #003d8f; --color-primary-600: #003379; --color-primary-700: #002961; --color-primary-800: #001f4a; --color-primary-900: #001633; --color-secondary-100: #d9e9ff; --color-secondary-200: #9ec8ff; --color-secondary-300: #4f9aff; --color-secondary-400: #0069f7; --color-secondary-500: #003d8f; --color-secondary-600: #003379; --color-secondary-700: #002961; --color-secondary-800: #001f4a; --color-secondary-900: #001633; --color-gray-100: #e9e9e9; --color-gray-200: #dcd9d5; --color-gray-300: #817f7c; --color-gray-400: #737373; --color-gray-500: #252525; --color-gray-600: #090909; --color-gray-700: #000000; --color-gray-800: #000000; --color-gray-900: #000000; --color-complementary1-100: #d9e9ff; --color-complementary1-200: #9ec8ff; --color-complementary1-300: #4f9aff; --color-complementary1-400: #0069f7; --color-complementary1-500: #003d8f; --color-complementary1-600: #003379; --color-complementary1-700: #002961; --color-complementary1-800: #001f4a; --color-complementary1-900: #001633; --color-bg: #FFFFFF; --color-error: #b53c39; --color-success: #009B71; --color-warning: #FF8C00; --container-width: 1600px; --lot-card-ratio: 1 / 1; --sale-card-ratio: 1 / 1; --news-card-ratio: 1 / 1; --font-body: Poppins; --font-heading: Poppins; --color-text: #000000; --header-bg: #FFFFFF; --color-heading: #000051; } body { background: var(--color-bg); } .button-primary { background-color: var(--color-primary-500); color: #FFFFFF; padding: 0.5rem 1rem; border: 2px solid var(--color-primary-500); border-radius: 48px; text-transform: uppercase; &:hover { background-color: #ffffff; color: var(--color-primary-500); border-color: var(--color-primary-500); } } .button-secondary { background-color: #FFFFFF; color: var(--color-gray-500); padding: 0.5rem 0.75rem; border: 1px solid var(--color-gray-400); border-radius: 4px; text-transform: uppercase; &:hover { background-color: var(--color-gray-100); color: var(--color-gray-500); border-color: var(--color-gray-400); } }.fallback-cover--sale { background-image: url("/uploads/couv%20defaut%20farrando.jpg"); } .fallback-cover--lot { background-image: url("/uploads/couv%20defaut%20farrando.jpg"); } .fallback-cover--news { background-image: url("/uploads/couv%20defaut%20farrando.jpg"); }