@charset "UTF-8"; .cs-copyright { /* variables edition ligne copyright */ /* colors */ --copyrightColorText: #6f6f6f; --copyrightColorLink: var(--copyrightColorText); --copyrightColorSeparator: #6f6f6f; --copyrightColorSvg: var(--copyrightColorText); --copyrightTooltipBackground: #2f91cd; --copyrightTooltipColor: #ffffff; /* size */ --copyrightFontSize: 11px; --copyrightSizeSvg: 15px; --copyrightSizeSeparator: 10px; --copyrightSizeSeparatorIcon: 10px; /* position, direction */ --copyrightPosition: center; /* flex-start, center, flex-end, space-between */ --copyrightDirection: column-reverse; /* row, column */ /* padding */ --copyrightTooltipPadding: 10px 0 35px; } [class*='cms_bloc_FORM'] { --stepper-border-color: #ffffff; --stepper-background-color: #ffffff; --stepper-color: #235364; --stepper-isactive-border-color: #e30613; --stepper-isactive-background-color: #e30613; --stepper-isactive-color: #ffffff; --stepper-ismodified-border-color: #2f91cd; --stepper-ismodified-background-color: #2f91cd; --stepper-ismodified-color: #ffffff; --stepper-border-radius: 50%; --stepper-border-width: 0; --stepper-width: 2.8rem; --stepper-height: 2.8rem; --stepper-font-size: 1.6rem; --stepper-label-font-size: 1.6rem; --stepper-label-color: #235364; --stepper-track-bg: #e5e5e5; --stepper-track-bg-active: #235364; --stepper-track-height: 0.2rem; --stepper-action-font-size: 1.4rem; --stepper-action-height: auto; --stepper-action-prev-bg: #e30613; --stepper-action-prev-color: #eee; --stepper-action-next-bg: #e30613; --stepper-action-next-bgHover: #a0c64f; --stepper-action-next-color: #eee; --stepper-hover: #a0c64f; --stepper-label-radio-color: #ffffff; --stepper-label-radio-border: rgba(255, 255, 255, 0.6); --stepper-label-radio-background: #235364; --stepper-label-radio-colorHover: #235364; --stepper-label-radio-borderHover: #ffffff; --stepper-label-radio-backgroundHover: #ffffff; } .cs-carrefour { --carrefour_color: #235364; --carrefour_border: #235364; --carrefour_background: #ffffff; --carrefour_background_before: #e5e5e5; --carrefour_shadow: #0e303c; --carrefour_shadow_hover: #062d3a; --carrefour_color_hover: #ffffff; } html { scroll-behavior: smooth; } @media (min-width: 2301px) { html { background: #f2f2f2; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body, td, pre, input[type='text'], textarea, select { color: #6f6f6f; font-size: 1.65rem; line-height: 1.4; font-family: "Ubuntu", Arial, Tahoma, Verdana, Helvetica, sans-serif; } @media (max-width: 600px) { body, td, pre, input[type='text'], textarea, select { font-size: 1.6rem; } } body { overflow-x: hidden; } @media (min-width: 2301px) { body { max-width: 170rem; margin: 0 auto; background: #fff; box-shadow: 0 15rem 15rem rgba(0, 0, 0, 0.05); } } @media (max-width: 1100px) { body { margin-top: 5rem; } } /* width */ ::-webkit-scrollbar { width: 0.5rem; } /* Handle */ ::-webkit-scrollbar-thumb { border-radius: 10px; background: lightgrey; } .u-wrapper { width: 100%; max-width: 120rem; margin: 0 auto; text-align: left; } @media (max-width: 1300px) { .u-wrapper { max-width: 94%; } } .svgSprite svg symbol circle, .svgSprite svg symbol path { overflow: visible; fill: inherit; stroke: inherit; } a[href^='tel'] { color: inherit; text-decoration: none; } #zone-page .cms_bloc, #zone-csMainSecondaire .cms_bloc { z-index: 1; position: relative; } #zone-page .cms_bloc:not(:last-child), #zone-csMainSecondaire .cms_bloc:not(:last-child) { margin-bottom: 3rem; } #zone-page .cms_bloc.cms_bloc_media img, #zone-csMainSecondaire .cms_bloc.cms_bloc_media img { display: block; } #zone-page .cms_bloc hr, #zone-csMainSecondaire .cms_bloc hr { width: 100% !important; } #zone-page .cms_bloc_text > *:not(div):first-child, #zone-page .cms_bloc_text_gauche > *:not(div):first-child, #zone-page .cms_bloc_text_droite > *:not(div):first-child, #zone-page .cms_bloc_text_media_gauche > *:not(div):first-child, #zone-page .cms_bloc_text_media_droite > *:not(div):first-child, #zone-page .cms_bloc_text_haut > *:not(div):first-child, #zone-page .cms_bloc_text_bas > *:not(div):first-child, #zone-csMainSecondaire .cms_bloc_text > *:not(div):first-child, #zone-csMainSecondaire .cms_bloc_text_gauche > *:not(div):first-child, #zone-csMainSecondaire .cms_bloc_text_droite > *:not(div):first-child, #zone-csMainSecondaire .cms_bloc_text_media_gauche > *:not(div):first-child, #zone-csMainSecondaire .cms_bloc_text_media_droite > *:not(div):first-child, #zone-csMainSecondaire .cms_bloc_text_haut > *:not(div):first-child, #zone-csMainSecondaire .cms_bloc_text_bas > *:not(div):first-child { margin-top: 0; } #zone-page .cms_bloc_text > *:not(div):last-child, #zone-page .cms_bloc_text_gauche > *:not(div):last-child, #zone-page .cms_bloc_text_droite > *:not(div):last-child, #zone-page .cms_bloc_text_media_gauche > *:not(div):last-child, #zone-page .cms_bloc_text_media_droite > *:not(div):last-child, #zone-page .cms_bloc_text_haut > *:not(div):last-child, #zone-page .cms_bloc_text_bas > *:not(div):last-child, #zone-csMainSecondaire .cms_bloc_text > *:not(div):last-child, #zone-csMainSecondaire .cms_bloc_text_gauche > *:not(div):last-child, #zone-csMainSecondaire .cms_bloc_text_droite > *:not(div):last-child, #zone-csMainSecondaire .cms_bloc_text_media_gauche > *:not(div):last-child, #zone-csMainSecondaire .cms_bloc_text_media_droite > *:not(div):last-child, #zone-csMainSecondaire .cms_bloc_text_haut > *:not(div):last-child, #zone-csMainSecondaire .cms_bloc_text_bas > *:not(div):last-child { margin-bottom: 0; } #zone-page .cms_bloc_text .cms_bloc_text_media_gauche > *:nth-child(2), #zone-page .cms_bloc_text .cms_bloc_text_media_droite > *:nth-child(2), #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_gauche > *:nth-child(2), #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_droite > *:nth-child(2), #zone-page .cms_bloc_text_droite .cms_bloc_text_media_gauche > *:nth-child(2), #zone-page .cms_bloc_text_droite .cms_bloc_text_media_droite > *:nth-child(2), #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_gauche > *:nth-child(2), #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_droite > *:nth-child(2), #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_gauche > *:nth-child(2), #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_droite > *:nth-child(2), #zone-page .cms_bloc_text_haut .cms_bloc_text_media_gauche > *:nth-child(2), #zone-page .cms_bloc_text_haut .cms_bloc_text_media_droite > *:nth-child(2), #zone-page .cms_bloc_text_bas .cms_bloc_text_media_gauche > *:nth-child(2), #zone-page .cms_bloc_text_bas .cms_bloc_text_media_droite > *:nth-child(2), #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_gauche > *:nth-child(2), #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_droite > *:nth-child(2), #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_gauche > *:nth-child(2), #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_droite > *:nth-child(2), #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_gauche > *:nth-child(2), #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_droite > *:nth-child(2), #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_gauche > *:nth-child(2), #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_droite > *:nth-child(2), #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_gauche > *:nth-child(2), #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_droite > *:nth-child(2), #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_gauche > *:nth-child(2), #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_droite > *:nth-child(2), #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_gauche > *:nth-child(2), #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_droite > *:nth-child(2) { margin-top: 0; } #zone-page .cms_bloc_text .cms_bloc_text_media_gauche > *:nth-child(2) *, #zone-page .cms_bloc_text .cms_bloc_text_media_droite > *:nth-child(2) *, #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_gauche > *:nth-child(2) *, #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_droite > *:nth-child(2) *, #zone-page .cms_bloc_text_droite .cms_bloc_text_media_gauche > *:nth-child(2) *, #zone-page .cms_bloc_text_droite .cms_bloc_text_media_droite > *:nth-child(2) *, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_gauche > *:nth-child(2) *, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_droite > *:nth-child(2) *, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_gauche > *:nth-child(2) *, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_droite > *:nth-child(2) *, #zone-page .cms_bloc_text_haut .cms_bloc_text_media_gauche > *:nth-child(2) *, #zone-page .cms_bloc_text_haut .cms_bloc_text_media_droite > *:nth-child(2) *, #zone-page .cms_bloc_text_bas .cms_bloc_text_media_gauche > *:nth-child(2) *, #zone-page .cms_bloc_text_bas .cms_bloc_text_media_droite > *:nth-child(2) *, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_gauche > *:nth-child(2) *, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_droite > *:nth-child(2) *, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_gauche > *:nth-child(2) *, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_droite > *:nth-child(2) *, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_gauche > *:nth-child(2) *, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_droite > *:nth-child(2) *, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_gauche > *:nth-child(2) *, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_droite > *:nth-child(2) *, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_gauche > *:nth-child(2) *, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_droite > *:nth-child(2) *, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_gauche > *:nth-child(2) *, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_droite > *:nth-child(2) *, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_gauche > *:nth-child(2) *, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_droite > *:nth-child(2) * { margin-top: 0; } #zone-page .cms_bloc_text .cms_bloc_text_media_gauche, #zone-page .cms_bloc_text .cms_bloc_text_media_droite, #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_gauche, #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_droite, #zone-page .cms_bloc_text_droite .cms_bloc_text_media_gauche, #zone-page .cms_bloc_text_droite .cms_bloc_text_media_droite, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_gauche, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_droite, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_gauche, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_droite, #zone-page .cms_bloc_text_haut .cms_bloc_text_media_gauche, #zone-page .cms_bloc_text_haut .cms_bloc_text_media_droite, #zone-page .cms_bloc_text_bas .cms_bloc_text_media_gauche, #zone-page .cms_bloc_text_bas .cms_bloc_text_media_droite, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_gauche, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_droite, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_gauche, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_droite, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_gauche, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_droite, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_gauche, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_droite, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_gauche, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_droite, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_gauche, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_droite, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_gauche, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_droite { display: inline-block; margin-bottom: -1rem; } @media (max-width: 825px) { #zone-page .cms_bloc_text .cms_bloc_text_media_gauche, #zone-page .cms_bloc_text .cms_bloc_text_media_droite, #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_gauche, #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_droite, #zone-page .cms_bloc_text_droite .cms_bloc_text_media_gauche, #zone-page .cms_bloc_text_droite .cms_bloc_text_media_droite, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_gauche, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_droite, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_gauche, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_droite, #zone-page .cms_bloc_text_haut .cms_bloc_text_media_gauche, #zone-page .cms_bloc_text_haut .cms_bloc_text_media_droite, #zone-page .cms_bloc_text_bas .cms_bloc_text_media_gauche, #zone-page .cms_bloc_text_bas .cms_bloc_text_media_droite, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_gauche, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_droite, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_gauche, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_droite, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_gauche, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_droite, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_gauche, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_droite, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_gauche, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_droite, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_gauche, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_droite, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_gauche, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_droite { margin-bottom: 0; } } #zone-page .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_droite .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_haut .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text_haut .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_bas .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text_bas .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_droite .cms_bloc_media { position: relative; max-width: 48%; margin: 0 7rem 2rem 0; padding: 0; } @media (max-width: 1300px) { #zone-page .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_droite .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_haut .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text_haut .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_bas .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text_bas .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_droite .cms_bloc_media { margin: 0 6rem 2rem 0; } } @media (max-width: 825px) { #zone-page .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_droite .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_haut .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text_haut .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_bas .cms_bloc_text_media_gauche .cms_bloc_media, #zone-page .cms_bloc_text_bas .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_gauche .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_droite .cms_bloc_media { width: 100%; max-width: 100%; margin: 0 0 2rem; } } #zone-page .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media img, #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media img, #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_gauche .cms_bloc_media img, #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_droite .cms_bloc_media img, #zone-page .cms_bloc_text_droite .cms_bloc_text_media_gauche .cms_bloc_media img, #zone-page .cms_bloc_text_droite .cms_bloc_text_media_droite .cms_bloc_media img, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_gauche .cms_bloc_media img, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_droite .cms_bloc_media img, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_gauche .cms_bloc_media img, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_droite .cms_bloc_media img, #zone-page .cms_bloc_text_haut .cms_bloc_text_media_gauche .cms_bloc_media img, #zone-page .cms_bloc_text_haut .cms_bloc_text_media_droite .cms_bloc_media img, #zone-page .cms_bloc_text_bas .cms_bloc_text_media_gauche .cms_bloc_media img, #zone-page .cms_bloc_text_bas .cms_bloc_text_media_droite .cms_bloc_media img, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media img, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media img, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_gauche .cms_bloc_media img, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_droite .cms_bloc_media img, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_gauche .cms_bloc_media img, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_droite .cms_bloc_media img, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_gauche .cms_bloc_media img, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_droite .cms_bloc_media img, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_gauche .cms_bloc_media img, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_droite .cms_bloc_media img, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_gauche .cms_bloc_media img, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_droite .cms_bloc_media img, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_gauche .cms_bloc_media img, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_droite .cms_bloc_media img { z-index: 2; position: relative; } #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_haut .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_bas .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_droite .cms_bloc_media { margin: 0 0 2rem 7rem; } @media (max-width: 1300px) { #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_haut .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_bas .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_droite .cms_bloc_media { margin: 0 0 2rem 6rem; } } @media (max-width: 825px) { #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_haut .cms_bloc_text_media_droite .cms_bloc_media, #zone-page .cms_bloc_text_bas .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_droite .cms_bloc_media, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_droite .cms_bloc_media { margin: 0 0 2rem; } } @media (max-width: 825px) { #zone-page .cms_bloc_text .cms_bloc_text_two_columns, #zone-page .cms_bloc_text_gauche .cms_bloc_text_two_columns, #zone-page .cms_bloc_text_droite .cms_bloc_text_two_columns, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_two_columns, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_two_columns, #zone-page .cms_bloc_text_haut .cms_bloc_text_two_columns, #zone-page .cms_bloc_text_bas .cms_bloc_text_two_columns, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_two_columns, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_two_columns, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_two_columns, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_two_columns, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_two_columns, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_two_columns, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_two_columns { display: flex; flex-direction: column; } } @media (max-width: 825px) { #zone-page .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, #zone-page .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_droite, #zone-page .cms_bloc_text_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, #zone-page .cms_bloc_text_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_droite, #zone-page .cms_bloc_text_droite .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, #zone-page .cms_bloc_text_droite .cms_bloc_text_two_columns > div.cms_bloc_text_droite, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_droite, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_two_columns > div.cms_bloc_text_droite, #zone-page .cms_bloc_text_haut .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, #zone-page .cms_bloc_text_haut .cms_bloc_text_two_columns > div.cms_bloc_text_droite, #zone-page .cms_bloc_text_bas .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, #zone-page .cms_bloc_text_bas .cms_bloc_text_two_columns > div.cms_bloc_text_droite, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_droite, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_droite, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_two_columns > div.cms_bloc_text_droite, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_droite, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_two_columns > div.cms_bloc_text_droite, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_two_columns > div.cms_bloc_text_droite, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_two_columns > div.cms_bloc_text_droite { width: 100%; margin: 0; } #zone-page .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_gauche:last-child, #zone-page .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_droite:last-child, #zone-page .cms_bloc_text_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_gauche:last-child, #zone-page .cms_bloc_text_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_droite:last-child, #zone-page .cms_bloc_text_droite .cms_bloc_text_two_columns > div.cms_bloc_text_gauche:last-child, #zone-page .cms_bloc_text_droite .cms_bloc_text_two_columns > div.cms_bloc_text_droite:last-child, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_gauche:last-child, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_droite:last-child, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_two_columns > div.cms_bloc_text_gauche:last-child, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_two_columns > div.cms_bloc_text_droite:last-child, #zone-page .cms_bloc_text_haut .cms_bloc_text_two_columns > div.cms_bloc_text_gauche:last-child, #zone-page .cms_bloc_text_haut .cms_bloc_text_two_columns > div.cms_bloc_text_droite:last-child, #zone-page .cms_bloc_text_bas .cms_bloc_text_two_columns > div.cms_bloc_text_gauche:last-child, #zone-page .cms_bloc_text_bas .cms_bloc_text_two_columns > div.cms_bloc_text_droite:last-child, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_gauche:last-child, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_droite:last-child, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_gauche:last-child, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_droite:last-child, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_two_columns > div.cms_bloc_text_gauche:last-child, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_two_columns > div.cms_bloc_text_droite:last-child, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_gauche:last-child, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_droite:last-child, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_two_columns > div.cms_bloc_text_gauche:last-child, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_two_columns > div.cms_bloc_text_droite:last-child, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_two_columns > div.cms_bloc_text_gauche:last-child, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_two_columns > div.cms_bloc_text_droite:last-child, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_two_columns > div.cms_bloc_text_gauche:last-child, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_two_columns > div.cms_bloc_text_droite:last-child { margin-top: 2rem; } } #zone-page .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:first-child, #zone-page .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:first-child, #zone-page .cms_bloc_text_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:first-child, #zone-page .cms_bloc_text_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:first-child, #zone-page .cms_bloc_text_droite .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:first-child, #zone-page .cms_bloc_text_droite .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:first-child, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:first-child, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:first-child, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:first-child, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:first-child, #zone-page .cms_bloc_text_haut .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:first-child, #zone-page .cms_bloc_text_haut .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:first-child, #zone-page .cms_bloc_text_bas .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:first-child, #zone-page .cms_bloc_text_bas .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:first-child, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:first-child, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:first-child, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:first-child, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:first-child, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:first-child, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:first-child, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:first-child, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:first-child, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:first-child, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:first-child, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:first-child, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:first-child, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:first-child, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:first-child { margin-top: 0; } #zone-page .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:last-child, #zone-page .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:last-child, #zone-page .cms_bloc_text_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:last-child, #zone-page .cms_bloc_text_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:last-child, #zone-page .cms_bloc_text_droite .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:last-child, #zone-page .cms_bloc_text_droite .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:last-child, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:last-child, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:last-child, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:last-child, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:last-child, #zone-page .cms_bloc_text_haut .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:last-child, #zone-page .cms_bloc_text_haut .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:last-child, #zone-page .cms_bloc_text_bas .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:last-child, #zone-page .cms_bloc_text_bas .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:last-child, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:last-child, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:last-child, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:last-child, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:last-child, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:last-child, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:last-child, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:last-child, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:last-child, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:last-child, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:last-child, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:last-child, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:last-child, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_two_columns > div.cms_bloc_text_gauche > *:last-child, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_two_columns > div.cms_bloc_text_droite > *:last-child { margin-bottom: 0; } #zone-page .cms_bloc_text .cms_bloc_text_haut > *:first-child, #zone-page .cms_bloc_text .cms_bloc_text_bas > *:first-child, #zone-page .cms_bloc_text_gauche .cms_bloc_text_haut > *:first-child, #zone-page .cms_bloc_text_gauche .cms_bloc_text_bas > *:first-child, #zone-page .cms_bloc_text_droite .cms_bloc_text_haut > *:first-child, #zone-page .cms_bloc_text_droite .cms_bloc_text_bas > *:first-child, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_haut > *:first-child, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_bas > *:first-child, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_haut > *:first-child, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_bas > *:first-child, #zone-page .cms_bloc_text_haut .cms_bloc_text_haut > *:first-child, #zone-page .cms_bloc_text_haut .cms_bloc_text_bas > *:first-child, #zone-page .cms_bloc_text_bas .cms_bloc_text_haut > *:first-child, #zone-page .cms_bloc_text_bas .cms_bloc_text_bas > *:first-child, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_haut > *:first-child, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_bas > *:first-child, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_haut > *:first-child, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_bas > *:first-child, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_haut > *:first-child, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_bas > *:first-child, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_haut > *:first-child, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_bas > *:first-child, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_haut > *:first-child, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_bas > *:first-child, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_haut > *:first-child, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_bas > *:first-child, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_haut > *:first-child, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_bas > *:first-child { margin-top: 0; } #zone-page .cms_bloc_text .cms_bloc_text_haut > *:last-child, #zone-page .cms_bloc_text .cms_bloc_text_bas > *:last-child, #zone-page .cms_bloc_text_gauche .cms_bloc_text_haut > *:last-child, #zone-page .cms_bloc_text_gauche .cms_bloc_text_bas > *:last-child, #zone-page .cms_bloc_text_droite .cms_bloc_text_haut > *:last-child, #zone-page .cms_bloc_text_droite .cms_bloc_text_bas > *:last-child, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_haut > *:last-child, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_bas > *:last-child, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_haut > *:last-child, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_bas > *:last-child, #zone-page .cms_bloc_text_haut .cms_bloc_text_haut > *:last-child, #zone-page .cms_bloc_text_haut .cms_bloc_text_bas > *:last-child, #zone-page .cms_bloc_text_bas .cms_bloc_text_haut > *:last-child, #zone-page .cms_bloc_text_bas .cms_bloc_text_bas > *:last-child, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_haut > *:last-child, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_bas > *:last-child, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_haut > *:last-child, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_bas > *:last-child, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_haut > *:last-child, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_bas > *:last-child, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_haut > *:last-child, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_bas > *:last-child, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_haut > *:last-child, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_bas > *:last-child, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_haut > *:last-child, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_bas > *:last-child, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_haut > *:last-child, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_bas > *:last-child { margin-bottom: 0; } #zone-page .cms_bloc_text .cms_bloc_text_media_centre, #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_centre, #zone-page .cms_bloc_text_droite .cms_bloc_text_media_centre, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_centre, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_centre, #zone-page .cms_bloc_text_haut .cms_bloc_text_media_centre, #zone-page .cms_bloc_text_bas .cms_bloc_text_media_centre, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_centre, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_centre, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_centre, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_centre, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_centre, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_centre, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_centre { position: relative; margin: 3rem auto; } @media (max-width: 825px) { #zone-page .cms_bloc_text .cms_bloc_text_media_centre, #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_centre, #zone-page .cms_bloc_text_droite .cms_bloc_text_media_centre, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_centre, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_centre, #zone-page .cms_bloc_text_haut .cms_bloc_text_media_centre, #zone-page .cms_bloc_text_bas .cms_bloc_text_media_centre, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_centre, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_centre, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_centre, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_centre, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_centre, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_centre, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_centre { margin: 2rem auto; padding: 0; } } #zone-page .cms_bloc_text .cms_bloc_text_media_centre img, #zone-page .cms_bloc_text_gauche .cms_bloc_text_media_centre img, #zone-page .cms_bloc_text_droite .cms_bloc_text_media_centre img, #zone-page .cms_bloc_text_media_gauche .cms_bloc_text_media_centre img, #zone-page .cms_bloc_text_media_droite .cms_bloc_text_media_centre img, #zone-page .cms_bloc_text_haut .cms_bloc_text_media_centre img, #zone-page .cms_bloc_text_bas .cms_bloc_text_media_centre img, #zone-csMainSecondaire .cms_bloc_text .cms_bloc_text_media_centre img, #zone-csMainSecondaire .cms_bloc_text_gauche .cms_bloc_text_media_centre img, #zone-csMainSecondaire .cms_bloc_text_droite .cms_bloc_text_media_centre img, #zone-csMainSecondaire .cms_bloc_text_media_gauche .cms_bloc_text_media_centre img, #zone-csMainSecondaire .cms_bloc_text_media_droite .cms_bloc_text_media_centre img, #zone-csMainSecondaire .cms_bloc_text_haut .cms_bloc_text_media_centre img, #zone-csMainSecondaire .cms_bloc_text_bas .cms_bloc_text_media_centre img { z-index: 2; position: relative; } .cms_bloc_form { z-index: 0 !important; position: relative; margin-top: -20em; padding-top: 20em; } .cms_bloc_form form { padding: 1rem; background-color: rgba(0, 0, 0, 0.04); } .cms_bloc_form .cms_bloc_form_field { position: relative; display: flex; flex-direction: column; font-family: "Ubuntu", Arial, Tahoma, Verdana, Helvetica, sans-serif; } .cms_bloc_form .cms_bloc_form_field:not(:last-child) { margin-bottom: 2.5rem; } .cms_bloc_form .cms_bloc_form_field label, .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_radio > p, .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_checkbox > p { width: 100%; padding-bottom: 1rem; color: #235364; font-weight: 500; } .cms_bloc_form .cms_bloc_form_field label img, .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_radio > p img, .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_checkbox > p img { margin: 1rem 0; border: 0.1rem solid rgba(111, 111, 111, 0.3) !important; } .cms_bloc_form .cms_bloc_form_field .value { width: 100%; } .cms_bloc_form .cms_bloc_form_field .value input, .cms_bloc_form .cms_bloc_form_field .value select, .cms_bloc_form .cms_bloc_form_field .value textarea { padding: 1rem; border: none; border: 0.1rem solid rgba(111, 111, 111, 0.3); border-radius: 0; background: transparent; } .cms_bloc_form .cms_bloc_form_field .value input:focus, .cms_bloc_form .cms_bloc_form_field .value select:focus, .cms_bloc_form .cms_bloc_form_field .value textarea:focus { border: none; border-bottom: 0.1rem solid #6f6f6f; outline: none; } .cms_bloc_form .cms_bloc_form_field_checkbox, .cms_bloc_form .cms_bloc_form_field_radio { display: flex; flex-direction: column; } .cms_bloc_form .cms_bloc_form_field_checkbox > .value input[type='checkbox'], .cms_bloc_form .cms_bloc_form_field_checkbox > .value input[type='radio'], .cms_bloc_form .cms_bloc_form_field_radio > .value input[type='checkbox'], .cms_bloc_form .cms_bloc_form_field_radio > .value input[type='radio'] { position: relative; margin: 0.75rem; } .cms_bloc_form .cms_bloc_form_field_checkbox > .value input[type='checkbox']:checked:before, .cms_bloc_form .cms_bloc_form_field_checkbox > .value input[type='radio']:checked:before, .cms_bloc_form .cms_bloc_form_field_radio > .value input[type='checkbox']:checked:before, .cms_bloc_form .cms_bloc_form_field_radio > .value input[type='radio']:checked:before { height: 1rem; border-color: #235364; border-right-style: none; border-top-style: none; transform: rotate(-45deg); } .cms_bloc_form .cms_bloc_form_field_checkbox > .value input[type='checkbox']:before, .cms_bloc_form .cms_bloc_form_field_checkbox > .value input[type='radio']:before, .cms_bloc_form .cms_bloc_form_field_radio > .value input[type='checkbox']:before, .cms_bloc_form .cms_bloc_form_field_radio > .value input[type='radio']:before { content: ''; z-index: 1; position: absolute; display: block; width: 1.5rem; height: 1.5rem; border: 0.2rem solid #6f6f6f; transition: all 0.3s ease-in-out; cursor: pointer; } .cms_bloc_form .cms_bloc_form_field_checkbox > .value input[type='checkbox']:after, .cms_bloc_form .cms_bloc_form_field_checkbox > .value input[type='radio']:after, .cms_bloc_form .cms_bloc_form_field_radio > .value input[type='checkbox']:after, .cms_bloc_form .cms_bloc_form_field_radio > .value input[type='radio']:after { content: ''; z-index: 0; position: absolute; display: block; top: 0; width: 1.5rem; height: 1.5rem; background: #fff; } .cms_bloc_form .cms_bloc_form_field_submit { z-index: 1; position: relative; } .cms_bloc_form .cms_bloc_form_field_submit button:focus { outline: none; } .cms_bloc_form .cms_bloc_form_field_antispam { display: flex; flex-direction: column; } .cms_bloc_form .cms_bloc_form_field_antispam p { color: #235364; font-family: "Ubuntu", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: 500; } .cms_bloc_form .cms_bloc_form_field_antispam.cms_bloc_form_field > .label { margin-top: 2rem; text-align: left; } .cms_bloc_form .cms_bloc_form_field_antispam.cms_bloc_form_field > .value { position: relative; width: 100%; } .cms_bloc_form .cms_bloc_form_field_antispam.cms_bloc_form_field > .value input { order: 2; display: block; width: 100%; padding: 1rem 1rem 1rem 0.5rem; border: none; border: 0.1rem solid rgba(111, 111, 111, 0.3); font-size: 1.8rem; background: transparent; } .cms_bloc_form .cms_bloc_form_field_antispam.cms_bloc_form_field > .value input:focus { border: none; border-bottom: 0.1rem solid #6f6f6f; outline: none; } .cms_bloc_form .cms_bloc_form_container { width: 100%; } @media (max-width: 600px) { .cms_bloc_form .cms_bloc_form_field > .label, .cms_bloc_form .cms_bloc_form_field > .value { display: block; width: 100%; } } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_antispam > .label { margin-top: 0; padding-right: 0; text-align: left; } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_submit { display: inline-block; padding-left: 0; text-align: center; } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_submit button[type='submit'] { appearance: none; padding: 0; background: none; border: 0; outline: none; cursor: pointer; margin: 0; margin-top: 0.75rem; font-weight: 500; font-size: 1.6rem; text-decoration: none; padding: 1rem 3rem; display: inline-block; transition: background-color 0.3s ease; background: #235364; color: #fff; background-color: #59b435; } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_submit button[type='submit']:hover { background: #2f91cd; } @media (max-width: 750px) { .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_submit button[type='submit'] { padding: 1.2rem 2rem; } } @media (max-width: 600px) { .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_submit button[type='submit'] { padding: 1rem 1.6rem; font-size: 1.5rem; } } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_antispam > .value input { width: 100%; } @media (max-width: 600px) { .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_checkbox > p, .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_radio > p { display: block; width: 100%; } } .cms_bloc_form .cms_bloc_form_field > .value textarea { min-height: 16rem; } @media (max-width: 750px) { .cms_bloc_form .cms_bloc_form_field > .value textarea { min-height: 14rem; } } @media (max-width: 600px) { .cms_bloc_form .cms_bloc_form_field > .value textarea { min-height: 12rem; } } @media (max-width: 440px) { .cms_bloc_form .cms_bloc_form_field > .value textarea { min-height: 10rem; } } .cms_bloc_form .cms_bloc_form_field_radio_value .label, .cms_bloc_form .cms_bloc_form_field_checkbox_value .label { margin-left: 0.4em; } .content ul, .content ol { position: relative; padding: 1.9rem 0; } .content ul, .content ol { width: 100%; list-style-type: none; } .content .cms_bloc { color: #3a3a3a; line-height: 1.7; } .content .cms_bloc.cms_bloc_html img, .content .cms_bloc.cms_bloc_html iframe { max-width: 100%; } .content .cms_bloc.cms_bloc_media .jwplayer { max-width: 100%; } .content .cms_bloc.cms_bloc_map .mm_carte { max-width: 100%; } .content .cms_bloc ul.sitemap li, .content .cms_bloc.cms_bloc_form .cms_bloc_form_field_content ul li, .content .cms_bloc.cms_bloc_module .bl-product-long-description ul li, .content .cms_bloc.cms_bloc_text ul li { overflow: auto; padding-top: 2px; padding-bottom: 2px; padding-left: 4rem; line-height: 1.6; text-align: left; } .content .cms_bloc ul.sitemap li > *, .content .cms_bloc.cms_bloc_form .cms_bloc_form_field_content ul li > *, .content .cms_bloc.cms_bloc_module .bl-product-long-description ul li > *, .content .cms_bloc.cms_bloc_text ul li > * { width: 100%; } .content .cms_bloc ul.sitemap li:before, .content .cms_bloc.cms_bloc_form .cms_bloc_form_field_content ul li:before, .content .cms_bloc.cms_bloc_module .bl-product-long-description ul li:before, .content .cms_bloc.cms_bloc_text ul li:before { content: ''; display: inline-block; vertical-align: baseline; width: 0.7rem; height: 1.2rem; margin-right: 1.1rem; margin-left: calc(-0.7rem - 1.1rem); background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("https://neo-habitat87.com/default/CMS/css/common/../../images/dist/arrow-liste.svg"); } .content .cms_bloc.cms_bloc_text ol { counter-reset: section; } .content .cms_bloc.cms_bloc_text ol li { overflow: auto; padding-top: 2px; padding-bottom: 2px; padding-left: 4rem; line-height: 1.6; text-align: left; } .content .cms_bloc.cms_bloc_text ol li > * { width: 100%; } .content .cms_bloc.cms_bloc_text ol li:before { content: counters(section,".") "."; display: inline-block; vertical-align: baseline; margin-right: 1.1rem; margin-left: calc(-0.7rem - 1.1rem); color: #4fa02f; font-weight: 500; counter-increment: section; } .content .cms_bloc.cms_bloc_media img { height: auto; } .content a { text-decoration-skip: ink; } .content a:not(.bouton_1):not(.bouton_2) { color: #235364; font-weight: inherit; text-decoration: underline; } .content a:not(.bouton_1):not(.bouton_2):hover { text-decoration: none; } .cms_bloc_title h2 { overflow: hidden; margin: 0.25em 0; color: #235364; font-size: 4rem; font-weight: bold; line-height: 1.15; text-align: center; } @media (max-width: 1300px) { .cms_bloc_title h2 { font-size: 3.75rem; } } @media (max-width: 1215px) { .cms_bloc_title h2 { font-size: 3.6rem; } } @media (max-width: 900px) { .cms_bloc_title h2 { font-size: 3.5rem; } } @media (max-width: 750px) { .cms_bloc_title h2 { font-size: 3.25rem; } } @media (max-width: 600px) { .cms_bloc_title h2 { font-size: 3rem; } } @media (max-width: 440px) { .cms_bloc_title h2 { font-size: 2.8rem; } } a.bouton_1 { appearance: none; padding: 0; background: none; border: 0; outline: none; cursor: pointer; margin: 0; margin-top: 0.75rem; font-weight: 500; font-size: 1.6rem; text-decoration: none; padding: 1rem 3rem; display: inline-block; transition: background-color 0.3s ease; background: #235364; color: #fff; background-color: #59b435; } a.bouton_1:hover { background: #2f91cd; } @media (max-width: 750px) { a.bouton_1 { padding: 1.2rem 2rem; } } @media (max-width: 600px) { a.bouton_1 { padding: 1rem 1.6rem; font-size: 1.5rem; } } a.bouton_2 { appearance: none; padding: 0; background: none; border: 0; outline: none; cursor: pointer; margin: 0; margin-top: 0.75rem; font-weight: 500; font-size: 1.6rem; text-decoration: none; padding: 1rem 3rem; display: inline-block; transition: background-color 0.3s ease; background: #235364; color: #fff; background-color: #59b435; background-color: #235364; } a.bouton_2:hover { background: #2f91cd; } @media (max-width: 750px) { a.bouton_2 { padding: 1.2rem 2rem; } } @media (max-width: 600px) { a.bouton_2 { padding: 1rem 1.6rem; font-size: 1.5rem; } } button.bouton_1 { appearance: none; padding: 0; background: none; border: 0; outline: none; cursor: pointer; margin: 0; margin-top: 0.75rem; font-weight: 500; font-size: 1.6rem; text-decoration: none; padding: 1rem 3rem; display: inline-block; transition: background-color 0.3s ease; background: #235364; color: #fff; background-color: #59b435; } button.bouton_1:hover { background: #2f91cd; } @media (max-width: 750px) { button.bouton_1 { padding: 1.2rem 2rem; } } @media (max-width: 600px) { button.bouton_1 { padding: 1rem 1.6rem; font-size: 1.5rem; } } button.bouton_2 { appearance: none; padding: 0; background: none; border: 0; outline: none; cursor: pointer; margin: 0; margin-top: 0.75rem; font-weight: 500; font-size: 1.6rem; text-decoration: none; padding: 1rem 3rem; display: inline-block; transition: background-color 0.3s ease; background: #235364; color: #fff; background-color: #59b435; background-color: #235364; } button.bouton_2:hover { background: #2f91cd; } @media (max-width: 750px) { button.bouton_2 { padding: 1.2rem 2rem; } } @media (max-width: 600px) { button.bouton_2 { padding: 1rem 1.6rem; font-size: 1.5rem; } } span.bouton_1 { appearance: none; padding: 0; background: none; border: 0; outline: none; cursor: pointer; margin: 0; margin-top: 0.75rem; font-weight: 500; font-size: 1.6rem; text-decoration: none; padding: 1rem 3rem; display: inline-block; transition: background-color 0.3s ease; background: #235364; color: #fff; background-color: #59b435; pointer-events: none; } span.bouton_1:hover { background: #2f91cd; } @media (max-width: 750px) { span.bouton_1 { padding: 1.2rem 2rem; } } @media (max-width: 600px) { span.bouton_1 { padding: 1rem 1.6rem; font-size: 1.5rem; } } span.bouton_2 { appearance: none; padding: 0; background: none; border: 0; outline: none; cursor: pointer; margin: 0; margin-top: 0.75rem; font-weight: 500; font-size: 1.6rem; text-decoration: none; padding: 1rem 3rem; display: inline-block; transition: background-color 0.3s ease; background: #235364; color: #fff; background-color: #59b435; background-color: #235364; pointer-events: none; } span.bouton_2:hover { background: #2f91cd; } @media (max-width: 750px) { span.bouton_2 { padding: 1.2rem 2rem; } } @media (max-width: 600px) { span.bouton_2 { padding: 1rem 1.6rem; font-size: 1.5rem; } } h2.Titre_H2 { overflow: hidden; margin: 0.25em 0; color: #235364; font-size: 4rem; font-weight: bold; line-height: 1.15; padding-bottom: 1rem; text-align: center; } @media (max-width: 1300px) { h2.Titre_H2 { font-size: 3.75rem; } } @media (max-width: 1215px) { h2.Titre_H2 { font-size: 3.6rem; } } @media (max-width: 900px) { h2.Titre_H2 { font-size: 3.5rem; } } @media (max-width: 750px) { h2.Titre_H2 { font-size: 3.25rem; } } @media (max-width: 600px) { h2.Titre_H2 { font-size: 3rem; } } @media (max-width: 440px) { h2.Titre_H2 { font-size: 2.8rem; } } h2.Titre_H2_green { overflow: hidden; margin: 0.25em 0; color: #59b435; font-size: 4rem; font-weight: bold; line-height: 1.15; padding-bottom: 1rem; text-align: center; } @media (max-width: 1300px) { h2.Titre_H2_green { font-size: 3.75rem; } } @media (max-width: 1215px) { h2.Titre_H2_green { font-size: 3.6rem; } } @media (max-width: 900px) { h2.Titre_H2_green { font-size: 3.5rem; } } @media (max-width: 750px) { h2.Titre_H2_green { font-size: 3.25rem; } } @media (max-width: 600px) { h2.Titre_H2_green { font-size: 3rem; } } @media (max-width: 440px) { h2.Titre_H2_green { font-size: 2.8rem; } } h4.Titre_H4 { overflow: hidden; margin: 0.25em 0; color: #235364; font-size: 2.6rem; font-weight: bold; line-height: 1.2em; padding-bottom: 1rem; border-bottom: 0.1rem solid currentColor; } @media (max-width: 900px) { h4.Titre_H4 { font-size: 2.6rem; } } @media (max-width: 750px) { h4.Titre_H4 { font-size: 2.4rem; } } @media (max-width: 600px) { h4.Titre_H4 { font-size: 2.2rem; } } @media (max-width: 440px) { h4.Titre_H4 { font-size: 2rem; } } h4.Titre_H4_green { overflow: hidden; margin: 0.25em 0; color: #59b435; font-size: 2.6rem; font-weight: bold; line-height: 1.2em; padding-bottom: 1rem; border-bottom: 0.1rem solid currentColor; } @media (max-width: 900px) { h4.Titre_H4_green { font-size: 2.6rem; } } @media (max-width: 750px) { h4.Titre_H4_green { font-size: 2.4rem; } } @media (max-width: 600px) { h4.Titre_H4_green { font-size: 2.2rem; } } @media (max-width: 440px) { h4.Titre_H4_green { font-size: 2rem; } } span.sup_Title { overflow: hidden; color: #2f91cd; font-family: "Allan", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 3rem; font-weight: normal; line-height: 1.15; } @media (max-width: 900px) { span.sup_Title { font-size: 2.8rem; } } @media (max-width: 750px) { span.sup_Title { font-size: 2.7rem; } } @media (max-width: 600px) { span.sup_Title { font-size: 2.5rem; } } @media (max-width: 440px) { span.sup_Title { font-size: 2.25rem; } } h2.Titre_H2 { overflow: hidden; margin: 0.25em 0; color: #235364; font-size: 4rem; font-weight: bold; line-height: 1.15; } @media (max-width: 1300px) { h2.Titre_H2 { font-size: 3.75rem; } } @media (max-width: 1215px) { h2.Titre_H2 { font-size: 3.6rem; } } @media (max-width: 900px) { h2.Titre_H2 { font-size: 3.5rem; } } @media (max-width: 750px) { h2.Titre_H2 { font-size: 3.25rem; } } @media (max-width: 600px) { h2.Titre_H2 { font-size: 3rem; } } @media (max-width: 440px) { h2.Titre_H2 { font-size: 2.8rem; } } span.A_Propros { overflow: hidden; display: block; margin: 0; padding: 0.25rem 10px 0.5rem; color: #59b435; font-family: "Allan", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 2.5rem; font-weight: normal; line-height: 1.2em; padding: 0.5em 0; } @media (max-width: 900px) { span.A_Propros { font-size: 2.4rem; } } @media (max-width: 750px) { span.A_Propros { font-size: 2.35rem; } } @media (max-width: 600px) { span.A_Propros { font-size: 2.25rem; } } @media (max-width: 440px) { span.A_Propros { font-size: 2.15rem; } } h3.Titre_H3 { overflow: hidden; margin: 0.25em 0; color: #59b435; font-size: 3rem; font-weight: normal; line-height: 1.2em; } @media (max-width: 900px) { h3.Titre_H3 { font-size: 2.8rem; } } @media (max-width: 750px) { h3.Titre_H3 { font-size: 2.6rem; } } @media (max-width: 600px) { h3.Titre_H3 { font-size: 2.4rem; } } @media (max-width: 440px) { h3.Titre_H3 { font-size: 2.2rem; } } h4.Titre_H4 { overflow: hidden; margin: 0.25em 0; color: #235364; font-size: 2.6rem; font-weight: bold; line-height: 1.2em; } @media (max-width: 900px) { h4.Titre_H4 { font-size: 2.6rem; } } @media (max-width: 750px) { h4.Titre_H4 { font-size: 2.4rem; } } @media (max-width: 600px) { h4.Titre_H4 { font-size: 2.2rem; } } @media (max-width: 440px) { h4.Titre_H4 { font-size: 2rem; } } h5.Titre_H5 { overflow: hidden; margin: 0.25em 0; color: #59b435; font-size: 2.3rem; font-weight: normal; line-height: 1.2em; } @media (max-width: 900px) { h5.Titre_H5 { font-size: 2.4rem; } } @media (max-width: 750px) { h5.Titre_H5 { font-size: 2.2rem; } } @media (max-width: 600px) { h5.Titre_H5 { font-size: 2rem; } } @media (max-width: 440px) { h5.Titre_H5 { font-size: 1.8rem; } } strong.accroche { color: #235364; font-size: 1.9rem; font-weight: 600; line-height: 1.5; } @media (max-width: 750px) { strong.accroche { font-size: 1.8rem; } } @media (max-width: 600px) { strong.accroche { font-size: 1.7rem; } } strong.mise_en_avant_1 { color: #59b435; font-weight: bold; } strong.mise_en_avant_2 { color: #235364; font-weight: bold; } strong.mise_en_avant_3 { color: #2f91cd; font-weight: bold; } strong.mise_en_avant_4 { color: #e30613; font-weight: bold; } span.legende { font-style: italic; } @media (max-width: 600px) { span.legende { font-size: 1.2rem; } } blockquote.citation { overflow: hidden; margin: 1em 0; padding: 0.4em 1em; border-left: 0.4rem solid #235364; background: rgba(0, 0, 0, 0.04); } @media (max-width: 600px) { blockquote.citation { margin-right: 0; margin-left: 0; } } .header { z-index: 998; position: fixed; top: 0; left: 0; width: 100%; background: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease; } @media (min-width: 2301px) { .header { left: 50%; max-width: 170rem; transform: translateX(-50%); } } @media (max-width: 1100px) { .header { position: fixed; top: 0; left: 0; width: 100%; height: 5rem; padding: 0.8rem; background-color: #fff; } .header > .content { height: 100%; } } @media (min-width: 1101px) { .header.onScrollHeader { transform: translateY(-5.25rem); } } @media (min-width: 1101px) and (min-width: 2301px) { .header.onScrollHeader { transform: translateY(-5.25rem) translateX(-50%); } } @media (min-width: 1101px) and (max-width: 1500px) { .header.onScrollHeader { transform: translateY(-4.25rem); } } @media (min-width: 1101px) { .header.onScrollHeader .logo img { max-height: 8rem; margin-top: 4.25rem; } } @media (min-width: 1101px) and (max-width: 1500px) { .header.onScrollHeader .logo img { margin-top: 3.25rem; } } .header-content { display: flex; align-items: flex-end; justify-content: space-between; margin: 0 auto; padding: 2.25rem 7rem 0 calc(7rem + 17.5rem); } @media (max-width: 1500px) { .header-content { padding: 1.25rem 3% 0 calc(3% + 12.5rem); } } @media (max-width: 1100px) { .header-content { align-items: flex-start; padding: 0; } } .header-content .logo { z-index: 51; overflow: hidden; position: absolute; display: flex; flex: none; align-items: center; justify-content: center; top: 0; left: 0; left: 7rem; width: 17.5rem; height: 17.5rem; margin: 0; border-radius: 50%; background-color: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); transition: all 0.2s ease-in-out; } @media (max-width: 1500px) { .header-content .logo { left: 3%; width: 12.5rem; height: 12.5rem; } } @media (max-width: 1100px) { .header-content .logo { width: 7rem; height: 7rem; margin: 0.5rem 0 0 0; } } .header-content .logo img { display: block; max-width: 13rem; max-height: 10rem; transition: margin 0.3s ease, max-height 0.3s ease; } @media (max-width: 1500px) { .header-content .logo img { max-width: 11rem; max-height: 8rem; } } @media (max-width: 1300px) { .header-content .logo img { max-width: 10rem; max-height: 7rem; } } @media (max-width: 1100px) { .header-content .logo img { max-width: 6rem; max-height: 6rem; } } .header-content .logo:hover { transform: scale(1.025); } .header-content-links { z-index: 5; position: relative; display: flex; flex: none; align-items: flex-end; margin-bottom: 3rem; } @media (max-width: 1100px) { .header-content-links { position: absolute; top: 0; right: 5rem; } } .header-content-links > a { display: block; text-decoration: none; } @media (max-width: 1100px) { .header-content-links > a.etude { display: none; } } .header-content-links > a.etude p { background-color: #59b435; } @media (min-width: 1501px) { .header-content-links > a.etude p svg { display: none; } } @media (max-width: 1750px) { .header-content-links > a.phone p { width: 3.6rem; padding: 0; font-size: 0; } } @media (max-width: 1100px) { .header-content-links > a.phone p { width: 5rem; height: 5rem; background-color: #59b435; } } @media (min-width: 1751px) { .header-content-links > a.phone p svg { display: none; } } .header-content-links > a:not(:last-child) { margin-right: 1.2rem; } @media (max-width: 1100px) { .header-content-links > a:not(:last-child) { margin-right: 0; } } .header-content-links > a p { display: flex; align-items: center; justify-content: center; height: 3.6rem; padding: 0 3rem; color: #fff; font-size: 1.4rem; font-weight: bold; text-transform: uppercase; background-color: #2f91cd; transition: background-color 0.3s ease; } @media (max-width: 1500px) { .header-content-links > a p { width: 3.6rem; padding: 0; font-size: 0; } } .header-content-links > a p:hover { background-color: #59b435; } .header-content-links > a p svg { width: 1.5rem; height: 1.5rem; fill: #fff; } .header-topbar { display: flex; justify-content: flex-end; align-items: center; height: 3rem; padding: 0 7rem; } .header-topbar h1 { padding: -0.17rem 0; max-width: calc(100% - 30rem); overflow: hidden; font-size: 1.2rem; font-weight: normal; line-height: 1.2; text-align: right; opacity: 0.5; white-space: nowrap; text-overflow: ellipsis; } @media (max-width: 1100px) { .header-topbar h1 { display: none; } } #zone-diaporama { z-index: 1; position: relative; margin-top: 12.9rem; overflow: hidden; background-color: #235364; } @media (max-width: 1500px) { #zone-diaporama { margin-top: 11.9rem; } } @media (max-width: 1100px) { #zone-diaporama { margin-top: 0; } } .pageHome #zone-diaporama { height: 80rem; } @media (max-width: 1300px) { .pageHome #zone-diaporama { height: 75rem; } } @media (max-width: 1100px) { .pageHome #zone-diaporama { height: 50rem; } } @media (max-width: 600px) { .pageHome #zone-diaporama { height: 35rem; } } @media (max-width: 440px) { .pageHome #zone-diaporama { height: 26.5rem; } } .pageType #zone-diaporama { height: 20rem; } @media (max-width: 1100px) { .pageType #zone-diaporama { height: 15rem; } } @media (max-width: 600px) { .pageType #zone-diaporama { height: 12.5rem; } } #zone-diaporama .cms_bloc_media { height: 100%; } #zone-diaporama .cms_bloc_media .diaporama-item { z-index: 5; position: relative; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } #zone-diaporama .cms_bloc_media .diaporama-item::before { content: ''; z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; background: transparent radial-gradient(closest-side at 50% 50%, #444 0%, #202427 100%) 0% 0% no-repeat padding-box; } #zone-diaporama .cms_bloc_media .diaporama-item .u-wrapper { position: absolute; top: 50%; left: 50%; max-height: 100%; transform: translateX(-50%) translateY(-50%); } #zone-diaporama .cms_bloc_media .diaporama-item h2 { margin: 0 auto; max-width: 80rem; color: #fff; font-family: "Allan", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 3.4rem; font-weight: normal; line-height: 1; text-align: center; } @media (max-width: 900px) { #zone-diaporama .cms_bloc_media .diaporama-item h2 { font-size: 3.2rem; } } @media (max-width: 750px) { #zone-diaporama .cms_bloc_media .diaporama-item h2 { font-size: 3rem; } } @media (max-width: 600px) { #zone-diaporama .cms_bloc_media .diaporama-item h2 { font-size: 2.8rem; } } @media (max-width: 440px) { #zone-diaporama .cms_bloc_media .diaporama-item h2 { font-size: 2.7rem; } } #zone-diaporama .cms_bloc_text { z-index: 5; position: absolute; top: 50%; left: 50%; max-height: 100%; transform: translateX(-50%) translateY(-50%); } #breadCrumb { width: 100%; margin-bottom: 1em; font-size: 1.2rem; } #breadCrumb ol { display: block; width: 100%; } #breadCrumb li:last-of-type a { color: #6f6f6f; font-weight: 600; text-decoration: none; } #breadCrumb a { color: #235364; } .aside { padding: 2rem; background-color: #fff; box-shadow: 0 0.3rem 2rem rgba(0, 0, 0, 0.2); } .aside .blFilter-links { margin-bottom: 3rem; } .aside .blFilter-links a.bouton_1 { display: flex; width: 100%; padding: 1.25rem; text-align: center; } .aside .blFilter-links a.bouton_1 svg { width: 2rem; height: 2rem; margin-right: 1rem; fill: #235364; transition: 0.5s ease; } .aside .blFilter-links a.bouton_1:after { border: 0.1rem solid #235364; background: #697e85; } .aside .blFilter-links a.bouton_1:hover svg { fill: #fff; } .aside .bl { margin: 0; } .aside .bl .blFilter-filters { display: flex; flex-wrap: wrap; font-size: 0; } @media (max-width: 750px) { .aside .bl .blFilter-filters { flex-direction: column; } } .aside .bl .blFilter-filters .blFilter-item { width: 100%; margin-top: 1.5rem; } @media (max-width: 750px) { .aside .bl .blFilter-filters .blFilter-item { width: 100% !important; margin-top: 1rem; padding: 0 !important; } } .aside .bl .blFilter-filters > *:nth-child(3), .aside .bl .blFilter-filters > *:nth-child(4), .aside .bl .blFilter-filters > *:nth-child(5), .aside .bl .blFilter-filters > *:nth-child(6) { width: 50%; } .aside .bl .blFilter-filters > *:nth-child(3), .aside .bl .blFilter-filters > *:nth-child(5) { padding-right: 2rem; } .aside .bl .blFilter-filters > *:nth-child(4), .aside .bl .blFilter-filters > *:nth-child(6) { padding-left: 2rem; } .aside .bl .blFilter-filters label, .aside .bl .blFilter-filters button { margin: 0; margin-bottom: 0.5rem; padding: 0; border: none; color: #235364; font-size: 1.4rem; font-weight: bold; background: transparent; outline: none; } .aside .bl .blFilter-filters select, .aside .bl .blFilter-filters input[type='text'] { width: 100%; padding: 1rem; border: 0.1rem solid #0f1213; outline: none; } .aside .bl .blFilter-filters select:focus, .aside .bl .blFilter-filters input[type='text']:focus { border-color: #131618; } .aside .bl .blFilter-filters .range-wrapper { justify-content: space-between; margin: 0.5rem auto; } .aside .bl .blFilter-filters .range-wrapper .range-label { flex: none; width: fit-content; padding: 0; font-size: 1.65rem; } @media (max-width: 600px) { .aside .bl .blFilter-filters .range-wrapper .range-label { font-size: 1.6rem; } } .aside .bl .blFilter-filters .range-wrapper input[role='slider'] { background: #235364; } .aside .bl .blFilter-filters .blFilter-popinList { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: -1rem; list-style: none; } .aside .bl .blFilter-filters .blFilter-popinList > li { margin-right: 3rem; margin-bottom: 1rem; } .aside .bl .blFilter-filters .blFilter-popinList > li .tnCheckbox { position: relative; display: flex; align-items: center; } .aside .bl .blFilter-filters .blFilter-popinList > li .tnCheckbox input { z-index: 5; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .aside .bl .blFilter-filters .blFilter-popinList > li .tnCheckbox input:checked ~ span::after { height: 1rem; border-color: #0f1213; transform: rotate(-45deg); border-top-style: none; border-right-style: none; } .aside .bl .blFilter-filters .blFilter-popinList > li .tnCheckbox span { display: flex; align-items: center; } .aside .bl .blFilter-filters .blFilter-popinList > li .tnCheckbox span::before { content: ''; display: block; width: 2rem; height: 2rem; margin-right: 0.5rem; border: 0.1rem solid; border: 0.1rem solid #0f1213; } .aside .bl .blFilter-filters .blFilter-popinList > li .tnCheckbox span::after { content: ''; z-index: 0; position: absolute; display: block; top: 0; width: 1.5rem; height: 1.5rem; border: 0.2rem solid transparent; transition: all 0.3s ease; } .aside .bl .blFilter-filters .blFilter-popinList > li .tnCheckbox span label { margin: 0 0 0 0.75rem; line-height: 1; } .aside .bl button[type='submit'] { appearance: none; padding: 0; background: none; border: 0; outline: none; cursor: pointer; margin: 0; margin-top: 0.75rem; font-weight: 500; font-size: 1.6rem; text-decoration: none; padding: 1rem 3rem; display: inline-block; transition: background-color 0.3s ease; background: #235364; color: #fff; background-color: #59b435; } .aside .bl button[type='submit']:hover { background: #2f91cd; } @media (max-width: 750px) { .aside .bl button[type='submit'] { padding: 1.2rem 2rem; } } @media (max-width: 600px) { .aside .bl button[type='submit'] { padding: 1rem 1.6rem; font-size: 1.5rem; } } @media (max-width: 750px) { .aside .bl button[type='submit'] { margin-top: 2rem; } } #zone-page { z-index: 5; position: relative; padding: 3rem 0; } .pageType #zone-page .ornementTop { z-index: 4; overflow: hidden; position: absolute; top: 17.5rem; right: 0; width: 25rem; height: 25rem; background-position: center; background-repeat: no-repeat; background-size: contain; transform: translateY(0.5rem); filter: drop-shadow(0 0 3rem rgba(0, 0, 0, 0.5)); background-image: url("https://neo-habitat87.com/default/CMS/css/common/../../images/dist/perceuse.webp"); } @media (max-width: 1650px) { .pageType #zone-page .ornementTop { opacity: 0.25; } } .pageType #zone-page .ornementBottom { z-index: 4; overflow: hidden; position: absolute; bottom: 0rem; left: -7rem; width: 40rem; height: 40rem; background-position: center; background-repeat: no-repeat; background-size: contain; transform: translateY(-0.5rem); filter: drop-shadow(0 0 3rem rgba(0, 0, 0, 0.5)); background-image: url("https://neo-habitat87.com/default/CMS/css/common/../../images/dist/peinture.webp"); } @media (max-width: 1750px) { .pageType #zone-page .ornementBottom { opacity: 0.25; } } @media (max-width: 1100px) { .pageType #zone-page .ornementBottom { width: 30rem; height: 30rem; opacity: 0.15; } } @media (max-width: 825px) { .pageType #zone-page .ornementBottom { width: 25rem; height: 25rem; } } #zone-page #breadCrumb, #zone-page #breadcrumb { margin: 0 auto 1em; font-size: 0.9em; } #zone-page .u-wrapper { margin: 0 auto; padding: 2rem 0; /* @at-root .pageHome & { max-width: 100%; padding: 0; } */ } .pageType #zone-page .u-wrapper { z-index: 6; position: static; } #zone-page .page { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; } #zone-page main { order: 2; width: 100%; max-width: 100%; } .pageType #zone-page main { padding: 2rem 0; } #zone-page aside { order: 1; width: 100%; } .pageHome #zone-page { padding: 15rem 0 0; } @media (max-width: 1500px) { .pageHome #zone-page { padding: 12.5rem 0 0; } } @media (max-width: 1100px) { .pageHome #zone-page { padding: 10rem 0 0; } } @media (max-width: 900px) { .pageHome #zone-page { padding: 6rem 0 0; } } @media (max-width: 600px) { .pageHome #zone-page { padding: 5rem 0 0; } } @media (max-width: 440px) { .pageHome #zone-page { padding: 4rem 0 0; } } .prefooter { padding: 7.5rem 0 6rem; } @media (max-width: 1100px) { .prefooter { padding: 2rem 0 6rem; } } .pageType .prefooter { padding: 10.5rem 0 6rem; background-color: #f5f5f5; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); } @media (max-width: 1100px) { .pageType .prefooter { padding: 6rem 0; } } .prefooter > .u-wrapper { display: flex; justify-content: space-between; } @media (max-width: 1100px) { .prefooter > .u-wrapper { flex-direction: column; justify-content: center; } .prefooter > .u-wrapper > div { max-width: 100% !important; } .prefooter > .u-wrapper > div:not(:last-child) { margin-bottom: 3rem; padding-bottom: 3rem; border-bottom: 0.1rem solid rgba(111, 111, 111, 0.3); } } .prefooter-title { margin-top: 0.75rem; margin-bottom: 2.5rem; font-size: 2rem; font-weight: bold; } @media (max-width: 1100px) { .prefooter-title { margin-top: 0; } } @media (max-width: 600px) { .prefooter-title { text-align: center; } } .prefooter-title:after { content: ''; display: block; width: 2.8rem; height: 0; margin-top: 0.5rem; border-top: 0.3rem solid #2f91cd; } @media (max-width: 600px) { .prefooter-title:after { margin-right: auto; margin-left: auto; } } .prefooter-logo-link { display: block; transition: all 0.2s ease-in-out; } .prefooter-logo-link img { max-width: 16rem; } @media (max-width: 600px) { .prefooter-logo-link img { display: block; margin: 0 auto; } } .prefooter-logo-link:hover { transform: scale(1.025); } .prefooter-infos { max-width: 27.8rem; } .prefooter-infos-description { font-size: 1.6rem; line-height: 1.6; } @media (max-width: 600px) { .prefooter-infos-description { text-align: center; } } .prefooter-infos .socialLinks { margin-top: 2rem; } @media (max-width: 600px) { .prefooter-infos .socialLinks { justify-content: center; } } .prefooter-menu { max-width: 27.8rem; } .prefooter-menu .menu-list { font-size: 1.6rem; line-height: 1.6; column-gap: 8rem; columns: 2; } @media (max-width: 1100px) { .prefooter-menu .menu-list { columns: 4; } } @media (max-width: 825px) { .prefooter-menu .menu-list { columns: 3; } } @media (max-width: 600px) { .prefooter-menu .menu-list { columns: 2; } } @media (max-width: 440px) { .prefooter-menu .menu-list { column-gap: 0; columns: 1; text-align: center; } } @media (max-width: 600px) { .prefooter-menu .menu-list div { text-align: center; } } .prefooter-menu .menu-list a { color: #6f6f6f; text-decoration: none; transition: color 0.3s ease; } .prefooter-menu .menu-list a:hover { color: #235364; } .prefooter-contact { max-width: 20rem; } .prefooter-contact address { font-size: 1.6rem; font-style: normal; line-height: 1.6; } @media (max-width: 600px) { .prefooter-contact address { text-align: center; } } .prefooter-contact a { display: block; width: fit-content; margin-top: 2rem; text-decoration: none; } @media (max-width: 600px) { .prefooter-contact a { margin-right: auto; margin-left: auto; } } .prefooter-contact a p { display: flex; align-items: center; justify-content: center; padding: 0.75rem 1.5rem; color: #fff; background-color: #2f91cd; transition: background-color 0.3s ease; } .prefooter-contact a p:hover { background-color: #59b435; } .prefooter-contact a p svg { width: 1.9rem; height: 1.9rem; margin-right: 1rem; fill: #fff; } #zone-footer { position: relative; background: #fff; } .pageType #zone-footer { background-color: #f5f5f5; } #zone-footer > .u-wrapper { padding-top: 1rem; border-top: 1px solid rgba(111, 111, 111, 0.3); } .scrollToTop-link { z-index: 995; position: fixed; display: inline-flex; justify-content: center; align-items: center; right: 4rem; bottom: 3.5rem; width: 6.5rem; height: 6.5rem; margin: 0; padding: 0.25em; border-radius: 0rem; background: #e30613; box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.3); transition: 0.3s ease; cursor: pointer; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .scrollToTop-link { display: none; } } @media (max-width: 1100px) { .scrollToTop-link { right: 3%; } } @media (max-width: 600px) { .scrollToTop-link { display: none; } } .scrollToTop-link::before { content: ''; display: block; width: 0; height: 0; border: 0 solid transparent; transition: 0.3s ease; border-bottom: 0.8rem solid #fff; border-left-width: 0.8rem; border-right-width: 0.8rem; } .scrollToTop-link:hover { background-color: #59b435; } .scrollToTop-link.show { opacity: 1; transform: translateY(0); visibility: visible; } .scrollToTop-link.hide { opacity: 0; transform: translateY(0.8rem); visibility: hidden; } .socialLinks { display: flex; } .socialLinks, .socialLinks > li { margin: 0; padding: 0; list-style-type: none; } .socialLinks > li { margin: 0 1rem 0 0; } .socialLinks a { display: inline-flex; justify-content: center; align-items: center; width: 3.4rem; height: 3.4rem; border-radius: 0; overflow: hidden; color: #fff; font-size: 0; text-decoration: none; text-align: center; background: #2f91cd; transition: 0.5s ease; } .socialLinks a svg { width: 1.75rem; height: 1.75rem; fill: currentColor; } .socialLinks a:hover { color: #fff; background: #235364; } .socialLinks a.facebookLink:hover { background: #3c5a99; } .socialLinks a.twitterLink:hover { background: #5ea9dd; } .socialLinks a.googleLink:hover { background: #d74536; } .socialLinks a.instagramLink:hover { background: #d6249f; } .socialLinks a.youtubeLink:hover { background: #e62117; } .socialLinks a.pinterestLink:hover { background: #cb2026; } .socialLinks a.viadeoLink:hover { background: #f4982b; } .socialLinks a.linkedinLink:hover { background: #1a85bc; } @font-face { font-family: 'Allan'; font-style: normal; font-weight: normal; src: url("https://neo-habitat87.com/default/CMS/css/common/../../fonts/Allan-Regular.woff2") format("woff2"), url("https://neo-habitat87.com/default/CMS/css/common/../../fonts/Allan-Regular.woff") format("woff"); font-display: swap; } @font-face { font-family: 'Allan'; font-style: normal; font-weight: bold; src: url("https://neo-habitat87.com/default/CMS/css/common/../../fonts/Allan-Bold.woff2") format("woff2"), url("https://neo-habitat87.com/default/CMS/css/common/../../fonts/Allan-Bold.woff") format("woff"); font-display: swap; } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 300; src: url("https://neo-habitat87.com/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Ubuntu-Light.woff2") format("woff2"), url("https://neo-habitat87.com/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Ubuntu-Light.woff") format("woff"); font-display: swap; } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: normal; src: url("https://neo-habitat87.com/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Ubuntu-Regular.woff2") format("woff2"), url("https://neo-habitat87.com/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Ubuntu-Regular.woff") format("woff"); font-display: swap; } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 500; src: url("https://neo-habitat87.com/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Ubuntu-Medium.woff2") format("woff2"), url("https://neo-habitat87.com/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Ubuntu-Medium.woff") format("woff"); font-display: swap; } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: bold; src: url("https://neo-habitat87.com/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Ubuntu-Bold.woff2") format("woff2"), url("https://neo-habitat87.com/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Ubuntu-Bold.woff") format("woff"); font-display: swap; } /* ---------------------------------------------------------------/ /!\ Si vous appliquez des modifications CSS sur les .cms_bloc en dehors de se fichier, cela sera répercuté sur les .cms_bloc à l'intérieur de la popup. Dans ce cas, pour éviter les modifications non désirées, ciblé votre .cms_bloc dans la bonne section. Exemple1 ==> #zone-page { ... } Exemple2 ==> .cmb_bloc { @at-root #zone-page & { { ... } } --------------------------------------------------------------- */ .vignette { z-index: 997; position: fixed; display: flex; flex-direction: column; justify-content: center; top: 22.5%; right: 0; max-width: 30rem; padding: 2rem 3.6rem 2rem 5rem; background: #fff; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15); transition: 0.3s ease; } @media (min-width: 1101px) { .vignette.range { transform: translateX(calc(100% - 5rem)) !important; } .vignette.onScrollStickyPopup { transform: translateX(calc(100% + 5rem)) !important; } } @media (max-width: 1100px) { .vignette { display: none; } } .vignette-tidy { position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; left: 0; width: 5rem; height: 5rem; border: none; border-radius: 50%; color: #fff; font-size: 2.5rem; letter-spacing: -1px; line-height: 100px; text-align: center; text-transform: uppercase; background: #59b435; box-shadow: 0 0 0 0 rgba(35, 83, 100, 0.15); transition: 0.3s ease; transform: translate(-50%, -50%); animation: pulse 1.5s infinite; cursor: pointer; } @keyframes pulse { 0% { transform: scale(1) translate(-50%, -50%); } 70% { box-shadow: 0 0 0 2rem rgba(35, 83, 100, 0); transform: scale(1) translate(-50%, -50%); } 100% { box-shadow: 0 0 0 0 rgba(35, 83, 100, 0); transform: scale(1) translate(-50%, -50%); } } @media (max-width: 1100px) { .vignette-tidy { content: none; } } .vignette-content .cms_bloc_content_solo { font-size: 1.45rem; line-height: 1.2; } .vignette-content .cms_bloc_content_solo strong.mise_en_avant_2 { display: block; font-size: 1.6rem; } .vignette-content .cms_bloc_content_solo span.bouton_1 { padding: 0.75rem 2rem; font-size: 1.3rem; } .vignette:hover { background-color: #59b435; box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.3); cursor: pointer; } .vignette:hover .vignette-tidy { color: #59b435; background: #fff; } .vignette:hover * { color: #fff; } .vignette:hover span.bouton_1 { color: #59b435; background-color: #fff; } .cs-popup { z-index: -1000; position: fixed; top: 0; right: 0; width: 0; height: 100%; text-align: center; transition: 0.8s ease; } .cs-popup.opened { z-index: 3000; width: 100%; background: rgba(0, 0, 0, 0.5); } .cs-popup.opened .cs-popup-bloc { right: 0; opacity: 1; } .cs-popup-bigClose { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .cs-popup-close::before { content: '\2715'; position: absolute; top: 0; right: 0; padding: 1rem 2rem; color: #fff; background: #235364; transition: 0.3s ease; cursor: pointer; } .cs-popup-close:hover::before { background: #30728a; } .cs-popup-bloc { position: absolute; top: 0; right: -50%; width: 50%; height: 100%; padding: 8rem 6rem 6rem 6rem; font-size: 1.5rem; text-align: left; opacity: 0; background: #fff; box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5); transition: 0.8s ease; } @media (max-width: 1500px) { .cs-popup-bloc { width: 65%; max-width: 65%; } } @media (max-width: 1300px) { .cs-popup-bloc { width: 75%; max-width: 75%; } } @media (max-width: 1100px) { .cs-popup-bloc { width: 80%; max-width: 80%; padding: 8rem 4rem 4rem 4rem; } } @media (max-width: 750px) { .cs-popup-bloc { width: 90%; max-width: 90%; padding: 7rem 3rem 3rem 3rem; } } @media (max-width: 600px) { .cs-popup-bloc { width: 90%; max-width: 90%; padding: 7rem 1.5rem 3rem 1.5rem; } } .cs-popup-content { overflow: auto; max-width: 100%; height: 100%; } .cs-popup-content-bloc { max-width: calc(100% - 1.5rem); } .cs-popup-content-bloc > *:first-child { margin-top: 0; } .cs-popup-content-bloc > *:first-child > * { margin-top: 0; } .cs-popup-content-bloc > *:last-child { margin-bottom: 0; } .cs-popup-content-bloc > *:last-child > * { margin-bottom: 0; } .cs-popup-content-bloc > .cms_bloc:not(:last-child) { margin-bottom: 4rem; } @media (max-width: 900px) { .cs-popup-content-bloc > .cms_bloc:not(:last-child) { margin-bottom: 4rem; } } .cs-popup-content-bloc > .cms_bloc iframe { width: 100%; margin: 0 auto; } .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { max-width: 50%; } @media (max-width: 900px) { .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { width: 100%; max-width: 100%; padding: 0; } } .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_haut > *:last-child { margin-bottom: 0; } .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_haut > *:last-child > * { margin-bottom: 0; } .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_media_centre { margin: 2rem 0; } .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_bas > *:first-child { margin-top: 0; } .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_bas > *:first-child > * { margin-top: 0; } @media (max-width: 900px) { .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_droite { display: block; width: 100%; margin: 0; } .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_droite { margin-top: 4rem; } } .ctSidebar { z-index: 999; position: fixed; display: flex; justify-content: flex-end; top: 0; right: 0; width: 30rem; transition: transform 0.55s ease; transform: translateX(30rem); } @media (max-width: 1100px) { .ctSidebar { z-index: 998; display: none; } } @media (max-width: 600px) { .ctSidebar { width: 80vw; transform: translateX(80vw); } } .ctSidebar.active { width: 100%; transform: translateX(0); } @media (max-width: 1100px) { .ctSidebar.active { z-index: 1000; } } .ctSidebar.active .ctSidebar-close { width: 100%; opacity: 1; } .ctSidebar.active .ctSidebar-tabs { transform: translateX(0); } .ctSidebar.active .ctSidebar-tabs-list { height: 100%; } .ctSidebar.remove { z-index: 998; } .ctSidebar.remove .ctSidebar-close { max-width: 0; opacity: 0; } .ctSidebar.remove .ctSidebar-tabs { transform: translateX(30rem); } .ctSidebar-close { z-index: 0; position: absolute; top: 0; right: 0; width: 0; height: 100%; opacity: 0; background-color: rgba(0, 0, 0, 0.5); transition: opacity 1s ease, width 1s ease; cursor: pointer; } .ctSidebar-tabs { z-index: 2; display: flex; align-items: center; width: 30rem; height: 100vh; transition: transform 0.3s ease; } @media (max-width: 600px) { .ctSidebar-tabs { width: 80vw; } } .ctSidebar-tabs-navigation { position: absolute; display: flex; flex-direction: column; justify-content: center; top: calc(20.5rem + 22.5% + 2.5rem); left: 0; width: 8.8rem; height: fit-content; transition: transform 0.3s ease, top 0.3s ease; transform: translateX(-8.8rem); } .ctSidebar-tabs-navigation.onScrollSticky { top: 50%; transform: translateX(-8.8rem) translateY(-50%); } .ctSidebar-tabs-navigation button { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 6.3rem; border: none; background-color: #2f91cd; transition: transform 0.3s ease, background-color 0.3s ease; cursor: pointer; } .ctSidebar-tabs-navigation button.active { background-color: #468d29 !important; } .ctSidebar-tabs-navigation button.facebook { background-color: #235364; } .ctSidebar-tabs-navigation button.instagram { background-color: #e30613; } .ctSidebar-tabs-navigation button:hover { background-color: #59b435; } .ctSidebar-tabs-navigation button:hover svg { fill: #fff; } .ctSidebar-tabs-navigation button * { pointer-events: none; } .ctSidebar-tabs-navigation button span { margin-top: 0.5rem; color: #fff; font-size: 1rem; } .ctSidebar-tabs-navigation button svg { width: 1.8rem; height: 1.8rem; fill: #fff; transition: fill 0.3s ease; } .ctSidebar-tabs-navigation .socialLinks, .ctSidebar-tabs-navigation .addLinks { display: flex; flex-direction: column; list-style: none; } .ctSidebar-tabs-navigation .socialLinks > li, .ctSidebar-tabs-navigation .addLinks > li { margin: 0; } .ctSidebar-tabs-navigation .socialLinks > li .imdw-rating-widget, .ctSidebar-tabs-navigation .addLinks > li .imdw-rating-widget { position: relative; top: 0; right: 0; width: 100%; border: none; transition: background-color 0.3s ease; } .ctSidebar-tabs-navigation .socialLinks > li .imdw-rating-widget:hover, .ctSidebar-tabs-navigation .addLinks > li .imdw-rating-widget:hover { background-color: #59b435; } .ctSidebar-tabs-navigation .socialLinks > li .imdw-rating-widget:hover .imdw-rating-content *, .ctSidebar-tabs-navigation .addLinks > li .imdw-rating-widget:hover .imdw-rating-content * { color: #fff !important; } .ctSidebar-tabs-navigation .socialLinks > li .imdw-rating-widget:hover .imdw-rating-content .imdw-rating-star, .ctSidebar-tabs-navigation .addLinks > li .imdw-rating-widget:hover .imdw-rating-content .imdw-rating-star { filter: brightness(10) saturate(0); } .ctSidebar-tabs-navigation .socialLinks > li .imdw-rating-widget .imdw-rating-content, .ctSidebar-tabs-navigation .addLinks > li .imdw-rating-widget .imdw-rating-content { padding: 1rem 0.5rem; } .ctSidebar-tabs-navigation .socialLinks > li .imdw-rating-widget .imdw-rating-content *, .ctSidebar-tabs-navigation .addLinks > li .imdw-rating-widget .imdw-rating-content * { transition: color 0.3s ease; } .ctSidebar-tabs-navigation .socialLinks > li .imdw-rating-widget .imdw-rating-content .imdw-rating-txt, .ctSidebar-tabs-navigation .addLinks > li .imdw-rating-widget .imdw-rating-content .imdw-rating-txt { font-size: 2rem; } .ctSidebar-tabs-navigation .socialLinks > li .imdw-rating-widget .imdw-rating-content .imdw-rating-star, .ctSidebar-tabs-navigation .addLinks > li .imdw-rating-widget .imdw-rating-content .imdw-rating-star { margin: 0; transition: filter 0.3s ease; } .ctSidebar-tabs-navigation .socialLinks > li .imdw-rating-widget .imdw-rating-content .imdw-rating-star .imdw-star-img, .ctSidebar-tabs-navigation .addLinks > li .imdw-rating-widget .imdw-rating-content .imdw-rating-star .imdw-star-img { width: 100%; } .ctSidebar-tabs-navigation .socialLinks > li .imdw-rating-widget .imdw-rating-content .imdw-rating-text, .ctSidebar-tabs-navigation .addLinks > li .imdw-rating-widget .imdw-rating-content .imdw-rating-text { margin-top: 0.2rem; margin-bottom: 0; } .ctSidebar-tabs-navigation .socialLinks > li .imdw-rating-widget .imdw-rating-content .imdw-rating-link, .ctSidebar-tabs-navigation .addLinks > li .imdw-rating-widget .imdw-rating-content .imdw-rating-link { display: none; } .ctSidebar-tabs-navigation .socialLinks > li .imdw-rating-widget .imdw-rating-footer, .ctSidebar-tabs-navigation .addLinks > li .imdw-rating-widget .imdw-rating-footer { margin-top: 0; } .ctSidebar-tabs-navigation .socialLinks > li .imdw-rating-widget .imdw-rating-footer .imdw-rating-txt, .ctSidebar-tabs-navigation .addLinks > li .imdw-rating-widget .imdw-rating-footer .imdw-rating-txt { font-size: 1.3rem; } .ctSidebar-tabs-navigation .socialLinks > li .imdw-rating-widget .imdw-rating-footer .imdw-rating-img, .ctSidebar-tabs-navigation .addLinks > li .imdw-rating-widget .imdw-rating-footer .imdw-rating-img { width: 100%; } .ctSidebar-tabs-navigation .socialLinks > li .imdw-rating-widget .imdw-rating-footer .imdw-rating-img img, .ctSidebar-tabs-navigation .addLinks > li .imdw-rating-widget .imdw-rating-footer .imdw-rating-img img { max-width: 100%; } .ctSidebar-tabs-navigation .socialLinks > li > a, .ctSidebar-tabs-navigation .addLinks > li > a { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 8.8rem; height: 6.3rem; border-radius: 0; text-decoration: none; background-color: #2f91cd; transition: transform 0.3s ease, background-color 0.3s ease; } .ctSidebar-tabs-navigation .socialLinks > li > a.facebookLink, .ctSidebar-tabs-navigation .addLinks > li > a.facebookLink { display: none; } .ctSidebar-tabs-navigation .socialLinks > li > a.instagramLink, .ctSidebar-tabs-navigation .addLinks > li > a.instagramLink { display: none; } .ctSidebar-tabs-navigation .socialLinks > li > a.immoadvisorLink, .ctSidebar-tabs-navigation .addLinks > li > a.immoadvisorLink { background-color: #ef418c; } .ctSidebar-tabs-navigation .socialLinks > li > a:hover, .ctSidebar-tabs-navigation .addLinks > li > a:hover { background-color: #59b435; } .ctSidebar-tabs-navigation .socialLinks > li > a:hover svg, .ctSidebar-tabs-navigation .addLinks > li > a:hover svg { fill: #fff; } .ctSidebar-tabs-navigation .socialLinks > li > a span, .ctSidebar-tabs-navigation .addLinks > li > a span { margin-top: 0.5rem; color: #fff; font-size: 1rem; } .ctSidebar-tabs-navigation .socialLinks > li > a svg, .ctSidebar-tabs-navigation .addLinks > li > a svg { width: 1.8rem; height: 1.8rem; fill: #fff; transition: fill 0.3s ease; } .ctSidebar-tabs-list { position: relative; width: 100%; height: 100vh; list-style: none; background-color: #131618; } .ctSidebar-tabs-list-item { height: 0; opacity: 0; transform-origin: 0 0; transition: opacity 1s ease; } .ctSidebar-tabs-list-item.active { display: block; height: fit-content; overflow: visible; opacity: 1; } .ctSidebar-tabs-list-item-title { display: flex; justify-content: space-between; align-items: center; height: 5rem; color: #fff; background-color: #131618; } .ctSidebar-tabs-list-item-title span:first-child { width: calc(100% - 5rem - 2rem); padding: 2rem 0.5rem; font-size: 1.6rem; font-weight: 400; text-align: center; } .ctSidebar-tabs-list-item-title span:last-child { display: flex; justify-content: center; align-items: center; width: calc(5rem + 2rem); height: 5rem; background-color: #59b435; transition: background-color 0.3s ease; cursor: pointer; } .ctSidebar-tabs-list-item-title span:last-child:hover { background-color: #468d29; } .ctSidebar-tabs-list-item .snWall .snWall-list { height: calc(100vh - 2rem - 8.8rem) !important; margin: 0; padding: 2rem; } .ctSidebar-tabs-list-item .snWall .snWall-item { position: relative !important; top: 0 !important; left: 0 !important; width: 100% !important; margin: 0 !important; border: none; } .ctSidebar-tabs-list-item .snWall .snWall-item:not(:last-child) { margin-bottom: 1rem !important; } .ctSidebar-tabs-list-item .snWall .snWall-paginator { display: none; } .sticky { z-index: 995; position: fixed; display: flex; flex-direction: column; top: 50%; right: 0; width: 6.5rem; box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.4); transition: 0.5s; transform: translateY(-50%); } @media (min-width: 1101px) { .sticky { display: none; } } @media (max-width: 1100px) { .sticky { top: calc(100% - 10.5rem); right: auto; left: 3%; width: calc((6.5rem + 1.5rem) * 2); box-shadow: none; transform: none; } } .sticky-toggle { appearance: none; padding: 0; background: none; border: 0; outline: none; cursor: pointer; margin: 0; z-index: 99; position: absolute; display: block; top: 0; left: 0; width: 6.5rem; height: 6.5rem; color: #fff; font-size: 1rem; background: #235364; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.4); transition: color 0.3s linear, background 0.3s linear; transform: translate3d(0, 0, 0); } @media (min-width: 1101px) { .sticky-toggle { display: none; } } @media (max-width: 1100px) { .sticky-toggle { height: 6.5rem; transition: 0.5s; } } .sticky-toggle-content { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .sticky-toggle svg { width: 0.9rem; height: 2rem; fill: #fff; } .sticky-toggle-label { display: flex; color: inherit; font-size: 1.4rem; line-height: 1; text-transform: uppercase; } .sticky-toggle.is-on { width: calc((6.5rem + 1.5rem) * 2); } .sticky-toggle.is-on .sticky-toggle-lines-line { transform: rotate(180deg); } .sticky-toggle.is-on .sticky-toggle-lines-line:first-child { transform: translateZ(0) translateY(0.5rem) rotate(45deg); } .sticky-toggle.is-on .sticky-toggle-lines-line:last-child { transform: translateZ(0) translateY(-0.7rem) rotate(-45deg); } .sticky-toggle.is-on .sticky-toggle-lines-line:nth-child(2) { transform: translateZ(0) scaleX(0); } .sticky-stickyList { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; list-style: none; } @media (max-width: 1100px) { .sticky-stickyList { overflow: visible; overflow: hidden; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; width: calc((6.5rem + 1.5rem) * 2); height: 0; padding-top: 0; opacity: 1; transition: 0.5s ease; transition: height 0.75s; transform: none; transform: translateY(-100%); } .sticky-stickyList.is-on { height: 15rem; } } .sticky-stickyList li { margin: 0; } @media (min-width: 1101px) { .sticky-stickyList li.noneDesktop { display: none; } } @media (max-width: 1100px) { .sticky-stickyList li { margin-bottom: 1rem; } } .sticky-stickyList li:not(:last-child) { border-bottom: 0.1rem solid #21658f; } @media (max-width: 1100px) { .sticky-stickyList li:not(:last-child) { border-bottom: none; } } .sticky-stickyList a, .sticky-stickyList span { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 6.5rem; height: 6.5rem; padding: 0.75rem; border-radius: 0; color: #fff; text-decoration: none; background: #2f91cd; transition: 0.3s ease; cursor: pointer; } @media (max-width: 1100px) { .sticky-stickyList a, .sticky-stickyList span { width: calc(6.5rem + 1rem); height: 6.5rem; padding: 0.75rem 0.25rem; box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.4); } } .sticky-stickyList a:hover, .sticky-stickyList span:hover { background: #59b435 !important; } .sticky-stickyList a.sticky-item-linkNoEvent, .sticky-stickyList span.sticky-item-linkNoEvent { opacity: 0.15; background: #235364; pointer-events: none; } .sticky-stickyList a.facebook, .sticky-stickyList span.facebook { background-color: #235364; } .sticky-stickyList a.instagram, .sticky-stickyList span.instagram { background-color: #ef418c; } .sticky-stickyList a svg, .sticky-stickyList span svg { width: 2rem; height: 2rem; fill: #fff; } .sticky-stickyList a p, .sticky-stickyList span p { margin-top: 0.5rem; margin-bottom: -0.5rem; font-size: 1rem; line-height: 1.1; text-align: center; } [data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } .simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; } .simplebar-offset { direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .simplebar-content-wrapper { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */ width: auto; max-width: 100%; /* Not required for horizontal scroll to trigger */ max-height: 100%; /* Needed for vertical scroll to trigger */ scrollbar-width: none; -ms-overflow-style: none; } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { width: 0; height: 0; } .simplebar-content:before, .simplebar-content:after { content: ' '; display: table; } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; } .simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; user-select: none; -webkit-user-select: none; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px; } .simplebar-scrollbar:before { position: absolute; content: ''; background: black; border-radius: 7px; left: 2px; right: 2px; opacity: 0; transition: opacity 0.2s linear; } .simplebar-scrollbar.simplebar-visible:before { /* When hovered, remove all transitions from drag handle */ opacity: 0.5; transition: opacity 0s linear; } .simplebar-track.simplebar-vertical { top: 0; width: 11px; } .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px; } .simplebar-track.simplebar-horizontal { left: 0; height: 11px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; } /* Rtl support */ [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical { right: auto; left: 0; } .hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; } .simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } /*# sourceMappingURL=common.css.map */ .zoneHb { z-index: 10; position: relative; padding: 1.5rem 0 13.5rem; background-color: #fff; } @media (max-width: 1100px) { .zoneHb { padding: 4rem 0 3rem; } } .zoneHb > .u-wrapper { max-width: calc(100% - (calc((100% - 120rem) / 2))); margin: 0 0 0 auto; } @media (max-width: 1300px) { .zoneHb > .u-wrapper { max-width: 94%; margin: 0 auto; } } .zoneHb:before { content: ''; position: absolute; top: -7.5rem; left: 0; width: calc((100% - 120rem) / 2 + 37.25rem + 12.5rem); height: calc(100% - 22.5rem); background-color: #235364; background-size: 170rem; background-position: left bottom; background-repeat: no-repeat; background-image: url("https://neo-habitat87.com/default/CMS/css/tpl4/../../images/dist/brush1.svg"); } @media (max-width: 1300px) { .zoneHb:before { width: calc(3% + 37.25rem + 12.5rem); } } @media (max-width: 1100px) { .zoneHb:before { top: 0; width: 100%; height: 60%; } } .zoneHb-head { z-index: 10; position: relative; display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 3.5rem; padding-right: 7rem; } @media (max-width: 1100px) { .zoneHb-head { flex-direction: column; justify-content: flex-start; align-items: center; margin-bottom: 2rem; padding-right: 0; } } .zoneHb-head-title { max-width: 37.25rem; margin-bottom: 2.5rem; } @media (max-width: 1100px) { .zoneHb-head-title { max-width: 100%; margin: 0 auto 2.5rem auto; } } .zoneHb-head-title span.sup_Title, .zoneHb-head-title h2.Titre_H2 { color: #fff; } @media (max-width: 1100px) { .zoneHb-head-title span.sup_Title, .zoneHb-head-title h2.Titre_H2 { display: block; text-align: center; } } .zoneHb-head-navigation { display: flex; } .zoneHb-head-navigation a.bouton_1 { margin: 0 0.8rem; } .zoneHb-head-navigation-prev, .zoneHb-head-navigation-next { display: flex; justify-content: center; align-items: center; width: 4.4rem; height: auto; background-color: #2f91cd; transition: background-color 0.3s ease; cursor: pointer; } .zoneHb-head-navigation-prev.swiper-button-disabled, .zoneHb-head-navigation-next.swiper-button-disabled { opacity: 0.25; pointer-events: none; } .zoneHb-head-navigation-prev:hover, .zoneHb-head-navigation-next:hover { background-color: #59b435; } .zoneHb-head-navigation-prev svg, .zoneHb-head-navigation-next svg { width: 1.1rem; height: 1.8rem; fill: #fff; } .zoneHb-head-navigation-prev { transform: rotate(-180deg); } .zoneHb .bl { margin: -1.5rem 0; } .zoneHb .bl .swiper-wrapper .bl-listProductItem { position: relative; padding: 1.5rem 0; background-color: transparent; box-shadow: none; } .zoneHb .bl .swiper-wrapper .bl-listProductItem::before { content: ''; z-index: -1; position: absolute; display: block; top: 50%; left: 50%; width: calc(100% - 0.2rem); height: calc(100% - 3rem); background-color: #fff; box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2); transform: translate(-50%, -50%); } .zoneHb .bl .swiper-wrapper .bl-listProductItem .bl-listProductItemElement--top, .zoneHb .bl .swiper-wrapper .bl-listProductItem .bl-listProductItemElement--bottom { z-index: 5; } .atYourHome { z-index: 10; position: relative; padding: 8rem 0 8rem; background-color: #235364; } @media (max-width: 1100px) { .atYourHome { padding: 8rem 0; } } @media (max-width: 900px) { .atYourHome { padding: 6rem 0; } } @media (max-width: 600px) { .atYourHome { padding: 5rem 0; } } @media (max-width: 440px) { .atYourHome { padding: 4rem 0; } } .atYourHome > .u-wrapper { z-index: 3; position: relative; display: flex; align-items: center; justify-content: center; margin-top: 0; } @media (max-width: 900px) { .atYourHome > .u-wrapper { flex-direction: column; } } .atYourHome > .u-wrapper > div { flex: 1; } .atYourHome-pictures { position: relative; display: flex; align-items: flex-end; justify-content: center; } .atYourHome-pictures-img { z-index: 2; position: relative; display: flex; align-items: flex-end; justify-content: flex-end; bottom: 0; left: 0; width: 100%; } .atYourHome-pictures-img img { display: block; max-width: 100%; margin: 0 auto; } .atYourHome-text { z-index: 2; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; height: auto; padding: 5.5rem 3rem 6rem; text-align: center; background-color: #235364; } @media (max-width: 1100px) { .atYourHome-text { padding: 5.5rem 1.5rem 5.25rem; } } .atYourHome-text h2.Titre_H2 { color: #fff; } .atYourHome-text p { max-width: 35rem; margin: 1.5rem auto 4.25rem; color: #fff; opacity: 0.7; } .csEncarts { z-index: 6; overflow: hidden; position: relative; padding: 15rem 0; } @media (max-width: 1500px) { .csEncarts { padding: 12.5rem 0; } } @media (max-width: 1100px) { .csEncarts { padding: 10rem 0; } } @media (max-width: 900px) { .csEncarts { padding: 6rem 0; } } @media (max-width: 600px) { .csEncarts { padding: 5rem 0; } } @media (max-width: 440px) { .csEncarts { padding: 4rem 0; } } .csEncarts-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin-right: -2.4rem; margin-bottom: -4rem; list-style: none; transition: 0.5s ease; } .csEncarts-list-item { position: relative; flex: none; flex-basis: calc(31rem - 2.4rem); flex-grow: 1; height: auto; margin-right: 2.4rem; margin-bottom: 4rem; transition: flex-basis 0.5s ease; pointer-events: none; } @media (max-width: 1215px) { .csEncarts-list-item { flex-basis: calc(40rem - 2.4rem); } } @media (max-width: 1100px) { .csEncarts-list-item { flex-basis: calc(35rem - 2.4rem); } } @media (max-width: 825px) { .csEncarts-list-item { flex-basis: calc(100% - 2.4rem); } } .csEncarts-list-item.widthLink { pointer-events: all; } @media (min-width: 1101px) { .csEncarts-list-item:hover { flex-basis: calc(53rem - 2.4rem); } } @media (min-width: 1101px) { .csEncarts-list-item:hover > div { padding: 0 0 2.2rem 0; } } .csEncarts-list-item:hover > div > div, .csEncarts-list-item:hover > div > a { box-shadow: 0 0 6rem rgba(89, 180, 53, 0.25); } @media (min-width: 1301px) { .csEncarts-list-item:hover > div > div, .csEncarts-list-item:hover > div > a { transform: perspective(800px) rotateY(5deg); } } .csEncarts-list-item:hover > div > div::after, .csEncarts-list-item:hover > div > a::after { background-color: #2f91cd; } @media (min-width: 1101px) { .csEncarts-list-item:hover > div > div::after, .csEncarts-list-item:hover > div > a::after { width: 4.4rem; height: 4.4rem; background-size: 2rem; } } .csEncarts-list-item:hover > div > div .csEncarts-list-item-picture img, .csEncarts-list-item:hover > div > a .csEncarts-list-item-picture img { transform: scale(1.1); } .csEncarts-list-item:hover > div > div .csEncarts-list-item-text, .csEncarts-list-item:hover > div > a .csEncarts-list-item-text { border-color: #2f91cd; } .csEncarts-list-item:hover > div > div .csEncarts-list-item-text.verteau, .csEncarts-list-item:hover > div > a .csEncarts-list-item-text.verteau { border-color: #59b435; } .csEncarts-list-item:hover > div > div .csEncarts-list-item-text.bleuciel, .csEncarts-list-item:hover > div > a .csEncarts-list-item-text.bleuciel { border-color: #2f91cd; } .csEncarts-list-item:hover > div > div .csEncarts-list-item-text.bleuclair, .csEncarts-list-item:hover > div > a .csEncarts-list-item-text.bleuclair { border-color: #2179b0; } .csEncarts-list-item:hover > div > div .csEncarts-list-item-text.jaune, .csEncarts-list-item:hover > div > a .csEncarts-list-item-text.jaune { border-color: #59b435; } .csEncarts-list-item:hover > div > div .csEncarts-list-item-text.magenta, .csEncarts-list-item:hover > div > a .csEncarts-list-item-text.magenta { border-color: #59b435; } .csEncarts-list-item:hover > div > div .csEncarts-list-item-text .title, .csEncarts-list-item:hover > div > a .csEncarts-list-item-text .title { background-color: #59b435; } @media (min-width: 1101px) { .csEncarts-list-item:hover > div > div .csEncarts-list-item-text .title, .csEncarts-list-item:hover > div > a .csEncarts-list-item-text .title { top: -1rem; } } @media (min-width: 1101px) { .csEncarts-list-item:hover > div > div .csEncarts-list-item-text .desc, .csEncarts-list-item:hover > div > a .csEncarts-list-item-text .desc { min-height: 28rem; opacity: 1; } } .csEncarts-list-item > div { display: block; width: 100%; height: 100%; padding-bottom: 2.4rem; transition: padding 0.5s ease; } @media (max-width: 1100px) { .csEncarts-list-item > div { padding-bottom: 1.8rem; } } .csEncarts-list-item > div > div, .csEncarts-list-item > div > a { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 1.3rem; text-align: center; text-decoration: none; transition: box-shadow 0.3s ease, transform 0.3s ease; } @media (max-width: 825px) { .csEncarts-list-item > div > div, .csEncarts-list-item > div > a { box-shadow: 0 0 6rem rgba(89, 180, 53, 0.25); } } .csEncarts-list-item > div > div::before, .csEncarts-list-item > div > a::before { content: ''; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(35, 83, 100, 0.7); } .csEncarts-list-item > div > div::after, .csEncarts-list-item > div > a::after { content: ''; z-index: 3; position: absolute; display: block; bottom: 0; left: 50%; width: 2.4rem; height: 2.4rem; border-radius: 50%; background-color: #59b435; background-position: center; background-repeat: no-repeat; background-size: 1rem; transition: height 0.5s ease, width 0.5s ease, background-color 0.5s ease, background-size 0.5s ease; transform: translateX(-50%) translateY(50%); background-image: url("https://neo-habitat87.com/default/CMS/css/tpl4/../../images/dist/plus.svg"); } @media (max-width: 1100px) { .csEncarts-list-item > div > div::after, .csEncarts-list-item > div > a::after { width: 3.5rem; height: 3.5rem; background-size: 1.5rem; } } .csEncarts-list-item-picture { z-index: 0; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #235364; } .csEncarts-list-item-picture img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: transform 0.3s ease; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: "object-fit: cover; object-position: center"; } .csEncarts-list-item-text { z-index: 2; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; border: 0.1rem solid transparent; color: #fff; transition: min-height 0.5s ease, border-color 0.5s ease; } @media (max-width: 825px) { .csEncarts-list-item-text { border-color: #2f91cd; } } .csEncarts-list-item-text .title { position: absolute; top: 50%; left: 50%; width: fit-content; padding: 1rem; color: #fff; font-size: 1.6rem; transition: 0.5s ease; transform: translate(-50%, -50%); } @media (max-width: 825px) { .csEncarts-list-item-text .title { top: -1rem; background-color: #59b435; } } .csEncarts-list-item-text .desc { z-index: 5; position: relative; display: flex; align-items: center; justify-content: center; top: 0; left: 0; width: 100%; min-height: 16.4rem; padding: 3rem; opacity: 0; transition: opacity 0.5s ease, min-height 0.5s ease; } @media (max-width: 825px) { .csEncarts-list-item-text .desc { min-height: 28rem; opacity: 1; } } .csEncarts-list-item-text .desc span { display: block; max-width: 40rem; margin: 0 auto; } .construction { z-index: 2; overflow: hidden; position: relative; padding: 15rem 0 5rem; } @media (max-width: 1300px) { .construction { padding: 12.5rem 0 5rem; } } @media (max-width: 1100px) { .construction { padding: 10rem 0 5rem; } } @media (max-width: 900px) { .construction { padding: 8rem 0 5rem; } } @media (max-width: 600px) { .construction { padding: 6rem 0 5rem; } } @media (max-width: 440px) { .construction { padding: 5rem 0 5rem; } } .construction:after { content: ''; z-index: 2; position: absolute; bottom: 17rem; left: 0; width: 100%; height: 7.6rem; background-position: top center; background-repeat: no-repeat; background-size: cover; background-image: url("https://neo-habitat87.com/default/CMS/css/tpl4/../../images/dist/brush-2-reverse.svg"); } .construction-background { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 17rem); } .construction-background img { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: "object-fit: cover; object-position: center"; } .construction-ornement { z-index: 3; overflow: hidden; position: absolute; top: 0; left: 0; width: 35rem; height: 37.5rem; background-position: center left 0; background-repeat: no-repeat; background-size: contain; transform: translateY(-0.5rem); background-image: url("https://neo-habitat87.com/default/CMS/css/tpl4/../../images/dist/rouleau.webp"); filter: drop-shadow(0 0 3rem rgba(0, 0, 0, 0.5)); } @media (max-width: 1500px) { .construction-ornement { width: 32.5rem; height: 35.5rem; } } @media (max-width: 1300px) { .construction-ornement { width: 30rem; height: 32.5rem; } } @media (max-width: 1100px) { .construction-ornement { top: 4rem; width: 26rem; height: 26rem; transform: translateY(32.5%); } } @media (max-width: 825px) { .construction-ornement { width: 22.5rem; height: 22.5rem; background-position: center left -5rem; transform: translateY(27.5%); } } .construction > .u-wrapper { z-index: 4; position: relative; max-width: calc(120rem + 10rem * 2); margin: 0 auto; padding: 7.55rem 10rem; border-radius: 1rem; background-color: #235364; background-position: bottom right; background-repeat: no-repeat; background-size: contain; box-shadow: 0 0.3rem 2rem rgba(0, 0, 0, 0.2); background-image: url("https://neo-habitat87.com/default/CMS/css/tpl4/../../images/dist/background_construction.webp"); } @media (max-width: 1650px) { .construction > .u-wrapper { max-width: 120rem; } } @media (max-width: 1300px) { .construction > .u-wrapper { max-width: 94%; } } @media (max-width: 1100px) { .construction > .u-wrapper { padding: 6rem 3%; } } @media (max-width: 600px) { .construction > .u-wrapper { max-width: 97%; margin: 0 0 0 auto; padding: 6rem 0; border-bottom-right-radius: 0; border-top-right-radius: 0; background-size: cover; } } .construction > .u-wrapper:before { content: ''; z-index: 1; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; border-radius: 1rem; opacity: 0.6; background-color: #235364; } .construction-head { z-index: 2; position: relative; } @media (max-width: 600px) { .construction-head { padding: 0 3%; } } .construction-head span.sup_Title, .construction-head h2.Titre_H2 { display: block; color: #fff; text-align: center; } @media (min-width: 901px) { .construction-head span.sup_Title, .construction-head h2.Titre_H2 { font-size: 2.5rem; } } .construction-content { z-index: 2; position: relative; margin-top: 6.5rem; } @media (max-width: 1100px) { .construction-content { margin-top: 3.7rem; } } .construction-content-list { padding-top: 0.5rem; } .construction-content-list-item { width: auto; } .construction-content-list-item:last-child .construction-content-list-item-circle svg.icon-circle-step { display: none; } .construction-content-list-item:last-child .construction-content-list-item-circle svg.icon-circle-step-end { display: block; } .construction-content-list-item:last-child .construction-content-list-item-arrow { display: none; } .construction-content-list-item > div, .construction-content-list-item > a { display: flex; align-items: center; justify-content: flex-start; text-decoration: none; } .construction-content-list-item > a { transition: transform 0.3s ease; } .construction-content-list-item > a:hover { transform: translateY(-0.5rem); } .construction-content-list-item > a:hover .construction-content-list-item-text p { transform: scale(1.03); } .construction-content-list-item-text { position: relative; display: flex; flex: none; align-items: center; justify-content: center; width: 17.3rem; height: 17.3rem; margin-top: calc(4.2rem / 2); padding: 2rem; border-radius: 50%; color: #fff; text-align: center; } .construction-content-list-item-text p { transition: transform 0.3s ease; } .construction-content-list-item-text span { z-index: 2; position: absolute; display: flex; align-items: center; justify-content: center; top: 0; left: 50%; width: 4.2rem; height: 4.2rem; border-radius: 50%; color: #235364; font-size: 2.2rem; font-weight: bold; background-color: #fff; transform: translateX(-50%) translateY(-50%); } .construction-content-list-item-text span.verteau { color: #fff; color: #fff; background-color: #59b435; } .construction-content-list-item-text span.bleuciel { color: #fff; background-color: #2f91cd; } .construction-content-list-item-text span.bleuclair { color: #fff; background-color: #2179b0; } .construction-content-list-item-text span.jaune { color: #fff; background-color: #59b435; } .construction-content-list-item-text span.magenta { color: #fff; background-color: #59b435; } .construction-content-list-item-circle { z-index: 1; position: absolute; bottom: 0; left: 0; } .construction-content-list-item-circle.verteau svg { fill: #59b435; } .construction-content-list-item-circle.bleuciel svg { fill: #2f91cd; } .construction-content-list-item-circle.bleuclair svg { fill: #2179b0; } .construction-content-list-item-circle.jaune svg { fill: #59b435; } .construction-content-list-item-circle.magenta svg { fill: #59b435; } .construction-content-list-item-circle svg { display: block; width: 17.3rem; height: 17.3rem; fill: #fff; } .construction-content-list-item-circle svg.icon-circle-step-end { display: none; } .construction-content-list-item-arrow.verteau svg { fill: #59b435; } .construction-content-list-item-arrow.bleuciel svg { fill: #2f91cd; } .construction-content-list-item-arrow.bleuclair svg { fill: #2179b0; } .construction-content-list-item-arrow.jaune svg { fill: #59b435; } .construction-content-list-item-arrow.magenta svg { fill: #59b435; } .construction-content-list-item-arrow svg { width: 4rem; height: 1.2rem; fill: #fff; transform: translateY(100%) translateX(-0.2rem); } .construction-pagination { z-index: 2; position: relative; display: flex; justify-content: center; margin-top: 4rem; } .construction-pagination .swiper-pagination-bullet { width: 2rem; height: 0.4rem; margin: 0 0.9rem; border-radius: 0; opacity: 0.3; background-color: #fff; } .construction-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; background-color: #59b435; } /*# sourceMappingURL=home.css.map */