:root { --_fonts---body: var(--typographie-✏--font-secondary); --_fonts---heading: var(--typographie-✏--font-primary); --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-text); --_text-sizes---sizes--h1: 3.215rem; --_text-sizes---spacing--h1: 110%; --_text-sizes---sizes--h2: 2.852rem; --_text-sizes---spacing--h2: 120%; --_text-sizes---sizes--h3: 2.441rem; --_text-sizes---spacing--h3: 120%; --_text-sizes---sizes--h4: 1.953rem; --_text-sizes---spacing--h4: 130%; --_text-sizes---sizes--h5: 1.563rem; --_text-sizes---spacing--h5: 130%; --_text-sizes---sizes--h6: 1.25rem; --_text-sizes---spacing--h6: 130%; --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-p); --_text-sizes---sizes--p: 1rem; --_text-sizes---spacing--p: 140%; --_tokens---texts--link: var(--_colors---brand--b02); --_button---radius: var(--radius-⏺--radius-s); --_navigation---menu--button: var(--_button---color); --_navigation---menu--button-text: var(--_colors---essentials-colors--white); --_navigation---menu--button-hover: var(--_button---color-hover); --_tokens---backgrounds--bg: var(--_colors---essentials-colors--white); --_spacing-system---space-100: .5rem; --_spacing-system---space-200: 1rem; --_navigation---menu--text: var(--_tokens---texts--text-primary); --_navigation---menu--text-hover: var(--_tokens---texts--accent); --_colors---brand--b01: #da1f27; --container-📐--container: 1400px; --radius-⏺--radius: .75rem; --_navigation---menu--background: var(--_colors---essentials-colors--white); --_text-sizes---sizes--p_small: .875rem; --responsive--gutter: 2%; --_spacing-system---space-150: .75rem; --radius-⏺--radius-s: calc(var(--radius-⏺--radius) / 2); --_colors---interaction--i-light: color-mix(in hsl, var(--_colors---essentials-colors--white) 98%, black 2%); --_spacing-system---space-400: 2rem; --_tokens---texts--accent: var(--_colors---brand--b01); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_colors---essentials-colors--color-border: #5f5f5f1a; --_colors---essentials-colors--white: white; --_spacing-system---space-250: 1.25rem; --_spacing-system---space-300: 1.5rem; --_cards---txt-primary_color\: var(--_colors---essentials-colors--color-text); --_cards---txt-primary_size\: var(--_text-sizes---sizes--h6); --_spacing-system---space-075: .375rem; --_spacing-system---space-0: 0rem; --typographie-✏--font-secondary: Montserrat, sans-serif; --container-📐--container-s: 1040px; --_fonts---accent: var(--typographie-✏--font-primary); --_button---margin-h: var(--_spacing-system---space-200); --_button---margin-v: var(--_spacing-system---space-400); --_button---border: var(--_colors---brand--b01); --_button---color: var(--_colors---brand--b01); --_fonts---cta: var(--typographie-✏--font-primary); --_button---text: var(--_colors---essentials-colors--white); --_button---text-size: var(--_text-sizes---sizes--p); --_button---border-hover: var(--_colors---interaction--i01); --_button---color-hover: var(--_colors---interaction--i01); --_button---text-hover: var(--_colors---essentials-colors--white); --_spacing-system---space-800: 4rem; --_cards---txt-secondary_color\: var(--_colors---essentials-colors--color-p); --card-♦️--card-max-width: 450px; --_cards---margin-t\: var(--_spacing-system---space-400); --_cards---margin-r\: var(--_spacing-system---space-400); --_cards---margin-b\: var(--_spacing-system---space-400); --_cards---margin-l\: var(--_spacing-system---space-400); --_text-sizes---sizes--t-m: 2rem; --_spacing-system---space-050: .25rem; --_cards---txt-tertiary_color\: var(--_colors---essentials-colors--white); --container-📐--container-intro: 750px; --_spacing-system---space-1000: 5rem; --_spacing-system---space-500: 2.5rem; --_colors---brand--b03: #edf0f3; --_colors---essentials-colors--color-text: #345e7d; --_spacing-system---space-600: 3rem; --_cards---box-radius\: var(--radius-⏺--radius-s); --_cards---decoration\: var(--_colors---brand--b01); --_tokens---texts--link-hover: var(--_colors---interaction--i02); --_cards---background_color\: var(--_colors---essentials-colors--white); --card-♦️--card-max-width-2: 688px; --_text-sizes---sizes--t-s: 1.25rem; --_text-sizes---sizes--t-l: 2.5rem; --_colors---interaction--i03: color-mix(in hsl, var(--_colors---brand--b03) 90%, black 10%); --_cards---card-border\: var(--_colors---essentials-colors--color-border); --container-📐--container-xl: 1920px; --_colors---essentials-colors--transparent: transparent; --_colors---brand--b02: #345e7d; --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--color-p); --_text-sizes---spacing--h0: 100%; --responsive--sticky-value: 8em; --_colors---interaction--i01: color-mix(in hsl, var(--_colors---brand--b01) 90%, black 10%); --_colors---essentials-colors--color-light: #f7f7f7; --_text-sizes---sizes--h0: 3.815rem; --_spacing-system---space-025: .125rem; --typographie-✏--font-primary: Montserrat, sans-serif; --_colors---essentials-colors--color-p: #5f5f5f; --_navigation---footer--background: var(--_colors---brand--b01); --_fonts---styled: "Great Vibes", cursive; --_navigation---footer--text-categories: var(--_tokens---texts--text-white); --_colors---brand--b04: #557a95; --_colors---brand--b05: #f9f9f9; --_navigation---footer--text-link: var(--_tokens---texts--text-white); --_tokens---backgrounds--bg-hover: var(--_colors---essentials-colors--color-light); --_navigation---footer--text-link_hover: var(--_colors---interaction--i-light); --_navigation---footer--social-media_box: var(--_colors---essentials-colors--color-light); --_colors---interaction--i02: color-mix(in hsl, var(--_colors---brand--b02) 90%, black 10%); --_text-sizes---sizes--p_details: .64rem; --_navigation---footer--social-media_icon: var(--_colors---brand--b02); --_text-sizes---sizes--t-xl: 4rem; --_navigation---bannière--background: var(--_colors---essentials-colors--color-light); --_navigation---bannière--text: var(--_tokens---texts--text-primary); --_navigation---bannière--link-color: var(--_tokens---texts--accent); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_text-sizes---spacing--h7: 130%; --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } body { font-family: var(--_fonts---body); color: #333; --_text-sizes---sizes--h1: 3.215rem; --_text-sizes---spacing--h1: 110%; --_text-sizes---sizes--h2: 2.852rem; --_text-sizes---spacing--h2: 120%; --_text-sizes---sizes--h3: 2.441rem; --_text-sizes---spacing--h3: 120%; --_text-sizes---sizes--h4: 1.953rem; --_text-sizes---spacing--h4: 130%; --_text-sizes---sizes--h5: 1.563rem; --_text-sizes---spacing--h5: 130%; --_text-sizes---sizes--h6: 1.25rem; --_text-sizes---spacing--h6: 130%; --_text-sizes---sizes--p: 1rem; --_text-sizes---spacing--p: 140%; --_text-sizes---sizes--p_small: .875rem; --_text-sizes---sizes--t-m: 2rem; --_text-sizes---sizes--t-s: 1.25rem; --_text-sizes---sizes--t-l: 2.5rem; --_text-sizes---spacing--h0: 100%; --_text-sizes---sizes--h0: 3.815rem; --_text-sizes---sizes--p_details: .64rem; --_text-sizes---sizes--t-xl: 4rem; --_text-sizes---spacing--h7: 130%; font-size: 16px; line-height: 120%; } h1 { font-family: var(--_fonts---heading); color: var(--_tokens---texts--text-primary); font-size: var(--_text-sizes---sizes--h1); line-height: var(--_text-sizes---spacing--h1); margin-top: 0; margin-bottom: 10px; font-weight: 700; } h2 { font-family: var(--_fonts---heading); color: var(--_tokens---texts--text-primary); font-size: var(--_text-sizes---sizes--h2); line-height: var(--_text-sizes---spacing--h2); margin-top: 0; margin-bottom: 10px; font-weight: 700; } h3 { font-family: var(--_fonts---heading); color: var(--_tokens---texts--text-primary); font-size: var(--_text-sizes---sizes--h3); line-height: var(--_text-sizes---spacing--h3); margin-top: 0; margin-bottom: 10px; font-weight: 700; } h4 { font-family: var(--_fonts---heading); color: var(--_tokens---texts--text-primary); font-size: var(--_text-sizes---sizes--h4); line-height: var(--_text-sizes---spacing--h4); margin-top: 0; margin-bottom: 10px; font-weight: 700; } h5 { font-family: var(--_fonts---heading); color: var(--_tokens---texts--text-primary); font-size: var(--_text-sizes---sizes--h5); line-height: var(--_text-sizes---spacing--h5); margin-top: 0; margin-bottom: 10px; font-weight: 700; } h6 { font-family: var(--_fonts---heading); color: var(--_tokens---texts--text-primary); font-size: var(--_text-sizes---sizes--h6); line-height: var(--_text-sizes---spacing--h6); margin-top: 0; margin-bottom: 10px; font-weight: 700; } p { font-family: var(--_fonts---body); color: var(--_tokens---texts--text-secondary); font-size: var(--_text-sizes---sizes--p); line-height: var(--_text-sizes---spacing--p); margin-bottom: 10px; } a { color: var(--_tokens---texts--link); text-decoration: underline; } ul, ol { margin-top: 0; margin-bottom: 10px; padding-left: 40px; } strong { font-weight: bold; } blockquote { border-left: 5px solid #e2e2e2; margin-bottom: 10px; padding: 10px 20px; font-size: 18px; line-height: 22px; } .w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .navbar11_menu { align-items: center; display: flex; position: static; } .navbar11_icon-wrapper { flex: none; } .navbar11_link { padding: var(--_spacing-system---space-100) var(--_spacing-system---space-200); color: var(--_navigation---menu--text); font-weight: 500; transition: color .2s ease-in-out; } .navbar11_link:hover { color: var(--_navigation---menu--text-hover); } .navbar11_link.w--current { color: var(--_colors---brand--b01); } .icon-embed-xsmall { background-color: #dfe5ec; border-radius: .5rem; flex-direction: column; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; padding: 4px; display: flex; } .navbar11_menu-button { padding: 0; } .dropdown-chevron { flex-direction: column; justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex; } .navbar11_menu-dropdown { font-weight: 500; } .navbar11_container { max-width: var(--container-📐--container); justify-content: space-between; align-items: center; width: 100%; margin-left: auto; margin-right: auto; display: flex; } .menu-icon1_line-top { background-color: red; } .navbar11_dropdown-list { border-radius: var(--radius-⏺--radius); background-color: var(--_tokens---backgrounds--bg); --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-text); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-p); --_tokens---texts--link: var(--_colors---brand--b02); --_tokens---backgrounds--bg: var(--_colors---essentials-colors--white); --_tokens---texts--accent: var(--_colors---brand--b01); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---interaction--i02); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--color-p); --_tokens---backgrounds--bg-hover: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); padding: 1rem; box-shadow: 0 0 12px #00000024; } .navbar11_dropdown-list.w--open { border-radius: var(--radius-⏺--radius); background-color: var(--_navigation---menu--background); width: 20rem; padding: 1.5rem; } .navbar11_dropdown-link-list { grid-column-gap: 0px; grid-row-gap: var(--_spacing-system---space-100); grid-template-rows: max-content; grid-template-columns: 1fr; grid-auto-rows: max-content; grid-auto-columns: 1fr; display: grid; } .navbar11_dropdown-toggle { padding: var(--_spacing-system---space-100) var(--_spacing-system---space-200); grid-column-gap: var(--_spacing-system---space-100); color: var(--_navigation---menu--text); align-items: center; transition: color .2s ease-in-out; display: flex; } .navbar11_dropdown-toggle:hover { color: var(--_navigation---menu--text-hover); } .menu-icon1_line-bottom { background-color: red; } .text-size-small { color: var(--_tokens---texts--text-secondary); font-size: var(--_text-sizes---sizes--p_small); margin-bottom: 3px; } .text-size-small.hide-mobile-landscape { font-size: .75rem; } .text-size-small.text-weight-semibold { color: var(--_tokens---texts--text-primary); } .navbar11_text-wrapper { flex-direction: column; justify-content: center; align-items: flex-start; display: flex; } .navbar11_logo { max-height: 4rem; } .navbar11_logo-link { max-height: 4rem; padding-left: 0; } .menu-icon1_line-middle { background-color: red; } .navbar11_component { padding-right: var(--responsive--gutter); padding-left: var(--responsive--gutter); background-color: var(--_navigation---menu--background); align-items: center; width: 100%; min-height: 7.3rem; display: flex; position: sticky; top: 0; } .text-weight-semibold { font-size: var(--_text-sizes---sizes--p); font-weight: 600; } .navbar11_dropdown-link { padding: var(--_spacing-system---space-150) var(--_spacing-system---space-200); grid-column-gap: .75rem; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; align-items: flex-start; text-decoration: none; transition: border-radius .2s ease-in-out, background-color .2s ease-in-out; display: flex; } .navbar11_dropdown-link:hover { border-radius: var(--radius-⏺--radius-s); background-color: var(--_colors---interaction--i-light); } .navbar11_dropdown-link.w--current { color: var(--_colors---brand--b01); } .margin-bottom, .margin-bottom.margin-xxlarge, .margin-bottom.margin-small, .margin-bottom.margin-xsmall, .margin-bottom.margin-xxsmall { margin-top: 0; margin-left: 0; margin-right: 0; } .margin-bottom.margin-tiny, .margin-bottom.margin-small { margin-top: 0; margin-left: 0; margin-right: 0; } .margin-bottom.margin-medium { grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: column; align-items: flex-start; margin-top: 0; margin-left: 0; margin-right: 0; display: flex; } .margin-bottom.margin-tiny { margin-top: 0; margin-left: 0; margin-right: 0; } .button-group { margin-top: var(--_spacing-system---space-400); grid-column-gap: 1rem; grid-row-gap: 1rem; flex-wrap: wrap; align-items: center; display: flex; } .button-group.is-center { justify-content: center; } .button-group.is-right { justify-content: flex-end; align-items: center; } .button-group.is-full { text-align: center; flex-flow: column; align-items: stretch; } .layout16_item-icon-wrapper { flex: none; } .layout16_item { grid-column-gap: var(--_spacing-system---space-150); grid-row-gap: var(--_spacing-system---space-150); color: var(--_tokens---texts--accent); display: flex; } .divider-horizontal { background-color: var(--_tokens---borders--border-default); width: 100%; height: 1px; } .text-size-regular { color: var(--_tokens---texts--text-secondary); font-size: 1rem; line-height: 140%; } .tag { padding: var(--_spacing-system---space-075) var(--_spacing-system---space-150); grid-column-gap: .5rem; grid-row-gap: .5rem; border: 1px solid var(--_tokens---texts--text-primary); border-radius: var(--radius-⏺--radius-s); color: var(--_tokens---texts--text-primary); justify-content: center; align-items: center; font-size: .875rem; font-weight: 400; text-decoration: none; display: inline-flex; } .tag:where(.w-variant-0105845f-d8a1-868f-7095-b20a9de03464) { background-color: #fff; } .footer3_legal-list { grid-column-gap: 1.5rem; grid-row-gap: 0rem; white-space: normal; grid-template-rows: auto; grid-template-columns: max-content; grid-auto-columns: max-content; grid-auto-flow: column; justify-content: center; display: flex; } .footer3_link-list { flex-direction: column; grid-template-rows: auto; grid-template-columns: 100%; grid-auto-columns: 100%; place-items: flex-start start; display: flex; } .footer3_logo-link { float: none; padding-left: 0; } .footer3_social-link { color: var(--_tokens---texts--text-primary); align-items: center; font-size: 14px; text-decoration: none; transition: color .2s ease-in-out; display: flex; } .footer3_social-link:hover { color: var(--_tokens---texts--accent); } .footer3_credit-text { font-size: .875rem; } .footer3_menu-wrapper { grid-column-gap: 2rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; align-items: start; } .footer3_legal-link { font-size: .875rem; text-decoration: underline; } .footer { padding-right: var(--responsive--gutter); padding-left: var(--responsive--gutter); background-color: var(--\); --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-text); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-p); --_tokens---texts--link: var(--_colors---brand--b02); --_tokens---backgrounds--bg: var(--_colors---essentials-colors--white); --_tokens---texts--accent: var(--_colors---brand--b01); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---interaction--i02); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--color-p); --_tokens---backgrounds--bg-hover: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .footer3_top-wrapper { grid-column-gap: 4rem; grid-template-rows: auto; grid-template-columns: .25fr 1fr; align-items: start; width: 100%; } .footer3_social-list { grid-column-gap: .75rem; grid-row-gap: 0rem; white-space: normal; grid-template-rows: auto; grid-template-columns: max-content; grid-auto-columns: max-content; grid-auto-flow: column; place-items: start; display: flex; } .footer3_bottom-wrapper { justify-content: space-between; align-items: center; width: 100%; display: flex; } .footer3_left-wrapper { flex-flow: column; justify-content: space-between; display: flex; } .footer3_link { padding-top: .5rem; padding-right: var(--_spacing-system---space-0); font-family: var(--typographie-✏--font-secondary); color: var(--_tokens---texts--text-secondary); font-size: var(--_text-sizes---sizes--p_small); background-image: url("https://cdn.prod.website-files.com/696f54e504c3328f3ad36140/696f54e504c3328f3ad36143_right-up.svg"); background-position: 100% 60%; background-repeat: no-repeat; background-size: 0; padding-bottom: .5rem; font-weight: 400; text-decoration: none; transition: all .2s ease-in-out; } .footer3_link:hover { padding-right: var(--_spacing-system---space-300); background-size: 16px; text-decoration: underline; } .section { padding-right: var(--responsive--gutter); padding-left: var(--responsive--gutter); background-color: var(--_tokens---backgrounds--bg); --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-text); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-p); --_tokens---texts--link: var(--_colors---brand--b02); --_tokens---backgrounds--bg: var(--_colors---essentials-colors--white); --_tokens---texts--accent: var(--_colors---brand--b01); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---interaction--i02); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--color-p); --_tokens---backgrounds--bg-hover: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .section:where(.w-variant-4350e09a-414f-0851-0186-0d5e7088dae5) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--white); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--white); --_tokens---texts--link: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg: var(--_colors---brand--b02); --_tokens---texts--accent: var(--_colors---essentials-colors--white); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i02); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .section:where(.w-variant-fdedfe88-4989-1c9a-3d78-1536826cb22a) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-light); --_tokens---texts--link: var(--_colors---essentials-colors--color-light); --_tokens---backgrounds--bg: var(--_colors---brand--b01); --_tokens---texts--accent: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--white); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i01); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .section:where(.w-variant-b4adacd4-0dcf-d15e-acf9-82d7bdcf15b8) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--white); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--white); --_tokens---texts--link: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg: var(--_colors---brand--b04); --_tokens---texts--accent: var(--_colors---brand--b02); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---brand--b04); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .section:where(.w-variant-d9f4ae59-1fc7-66eb-0858-450b84dadf56) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-text); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-p); --_tokens---texts--link: var(--_colors---brand--b02); --_tokens---backgrounds--bg: var(--_colors---brand--b05); --_tokens---texts--accent: var(--_colors---brand--b01); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---interaction--i02); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--color-p); --_tokens---backgrounds--bg-hover: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .section.is_cta, .section.is_red { --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-light); --_tokens---texts--link: var(--_colors---essentials-colors--color-light); --_tokens---backgrounds--bg: var(--_colors---brand--b01); --_tokens---texts--accent: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--white); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i01); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .section.is_grey { --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-text); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-p); --_tokens---texts--link: var(--_colors---brand--b02); --_tokens---backgrounds--bg: var(--_colors---brand--b05); --_tokens---texts--accent: var(--_colors---brand--b01); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---interaction--i02); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--color-p); --_tokens---backgrounds--bg-hover: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .section.is-nooverflow { --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-text); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-p); --_tokens---texts--link: var(--_colors---brand--b02); --_tokens---backgrounds--bg: var(--_colors---essentials-colors--white); --_tokens---texts--accent: var(--_colors---brand--b01); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---interaction--i02); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--color-p); --_tokens---backgrounds--bg-hover: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); overflow: hidden; } .container { max-width: var(--container-📐--container); grid-column-gap: 68px; grid-row-gap: 68px; flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; margin-left: auto; margin-right: auto; display: flex; } .container:where(.w-variant-7a24abb2-6f70-4e26-32c7-70c8510ecb8d), .container:where(.w-variant-a38fd3cd-6cb6-f9ff-54f0-5a4515b56212), .container:where(.w-variant-23e46ca7-08ff-3ee4-1a03-8552eaada1a8), .container:where(.w-variant-36e1a54a-ad6f-fa17-3421-ad9f60510e62), .container:where(.w-variant-aac4106b-a2ae-c96b-7837-4606035b8855), .container:where(.w-variant-24e968ea-2e3d-4469-3bbc-c6f4ac8ffaf9), .container:where(.w-variant-7196195d-ac73-1c00-a9db-faab36278d1e), .container:where(.w-variant-afda7082-7ab2-7d6b-a412-2a5ceb52f593), .container:where(.w-variant-b06fc53e-3506-3d46-2256-6e41dffb6628), .container:where(.w-variant-d76b5112-611d-4cd4-d698-96182933f1c4), .container:where(.w-variant-eecc686c-79a3-5c47-06e8-9518adde3cd4) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--white); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--white); --_tokens---texts--link: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg: var(--_colors---brand--b02); --_tokens---texts--accent: var(--_colors---essentials-colors--white); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i02); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .paragraph { margin-bottom: 0; } .paragraph:where(.w-variant-d638b65f-a55c-b634-af13-aa8e8b860269) { font-size: 20px; } .paragraph:where(.w-variant-52fa3329-1991-1a24-1283-0b4dccdb01e4) { font-size: var(--_text-sizes---sizes--p_small); } .intro { max-width: var(--container-📐--container-s); grid-column-gap: 10px; grid-row-gap: 10px; text-align: center; flex-flow: column; align-items: center; margin-left: auto; margin-right: auto; display: flex; } .surtitle { font-family: var(--_fonts---accent); color: var(--_tokens---texts--text-secondary); } .surtitle:where(.w-variant-8c4c06b2-086e-7028-4d00-e7087c772953) { color: var(--_colors---brand--b01); } .bouton { padding: var(--_button---margin-h) var(--_button---margin-v); border: 1px solid var(--_button---border); border-radius: var(--_button---radius); background-color: var(--_button---color); font-family: var(--_fonts---cta); color: var(--_button---text); font-size: var(--_button---text-size); white-space: nowrap; --_button---radius: var(--radius-⏺--radius-s); --_button---margin-h: var(--_spacing-system---space-200); --_button---margin-v: var(--_spacing-system---space-400); --_button---border: var(--_colors---brand--b01); --_button---color: var(--_colors---brand--b01); --_button---text: var(--_colors---essentials-colors--white); --_button---text-size: var(--_text-sizes---sizes--p); --_button---border-hover: var(--_colors---interaction--i01); --_button---color-hover: var(--_colors---interaction--i01); --_button---text-hover: var(--_colors---essentials-colors--white); font-weight: 400; line-height: 100%; transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out; } .bouton:where(.w-variant-c5eb4674-60ab-fbb5-c8eb-04fdb97224f2) { --_button---radius: var(--radius-⏺--radius-s); --_button---margin-h: var(--_spacing-system---space-200); --_button---margin-v: var(--_spacing-system---space-400); --_button---border: var(--_button---color); --_button---color: var(--_colors---essentials-colors--white); --_button---text: var(--_colors---brand--b01); --_button---text-size: var(--_text-sizes---sizes--p); --_button---border-hover: var(--_colors---interaction--i-light); --_button---color-hover: var(--_colors---interaction--i-light); --_button---text-hover: var(--_colors---interaction--i01); } .bouton:where(.w-variant-d7399bd0-ce1d-1b89-b75c-26f0422ea740) { --_button---radius: var(--radius-⏺--radius-s); --_button---margin-h: var(--_spacing-system---space-200); --_button---margin-v: var(--_spacing-system---space-400); --_button---border: var(--_tokens---texts--text-primary); --_button---color: var(--_colors---essentials-colors--transparent); --_button---text: var(--_tokens---texts--text-primary); --_button---text-size: var(--_text-sizes---sizes--p); --_button---border-hover: var(--_tokens---texts--link); --_button---color-hover: var(--_colors---essentials-colors--transparent); --_button---text-hover: var(--_tokens---texts--link-hover); } .bouton:where(.w-variant-513e73e2-66e0-3e37-5ff2-78969cd92031) { text-align: left; --_button---radius: 0px; --_button---margin-h: var(--_spacing-system---space-0); --_button---margin-v: var(--_spacing-system---space-0); --_button---border: var(--_colors---essentials-colors--transparent); --_button---color: var(--_colors---essentials-colors--transparent); --_button---text: var(--_tokens---texts--link); --_button---text-size: var(--_text-sizes---sizes--p); --_button---border-hover: var(--_colors---essentials-colors--transparent); --_button---color-hover: var(--_colors---essentials-colors--transparent); --_button---text-hover: var(--_tokens---texts--link-hover); background-image: url("https://cdn.prod.website-files.com/696f54e504c3328f3ad36140/696f54e504c3328f3ad36162_icon.svg"); background-position: 100%; background-repeat: no-repeat; background-size: 0 0; text-decoration: none; transition: all .2s, color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out; } .bouton:where(.w-variant-65781164-e9fb-eefd-a772-1f0922589d88) { --_button---radius: var(--radius-⏺--radius-s); --_button---margin-h: var(--_spacing-system---space-200); --_button---margin-v: var(--_spacing-system---space-400); --_button---border: var(--_colors---brand--b02); --_button---color: var(--_colors---brand--b02); --_button---text: var(--_colors---essentials-colors--white); --_button---text-size: var(--_text-sizes---sizes--p); --_button---border-hover: var(--_colors---interaction--i02); --_button---color-hover: var(--_colors---interaction--i02); --_button---text-hover: var(--_colors---essentials-colors--white); } .bouton:where(.w-variant-23c87cce-a565-9912-7f71-97181914ffaa) { --_button---radius: var(--radius-⏺--radius-s); --_button---margin-h: var(--_spacing-system---space-200); --_button---margin-v: var(--_spacing-system---space-400); --_button---border: var(--_tokens---texts--text-primary); --_button---color: var(--_colors---essentials-colors--transparent); --_button---text: var(--_tokens---texts--text-primary); --_button---text-size: var(--_text-sizes---sizes--p); --_button---border-hover: var(--_tokens---texts--link); --_button---color-hover: var(--_colors---essentials-colors--transparent); --_button---text-hover: var(--_tokens---texts--link-hover); font-weight: 700; } .bouton:hover { border-color: var(--_button---border-hover); background-color: var(--_button---color-hover); color: var(--_button---text-hover); } .bouton:hover:where(.w-variant-513e73e2-66e0-3e37-5ff2-78969cd92031) { padding-right: var(--_spacing-system---space-300); background-image: url("https://cdn.prod.website-files.com/696f54e504c3328f3ad36140/696f62edbddcc2ea570b246b_Vector.svg"); background-size: .675rem .675rem; } .blog33_author-wrapper { align-items: center; display: flex; } .text-size-small-2 { color: var(--_tokens---texts--text-secondary); font-size: .875rem; } .blog33_author-image { object-fit: cover; border-radius: 100%; width: 3rem; min-width: 3rem; height: 3rem; min-height: 3rem; } .blog33_date-wrapper { color: var(--_cards---txt-secondary_color\); align-items: center; display: flex; } .blog33_author-text { grid-column-gap: 6px; grid-row-gap: 6px; flex-flow: column; align-items: flex-start; display: flex; } .blog33_author-image-wrapper { margin-right: 1rem; } .author-name { color: var(--_tokens---texts--text-primary); font-size: 1.125rem; font-weight: 700; } .card-content { grid-column-gap: var(--_spacing-system---space-400); grid-row-gap: var(--_spacing-system---space-400); flex-flow: column; align-items: flex-start; display: flex; } .card-title { font-family: var(--_fonts---heading); color: var(--_tokens---texts--text-primary); font-size: var(--_text-sizes---sizes--h6); margin-bottom: 0; font-weight: 700; line-height: 130%; } .card-title:where(.w-variant-16bb4134-7e22-af08-d8da-b23384bfa291) { font-size: var(--_text-sizes---sizes--t-m); font-weight: 500; } .text-content { grid-column-gap: var(--_spacing-system---space-050); grid-row-gap: var(--_spacing-system---space-050); flex-flow: column; display: flex; } .text-content.is-center { text-align: center; } .text-content.is-center:where(.w-variant-c8743272-b82c-8724-5661-fcb3d3338e07) { text-align: left; justify-content: flex-start; align-items: flex-start; } .card_icon { width: 5rem; height: 5rem; } .card_top { padding-top: var(--_cards---margin-t\); padding-right: var(--_cards---margin-r\); padding-left: var(--_cards---margin-l\); justify-content: flex-start; align-items: flex-end; display: flex; } .card_top.is_rigth { justify-content: flex-end; align-items: flex-end; } .card_top.is-center { justify-content: center; align-items: flex-end; } .card_top.is-center:where(.w-variant-c8743272-b82c-8724-5661-fcb3d3338e07) { justify-content: flex-start; align-items: flex-end; } .card_icon-box { justify-content: center; align-items: center; width: 5rem; height: 5rem; display: flex; } .grid { grid-column-gap: var(--_spacing-system---space-300); grid-row-gap: var(--_spacing-system---space-300); flex-flow: wrap; justify-content: center; width: 100%; transition: all .3s ease-in-out; display: flex; } .grid:where(.w-variant-35fddd0d-338e-73c5-e5ed-fd0c44568d2b) { grid-column-gap: var(--_spacing-system---space-300); grid-row-gap: var(--_spacing-system---space-300); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .grid:where(.w-variant-0a767748-6f22-ec52-4bdd-546e7d4af844) { grid-column-gap: var(--_spacing-system---space-300); grid-row-gap: var(--_spacing-system---space-300); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .grid:where(.w-variant-4b898ec2-7337-4b04-d80c-5e3d59d9e532) { grid-column-gap: var(--_spacing-system---space-300); grid-row-gap: var(--_spacing-system---space-300); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .div-block-10 { grid-column-gap: var(--_spacing-system---space-300); grid-row-gap: var(--_spacing-system---space-300); flex-flow: column; justify-content: center; align-items: stretch; display: flex; } .div-block-10.is_align_left { align-items: flex-start; } .div-block-12 { grid-column-gap: var(--_spacing-system---space-800); grid-row-gap: var(--_spacing-system---space-800); justify-content: space-between; align-items: flex-start; width: 100%; display: flex; } .button_box { margin-top: var(--_spacing-system---space-400); grid-column-gap: 16px; flex-direction: row; justify-content: flex-start; align-items: flex-start; display: flex; } .button_box.is_centered { justify-content: center; align-items: center; } .contenu { grid-column-gap: var(--_spacing-system---space-150); grid-row-gap: var(--_spacing-system---space-150); flex-flow: column; align-items: flex-start; display: flex; } .checklist { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; width: 100%; display: flex; } .div-block-13 { width: 100%; } .div-block-14 { max-width: var(--container-📐--container-intro); grid-column-gap: var(--_spacing-system---space-100); grid-row-gap: var(--_spacing-system---space-100); flex-flow: column; display: flex; } .div-block-16 { padding: var(--_spacing-system---space-400) var(--_spacing-system---space-300); grid-column-gap: 16px; grid-row-gap: 16px; border-top: 1px solid var(--_tokens---borders--border-default); grid-template-rows: auto; grid-template-columns: .3fr .6fr .25fr; grid-auto-columns: 1fr; place-items: center stretch; display: grid; } .contenu-top { grid-column-gap: var(--_spacing-system---space-200); grid-row-gap: var(--_spacing-system---space-200); flex-flow: column; display: flex; } .footer3_category { font-family: var(--_fonts---heading); color: var(--_tokens---texts--text-primary); font-size: var(--_text-sizes---sizes--p); margin-bottom: 10px; font-weight: 600; } .footer3_category.is_second { margin-top: 10px; } .header-01 { padding-right: var(--responsive--gutter); padding-left: var(--responsive--gutter); background-color: var(--_tokens---backgrounds--bg); --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-light); --_tokens---texts--link: var(--_colors---essentials-colors--color-light); --_tokens---backgrounds--bg: var(--_colors---brand--b01); --_tokens---texts--accent: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--white); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i01); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); position: relative; overflow: hidden; } .header-01:where(.w-variant-7a24abb2-6f70-4e26-32c7-70c8510ecb8d) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--white); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--white); --_tokens---texts--link: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg: var(--_colors---brand--b02); --_tokens---texts--accent: var(--_colors---essentials-colors--white); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i02); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-7a24abb2-6f70-4e26-32c7-70c8510ecb8e) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-light); --_tokens---texts--link: var(--_colors---essentials-colors--color-light); --_tokens---backgrounds--bg: var(--_colors---brand--b01); --_tokens---texts--accent: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--white); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i01); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-a38fd3cd-6cb6-f9ff-54f0-5a4515b56212), .header-01:where(.w-variant-23e46ca7-08ff-3ee4-1a03-8552eaada1a8) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--white); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--white); --_tokens---texts--link: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg: var(--_colors---brand--b02); --_tokens---texts--accent: var(--_colors---essentials-colors--white); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i02); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-23e46ca7-08ff-3ee4-1a03-8552eaada1a9) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-light); --_tokens---texts--link: var(--_colors---essentials-colors--color-light); --_tokens---backgrounds--bg: var(--_colors---brand--b01); --_tokens---texts--accent: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--white); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i01); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-36e1a54a-ad6f-fa17-3421-ad9f60510e62) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--white); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--white); --_tokens---texts--link: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg: var(--_colors---brand--b02); --_tokens---texts--accent: var(--_colors---essentials-colors--white); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i02); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-36e1a54a-ad6f-fa17-3421-ad9f60510e63), .header-01:where(.w-variant-e3a3c7a5-8323-7824-ba40-eee37c21d191) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-light); --_tokens---texts--link: var(--_colors---essentials-colors--color-light); --_tokens---backgrounds--bg: var(--_colors---brand--b01); --_tokens---texts--accent: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--white); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i01); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-aac4106b-a2ae-c96b-7837-4606035b8855) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--white); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--white); --_tokens---texts--link: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg: var(--_colors---brand--b02); --_tokens---texts--accent: var(--_colors---essentials-colors--white); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i02); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-aac4106b-a2ae-c96b-7837-4606035b8856) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-light); --_tokens---texts--link: var(--_colors---essentials-colors--color-light); --_tokens---backgrounds--bg: var(--_colors---brand--b01); --_tokens---texts--accent: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--white); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i01); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-24e968ea-2e3d-4469-3bbc-c6f4ac8ffaf9) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--white); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--white); --_tokens---texts--link: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg: var(--_colors---brand--b02); --_tokens---texts--accent: var(--_colors---essentials-colors--white); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i02); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-24e968ea-2e3d-4469-3bbc-c6f4ac8ffafa) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-light); --_tokens---texts--link: var(--_colors---essentials-colors--color-light); --_tokens---backgrounds--bg: var(--_colors---brand--b01); --_tokens---texts--accent: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--white); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i01); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-7196195d-ac73-1c00-a9db-faab36278d1e) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--white); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--white); --_tokens---texts--link: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg: var(--_colors---brand--b02); --_tokens---texts--accent: var(--_colors---essentials-colors--white); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i02); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-7196195d-ac73-1c00-a9db-faab36278d1f) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-light); --_tokens---texts--link: var(--_colors---essentials-colors--color-light); --_tokens---backgrounds--bg: var(--_colors---brand--b01); --_tokens---texts--accent: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--white); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i01); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-afda7082-7ab2-7d6b-a412-2a5ceb52f593) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--white); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--white); --_tokens---texts--link: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg: var(--_colors---brand--b02); --_tokens---texts--accent: var(--_colors---essentials-colors--white); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i02); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-afda7082-7ab2-7d6b-a412-2a5ceb52f594) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-light); --_tokens---texts--link: var(--_colors---essentials-colors--color-light); --_tokens---backgrounds--bg: var(--_colors---brand--b01); --_tokens---texts--accent: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--white); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i01); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-06064fc7-9a2c-0fa2-0939-6666dccb3416), .header-01:where(.w-variant-13685c7d-66d6-47b0-2e61-c9e6a2965191), .header-01:where(.w-variant-0e95c67e-4208-a2de-002b-073bd13ec2dc), .header-01:where(.w-variant-3572f905-48b1-dbf0-fbf6-2a726c23089a), .header-01:where(.w-variant-6c82d3aa-441d-22ce-53b1-8ed333d9734a), .header-01:where(.w-variant-837e9076-1380-f623-e2c2-46e5030b72c1) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--white); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--white); --_tokens---texts--link: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg: var(--_colors---brand--b04); --_tokens---texts--accent: var(--_colors---brand--b02); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---brand--b04); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-b06fc53e-3506-3d46-2256-6e41dffb6628) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--white); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--white); --_tokens---texts--link: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg: var(--_colors---brand--b02); --_tokens---texts--accent: var(--_colors---essentials-colors--white); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i02); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-b06fc53e-3506-3d46-2256-6e41dffb6629) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-light); --_tokens---texts--link: var(--_colors---essentials-colors--color-light); --_tokens---backgrounds--bg: var(--_colors---brand--b01); --_tokens---texts--accent: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--white); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i01); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-b06fc53e-3506-3d46-2256-6e41dffb662a) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--white); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--white); --_tokens---texts--link: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg: var(--_colors---brand--b04); --_tokens---texts--accent: var(--_colors---brand--b02); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---brand--b04); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-d76b5112-611d-4cd4-d698-96182933f1c4) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--white); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--white); --_tokens---texts--link: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg: var(--_colors---brand--b02); --_tokens---texts--accent: var(--_colors---essentials-colors--white); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i02); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-d76b5112-611d-4cd4-d698-96182933f1c5) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-light); --_tokens---texts--link: var(--_colors---essentials-colors--color-light); --_tokens---backgrounds--bg: var(--_colors---brand--b01); --_tokens---texts--accent: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--white); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i01); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-d76b5112-611d-4cd4-d698-96182933f1c6) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--white); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--white); --_tokens---texts--link: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg: var(--_colors---brand--b04); --_tokens---texts--accent: var(--_colors---brand--b02); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---brand--b04); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-eecc686c-79a3-5c47-06e8-9518adde3cd4) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--white); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--white); --_tokens---texts--link: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg: var(--_colors---brand--b02); --_tokens---texts--accent: var(--_colors---essentials-colors--white); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i02); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-eecc686c-79a3-5c47-06e8-9518adde3cd5) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-light); --_tokens---texts--link: var(--_colors---essentials-colors--color-light); --_tokens---backgrounds--bg: var(--_colors---brand--b01); --_tokens---texts--accent: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--white); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i01); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-01:where(.w-variant-eecc686c-79a3-5c47-06e8-9518adde3cd6) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--white); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--white); --_tokens---texts--link: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg: var(--_colors---brand--b04); --_tokens---texts--accent: var(--_colors---brand--b02); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---brand--b04); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .header-content { max-width: var(--container-📐--container-intro); grid-column-gap: var(--_spacing-system---space-200); grid-row-gap: var(--_spacing-system---space-200); flex-flow: column; justify-content: center; align-items: flex-start; display: flex; } .header-content:where(.w-variant-a179ba8b-6db2-139e-8267-ad32362583e1) { z-index: 100; max-width: var(--container-📐--container-s); text-align: center; align-items: center; position: relative; } .title { font-family: var(--_fonts---heading); margin-bottom: 0; } .title:where(.w-variant-361bdfc9-e498-ecc9-e141-be1b8f4194af) { font-size: var(--_text-sizes---sizes--t-s); } .title:where(.w-variant-df956880-980d-e358-7f95-001eea2e50f6) { font-size: var(--_text-sizes---sizes--t-m); } .title:where(.w-variant-efbb4d5b-d048-c1a9-e137-b4e97a77ca5d) { font-size: var(--_text-sizes---sizes--t-l); } .title:where(.w-variant-e835290f-fb01-52ce-95a1-8cbe4059a124) { font-size: var(--_text-sizes---sizes--t-m); font-weight: 300; } .div { width: 100%; } .card-scrountch { padding: var(--_cards---margin-t\) var(--_cards---margin-r\) var(--_cards---margin-b\) var(--_cards---margin-l\); flex-flow: column; flex: 0 auto; justify-content: space-between; display: flex; } .card-scrountch:where(.w-variant-c8743272-b82c-8724-5661-fcb3d3338e07) { flex: 1; } .feature33_item-link { flex-flow: column; flex: 0 auto; justify-content: flex-start; align-items: stretch; text-decoration: none; display: flex; position: relative; } .feature33_item-link:where(.w-variant-c8743272-b82c-8724-5661-fcb3d3338e07) { flex: 1; } .feature33_item { max-width: var(--card-♦️--card-max-width); flex-flow: column; flex: 1; align-self: stretch; width: 100%; display: flex; overflow: hidden; } .feature33_item:where(.w-variant-82dfc8bd-12d0-1d86-2dc0-34dcdbb5f349), .feature33_item:where(.w-variant-29ef5327-7903-4dc5-0e3b-59816af58041), .feature33_item:where(.w-variant-acfb4c9d-1159-db50-db2b-12de495a6430), .feature33_item:where(.w-variant-83d556dd-2314-6c9a-abff-3f113104676a) { --_cards---txt-primary_color\: var(--_colors---essentials-colors--color-text); --_cards---txt-primary_size\: var(--_text-sizes---sizes--h6); --_cards---txt-secondary_color\: var(--_colors---essentials-colors--color-p); --_cards---margin-t\: var(--_spacing-system---space-400); --_cards---margin-r\: var(--_spacing-system---space-400); --_cards---margin-b\: var(--_spacing-system---space-400); --_cards---margin-l\: var(--_spacing-system---space-400); --_cards---txt-tertiary_color\: var(--_colors---essentials-colors--white); --_cards---box-radius\: var(--radius-⏺--radius-s); --_cards---decoration\: var(--_colors---brand--b01); --_cards---background_color\: var(--_colors---essentials-colors--white); --_cards---card-border\: var(--_colors---essentials-colors--color-border); } .feature33_item:where(.w-variant-c8743272-b82c-8724-5661-fcb3d3338e07) { border-radius: var(--radius-⏺--radius); background-color: var(--_tokens---backgrounds--bg); --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-text); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-p); --_tokens---texts--link: var(--_colors---brand--b02); --_tokens---backgrounds--bg: var(--_colors---essentials-colors--white); --_tokens---texts--accent: var(--_colors---brand--b01); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---interaction--i02); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--color-p); --_tokens---backgrounds--bg-hover: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); align-self: stretch; max-width: 100%; box-shadow: 0 13px 64px #345e7d21; } .spacer { height: 60px; } .spacer:where(.w-variant-fde13313-4b4e-da1f-c8b5-209b5e728f95) { height: 0; } .spacer:where(.w-variant-38a1b9bc-7e9d-08d1-48d4-9efd0a22c508) { height: 40px; } .spacer:where(.w-variant-9a2f2352-1576-27e9-ceef-f2be0110bd3c) { height: 80px; } .spacer:where(.w-variant-88eeb363-7f41-b09e-424e-8171763e0019) { height: 100px; } .spacer:where(.w-variant-f9940d3a-4b19-0018-6a42-1f2ee27b0d1c) { height: 120px; } .header-content_txt { grid-column-gap: var(--_spacing-system---space-100); grid-row-gap: var(--_spacing-system---space-100); flex-flow: column; display: flex; } .header-wrap { z-index: 10; max-width: var(--container-📐--container-xl); padding-right: var(--responsive--gutter); padding-left: var(--responsive--gutter); position: relative; } .footer-wrapper { max-width: var(--container-📐--container-xl); padding-right: var(--responsive--gutter); padding-left: var(--responsive--gutter); border-radius: var(--radius-⏺--radius); } .container-footer { max-width: var(--container-📐--container); grid-column-gap: var(--_spacing-system---space-400); grid-row-gap: var(--_spacing-system---space-400); flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-left: auto; margin-right: auto; display: flex; } .container-footer:where(.w-variant-7a24abb2-6f70-4e26-32c7-70c8510ecb8d), .container-footer:where(.w-variant-a38fd3cd-6cb6-f9ff-54f0-5a4515b56212), .container-footer:where(.w-variant-23e46ca7-08ff-3ee4-1a03-8552eaada1a8), .container-footer:where(.w-variant-36e1a54a-ad6f-fa17-3421-ad9f60510e62), .container-footer:where(.w-variant-aac4106b-a2ae-c96b-7837-4606035b8855), .container-footer:where(.w-variant-24e968ea-2e3d-4469-3bbc-c6f4ac8ffaf9), .container-footer:where(.w-variant-7196195d-ac73-1c00-a9db-faab36278d1e) { --_tokens---texts--text-primary: var(--_colors---essentials-colors--white); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--white); --_tokens---texts--link: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg: var(--_colors---brand--b02); --_tokens---texts--accent: var(--_colors---essentials-colors--white); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--white); --_tokens---backgrounds--bg-hover: var(--_colors---interaction--i02); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); } .menu-block { max-width: var(--container-📐--container-xl); padding-right: var(--responsive--gutter); padding-left: var(--responsive--gutter); width: 100%; min-height: 4.5px; } .details { color: var(--_tokens---texts--text-placeholder); font-size: var(--_text-sizes---sizes--p_small); line-height: var(--_text-sizes---spacing--h0); } .details:where(.w-variant-a179ba8b-6db2-139e-8267-ad32362583e1) { max-width: 380px; } .grid-50 { grid-column-gap: var(--_spacing-system---space-500); grid-row-gap: var(--_spacing-system---space-600); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; } .grid-50:where(.w-variant-60153b76-5e23-54f2-cfb7-88e48c5591b7) { position: static; } .grid-50.is_top-aligned { align-items: start; } .content-img { border-radius: var(--radius-⏺--radius); width: 100%; } .content-img:where(.w-variant-7075294b-a882-7294-8960-2d4a5d4ebe88) { align-self: flex-start; } .content-img:where(.w-variant-320a6566-ed81-9a98-d6fb-7052c993ca1a) { object-fit: cover; align-self: stretch; } .content-img:where(.w-variant-44e038f1-e8c4-430c-c170-eec9712aa16d) { object-fit: contain; align-self: stretch; } .content-img:where(.w-variant-c0ce9212-b31c-d5ca-0fc0-3ce9e991fd9d) { top: var(--responsive--sticky-value); align-self: flex-start; position: sticky; } .content-img_wrapper { flex-flow: row; width: 100%; display: flex; } .content-img_wrapper:where(.w-variant-7075294b-a882-7294-8960-2d4a5d4ebe88) { flex-flow: column; } .content-img_wrapper:where(.w-variant-320a6566-ed81-9a98-d6fb-7052c993ca1a), .content-img_wrapper:where(.w-variant-44e038f1-e8c4-430c-c170-eec9712aa16d) { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .content-img_wrapper:where(.w-variant-c0ce9212-b31c-d5ca-0fc0-3ce9e991fd9d) { flex-flow: column; position: relative; } .grid-scalea { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; max-height: 800px; display: grid; } .img-scalea { border-radius: var(--radius-⏺--radius); object-fit: cover; width: 100%; height: 100%; } .atouts { grid-column-gap: var(--_spacing-system---space-250); grid-row-gap: var(--_spacing-system---space-250); border-radius: var(--radius-⏺--radius); flex-flow: column; width: 100%; padding: 25px 40px; display: flex; box-shadow: 0 2px 5px #0003, 0 12px 32px #0000001a; } .atouts.is_icon { flex-flow: row; justify-content: flex-start; align-items: center; } .atouts-title { font-family: var(--_fonts---heading); color: var(--_tokens---texts--text-primary); font-size: var(--_text-sizes---sizes--h5); line-height: var(--_text-sizes---spacing--h3); font-weight: 700; } .flex { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: flex-start; margin-bottom: 0; margin-left: auto; margin-right: auto; display: inline-flex; } .ps_icon { border-radius: var(--radius-⏺--radius-s); background-color: #fff; flex-flow: column; justify-content: center; align-items: center; width: 60px; height: 60px; display: flex; transform: rotate(-15deg); } .ps_icon.is_bis { transform: rotate(15deg); } .ps_img { width: 45px; min-width: 45px; height: 45px; min-height: 45px; } .card-avis { max-width: var(--card-♦️--card-max-width); padding: var(--_cards---margin-t\) var(--_cards---margin-r\) var(--_cards---margin-b\) var(--_cards---margin-l\); grid-column-gap: 30px; grid-row-gap: 30px; border: 1px solid var(--_tokens---borders--border-default); border-radius: var(--radius-⏺--radius); flex-flow: column; align-items: flex-start; display: flex; } .avis-image { object-fit: contain; object-position: 0% 50%; width: 100%; max-width: 150px; max-height: 55px; } .avis-slot { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; align-items: center; display: flex; } .table { width: 100%; } .table-title { font-family: var(--_fonts---heading); color: var(--_tokens---texts--text-secondary); font-size: var(--_text-sizes---sizes--h6); font-weight: 600; } .table-details { color: var(--_tokens---texts--text-secondary); font-size: var(--_text-sizes---sizes--p_small); } .card-guide { max-width: var(--card-♦️--card-max-width-2); border-radius: var(--radius-⏺--radius); --_tokens---texts--text-primary: var(--_colors---essentials-colors--color-text); --_tokens---texts--text-secondary: var(--_colors---essentials-colors--color-p); --_tokens---texts--link: var(--_colors---brand--b02); --_tokens---backgrounds--bg: var(--_colors---essentials-colors--white); --_tokens---texts--accent: var(--_colors---brand--b01); --_tokens---borders--border-default: var(--_colors---essentials-colors--color-border); --_tokens---texts--link-hover: var(--_colors---interaction--i02); --_tokens---texts--text-white: var(--_colors---essentials-colors--color-light); --_tokens---texts--text-placeholder: var(--_colors---essentials-colors--color-p); --_tokens---backgrounds--bg-hover: var(--_colors---essentials-colors--color-light); --_tokens---borders--border-hover: var(--_colors---essentials-colors--color-border); --_tokens---borders--border-light: var(--_colors---essentials-colors--color-border); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; overflow: hidden; } .guide_img { object-fit: cover; width: 100%; height: 100%; max-height: 100%; display: inline-block; } .guide_content { grid-column-gap: 20px; grid-row-gap: 20px; background-color: var(--_tokens---backgrounds--bg); flex-flow: column; justify-content: center; align-items: flex-start; padding: 30px; display: flex; } .guide-title { color: var(--_tokens---texts--text-secondary); font-size: var(--_text-sizes---sizes--h5); line-height: var(--_text-sizes---spacing--h2); font-weight: 600; } .drop { height: 7px; min-height: 7px; position: absolute; top: 0; left: 40px; } .navbar11_dropdown.w--open { border-radius: var(--radius-⏺--radius); background-color: #0000; width: 400px; padding-top: 6px; left: auto; right: auto; } .navbar11_dropdown.w--open:where(.w-variant-5fc933dc-a0ea-ed44-160f-6a85762ca547) { width: 800px; } .navbar11_dropdown-slot { flex-flow: column; display: flex; } .navbar11_dropdown-slot:where(.w-variant-5fc933dc-a0ea-ed44-160f-6a85762ca547) { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .navbar11_categorie { color: #97a3b7; margin-bottom: 8px; font-size: 12px; font-weight: 600; } .icon-check { flex-direction: column; justify-content: center; align-items: center; width: 1.25rem; height: 1.25rem; display: flex; } .icon-embed-social { border-radius: .5rem; flex-direction: column; justify-content: center; align-items: center; width: 2rem; height: 2rem; display: flex; } .intro-wrapper, .intro-wrapper:where(.w-variant-a179ba8b-6db2-139e-8267-ad32362583e1) { max-width: var(--container-📐--container-intro); margin-left: auto; margin-right: auto; } .intro-wrapper.is_bis { margin-left: 0; margin-right: 0; } .intro-wrapper.is_bis:where(.w-variant-a179ba8b-6db2-139e-8267-ad32362583e1) { max-width: var(--container-📐--container-intro); margin-left: auto; margin-right: auto; } @media screen and (max-width: 991px) { body { --_text-sizes---sizes--h1: 2.986rem; --_text-sizes---spacing--h1: 110%; --_text-sizes---sizes--h2: 2.488rem; --_text-sizes---spacing--h2: 120%; --_text-sizes---sizes--h3: 2.074rem; --_text-sizes---spacing--h3: 120%; --_text-sizes---sizes--h4: 1.728rem; --_text-sizes---spacing--h4: 130%; --_text-sizes---sizes--h5: 1.44rem; --_text-sizes---spacing--h5: 130%; --_text-sizes---sizes--h6: 1.2rem; --_text-sizes---spacing--h6: 130%; --_text-sizes---sizes--p: 1rem; --_text-sizes---spacing--p: 130%; --_text-sizes---sizes--p_small: .875rem; --_text-sizes---sizes--t-m: 1.5rem; --_text-sizes---sizes--t-s: 1rem; --_text-sizes---sizes--t-l: 2rem; --_text-sizes---spacing--h0: 100%; --_text-sizes---sizes--h0: 2.986rem; --_text-sizes---sizes--p_details: .64rem; --_text-sizes---sizes--t-xl: 3rem; --_text-sizes---spacing--h7: 130%; } .menu-icon1 { flex-direction: column; justify-content: center; align-items: center; width: 48px; height: 48px; margin-right: -.5rem; padding-bottom: 0; padding-right: 0; display: flex; } .navbar11_menu { border-bottom: 1px solid var(--\); background-color: var(--_tokens---backgrounds--bg); -webkit-text-fill-color: inherit; background-clip: border-box; padding: 1rem 5% 2rem; position: absolute; overflow: auto; } .navbar11_menu.is-page-height-tablet { height: 100dvh; padding-bottom: 6.5rem; transition: height .5s; } .navbar11_link { width: auto; padding: .75rem 0; font-size: 1.125rem; } .navbar11_menu-button.w--open { background-color: var(--\); } .dropdown-chevron { inset: auto 0% auto auto; } .navbar11_menu-dropdown { width: 100%; font-size: 1.125rem; } .menu-icon1_line-top { width: 24px; height: 2px; padding-bottom: 0; padding-right: 0; } .navbar11_dropdown-list { position: static; overflow: hidden; } .navbar11_dropdown-list.w--open { border-style: none; width: auto; padding: 0; } .navbar11_dropdown-link-list { padding-top: 1rem; padding-bottom: 1rem; } .navbar11_dropdown-toggle { align-items: center; padding-top: .75rem; padding-bottom: .75rem; padding-left: 0; display: flex; } .menu-icon1_line-bottom { width: 24px; height: 2px; padding-bottom: 0; padding-right: 0; } .navbar11_menu-buttons { flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr; align-items: stretch; margin-top: 1.5rem; margin-left: 0; } .navbar11_logo, .navbar11_logo-link { max-height: 2rem; } .menu-icon1_line-middle { justify-content: center; align-items: center; width: 24px; height: 2px; margin-top: 6px; margin-bottom: 6px; padding-bottom: 0; padding-right: 0; display: flex; } .navbar11_component { min-height: 4rem; } .menu-icon1_line-middle-inner { width: 4px; height: 0; padding-bottom: 0; padding-right: 0; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .heading-style-h1 { font-size: 3.25rem; } .padding-section-large { padding-top: 6rem; padding-bottom: 6rem; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .heading-style-h2 { font-size: 2.75rem; } .layout16_content { grid-column-gap: 3rem; grid-template-columns: 1fr 1fr; grid-auto-flow: row; min-height: auto; } .layout233_list { grid-column-gap: 2rem; } .heading-style-h4 { font-size: 1.75rem; } .heading-style-h3 { font-size: 2.25rem; } .pricing19_grid-list { grid-template-columns: 1fr; } .margin-vertical { margin-left: 0; margin-right: 0; } .faq6_content { grid-column-gap: 3rem; grid-template-columns: 1fr 1fr; grid-auto-flow: row; min-height: auto; } .testimonial6_grid-list { grid-column-gap: 2rem; } .layout402_tab-wrapper, .cta11_content { grid-column-gap: 3rem; } .blog34_list { grid-template-columns: 1fr 1fr; } .footer3_top-wrapper { grid-row-gap: 4rem; grid-template-columns: 1fr; } .fs_modal-1_image { max-height: 30vh; display: none; } .fs_modal-1_wrapper { grid-template-columns: 1fr; } .icon-2 { margin-right: 0; display: block; } .aside { max-width: none; } .aside.is_hidden-mobile { display: none; } .content { padding-left: 64px; padding-right: 64px; } .wrapper-content { flex-flow: column; } .dropdown-2 { z-index: 1000; border-radius: var(--radius-⏺--radius); cursor: pointer; background-color: #edf0f3; padding: 32px 64px 32px 0; display: inline-block; } .dropdown-list-2 { z-index: 2; display: none; position: absolute; } .dropdown-list-2.w--open { background-color: #f3f3fa; border-radius: 6px; flex-flow: column; width: 100%; padding: 16px; display: flex; } .sommaire { z-index: 30; position: relative; } .banner8_icon-wrapper { display: none; } .blog33_item { max-width: none; } .grid:where(.w-variant-4b898ec2-7337-4b04-d80c-5e3d59d9e532) { grid-template-columns: 1fr 1fr; } .div-block-12 { flex-flow: column; } .slider_right { order: -1; width: 100%; } .content-text { width: 100%; } .wrapper_content { grid-column-gap: 40px; grid-row-gap: 40px; flex-direction: column; } .wrapper_content.is_reversed { flex-flow: column-reverse; } .slider_right-3 { order: -1; width: 100%; } .breadcrumbs { z-index: 0; } .collection-grid, .collection-grid.is_3, .collection-grid.is_3 { grid-template-columns: 1fr; } .empty-state { width: 100%; } .legal { padding-left: 10%; padding-right: 10%; } .wrapper_header-01 { grid-template-columns: 1fr; } .content-job { padding-left: 64px; padding-right: 64px; } .team33_item { max-width: none; } .spacer { height: 40px; } .spacer:where(.w-variant-38a1b9bc-7e9d-08d1-48d4-9efd0a22c508) { height: 20px; } .spacer:where(.w-variant-9a2f2352-1576-27e9-ceef-f2be0110bd3c) { height: 60px; } .spacer:where(.w-variant-88eeb363-7f41-b09e-424e-8171763e0019), .spacer:where(.w-variant-f9940d3a-4b19-0018-6a42-1f2ee27b0d1c) { height: 80px; } .tab-link { padding-right: var(--_spacing-system---space-400); padding-left: var(--_spacing-system---space-400); background-color: var(--_colors---essentials-colors--transparent); white-space: nowrap; } .tabs-menu { border-top-right-radius: var(--radius-⏺--radius); border-bottom-right-radius: var(--radius-⏺--radius); background-color: var(--_tokens---backgrounds--bg); background-image: linear-gradient(90deg, var(--_colors---essentials-colors--transparent) 70%, #0000001a); justify-content: flex-start; align-items: flex-start; overflow: scroll; } .tab-content, .grid-50 { grid-template-columns: 1fr; } .slider-kit_content { flex-flow: column; } .slider_right-4 { order: -1; width: 100%; } .padding-section-medium { padding-top: 4rem; padding-bottom: 4rem; } ._2-column_item_component { grid-column-gap: 1.5rem; grid-template-columns: 1fr 3px 1fr; grid-auto-flow: row; min-height: auto; } .content-bloc { border-width: 1px; border-radius: .625rem; padding-left: 64px; padding-right: 64px; } .title_info-col { margin-bottom: 0; } .dropdown-toggle-3 { padding-left: 64px; } .dropdown-toggle-3.w--open { padding-right: 32px; } .wrapper-cocon { grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: column; } .aside-2 { border-width: 1px; border-radius: .625rem; max-width: none; padding: 32px; } .aside-2.is_cocon { z-index: 100; z-index: 100; border-right-width: 0; padding: 0; } .dropdown-list-3 { z-index: 9; display: none; position: absolute; } .dropdown-list-3.w--open { z-index: 1000; background-color: #f3f3fa; border-radius: 6px; flex-flow: column; width: 100%; padding: 32px 64px; display: flex; } .card-avis { max-width: 100%; } .cta-icons_grid { grid-template-columns: 1fr 1fr 1fr; } .faq50, .bento_top, .bento_bot { grid-template-columns: 1fr; } .wrapper_header-cms { grid-column-gap: 40px; grid-row-gap: 40px; grid-template-columns: 1fr; grid-auto-flow: row; } .wrapper_part2 { grid-column-gap: 40px; grid-row-gap: 40px; grid-template-columns: 1fr; } .wrapper_part2.is_reversed { flex-flow: column-reverse; display: flex; } .navbar11_dropdown { position: static; overflow: hidden; } .navbar11_dropdown.w--open { border-style: none; width: auto; padding: 0; } .navbar11_dropdown-slot:where(.w-variant-5fc933dc-a0ea-ed44-160f-6a85762ca547), .timeline2-grod { grid-template-columns: 1fr; } .div-block-19 { padding: 0%; } .filter_form { flex-flow: column; justify-content: flex-start; align-items: stretch; } .filter_list { grid-template-columns: 1fr 1fr 1fr; } .filter_block_header { align-items: start; padding-left: 1rem; } .tab-item_last { margin-top: 0; } } @media screen and (max-width: 767px) { body { --_text-sizes---sizes--h1: 2.027rem; --_text-sizes---spacing--h1: 110%; --_text-sizes---sizes--h2: 1.802rem; --_text-sizes---spacing--h2: 120%; --_text-sizes---sizes--h3: 1.602rem; --_text-sizes---spacing--h3: 120%; --_text-sizes---sizes--h4: 1.424rem; --_text-sizes---spacing--h4: 130%; --_text-sizes---sizes--h5: 1.266rem; --_text-sizes---spacing--h5: 130%; --_text-sizes---sizes--h6: 1.125rem; --_text-sizes---spacing--h6: 130%; --_text-sizes---sizes--p: 1rem; --_text-sizes---spacing--p: 140%; --_text-sizes---sizes--p_small: .875rem; --_text-sizes---sizes--t-m: 1rem; --_text-sizes---sizes--t-s: 1rem; --_text-sizes---sizes--t-l: 1.5rem; --_text-sizes---spacing--h0: 100%; --_text-sizes---sizes--h0: 2.027rem; --_text-sizes---sizes--p_details: .64rem; --_text-sizes---sizes--t-xl: 2rem; --_text-sizes---spacing--h7: 130%; } .navbar11_menu.is-page-height-tablet { padding-bottom: 6rem; } .navbar11_dropdown-link-list { grid-row-gap: .5rem; max-width: none; padding-top: .75rem; padding-bottom: .75rem; } .navbar11_component { min-height: 4rem; } .navbar11_dropdown-link { padding-top: .5rem; padding-bottom: .5rem; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .text-size-medium { font-size: 1rem; } .heading-style-h1 { font-size: 2.5rem; } .padding-section-large { padding-top: 4rem; padding-bottom: 4rem; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .logo3_wrapper { padding: .75rem 1rem; } .logo3_logo { max-height: 3rem; } .heading-style-h6 { font-size: 1.125rem; } .logo3_list { grid-column-gap: 1rem; grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem; padding-top: 1rem; } .heading-style-h2 { font-size: 2.25rem; } .layout16_content, .layout233_list { grid-row-gap: 3rem; grid-template-columns: 1fr; } .heading-style-h4 { font-size: 1.5rem; line-height: 1.4; } .heading-style-h3 { font-size: 2rem; } .pricing19_plan { padding-left: 1.5rem; padding-right: 1.5rem; } .pricing19_grid-list { grid-template-columns: 1fr; } .margin-vertical { margin-left: 0; margin-right: 0; } .faq6_content { grid-row-gap: 3rem; grid-template-columns: 1fr; } .faq6_icon-wrapper { width: 1.75rem; } .faq6_question { padding: 1rem 1.25rem; } .faq6_answer { padding-left: 1.25rem; padding-right: 1.25rem; } .testimonial6_client { flex-direction: column; align-items: flex-start; width: 100%; } .testimonial6_grid-list { grid-row-gap: 3rem; grid-template-columns: 1fr; } .testimonial6_client-image-wrapper { margin-bottom: 1rem; margin-right: 0; } .layout402_tab-wrapper { grid-row-gap: 3rem; grid-template-columns: 1fr; } .layout402_tabs-menu { width: 100vw; margin-bottom: 3rem; margin-left: -5vw; padding-left: 5vw; padding-right: 5vw; } .cta11_content { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-direction: column; grid-template-columns: 1fr; justify-content: flex-start; align-items: flex-start; } .blog34_list { grid-row-gap: 3rem; grid-template-columns: 1fr; } .heading-style-h5 { font-size: 1.25rem; } .footer3_legal-list { grid-column-gap: 0rem; grid-row-gap: 1rem; flex-flow: column; grid-auto-flow: row; } .footer3_credit-text { margin-top: 2rem; } .footer3_menu-wrapper { grid-column-gap: 1.5rem; grid-template-columns: 1fr; } .footer3_top-wrapper { grid-row-gap: 3rem; } .footer3_bottom-wrapper { flex-direction: column-reverse; align-items: flex-start; padding-bottom: 1rem; } .fs_modal-1_close { padding: 1rem; } .fs_modal-1_content { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; padding: 3rem 2rem; } .fs_modal-1_heading { font-size: 2rem; } .fs_modal-1_popup { padding-left: 1.5rem; padding-right: 1.5rem; } .content { padding: 32px 16px; } .dropdown-2 { padding: 16px 16px 16px 0; } .section-content { padding-top: 64px; padding-bottom: 64px; } .banner8_content-wrapper { flex-direction: column; align-items: stretch; padding-top: 1rem; padding-bottom: 1rem; } .banner8_close-button { margin-left: 0; position: absolute; bottom: auto; left: auto; right: .5rem; } .banner8_content { align-items: flex-start; margin-bottom: 1rem; margin-right: 1.75rem; } .card-title { font-size: 1.25rem; } .faq-title { font-size: 1rem; } .div-block-6 { padding-top: var(--_spacing-system---space-0); padding-right: var(--_spacing-system---space-0); padding-left: var(--_spacing-system---space-0); } .grid:where(.w-variant-35fddd0d-338e-73c5-e5ed-fd0c44568d2b), .grid:where(.w-variant-0a767748-6f22-ec52-4bdd-546e7d4af844), .grid:where(.w-variant-4b898ec2-7337-4b04-d80c-5e3d59d9e532) { grid-template-columns: 1fr; } .cta01, .div-block-12 { flex-flow: column; } .swiper-slide.is-card { height: 550px; } .button_box { grid-column-gap: 40px; grid-row-gap: 40px; flex-direction: column; align-items: flex-start; } .div-block-16 { grid-template-columns: 1fr; } .line-2 { grid-row-gap: var(--_spacing-system---space-300); flex-flow: column; } .hug { align-items: stretch; } .section-toc { padding-top: 64px; padding-bottom: 64px; } .legal { padding-left: 0%; padding-right: 0%; } .content-job { padding: 32px 16px; } .feature33_item { max-width: none; } .spacer { height: 20px; } .spacer:where(.w-variant-f9940d3a-4b19-0018-6a42-1f2ee27b0d1c), .spacer:where(.w-variant-88eeb363-7f41-b09e-424e-8171763e0019) { height: 60px; } .spacer:where(.w-variant-9a2f2352-1576-27e9-ceef-f2be0110bd3c) { height: 40px; } .slider-title { font-size: 1.2em; } .slider-kit_content { height: 550px; padding: 20px; } .timeline_progress_wrapper { justify-content: flex-start; align-items: stretch; left: 1rem; } .padding-section-medium { padding-top: 3rem; padding-bottom: 3rem; } ._2-column_item_component { grid-row-gap: 3rem; grid-template-columns: 3px 1fr; } .timeline_progress-2 { inset: 0% auto auto 5%; } .timeline_dot { width: 20px; height: 20px; } .timeline_grid { grid-template-columns: 5em 1fr; } .timeline_item-2 { text-align: left; justify-content: flex-start; align-items: flex-start; margin-bottom: 0; padding-top: 1em; padding-bottom: 0; } .timeline_item-2.is_left { margin-bottom: 60px; } .timeline_track-wrap { position: absolute; inset: 0% auto 0% 0%; } .timeline_item-wrap { width: 100%; padding-left: 10%; } .step-2, .ai-b_box { flex-flow: column; } .ai-b { justify-content: center; align-items: center; } .content-bloc { padding: 32px 16px; } .dropdown-toggle-3, .dropdown-toggle-3.w--open { padding-left: 16px; } .wrapper-cocon { padding-top: 40px; } .dropdown-list-3.w--open { padding-left: 16px; padding-right: 16px; } .atouts { padding: 20px; } .card-avis { max-width: 100%; } .card-guide { grid-template-columns: 1fr; } .guide_img { max-height: 300px; } .cta-icons_grid { grid-template-columns: 1fr 1fr; } .cta-line { grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: column; } .filter_list { grid-template-columns: 1fr 1fr; } .tab-item_last { margin-top: 40px; } } @media screen and (max-width: 479px) { .navbar11_dropdown-link { padding-left: 0; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .logo3_wrapper { justify-content: center; align-items: flex-start; } .logo3_list { justify-content: center; } .layout16_content, .layout233_list { grid-template-columns: 1fr; } .margin-vertical { margin-left: 0; margin-right: 0; } .faq6_content { grid-template-columns: 1fr; } .footer3_menu-wrapper { grid-row-gap: 2.5rem; grid-template-columns: 1fr; } .aside { padding: 16px; } .dropdown-toggle-2 { font-size: 1.1em; } .swiper-wrapper.is-card { width: 100%; } .breadcrumbs { flex-direction: row; display: none; } .spacer:where(.w-variant-f9940d3a-4b19-0018-6a42-1f2ee27b0d1c), .spacer:where(.w-variant-88eeb363-7f41-b09e-424e-8171763e0019) { height: 40px; } ._2-column_item_component { grid-template-columns: 3px 1fr; } .timeline_progress-2 { left: 2em; } .timeline_dot { width: 1.2rem; height: 1.2rem; } .timeline_grid { grid-column-gap: 1em; grid-template-columns: 4em 1fr; } .title_info-col { font-size: .875rem; } .dropdown-toggle-3 { font-size: 1.1em; } .wrapper-cocon { padding-top: 20px; } .aside-2 { padding: 16px; } .timeline_grid-2 { grid-column-gap: 1em; } .citation { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .wrapper_header-cms { grid-column-gap: 30px; grid-row-gap: 30px; } .wrapper_part2 { grid-column-gap: 20px; grid-row-gap: 20px; } .cta-line { text-align: center; } .filter_list { grid-template-columns: 1fr; } } #w-node-_60153b76-5e23-54f2-cfb7-88e48c5591af-8c5591ae:where(.w-variant-60153b76-5e23-54f2-cfb7-88e48c5591b7) { order: 9999; grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_70146a45-576c-8b88-469e-02b854fb96db-54fb96db { align-self: stretch; } #w-node-_70146a45-576c-8b88-469e-02b854fb96dc-54fb96db { align-self: center; } #w-node-_70146a45-576c-8b88-469e-02b854fb96dc-54fb96db:where(.w-variant-c993292d-0110-63ae-e094-c400cf00042d), #w-node-_70146a45-576c-8b88-469e-02b854fb96dc-54fb96db:where(.w-variant-c2f4914c-6dd2-0f7c-3d8d-23fb07f1ffa8) { align-self: stretch; } #w-node-_70146a45-576c-8b88-469e-02b854fb96dc-54fb96db:where(.w-variant-a200a706-3ceb-ec44-627b-db9e4afd62d6) { align-self: start; } #w-node-_70146a45-576c-8b88-469e-02b854fb96dc-54fb96db:where(.w-variant-320a6566-ed81-9a98-d6fb-7052c993ca1a), #w-node-_70146a45-576c-8b88-469e-02b854fb96dc-54fb96db:where(.w-variant-44e038f1-e8c4-430c-c170-eec9712aa16d) { align-self: stretch; } #w-node-_53257cdf-32d5-0498-ec67-a452c498ac47-c498ac46:where(.w-variant-53257cdf-32d5-0498-ec67-a452c498ac50) { order: 9999; grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-e9299894-6aa8-5766-a611-ac343b2cc75b-c498ac46 { grid-column: span 2 / span 2; } #w-node-_62948184-6cd8-29e0-0307-03ca0c003c3d-0c003c37 { align-self: stretch; } @media screen and (max-width: 991px) { #w-node-_60153b76-5e23-54f2-cfb7-88e48c5591af-8c5591ae:where(.w-variant-60153b76-5e23-54f2-cfb7-88e48c5591b7), #w-node-_53257cdf-32d5-0498-ec67-a452c498ac47-c498ac46:where(.w-variant-53257cdf-32d5-0498-ec67-a452c498ac50) { order: -9999; } }