/* ██████ █████ ███████ ███████ ██ ██ ██ ██ ██ ██ ██████ ███████ ███████ █████ ██ ██ ██ ██ ██ ██ ██████ ██ ██ ███████ ███████ */ /* ── Breakpoints reference ─────────────────────────────── xs 480px sm 600px md 782px lg 920px xl 1226px xxl 1380px max 1546px 2xl 1920px ──────────────────────────────────────────────────────── */ :root{ --wp--preset--color--accent-2: #ff57c7; --wp--preset--color--accent-3: #fff800; --wp--preset--color--accent-4: #ff9c00; --filter-dark: invert(11%) sepia(24%) saturate(5754%) hue-rotate(240deg) brightness(96%) contrast(98%); --filter-accent-2: invert(51%) sepia(24%) saturate(3479%) hue-rotate(291deg) brightness(102%) contrast(101%); --filter-accent-3: invert(75%) sepia(97%) saturate(538%) hue-rotate(3deg) brightness(109%) contrast(106%); --filter-accent-4: invert(66%) sepia(25%) saturate(6341%) hue-rotate(2deg) brightness(106%) contrast(103%); --filter-gradient-1: invert(88%) sepia(6%) saturate(1603%) hue-rotate(322deg) brightness(107%) contrast(98%); --filter-brand: invert(53%) sepia(9%) saturate(4177%) hue-rotate(200deg) brightness(89%) contrast(150%); @media (max-width: 782px) { --fz-xs: calc(1 * var(--wp--preset--font-size--sm)); } @media (min-width: 783px) { --fz-xs: calc(0.9 * var(--wp--preset--font-size--xs)); } --body-background: var(--wp--preset--color--white); --eco-badge-light-background: var(--wp--preset--color--brand); --eco-badge-dark-background: var(--wp--preset--color--dark); --header-height: 110px; --header-height-xs: 49px; --header-items-size: 49px; --logo-width-min: 100px; --logo-height: 100px; --logo-content: 150px; --logo-width-max: 200px; --block-bridge-min-height: 360px; --block-bridge-max-height: 500px; --banner-xs-min-height: 60vh; --banner-xs-max-height: 60vh; --banner-min-height: 80vh; --banner-max-height: 80vh; --global-gap: 10px; --global-radius: 0px; --nav-submenu-width: 320px; --nav-pannel-bg: var(--wp--preset--color--brand); --error: #dc3232; --btn-default-height: 52px; --btn-picto-size: 1em; --btn-picto-gap: var(--space-xs); --topbanner-min-height: 44px; --topbanner-max-height: var(--topbanner-min-height); /* Largeurs et hauteur des blocks */ --block-min-height: 650px; /* Image dans la colonne */ --block-img-xl-width: 40%; --block-img-max-width: 35%; --img-max-height: 747px; /* Texte dans la colonne */ --block-text-xl-width: 60%; --block-text-max-width: 65%; /* Si inutilisé, supprimer */ --img-deco: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440.29 500'%3E%3Cpath d='M131.12 94.7c3.14 6.27 20.73-3.15 18.64-8.6s-6.91-30.98-6.91-30.98 29.52 36.85 35.17 43.55 14.24 6.5 19.48 3.56 5.86-11.94 1.04-22.82c-4.81-10.9-9-35.8-7.95-43.34s5.02-7.54 9.63-11.94 3.98-17.17 1.88-21.77-14.44-1.68-23.45 2.1c-9 3.76-10.89 8.57-10.89 23.65s6.08 38.1 6.08 38.1-6.7-5.23-12.15-14.23-21.35-32.66-23.03-37.48c-1.67-4.81-11.3-3.35-15.28-.42s-3.56 5.87-3.14 26.38c.41 20.52 8.33 49.12 10.88 54.23M153.95 382.17c7.53-.63 11.72-22.2 7.53-29.94-4.18-7.75-18.21-6.5-18.84 3.14s9.84 13.4 9.84 13.4-2.83 13.76 1.47 13.4M226.8 420.27c-.83 3.35 3.99 14.24 12.36 11.31 8.38-2.93 33.71-13.2 38.53-26.8q.37-1.06.64-2.08a38 38 0 0 0 5.64 9.2c7.12 8.16 21.35 10.26 30.57 0s12.35-27.43 8.37-44.18-14.44-24.92-24.5-24.08c-9.44.79-23.03 12.56-25.12 27.43-.5 3.6-.55 7.38-.24 11.15a10 10 0 0 0-3.53-2.15c-4.81-1.46-11.51-2.1-11.51-2.1s9-10.25 5.23-19.04c-3.77-8.8-24.5-10.9-36.22-8.38s-23.03 8.58-23.45 14.03c-.39 5.01 1.67 7.75 6.9 7.54a20 20 0 0 0 5.06-1.15l12.58 47.43a3.4 3.4 0 0 0-1.3 1.87Zm64.08-50.04a25 25 0 0 0 1.67 10.05s0-2.93.42-6.49 1.68-6.9 4.82-8.58 6.9-1.26 9 5.02 2.3 19.06-2.3 27.22-12.35 2.93-15.5-6.49 1.89-20.73 1.89-20.73m-31.83 24.92c4.37 4.36-8.13 13.55-15.96 17.41-1.23-4.95-2.97-12.1-4.77-19.53 8.63-.7 16.52-2.1 20.73 2.12m-22.4-28.27c13.4.21 12.77 3.98 7.54 7.12-2.57 1.54-6.18 3.33-9.23 5.1l-2.9-12.07q2.17-.18 4.6-.15Z'/%3E%3Cpath d='M440.16 367.3c-1.46-19.47-27.42-30.57-38.73-36.43s-23.87-15.5-27.01-19.68c0 0-11.52 10.05-9 18.63 1.76 6.02 10.62 11.11 20.09 15.5-2.7 2.2-6.6 5.73-6.48 10.46.13 5.58 3.27 23.07 5.85 36.48-12.43-7.58-29.72-14.9-29.72-14.9s19.89-7.34 19.68-20.1c-.21-12.78-14.66-19.27-32.67-24.3-18-5.02-28.26-6.07-31.61-1.67-3.45 4.53-2.51 13.82 10.05 17.38l3.73 1.06c.35 9.62 1.18 30.63 2.13 41.23 1.26 14.03 5.65 29.73 7.75 33.71s15.07 2.51 12.98-6.9c-1.01-4.56-2.76-15.43-4.3-26.72 10.9 4.96 29.68 15.3 36.13 18.26q-2.38 1.71-4.2 3.43c-5.23 5.02-.83 13.81 6.29 14.02s26.38-9.42 37.06-15.9c10.68-6.5 23.55-22.8 21.98-43.56m-99.62 3.86c-.41-4.36-.67-8.07-.67-10.56q0-3.3-.02-6.03c6.11 2.2 11 4.53 12.37 6.87 1.83 3.09-5.28 6.64-11.68 9.72m78.06 5.14c-2.6 7.98-8.47 14.7-14.46 19.05-.82-2.9-1.68-6.58-2.5-11.5-2-12.04-3.22-24.87-3.63-33.05 12.36 5.48 24.1 14.78 20.59 25.5M107.46 358.3c-26.8-3.56-42.7-3.35-45.43-7.96s-8.17-5.86-10.68-2.1c-4.19 6.3-8.17 16.55-3.56 25.34a15 15 0 0 0 4.1 4.88c.9 3.47 1.61 7.9 1.56 13.24-.16 14.29-.63 17.74.47 18.68s2.98.79 2.5-4.7c-.37-4.45-.45-18.4-.21-24.86q1.74.65 3.64 1.04a73 73 0 0 1 1.76 15.02c0 8.95.16 31.09.31 34.7.16 3.61 3.15 2.83 2.99-2.67s-1.57-37.69-.47-42.08 6.28-4.24 6.28-4.24l.05-.1q1.17-.04 2.36-.11c2.33-.14 5.73-.17 9.7 0-.55 3.13-1 9.2.45 14.65 1.54 5.82 10.62 27.4 16.31 39.24-12.26 3.48-17.93 2.71-19.55 6.62-2.1 5.02-1.26 7.12-1.26 7.12s-5.86 5.02 1.05 7.74 18.63 2.52 27.43-1.46l2.82-1.31c1.41.18 2.64.66 3.2 1.73 1.72 3.3 2.2 13.5 1.4 17.27-.78 3.77 3.93 3.61 3.62.47s-2.04-14.76-.63-18.06 4.08-5.8 4.4 2.04c.31 7.86-.63 36.12.31 39.58.94 3.45 5.34 2.2 4.4-2.05s-2.2-38.15-.31-43.18 8.63-12.25 10.52-13.98q.2-.2.23-.38 1.97-1.72 3.53-3.49c7.96-9 16.13-22.61 12.36-39.36s-18.85-33.71-45.65-37.27m11.05 70.19a481 481 0 0 1-12.3-34.44 233 233 0 0 0-3.04-9.45c8.79 1.65 17.09 4.32 21.67 8.46 9.42 8.49 8.4 25.61-6.33 35.43M208.6 437.23c6.27 10.26 18.84-6.07 16.32-12.56-.86-2.22-3.65-8.51-7.1-16.35a36 36 0 0 0 3.75-1.45c4.58-2.29 1.83-9.76-8.66-9.81-5.53-12.84-11.21-26.56-12.9-33.1-3.35-12.99-12.36-14.66-17.8-12.57-5.44 2.1-8.58 16.75-11.3 32.66-1.04 6.07-2.6 15.3-4.16 24.62-1.63.6-2.94 1.14-3.8 1.55-6.07 2.94-7.33 4.82-7.54 7.33-.35 4.24 2.46 7.12 8.77 6.65a566 566 0 0 0-2.7 17.43c-.22 2.28 1.68 3.4 4.3 3.59.87.58 1.75 1.9 1.67 4.9-.16 5.8-.47 12.71 1.26 12.4s1.25-9.9 1.1-12.72c-.15-2.6.64-4.52 1.99-5.43 3.44-1.12 6.59-3.28 7.27-6.09.63-2.6 2.07-10.48 3.61-19.28 4.83-1.47 10.3-3.09 15.61-4.66 3.75 9.4 7.7 18.65 10.3 22.9Zm-23.11-34.5c1.46-8.6 2.58-15.33 2.58-15.33s2.05 5.69 4.93 13.3c-2.49.65-5.02 1.33-7.51 2.03M323.38 424.67c-15.07-.78-62.34 5.97-80.24 11.78s-47.74 19.31-51.82 22.3c-6.67 4.87 0 4.7 5.18 3.14s45.38-16.33 69.57-21.83 55.27-4.55 63.75-4.08 8.64-10.52-6.44-11.3'/%3E%3Cpath d='M266.07 443.67c-18.53 3.46-39.55 14.17-32.98 13.2 7.38-1.1 14.92-6.13 35.33-9.27 18.32-2.82 36.12-1.42 33.6-3.77-2.5-2.36-23.71-2.44-35.95-.16M11.78 59.3C4.66 50.73-1.83 56.18.48 60.78c2.3 4.61 9.83 13.4 15.07 18.64 0 0 1.78 3.45 1.46 10.15-.31 6.7-1.04 47.22-.94 49.52s3.14 2.1 2.93-.94-.42-47.21-.52-51.4-.2-5.76 1.36-6.8q.16-.12.29-.25c1.29-.77 2.2-2.16 1.9-3.84-.62-3.56-3.13-7.96-10.25-16.54Z'/%3E%3Cpath d='M23.09 49.89c-2.3-3.98-11.52-1.89-8.59 5.65 1.32 3.4 9.08 14.1 12.43 18.78.18 1.18.6 4.5.34 8.75-.31 5.34-.42 12.57 0 15.08s2.3.94 2-2.1-.64-17.58-.43-18.42.74-.94 1.16-.94q.1 0 .23-.08c2.79.16 5.34-3.38 2.9-8.72-3.35-7.33-7.74-14.03-10.05-18M52.6 45.07s-11.93 36.22-.41 55.07c3.9 6.4 8.93 8.82 14.02 9.13v.08s2.94.1 2.73 7.85-.52 30.25.1 32.77c.63 2.51 2.52 1.67 2.3-2.41-.2-4.08-1.35-35.9-.2-37.38 1.15-1.46 3.45-1.67 3.35.53s-.42 5.65.94 5.86 2.51-.63 2.1-3.56c-.43-2.93-.43-5.55.94-6.28l.33-.18c4.89-2.18 8.82-5.04 10.45-6.2 4.4-3.15 11.1-10.06 11.1-10.06s1.25 10.9 5.44 13.4c4.19 2.52 21.15-12.14 19.47-18.84s-8.16-12.56-8.37-33.5-.63-28.68-3.35-30.99-21.99 6.08-21.99 10.26 1.47 20.1 2.3 27.22a218 218 0 0 0 1.89 12.77S88.4 81.08 79.4 82.34s-9.84-14.24-3.56-34.97 13.19-29.52.42-35.38S50.3 27.06 41.3 34.19s-6.9 10.67-6.07 14.86 8.17 7.33 17.38-3.98ZM322.91 283.34c2.51-32.66-15.91-59.67-43.55-57.37-18.82 1.57-32.87 16.75-37.06 36.64a84 84 0 0 0-.7 31.02c-5.11-6.75-14.52-12.07-30.28-15.1-32.67-6.29-36.85-10.68-36.85-17.17s11.93-7.75 17.58-5.03c5.66 2.72 6.28 11.73 6.28 11.73l22.83.83s3.97-17.37 7.12-26.17 4.18-11.3 4.18-11.3l-23.66-6.7-5.02 12.14s-19.68-12.77-41.46-3.56c-21.77 9.21-30.15 29.31-15.5 42.09 14.66 12.77 50.26 13.82 60.3 19.89 10.06 6.07 7.34 14.03-3.76 15.07s-29.32-7.74-36.22-16.33l-6.91-8.58-30.15 31.82 15.5 15.92 1.04-10.47s16.96 22.4 47.94 23.87c31 1.46 47.32-9.22 51.1-27.43q.89-4.25 1.01-8.3a62 62 0 0 0 5.26 9.55c10.9 16.13 30.83 16.92 44.18 10.47 12.15-5.86 24.3-14.86 26.8-47.53m-27.22-4.19c-.62 18.64-8.37 30.36-14.02 29.53-5.66-.84-10.47-11.1-10.9-23.04-.41-11.93 3.77-30.15 12.78-30.15 5.65 0 12.77 5.03 12.14 23.66M348.88 251.73c10.88-3.15 13.6-13.82 12.14-22.62-1.47-8.8-8.17-12.98-17.8-12.35-11.1.72-16.75 13.6-16.12 21.98s10.89 16.13 21.78 12.98M333.6 330.66l33.28-14.45s-9.42-15.91-10.47-37.27c-1.04-21.35 0-24.5 0-24.5l-25.54 7.75s-1.88 23.25-1.26 39.58 3.98 28.89 3.98 28.89'/%3E%3Cpath d='M198.4 167.99a158 158 0 0 1-.28-9.02c0-27.22 3.15-45.22 3.15-45.22L173 121.07s-1.26 26.6-.42 49.2q.08 2.1.19 4.17a161 161 0 0 0-6.89 2.33l.93 12.68-9.72-2.21s-23.45 24.7-39.16 29.94-21.77-7.12-17.17-23.66 26.18-41.88 27.85-43.34c.63-.55 2.25.78 4.04 2.66a4024 4024 0 0 0-2.57 23.1l32.87-7.96-4.82-7.96c-2.1-18.64 13.4-55.07 13.4-55.07l-31.2-2.1s-1.67 5.24-3.62 17.8c-5.03-4.99-16.22-12.27-32.6-1.46-22.82 15.08-49.62 49.41-47.53 97.15 2.1 47.74 36.85 44.6 60.1 37.48 23.24-7.12 37.26-20.73 47.73-33.5a96 96 0 0 0 11.22-17.58c1.07 7.43 2.12 13.01 2.6 15.7 1.05 5.86 1.47 8.37 1.47 8.37l26.59-9.21s-3.76-14.46-6.17-32.26c5.55-.96 11.9-1.72 18.19-2.33q.14 2.13.33 4.23c2.73 30.57 3.56 36.22 3.56 36.22l34.97 1.88s-10.05-15.91-14.87-42.5l-.26-1.52 4.06-.2c2.9 30.6 21.33 42.97 21.33 42.97s4.81-2.73 17.8-7.75c8.6-3.33 22.64-8.14 31.12-11l3.84 17.49s14.24-11.93 35.8-7.75c21.57 4.19 46.28 17.8 46.28 17.8l14.02-14.45-12.14-44.8-23.24.62 4.6 19.27s-9.84-4.2-22.82-4.82-15.5.63-15.5.63l50.47-40.62L392 119.4s-19.48 4.81-32.88 6.07-17.8 1.05-17.8 1.05l-.41-5.66-17.8 3.98.2 36.01 18.85-.42v-10.25s9-.21 16.75-1.47 14.87-3.56 14.87-3.56-30.15 24.5-42.3 34.97c-5.71 4.92-9.79 8.96-12.52 11.86l-4.85-11.65-37.48 14.44-3.14-14.65 14.65-2.93 1.26-14.87-13.14-3.35 1-11.1 31.82 7.75 11.52-29.1-17.38-5.66-2.3 7.75-35.39-9s-15.37 18.2-19.03 43.66c-1.25.07-3.36.18-6.14.36-.53-18.7 2.56-33.55 2.56-33.55l-24.08-9.22s-1.72 21.04-1.3 44.64q-4.54.45-9.38 1-4.97.6-9.77 1.49'/%3E%3C/svg%3E"); --img-deco-height: 44px; --img-deco-width: 50px; --img-deco-2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 91.4'%3E%3Cpath d='M82.5 81.19c.98 1.34.94 2.2-.14 3.52.22.45.1 1.31-.11 1.75-.37-.29-.15-1.05-.07-1.41-.7-.76-.28 1.1-.37 1.47 0 .76-.27 1.86-.15 2.61-.2.57-.5 1.54-.19 2.08-.77.87-.34-1.51-.4-1.76.34-1.2.25-3.15.29-4.42-.53-.19-.12 1.51-.2 1.87-.54.83-.41-1.86-.46-2.18-1.87-1.5-4-2.64-6.24-3.36-.8.04-1.88-.5-2.7-.63-.71-.2-1.6-.27-2.16-.62-1.65-.2-3.45-.5-5.08-.84-4.33-.03-2.33-1.1-2.72 2.02.3-.04.05-.01-.24.02l-.14.21-.27-.56c-.21.3-.64-.23-.93.07l.14.42c.37-.1.08-.02-.09.03s-.16.31-.01.39c-.18-.07-.65.18-.78.23-.26-.3-.24-.02-.32.17-.5.04-.44-.61-.52-.94-.58-.15-.16-1.65-.3-2.32-.53-.45-1.25-.01-1.76-.3l-.1.1c-1.46-.17-3.5-.15-4.76-.14-3.6.02-3.26.73-3.35 3.94-.8 1.55-.1-2.7-.35-3.07-1.05-1.2-2.92-.36-4.3-.3-.85.12-1.77.27-2.68.34-.52.08-1.1.43-1.64.43-2.51.15-5.03.75-7.47 1.48-.68.02-1.55.8-2.2.78-.15.08-.5.11-.64-.07l-.12.3-.3-.24c-1.63.2.23-1-.66-1.03-.26-.6-.45-.1-.36.05-.17.65-.5 1.6-.66.26.36-.79 1.25-1.42 1.25-2.34 0-.6-.06-1.25.2-1.91.29-.38.29-.73.4-1.05.14-.64.07-1.6.36-2.16l.1-.72c.24-.03.34-.12 0-.14-.12-.55.24-1.38.34-1.9-.09-.2-.13-.29.04-.44-.02-.35-.2-.74.14-.99-.1-.24-.08-.38.14-.55a3 3 0 0 1 .12-1.54c-.11-.42.14-1.02.3-1.4-.29-.12-.09-.65-.05-.87.02-2.1.16-4.7.13-6.53.2-.05.25-.32-.09-.36.15-.52-.06-1.25.06-1.78.12.2-.2-.21.06-.4-.26-.56-.2-1.3-.14-1.9.4-.88-1.84-.42-2.15-.57-1.12-.2-2.37-.14-3.45-.46-.77.25-4.86-1.24-4.34.05.37 3.32.7 6.84 1.08 10.11.15 5.04.32 10.3.36 15.3.04 1.13-.2 2.67.08 3.78-.11.8.3 2.14-.32 2.94-.2.23-.8 1.4-.9.92l-.27-.05c.36.25-.09.61-.22.17-.06-.6-.76-.34-.66.11-.39-.09-.46-.96-.7-.22a5 5 0 0 1-.41-1.35c-.21.21-.44-.13-.32-.37.59-.02.29-.03.26-.4.1-.36-.14-.76-.34-.98.27-.4.44-.39.19-.8.45-.12.47-.12.18-.05-.06-.4.05-.92-.1-1.3.03-.54.42-.97.18-1.55.39-.6.19-1.6.4-2.2-.2-4.57-1.41-9.65-4.78-12.96-.87-1.14-2.3-1.74-3.47-2.52l-.5-.08c-.1.14-.26.24-.14-.11-.38-.35-.49.62-.4.25-.12-.23-.3-.38-.51-.12-.3 0-.62-.27-.87-.07.02-.39.26-.58-.25-.46-.43-.51-1.13-.15-1.65-.44-.68-.4-3.06-.87-2.9-1.54l-.45.15-.14-.23c-.63.19-.76-.41-.23-.75.43-.2-.33-.2-.21.2-.3-.06-.43.3-.67.41-.4-.04-.04-.39-.16-.67-.22-.06-.47-.6-.45-.83l-.25-.22.04-.32-.29-.2-.23.15c-.03-.11-.35-.31-.07-.43.65.07.87.25.3-.32l-.16.25-.22-.17c.33-.3-.01-.5-.21-.63-.19-.32.66-1.35.64-1.65-.1-.2-.07-1.25.2-.8l.17-.65a6.4 6.4 0 0 1 2.64-2.15c.18-.24 0-.54.33-.29.36-.27.76-.34 1.19-.3.63-.74 2.23-.77 3.2-.77.44-.3.51-.16.85.06-.04-.6 2.71-.15 3.23-.06.49-.62 5.33 1.23 4.65.08a2 2 0 0 0-.24-1.03c.27-.18.11-.44-.03-.59.08-.14-.28-.64-.09-.8l-.3-.06.09-.29c-.02-1.27-.81-2.63-.95-3.87-.1-.3-.14-.72-.21-1 0-.1-.41-.46-.19-.63-.53-.7-.29-1.34-.61-2.1.04-.35-.07-.95-.32-.9-.1-.36.26-.46-.16-.58.06-.13-.08-.4-.13-.51.04-.25.55-.27.04-.34.28-.41-.27-.2-.4-.43.07-.2-.1-.59-.19-.75.2-.06 0-.3-.02-.39l-.31-.16.13-.38c.59-.51-.63-.88-.7-1.35l-.19-.97-.17-.07.15-.31-.35-.22c.26-.33-.14-.14-.19-.8.43-.03-.19-.3-.13-.7l.1-.1c-.2-.13-.12-.55-.14-.73-.06.1-.34.05-.4 0-.22-.2.25-.5-.13-.4.1-.1.03-.42.04-.52-.1-.13-.36-.56-.5-.7.25-.25-.26-.34-.41-.45.07-.18.37-.36 0-.3-.27-.67-.87-1.12-1.08-1.8 0-.24.2-.64.28-.85-.43-.2.14-.32.35-.42-.66-.16.42-.55.6-.76.27.32-.13.52-.27.76.16.17.54.31.1.33.17.6.72.06 1.1-.01.31-.18.8-.24 1.14-.13l-.37-.6c.38.12.12-.76.1-.9-.21.13-.04.04.2-.1.3-.03.75.47.78.76.18.05.05.2.14.46l.55.42-.2.16c.09.22.06.32.3.36.2.24.02.18-.11.22.18.39.27.86.56 1.18.02.22-.2.38.07.52-.24.17-.05.23.12.37.02.46-.54-.07-.68-.07-.25-.21-1.11-.2-.7.34-.04.57.62.93.7 1.48.22-.29 1.2-.11 1.32.23-.06.53.39 1.22.5 1.75-.1.21-.12.33.05.52.46.49.12.59.34 1.03-.01.5.28.9.38 1.33-.46.53.44.88.25 1.38.02.44.33.96.47 1.37-.15.62.28 1.23.35 1.82.43 2.3.99 4.55 1.43 6.82.21 1.27.5 2.74.74 4.01.13.44-.06 1.21.4 1.5 1 .12 10.66 2.76 10.1 1.1-.13-2.97-.3-6.04-.53-8.76-.03-1.16-.26-2.54-.37-3.71-.21-.59.1-2.05-.49-2.27.45-.24.06-.61.09-1 .12-.23.07-.95-.08-1.16-.1-.91-.08-2.04-.52-2.82a7 7 0 0 1 1.14-3.04c.78-.13 1.79-.86 2.62-.9 2.42.1 5.73-.05 8.2-.1 10.4-1.07 21.05-.9 31.48-1.23 2.17.27 6.08-1.43 7.1 1.22 1.07 1.22.89 2.99.61 4.45-.12 2.43-1.03 5.16-1.02 7.65-.27.43 1.9-3.37 2.05-3.63 3.29-4.25 10.16-3.85 10.07 2.3-.38 1.4.98-.63 1.2-.7.95-.75 1.92-1.67 2.83-2.51l.84-.6.22.48c.28.41.33.71.82.53l.1.1.24-.09.18.25c-.71.72-.28.43.34.86.14.25.6-.17.53.2.37.18-.07.5-.31.25.04.28-.05.5-.4.45-.38.11-.73.65-1.16.54 0 .28-.15.54-.47.48-1.13.43-2.52 1.62-3.73 2.47a15 15 0 0 0-2.84 3.44c.07.49-1.85 1.62-1.83 1.13-2.01-2.1 1.63-4.06 1.36-6.6.06-4.57-4.7-4.07-6.78-1.07-2.07 2.22-2.37 5.83-3.13 8.51-1.1.61-.97 1.97-.94 3 2 .5 4.6-.32 6.33.95-.3.23-.1.46.1.64.28 1.48-1.66 1.8-2.76 1.93-1.38.11-2.95.77-4.32 1.26a43 43 0 0 0-8.08 5.68c-1.49 1.68-3.51 2.34.3 2.22 7.15 1.28 9.47 8.97 7.53-2.23-.6-1.43.03-3.41 1.9-2.76.19.7 1.2 2.82.64 3.31.44.54-.5.16-.7.16.2.63.02 1.38.2 2.09.4 1.7-.2 5.01 2.06 5.47 2.93 1.87 6.4 3.41 9.96 3.01 4.73-1.36 6.8-6.86 5.63-11.14-.16-.65-.5-1.95-1.36-1.81.74-.56-.7-1.5-1.04-1.98-2.8-2.7-7.55-1.7-9.32 1.67-1.81 2.86.95 8.24 4.45 5.83 3.72-3.92-1.8-2.51.66-4.66-.39.1-.81-.06-.2-.2-1.01-1.18.45-.35 1.17-.26 1.2.19 1.73 1.93 1.9 2.94-.05.16.14.41-.18.4-.1.37 0 1-.32 1.3-.46.8-1.5 2.08-2.32 2.28-2.04 1.39-4.78.57-6.25-1.27-3.55-4.84.5-11.72 6.2-11.97.13.04 1.33.05 1.47.17.2.15.47.38.65.08.05.3.47.32.67.2.3.28.9.02 1.02.5 1.06.23 2.04 1.05 2.9 1.45 0 .15.47.47.43.65-.3.21.14.43.2.11.44.2.3.9.76 1.11.5.62.58 1.3 1.1 1.9-.61.4.51.29.07.63.07.22.39.61.53.72-.33.26.39.37-.23.4.06.3.3 0 .5.15-.16.26-.27.61-.52.23-.18.23.3.39.4.48-.23.3.15.85-.2 1.04.14-.04.45.14.4.35-.03.06-.18.25-.13.32.09.34.37 1.22-.22 1.18.25.32-.02.85.18 1.17-.26.13-.16.52-.16.75-.55.09-.38.07-.38-.3-.3-.07-.2-.04-.14.14.09.28.6.6.1.78l-.03.28c-.49-.05-.08-.95-.2-.57-.72-.3-.52.06-.22.45-.14.25.14.5.22.72-.2.25-.27-.52-.33 0-.21.27 0 .85-.48.74-.07-.39.1-.92.35-1.22-.18-.32-.41-1.03-.51-.2-.27.3.52.7-.37.58-.06.1.42.59.17.68.15.19.5.79-.03.6-.27.14-.68-.49-.66.1.2-.09.5.11.56.33.01-.14.28-.12.34-.03.04.4-.03.48-.33.8.13.52-.44.89-.79.3h.43c-.24-.28-.08-.2-.36-.3-.52-.01.09.23.08.35l-.6.46c.13.24-.14.8-.24.28-.88.51 1 0-.78 1.41-1.07.89-.16-.55-.91-.1-.58.5.72.43.14.64-.19.1-.27.22-.5.14-.08.41-.26.2-.33-.09-.4-.5-.1.32-.09.5-.2-.05-.43 0-.62.05.02.14 0 .34-.14 0-.3.26-.43.73-.85.83-.4-.3-.52-.24-.87.02-.34-.12-.61-.05-.72-.39-.33.01-.43.4-.75.22-.56.02-1.06.07-1.43-.43-.49.45-.87-.26-1.29-.08-1.81-.19-3.14-1.64-4.8-2.25-.8-.57-1.7-1.1-2.49-1.67-.13.48.04 1.15.15 1.63.57 3.32 1.3 6.48 2.54 9.62Zm-21.06-32.4c-1.09-.19-.34.03-.5.68-1.76.09-3.69-.21-5.47-.2-.49-.38-.9.58-1.35.76-.18.49.07 5.62-.42 3.17.14-4.07.26-4.21-3.83-3.43-3.1.46-2.1 2.64-2.53 4.94.12 1.76-.58.94-.27-.29-.17-1.26.71-3.44-.55-4.2-1.17-.61-.13-2.1-.32-3.09a49 49 0 0 1-.33-3.66c-.31-.95-2.39-1.29-.88-2.37 1.12-.3.32-1.62.32-2.43-.25-1.65-1.83-4.04-.14-5.08.64-.5 1.74-.16 2.48-.17.58.13 1.31-.02 1.93 0 .84-.08 1.88-.16 2.7-.38.82-1.21 1.35-.88 2.13.16-.13-.4.4-.13.58-.15-.25.39.1-.2.27-.17.32.17.67-.07.88-.3.46.4.6.13 1.04-.07.9-.1 1.95-.26 2.87-.26.14.07.5.1.66.09.33.14.54.55.78.24.12.44.41.4.5.83-.29.11-.88-.34-.52.16.24.33.61.04.89.32.32 1.24-.37 2.65-.5 3.94-.26 3.5.25 1.6 1.35 3.68 0 .46.51.3.27-.05.22-.18.44-.67.52-.92.9-1.58 1.62-3.41 2.98-4.71.07-.6.79-1.04 1.1-1.51.34-.82 1.2-1.56 1.8-2.24.52-.09.6-.7.95-1.01-.04-.12 1.4-.76.54-.8 2.7-1.18-1.47-.75-2.3-.94-5.37.04-10.91-.22-16.24.05-6.55.16-13.2.97-19.76 1.47-1.17-.08-.89.35-.6 1.27.03.98.1 3.23.06 4.23.03 4 .46 8.13 1.22 12.06.7 4.93.23 4.43 5.05 2.77 1.34-.73 2.8-1.87 2.92-3.52.54-1.29 2.26-.91 2.6.29-.03 2.36.18 4.96.43 7.32.64 4.27 1.72 8.7 2.62 12.91l.31.93c.11-.14.06-.47.02-.63-2-18.63-2.91-9.2 11.5-13.56 2.35-.96 3.2 2.07 2.14 3.8a35 35 0 0 0-.93 7.48c-.03 1.55 1.06-1.32 1.5-1.7 3.67-3.78 7.43-7.96 12.02-10.73.89-.64 2.1-1.28 3.03-1.84-3.05-.22-6.28-.51-9.29-1.08-3.67-.65-5.5-3.8-4.73-7.36.17-.5.7-2.35-.22-1.15-.86-.01-.62.86-.62 1.43.07 2.12 1.48 3.57-.66 5Zm12.4.65c3.14-.01 3.67 1.52 3.38-1.91-1.31-.53-1.87-2.43-1.77-3.7.64-4.2.85-8.53 1.05-12.75-3.85 2.15-6.85 6.18-9.37 9.76-4.31 6.88.72 8.1 6.72 8.6Zm-14.3-9.5c-.34-1.34.04-2.7-.15-4.1.6-1.14-.83-.82-1.53-.69-.87.1-2.2.1-3.05.3-.89.44-.05 4.07-.29 5.08.72-.2 5.48.39 5.03-.6m-11.48-.07c-.57 1.53 3.7.48 4.59.74-.14-.93-.4-3.96-.62-4.83-4.85.97-4.32-1.12-3.97 4.09Zm12.6 6.93c-1.44-5.9.46-4.5-6.13-4.64.2 1.11-.21 5.67 1.24 5.48 1.53.26 3.47.19 4.98.56.29-.18.62-.4.43-.78-.42.16-.42-.37-.52-.62m-12.46.12c-.03.96.34.91 1.15.8.63-.1 1.92-.05 2.49-.17l1.12.02c.12-1.2-.08-4.03-.13-5.26-1.3.14-2.69.18-3.96.46-1.18-.12-.87.6-.84 1.43.03.32.09 2.45.17 2.72M32.88 68.88c-.14 2.65-.45 5.13-.45 7.77-.15 1.79-.85 2.37 1.38 1.78 4.22-.67 8.56-1.25 12.81-1.6-.48-2.18-.48-4.47-.77-6.71-.99-6.24-2.83-12.54-3.75-18.79-.14-.68-1.85 1.14-2.38 1.24a18 18 0 0 1-5.01 1.39c1.16 5.66 2.33 11.64 3.58 17.27.37.85.17 1.36-.83 1.26-.12-.26-.4-.77-.56-1.01a393 393 0 0 0-3.29-13.83c-.8-4.3-.44 2.59-.42 3.97-.08 2.42-.1 5-.31 7.26Zm-17.33-8.44c1.19 2.4 2.58 5.22 3.34 7.8.87 3.17.29-1.12.34-2.1-.22-3.3-.31-6.69-.93-9.88.04-1.2-.3-2.26-.54-3.42a.6.6 0 0 0-.74-.27c-.43-.03-1.15-.2-1.56-.15-3.64-.36-7.89-.42-10.68 1.9-2.89 2.3 3.2 4.64 4.75 5.84 1.8 1.15 4.06 2.58 5.52 4.16.37.42 1.11 1.33 1.46 1.78-.1-1.21-1.03-2.3-1.57-3.36-.94-1.64-2.53-3.75-4.16-4.76-.68-.07-.92-.71-1.36-1.11-.36-1.18 1.55-2.9 2.54-1.9.8.72.2.62.5 1.15.92 1.31 2.15 3.02 3.09 4.32m34.33 16.25c2.06-.04 4.26-.09 6.31-.1 2.06-.16 2.17.8 2.04-1.35-.05-5.3-.46-11.3.45-16.61.07-.25.17-.79.15-1.05-1.44.27-3.45.65-4.9.9-.92.1-2.25.24-3.18.37-.36.2-1.92-.29-1.47.63.99 5.74 0 11.6.6 17.21Zm24.23 1.77c1.55.23 3.16.8 4.65 1.3.96.42-.12-1.69-.06-2.17a218 218 0 0 1-1.1-9.06c-3.37-2.31-7.2-5.34-11.55-4.26-3.3 1.6-3.04 5.32-5.29 6.07-.38 1.76.05 4.25.2 6.12.93 1 3.89.34 5.27.7 2.6.3 5.33.76 7.88 1.3Z'/%3E%3Cpath d='M65.85 16.09c-.3-.4-1.1-1.16-1.64-1.3-.22-.24-.64-.77-1-.8-1.15-1.43-2.8-2.48-4.1-3.78-.4-.31-1.05-1.16-1.3-1.46-.23.34-.45-.62-1.12-.71a2.5 2.5 0 0 0-1.3-1.33c-1.69-2.23-3.07-.56-4.4 1.03l-.64.43-.08-.04c-.23.16-.6 1.14-.9.5 0 .59-.7.96-1.11 1.26-.31.68-.37.62-.94.92-.3.5-.82.92-1.32 1.18-.23.31-.6.76-.94.94a252 252 0 0 1-14.8 13.34c-2.43 2.07-5.08 4.24-7.38 6.46-.03.25-.04.64-.32.17-1.02.26-.26 2.89-.52 3.84-.48-.46-.27-2.92-.38-3.76-2.34-.3-.44-2.7.74-3.65 4.85-3.8 9.36-8.01 13.82-11.98.32-.25.82-.57.9-.99.38-.22.9-.44.9-.93.49.33.37-.46.82-.6q.35-.2.28-.56c.48-.07.66-.6 1.02-.85.5-.31.68-.97 1.4-.76.09-.12.26-.4.32-.54-.49.06-.4-.55.06-.4-.25-.58 1.02-.38 1.22-.85-.6-.05-.36-.15.02-.4 0-.4.37-.62.72-.71.15-.26.5-.56.8-.62-.28-.35.16-.51.38-.74-.34-.31.52-.54.53-.91.37-.07.82-.36.92-.73.49.96.13-.2.98.15-.9-.79.2-1.46 1-1.63.13-.55-.6-.62.15-.95 0 .32.37.42.76.3-1.37-.3.11-.36.48-.11l-.12-.3c-.2 0-.69-.16-.82.12-.25-.2-.25-.36.09-.48.17-.08.5-.51.71-.53-.77.1.93-1.33 1.05-1.4-.17-.14.1-.24.2-.3-.3-.14-.6-.3-.1-.5.19-.12.4-.72.72-.46.5-.75.97-.87 1.69-.37.4.07 1.08-.12 1.33.28.74-.28 1.1-.06 1.64.52l-.57.13c.06.12.74.1.71.28l-.61.27c.22.1.78-.03.82.32q-.59 0-.31.02c.64.15 1.38.59.55 1.1.39.08.66.92.83.27.9.2.03.53.72.5.48.68.1.1 0 .74.6.1.61.62 0 .66.37.08 1.18.1.1.3.36.28.94.46 1.36.57l-.07.15.48.26c-.37.3.4.4.58.6-.32.22-.37.04-.48.36.2.02 1-.17 1.15.05.04.33-.4.13-.6.17l.34.37c.76-.43.87.38 1.38.66-.09.19-.18.36-.03.07l.46.25c-.02.3.3.4.36.7.18.36.71.42.98.7.03.6.54.95.92 1.31.27-.3.33.25.44.4.54-.09 1.12 1.39.96.03.12-1.85-1.66-3.8-.62-5.56.4-.48 1.15-1.87 1.64-1.4.4-.26 1.04.08 1.46.14.57-.25 1.5.46 2.16.21.7 0 1.5 0 2.2-.22.47-.13 1.38.08 1.71-.35.55-.46.3.43 1.33.75 1.54 1.12.68 3.27.43 4.68-.38 1.22-.4 2.6-.62 3.95-.1 1.82.23 3.76.55 5.55.05 1.55.42 1.14 1.27 2.2.4.01.76.4 1 .7.6.33 1.25.79 1.78 1.22 1.51.95 2.96 2.3 4.6 2.95-.06.34.43.4.66.42-.43.11-.1.45.14.2-.11.82 1.85.95 1.81 1.42.37.15.84.92 1.12.3.32.34.88.9 1.36 1.02.1.1.29.27.08.08 0 .24.09.73.15.97.29 0 .4.62-.01.33.61.78-.29.7-.44 1.41-.84-.97-1.02 1.03-3.26-1.25-2.93-1.77-5.38-4.34-8.38-6.08-.35-.24-3.23-2.87-3.29-2.15-.01.3-.03 1.57-.35.76.24-1.4-.8-2.22-1.95-2.84l-2.08-1.64c-.84-.55-1.72-1.27-2.55-1.82-.8-.87-.37.85-.37 1.27-.4.94-.5-1.2-.52-1.51-.63-.56-1.04-1.6-1.9-1.97Zm8.31 1.44c-.35-2.42-.34-5.1-.15-7.53.1-.59.4-1.8-.6-1.26-.17-.12-.66.02-.84.06-.13-.13-.26-.17-.4-.03-2.12-.01-3.3-1.06-2.98 1.76.18 1.52-.68 4.56.9 5.4.31.92.48.03.79.6.93.26.08.5.88.76 1.25.67 3.02 3.21 2.4.24Z'/%3E%3Cpath d='M51.7 26.73c-2.93.6-10.35-.38-5.42-4.22 2.26-1.63 5.12-2.1 7.83-2.4 1.55-.1 3.33-1.12 4.38.43l.55-.02c-.6.4.66.76.97.9 2.25.31 1.62 3.4-.4 3.65-2.5.96-5.25 1.32-7.9 1.65Zm2.62-2.23c5.4-.9 4.15-1.4-.22-1.94-.15-.16-.28-.2-.44-.03-.38-.21-.92-.08-1.31.05-.9.32-2.07.4-2.9.89-5.03 2 3.4 1.2 4.87 1.03M97.76 35.9c-.32-.06-.65-.12-.6-.52.14-.04.56.23.5-.07-.24-.15-.42-.69-.14-.88.41.18.98-.16.73.49.44.57.19.94-.49.97M56.3 71.97a9 9 0 0 0-.24-3.48c-.16-.14-.52-.53-.78-.44-.43-.45-.62-1.34-.24-1.87.11-.38 1.08-1.63 1.19-.81.97-.4 1.77 1.4 1.45 2.27a2.4 2.4 0 0 0-.97 2.49c-.06.4.21 2.11-.42 1.83Z'/%3E%3C/svg%3E"); --img-deco-2-width: 100px; --img-deco-2-height: 91.4px; --img-deco-3: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='267 203 210 85'%3E%3Cpath d='M459.27 236.02c-13.56-6.85-33.82-16.32-54.81-21.28s-43.74-7-71.87-6.27-43.73 4.52-49.13 6.42c-5.39 1.9-5.68 3.79-2.91 4.52s6.85 1.02 29.45-2.2c22.6-3.2 42.7-2.03 42.7-2.03-39.64.29-68.5 15.16-76.67 22.45-8.16 7.29-4.66 15.3 6.12 23.9s30.32 16.19 53.8 19.68 61.07 2.05 86.44-3.06 45.63-13.55 44.31-23.9c-1.3-10.35-13.84-18.52-13.84-18.52s13.26 5.4 17.2 7.58c3.93 2.19-.1-1.88-10.79-7.29m-1.75 20.41c-4.08 6.56-31.49 17.64-62.1 20.12s-54.52 2.48-81.93-4.96c-27.4-7.43-34.87-20.4-34.54-24.63.87-11.23 36.3-22.6 60.35-25.66s62.54-1.9 84.26 4.67c21.72 6.56 38.04 23.9 33.96 30.46'/%3E%3C/svg%3E"); --img-deco-3-width: 740px; --img-deco-3-height: 493px; /* Image de fond des section inner */ --bg-image1: url("/wp-content/uploads/2026/06/statistique.svg"); --bg-image2: url("/wp-content/themes/theme-mag/assets/images/femme-clef.svg"); --bg-image3: url("/wp-content/themes/theme-mag/assets/images/remise-clef.svg"); --bg-image4: url("/wp-content/themes/theme-mag/assets/images/forme2.svg"); --bg-height: 1000px; --before-bullet-size: 30px; --before-number-size: 80px; --pastille-height : 200px; --pastille-width : 200px; --img-height : 600px; --img-width : 600px; --block-progress-bar-min-height: 600px; --block-progress-bar-max-height: 900px; .e-con:not([class*=is-style-]):not([class*=is-style-] *){ --b-heading: var(--wp--preset--color--dark); --b-heading-alt: var(--wp--preset--color--accent-1); } /* Overide les couleurs du badge en version sombre */ --eco-badge-dark-background: var(--wp--preset--color--dark); --shadow-color-rgb: 76 105 235; /* Ne pas modifier les valeurs en clamp */ --container-padding-x: clamp(16px, 3vw, 60px); --logo-width-fluid: clamp(var(--logo-width-min), 15vw, var(--logo-width-max)); } header{ &.is-style-switcher-brand{ --b-bg: var(--wp--preset--color--accent-1); --b-heading: var(--wp--preset--color--white); --b-nav: var(--wp--preset--color--dark); .bandeau.is-sticky-header:not(scrolled) { & .nav-menu, & .menu-item > a { --b-nav: var(--wp--preset--color--white); color: var(--b-nav); } } .banner-title{ --b-heading: var(--wp--preset--color--white); color: var(--b-heading); } } &.is-style-accent-1{ --b-bg: var(--wp--preset--color--accent-1); --b-heading: var(--wp--preset--color--white); .bandeau.is-sticky-header:not(scrolled) { & .nav-menu, & .menu-item > a { --b-nav: var(--wp--preset--color--white); color: var(--b-nav); } } } &.is-style-switcher-accent-3{ --b-bg: var(--wp--preset--color--accent-3); --b-heading: var(--wp--preset--color--dark); background-color: var(--b-bg); --b-nav: var(--wp--preset--color--dark); .bandeau.is-sticky-header:not(scrolled) { & .nav-menu, & .menu-item > a { --b-nav: var(--wp--preset--color--dark); color: var(--b-nav); } } } &.is-style-switcher-accent-2{ --b-bg: var(--wp--preset--color--accent-2); --b-nav: var(--wp--preset--color--white); --b-heading: var(--wp--preset--color--white); --b-nav: var(--wp--preset--color--dark); background-color: var(--b-bg); .bandeau.is-sticky-header:not(scrolled) { & .nav-menu, & .menu-item > a { --b-nav: var(--wp--preset--color--white); color: var(--b-nav); } } } &.is-style-switcher-accent-4{ --b-bg: var(--wp--preset--color--accent-4); --b-nav: var(--wp--preset--color--dark); --b-heading: var(--wp--preset--color--dark); --b-nav: var(--wp--preset--color--dark); background-color: var(--b-bg); .bandeau.is-sticky-header:not(scrolled) { & .nav-menu, & .menu-item > a { --b-nav: var(--wp--preset--color--dark); color: var(--b-nav); } } } &.is-style-switcher-gradient-1{ --b-bg: var(--wp--preset--color--gradient-1); --b-nav: var(--wp--preset--color--dark); --b-heading: var(--wp--preset--color--dark); --b-nav: var(--wp--preset--color--dark); background-color: var(--b-bg); .bandeau.is-sticky-header:not(scrolled) { & .nav-menu, & .menu-item > a { --b-nav: var(--wp--preset--color--dark); color: var(--b-nav); } } } &.is-style-switcher-dark{ .bandeau.is-sticky-header:not(scrolled) { & .nav-menu, & .menu-item > a { --b-nav: var(--wp--preset--color--white); color: var(--b-nav); } } } /* Réinitialiser la couleur des liens en mode sticky */ &[class*=is-style-]{ .bandeau.is-sticky-header.scrolled { --b-nav: var(--wp--preset--color--dark); & .nav-menu, & .menu-item > a { --b-nav: var(--wp--preset--color--dark); color: var(--b-nav); } } } } body a:focus, body button:focus { outline: 3px solid var(--wp--preset--color--brand-light-40); outline-offset: 2px; box-shadow: 0 0 0 5px rgba(114 101 233); } header#site-header.site-header{ position:relative; &::before{ top: calc(-1 * (var(--header-height) + (var(--space-sm) * 2))); content: ""; position: absolute; width: 100%; height: calc(var(--header-height) + (var(--space-sm) * 2)); } } .site-header.is-style-switcher-brand{ background-color: var(--wp--preset--color--accent-1)!important; } /* Couleur du before */ .site-header.is-style-switcher-dark, .site-header.is-style-switcher-dark .bandeau:not(.scrolled){ &::before { background-color: var(--wp--preset--color--dark); } } .site-header.is-style-switcher-brand, .site-header.is-style-switcher-brand .bandeau:not(.scrolled){ &::before { background-color: var(--wp--preset--color--accent-1)!important; } } .site-header.is-style-switcher-accent-2, .site-header.is-style-switcher-accent-2 .bandeau:not(.scrolled){ &::before { background-color: var(--wp--preset--color--accent-2); } } .site-header.is-style-switcher-accent-3, .site-header.is-style-switcher-accent-3 .bandeau:not(.scrolled){ &::before { background-color: var(--wp--preset--color--accent-3); } } .site-header.is-style-switcher-accent-4, .site-header.is-style-switcher-accent-4 .bandeau:not(.scrolled){ &::before { background-color: var(--wp--preset--color--accent-4); } } .site-header.is-style-switcher-gradient-1, .site-header.is-style-switcher-gradient-1 .bandeau:not(.scrolled){ &::before { background-color: var(--wp--preset--color--gradient-1); } } /* Couleur du logo */ header.is-style-switcher-dark .mag-logo-wrap__default use, header.is-style-switcher-accent-1 .mag-logo-wrap__default use, header.is-style-switcher-brand .mag-logo-wrap__default use, header.is-style-switcher-accent-2 .mag-logo-wrap__default use{ filter: invert(100%); } header.is-style-switcher-accent-3 .mag-logo-wrap__default use, header.is-style-switcher-accent-4 .mag-logo-wrap__default use, header.is-style-switcher-gradient-1 .mag-logo-wrap__default use { filter: var(--filter-dark); } /* Modifier la couleur du logo smartphone hors scroll*/ @media (max-width: 782px) { header.is-style-switcher-dark .bandeau:not(.scrolled) .mag-logo-wrap__scroll .mag-sprite-icon--logo-scroll use, header.is-style-switcher-accent-1 .bandeau:not(.scrolled) .mag-logo-wrap__scroll .mag-sprite-icon--logo-scroll use, header.is-style-switcher-brand .bandeau:not(.scrolled) .mag-logo-wrap__scroll .mag-sprite-icon--logo-scroll use, header.is-style-switcher-accent-2 .bandeau:not(.scrolled) .mag-logo-wrap__scroll .mag-sprite-icon--logo-scroll use{ filter: invert(100%) brightness(100); } header.is-style-switcher-accent-3 .bandeau:not(.scrolled) .mag-logo-wrap__scroll .mag-sprite-icon--logo-scroll use, header.is-style-switcher-accent-4 .bandeau:not(.scrolled) .mag-logo-wrap__scroll .mag-sprite-icon--logo-scroll use, header.is-style-switcher-gradient-1 .bandeau:not(.scrolled) .mag-logo-wrap__scroll .mag-sprite-icon--logo-scroll use { filter: brightness(0) var(--filter-dark); } } .bandeau { & #site-navigation.is-open { .menu-item > a { --b-nav: var(--wp--preset--color--white); color: var(--b-nav); } } } #banner{ position:relative; &::before{ position:absolute; width:100%; height:100%; } &.is-style-switcher-brand{ background-color: var(--wp--preset--color--accent-1)!important; } &.is-style-switcher-accent-2{ background-color: var(--wp--preset--color--accent-2) !important; } &.is-style-switcher-accent-3{ background-color: var(--wp--preset--color--accent-3) !important; } &.is-style-switcher-accent-4{ background-color: var(--wp--preset--color--accent-4) !important; } &.is-style-switcher-gradient-1{ background-color: var(--wp--preset--color--gradient-1) !important; } } @media (max-width: 782px) { .image-switcher__item img { padding-top:var(--space-xxl); opacity: 1!important; object-fit: contain; scale: 2; } } #banner{ position:relative; .banner-content{ padding-bottom: calc(1 * (var(--header-height) + (var(--space-sm) * 2))); .banner-diapo-text{ position:absolute; z-index:-1; left:10%; } } &[class*=is-style-]{ .banner-content{ position:relative; &::before{ content: ""; top:0; position:absolute; margin-top: var(--space-xl); background-repeat: no-repeat; z-index: -1; @media (max-width: 782px) { left: 0; opacity:.5; top: calc(-1 * var(--space-xl)); } @media (min-width: 783px) { left: 35%; } } } } &.is-style-switcher-accent-2{ .banner-content{ &::before{ filter: var(--filter-brand); background-image: var(--img-deco-2); transform: rotate(345deg); width: 400px; height: 400px; } } } &.is-style-switcher-accent-4{ .banner-content{ &::before{ filter: invert(100%); background-image: var(--img-deco-2); width: 400px; height: 400px; opacity: .4; } } } &.is-style-switcher-accent-3{ .banner-content{ &::before{ filter: var(--filter-accent-2); background-image: var(--img-deco-2); transform: rotate(345deg); width: 400px; height: 400px; } } } &.is-style-switcher-brand{ .banner-content{ &::before{ filter: var(--filter-accent-2); background-image: var(--img-deco); transform: rotate(345deg); width: 500px; height: 500px; @media (min-width: 783px) { left: 5%!important; } } } } &.is-style-switcher-gradient-1{ .banner-content{ &::before{ filter: invert(100%); background-image: var(--img-deco); transform: rotate(345deg); width: 500px; height: 500px; } } } } main{ .is-style-light{ --b-heading: var(--wp--preset--color--dark)!important; --b-heading-alt: var(--wp--preset--color--accent-1)!important; } .is-style-brand.lighten:not(.is-sticky-header){ --b-heading: var(--wp--preset--color--dark); --b-heading-alt: var(--wp--preset--color--accent-1); --b-bg: var(--wp--preset--color--brand-light-90); } .is-style-dark.lighten{ --b-bg: var(--wp--preset--color--accent-1); --b-heading-alt: var(--wp--preset--color--gradient-1); } .is-style-light.recolor-gradient-1{ --b-bg: var(--wp--preset--color--gradient-1); --b-heading: var(--wp--preset--color--accent-1); } .is-style-light.recolor-accent-4{ --b-bg: var(--wp--preset--color--accent-4); } .is-style-light.recolor-accent-3{ --b-bg: var(--wp--preset--color--accent-3); } .is-style-dark.recolor-accent-2{ --b-bg: var(--wp--preset--color--accent-2); } .is-style-accent-1{ --b-bg: var(--wp--preset--color--accent-1)!important; --b-heading: var(--wp--preset--color--white)!important; --b-heading-alt: var(--wp--preset--color--gradient-1)!important; } .card-theme-accent-1 { --card-heading: var(--wp--preset--color--dark); --card-bg: var(--wp--preset--color--accent-1-light-90); } [class*=is-style-].progress-bar, [class*=is-style-].progress-bar2{ span.chiffre{ --b-heading-alt: var(--wp--preset--color--dark); } } .is-style-gradient-1{ } .is-style-gradient-1{ --b-bg: var(--wp--preset--color--gradient-1); --b-heading: var(--wp--preset--color--dark); --b-heading-alt: var(--wp--preset--color--accent-1)!important; background-color: var(--b-bg); .elementor-button{ --b-btn-bg: var(--wp--preset--color--dark)!important; --b-btn-text: var(--wp--preset--color--white)!important; } strong, b{ color: var(---b-heading-alt); } .elementor-widget-text-editor{ strong, b{ color: var(--b-heading-alt); } } } } /* ───────────────────────────────────────────────────── Resets des fichiers Elementor ──────────────────────────────────────────────────────── */ header#site-header.site-header{ padding-block-end: 0; padding-block-start: 0; padding-inline-start: 0; padding-inline-end:0; } body a{ color:unset; } .e-con[class*=is-style]{ [type=button], [type=submit], button{ color:inherit !important; border:1px solid inherit !important; } } [type=button], [type=submit], button{ color:inherit !important; border:1px solid inherit !important; } /* ───────────────────────────────────────────────────── Paramétrages du thème ──────────────────────────────────────────────────────── */ .elementor-widget-tm-flexible-card { .tm-card-item.card-theme-default.card-style-default { --card-border: var(--wp--preset--color--accent-1-light-50); --card-bg: var(--wp--preset--color--accent-1-light-90); --card-heading: var(--wp--preset--color--accent-1); --card-text: var(--wp--preset--color--text); } } .type-post.status-publish{ .elementor-post__text{ height: stretch; --card-shadow: none; --card-border: var(--wp--preset--color--accent-1-light-50); --card-bg: var(--wp--preset--color--accent-1-light-90); --card-heading: var(--wp--preset--color--accent-1); --card-text: var(--wp--preset--color--text); background-color: var(--card-bg); color: var(--card-text); border-width: var(--card-border-width, 1px); border-style: var(--card-border-style, solid); border-color: var(--card-border); border-radius: var(--card-radius); box-shadow: var(--card-shadow); padding: var(--card-padding); .elementor-post__title, h3.elementor-post__title, h3{ color: var(--card-heading); font-size: var(--wp--preset--font-size--sm); margin-bottom: 0.5em; a{ color: var(--card-heading); } } .elementor-post__meta-data{ color: var(--wp--preset--color--text-light-20); font-size: calc(0.9 * var(--wp--preset--font-size--xs)); } } } .scroll-text-container { overflow: hidden; /* Pour ne pas avoir de barre de défilement horizontale */ width: 100%; padding:var(--wp--preset--spacing--80); } .scrolling-text { white-space: nowrap; font-size: var(--wp--preset--font-size--xxl); font-weight: 700; /* On utilise la variable --progress que le JS va mettre à jour */ /* On déplace de 100% (droite) vers -100% (gauche) par exemple */ transform: translateX(calc(100% - (var(--progress) * 200%))); will-change: transform; } .eco-badge-container-light{ background-color: var(--body-background); } .bg, .text-left, .text-right, .bridge, .parallax{ --background-overlay: ""; &:not(.is-reverse){ > *{ @media (max-width: 1023px){ --flex-direction: column; } } } } .e-con.e-grid > .e-con-inner:has(.logo img) { padding-top: 0; padding-bottom: 0; } body{ background-color: var(--body-background); } main{ @media (max-width:782px) { padding-inline: var(--container-padding-x); } /* img:is([sizes=auto i],[sizes^="auto," i]){ contain-intrinsic-size:revert; }*/ h2.elementor-heading-title, h2{ font-size: calc(0.9 * var(--wp--preset--font-size--lg)); } } .e-con.e-parent{ .logo{ width: var(--logo-content); height: var(--logo-content); align-items: center; align-content: center; margin: 0 auto; background-color: var(--wp--preset--color--accent-1-light-40); img{ border-radius: 0; background-color: transparent; padding: var(--space-sm); } } } .e-con:not([class*=is-style-]):not([class*=is-style-] *), .is-style-light{ strong{ color: var(--wp--preset--color--accent-1); } .elementor-widget-text-editor{ strong{ color: var(--wp--preset--color--accent-1); } } } @media (min-width: 920px) and (max-width: 1225.98px) { .e-con.e-con-boxed > .e-con-inner { --row-gap: var(--space-sm); } } /* ───────────────────────────────────────────────────── Modification de la couleur des boutons ──────────────────────────────────────────────────────── */ main{ .e-con:not(.cta *)[class*=is-style-]{ .elementor-button:not(.my-custom-card *):not(.has-gradient *):not(.is-secondary):not(.has-gradient), [class*=is-style-] .btn-mag:not(.my-custom-card *):not(.has-gradient *):not(.is-secondary):not(.has-gradient) { --b-btn-bg: var(--wp--preset--color--gradient-1); --b-btn-text: var(--wp--preset--color--dark); } } } /* ───────────────────────────────────────────────────── Paramétrages du border radius du bandeau menu isboxed si topbar existant ──────────────────────────────────────────────────────── */ body:has(.site-topbar), body.has-topbar{ .bandeau.is-sticky-header.is-boxed{ border-radius: 0; } #banner.is-boxed{ border-top-left-radius: 0; border-top-right-radius: 0; .image-switcher, .image-switcher__item{ border-top-left-radius: 0; border-top-right-radius: 0; } } } body:has(.signature.is-boxed){ .site-footer.is-boxed{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .signature.is-boxed{ border-top-left-radius: 0; border-top-right-radius: 0; } } body.has-signature{ .site-footer.is-boxed{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .signature.is-boxed{ border-top-left-radius: 0; border-top-right-radius: 0; } } /* ───────────────────────────────────────────────────── Paramétrages de la signature ──────────────────────────────────────────────────────── */ .eco-badge-dark{ background-color: var(--eco-badge-dark-background); border:1px solid var(--eco-badge-dark-background); box-shadow: 0 0 15px rgba(128 182 233, 0.1); } /* Topbanner en mode boxed */ .signature.is-boxed { border-top-left-radius:0; border-top-right-radius:0; } /* ───────────────────────────────────────────────────── Paramétrages de la top banner ──────────────────────────────────────────────────────── */ .site-topbar-inner { justify-content:flex-end; gap: var(--space-xs); } /* Topbanner en mode boxed */ .site-topbar.is-boxed { border-bottom-left-radius:0; border-bottom-right-radius:0; } /* ───────────────────────────────────────────────────── Paramétrages du footer ──────────────────────────────────────────────────────── */ body footer.site-footer.is-boxed, .site-footer{ @media (max-width: 782px) { padding-top: var(--space-xl); } padding-inline: var(--container-padding-x); padding: var(--container-padding-x); } body footer.site-footer.is-boxed:not(.dynamic-footer){ overflow: visible; } /* Modifier l'ordre des colonnes de footer section */ .footer-contact-info{ order:1; } .footer-cta{ order:2; } .footer-social-wrap{ order:4; } .footer-hours{ order:3; } /* Alignement des textes */ .site-footer h3, .site-footer p{ @media (max-width: 919px) { text-align: center; } @media (min-width: 920px) { text-align: left; } } .footer-cta .btn{ min-width:230px; } /* Styles du logo footer */ .site-footer img { @media (max-width: 919px) { height: auto; margin: 0 auto; width: var(--logo-width-max); } @media (min-width: 920px) { height: auto; width: var(--logo-width-fluid); } } /* Styles du fallback logo footer */ .site-footer .mag-logo-text { font-family: var(--font-titles); font-size: var(--space-md); font-weight: 600; justify-content:center; } /* Taille des titres */ .footer-title{ font-size: calc(0.9 * var(--wp--preset--font-size--md)); } /* Taille des textes */ .site-footer p, .footer-address .adress, .footer-tel a, .footer-email a{ font-size: calc(0.9 * var(--wp--preset--font-size--xs)); @media (max-width: 919px) { justify-content: center; } } .site-footer .footer-tel, .site-footer .footer-email { display: flex; align-items: center; @media (max-width: 919px) { justify-content: center; } } .footer-tel .btn-wrap{ @media (max-width: 919px) { text-align: center; } .btn{ min-width:250px; } } /* Taille des icones */ .footer-contact-info { .footer-icon { width: 16px; height: 16px; svg { width: 16px; height: 16px; } } } .footer-brand{ @media (max-width: 919px) { gap: var(--space-md); flex-direction: column; margin-top: var(--space-xl); } @media (min-width: 920px) { gap: var(--space-md); justify-content: space-between; } } .footer-config-wrap { flex-grow: 0.8; @media (max-width: 919px) { flex-direction: column; } @media (min-width: 920px) { display: grid; grid-auto-flow: row; gap: var(--space-md); /* Par défaut : marque + 1 colonne optionnelle (2 colonnes) */ grid-template-columns: repeat(2, auto); /* 2 colonnes optionnelles présentes → 3 colonnes */ &:has(.footer-contact-info):has(.footer-cta):has(.footer-hours):not(:has(.footer-social-wrap)), &:has(.footer-contact-info):has(.footer-cta):has(.footer-social-wrap):not(:has(.footer-hours)), &:has(.footer-contact-info):has(.footer-hours):has(.footer-social-wrap):not(:has(.footer-cta)) { grid-template-columns: repeat(3, auto); } /* 3 colonnes optionnelles présentes → 4 colonnes (dès 920px, pas besoin d'un 2e breakpoint) */ &:has(.footer-contact-info):has(.footer-cta):has(.footer-hours):has(.footer-social-wrap) { grid-template-columns: repeat(4, auto); } } /* Si 4 colonnes deviennent trop serrées sur écran moyen, on peut les repasser à 2 lignes de 2 */ @media (min-width: 920px) and (max-width: 1224px) { &:has(.footer-contact-info):has(.footer-cta):has(.footer-hours):has(.footer-social-wrap) { grid-template-columns: repeat(2, auto); } } } /* les 4 colonnes s'empilent aussi .footer-brand .footer-config-wrap { grid-template-columns: 1fr; }*/ /* Colonnes dans le footer */ .footer-section{ display: flex; flex-direction: column; margin: 0 auto; gap: var(--space-xs); @media (max-width: 919px) { align-items:center; } @media (min-width: 920px) { align-items:flex-start; } } /* Styles des colonnes d'adresse */ .footer-address, .footer-tel, .footer-email, .social-links-wrap { gap: var(--global-gap); @media (max-width: 919px) { justify-content:center; } @media (min-width: 920px) { justify-content:flex-start; } } /* Styles de la colonne d'adresse */ .footer-address{ .footer-icon { margin-top: 6px; @media (max-width: 782px) { left: calc(-1 * var(--space-sm)); } } .adress { min-width: 0; width:auto; } } /* 100% de largeur sur les colonnes d'adresse et d'horaire */ .footer-section{ @media (max-width: 919px) { padding-block: var(--space-md); } width:100%; } /* Barre de footer */ .footer-bar { padding-block: var(--space-xs); #footer-navigation { text-align: center; padding: var(--space-xs) 0; .footer-nav{ display:flex; justify-content: center; @media (max-width: 782px) { flex-direction: column; } @media (min-width: 783px) { flex-direction: row; } .menu-item{ padding: var(--btn-default-pv, var(--space-xs)) var(--btn-default-ph, var(--space-md)); } } } .footer-signature { justify-content: center; } } /* ───────────────────────────────────────────────────── Paramétrages du header ──────────────────────────────────────────────────────── */ /* Hauteurs */ body:not(.elementor-editor-active){ header #banner.site-banner { margin-top: calc(var(--header-height) + (var(--space-sm) * 2) - 2px); } } header #banner.site-banner { @media (max-width: 1379px){ max-height: var(--banner-max-height); min-height: var(--banner-min-height); } @media (min-width: 1380px) and (max-width: 1545px){ max-height: calc(var(--banner-max-height) - 6vh); min-height: calc(var(--banner-max-height) - 6vh); } @media (min-width: 1546px){ max-height: calc(var(--banner-max-height) - (var(--banner-max-height)) / 4); min-height: calc(var(--banner-max-height) - (var(--banner-max-height)) / 4); } } header #barre-menu { min-height: var(--header-height); } /* Taille des boutons toggle */ .nav-toggle-open, .nav-toggle-close { color: var(--b-bg); background-color: var(--b-nav); width: var(--header-items-size); height: var(--header-items-size); > svg { fill: var(--b-bg); stroke: var(--b-bg); } &:hover, &:focus { background-color: var(--b-nav); color: var(--b-bg); } } .bandeau { .mag-logo-wrap { position: relative; } &.scrolled #barre-menu{ @media (max-width: 919px) { justify-content: space-between; } } #barre-menu { padding-inline: var(--container-padding-x); justify-content: space-between; @media (max-width: 919px) { gap: var(--global-gap); } @media (min-width: 920px) and (max-width: 1225px){ gap: calc(var(--global-gap) / 2); } @media (min-width: 1226px) { gap: var(--global-gap); } } #barre-menu .site-navigation-wrapper { @media (max-width: 1225px) { gap: var(--global-gap); } @media (min-width: 1226px) { gap: var(--space-sm); } .header-elements-wrapper { gap: var(--global-gap); .header-cta { gap: var(--global-gap); } } } .nav-menu, .menu-item > a { text-decoration: none; font-weight: 400; font-family: var(--font-titles); @media (max-width: 919px) { font-size: var(--wp--preset--font-size--sm); gap: var(--global-gap); } @media (min-width: 920px) and (max-width: 1225px) { font-size: calc(0.9 * var(--wp--preset--font-size--xs)); gap: var(--space-xs); } @media (min-width: 1226px) and (max-width: 2559px){ font-size: calc(1 * var(--wp--preset--font-size--xs)); gap: var(--space-xs); } @media (min-width: 2560px) { font-size: var(--wp--preset--font-size--xs); gap: var(--space-xs); } } .sub-menu { gap: var(--global-gap); .menu-item-has-children & { min-width: var(--nav-submenu-width); } } #site-navigation.is-open { align-items: center; .nav-menu, .sub-menu { gap: var(--global-gap); } .menu-item > a { font-size: var(--wp--preset--font-size--md); text-align: center; justify-content: center; } } } body header .site-banner { .banner-content { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; @media (max-width: 782px) { width: 100%; padding-left: var(--space-md); padding-top: 0; padding-right: var(--space-md); padding-bottom: var(--space-md); position: absolute; text-align: center; gap: var(--space-sm); } @media (min-width: 783px) { /*padding: var(--space-xxl) var(--space-md) 0 var(--space-md);*/ position: absolute; gap: var(--space-sm); } .diapo-cta-buttons { display: flex; flex-wrap: wrap; gap: var(--global-gap); @media (max-width: 782px) { justify-content: center; } @media (min-width: 783px) { justify-content: center; } .btn{ min-width:200px; display: flex; justify-content: center; } } .banner-diapo-text { @media (max-width: 782px) { font-size: var(--wp--preset--font-size--sm); } @media (min-width: 783px) { font-size: var(--wp--preset--font-size--sm); } } } } body{ header .site-banner .banner-content { .banner-title { @media (max-width: 782px) { align-items: center; text-align: center; width: 100; } @media (min-width: 783px) { text-align: left; width: 70%; } h1{ font-weight: 400; font-size: var(--wp--preset--font-size--xxl); line-height: normal; font-family: var(--font-titles); span { font-family: var(--font-body); font-size: var(--wp--preset--font-size--xxl); } } } .banner-cta { margin-top: var(--global-gap); @media (max-width: 782px) { justify-content: center; } @media (min-width: 783px) { justify-content: flex-start; } } .banner-diapo-text, .diapo-cta-container{ @media (max-width: 782px) { margin:0 auto; } @media (min-width: 783px) { margin:0; } } .diapo-cta-container{ padding-top: var(--space-xs); } } } header { .mag-logo-wrap { height: var(--header-height); width: var(--logo-width-fluid); } .site-brand-text{ font-family: var(--font-titles); font-size: var(--wp--preset--font-size--md); font-weight: 600; } .mag-logo-wrap .mag-logo-wrap__default { width: var(--logo-width-fluid); } .mag-logo-wrap .mag-logo-wrap__scroll { height: var(--logo-height); padding: calc(var(--space-md) - var(--space-xs)) 0; .mag-logo--scroll{ width: auto; height: calc(var(--logo-height) - calc(calc(var(--space-md) - var(--space-xs))) * 2); } } .bandeau.is-sticky-header.scrolled { .mag-logo-wrap__scroll { height: var(--logo-height); .mag-logo--scroll{ width: auto; height: var(--logo-height); padding: calc(var(--space-md) - var(--space-xs)) 0; } } } } .header-social-wrap{ flex-direction: column; .social-links-wrap { flex-direction: row; } } body header#site-header.site-header.is-boxed { @media (min-width: 783px) { .banner-content, .image-switcher__nav { padding-inline: var(--container-padding-x); } #barre-menu { padding-inline: var(--container-padding-x); } } @media (min-width: 920px) { margin-top: var(--space-md); } } body:not(.is-recolor-global) .footer-brand .mag-sprite-icon{ /*fill: #000000;*/ filter: var(--filter-brand)!important; } @media (max-width: 900px) { body:not(header, footer) .e-grid.e-con-boxed > .e-con-inner { grid-template-columns: 1fr; } .e-con-full.e-flex:has(.elementor-widget-button) { flex-wrap: wrap; } .e-grid:has(.elementor-widget-tm-accordion-card), .e-con.e-flex:has(.elementor-widget-tm-accordion-card) { align-items: start; } } /* Parallax */ header .site-banner.has-parallax { .image-switcher{ position:absolute!important; } .image-switcher__item img { @media (min-width: 783px) { mask-image: linear-gradient(to bottom, black 75%, transparent 90%); -webkit-mask-image: linear-gradient(to bottom, black 75%, transparent 90%); } } } /* Image switcher */ .image-switcher{ position:absolute; } .image-switcher__nav { position: absolute; display: flex; justify-content: center; padding-block: 1rem; width: 100%; left: 0; bottom: 3vh; z-index: 3; } .image-switcher__dots { gap: 1rem; } .image-switcher__dot { width: 1rem; height: 1rem; border-radius: 50%; } /* Picto réseaux sociaux */ .header-social-wrap{ .social-links-wrap { justify-content: space-around; gap: var(--global-gap); } } .elementor-button span, .elementor-button a, .elementor-button .elementor-button-text, .card-link.is-style-filled, .card-link.is-style-secondary{ font-weight: 400; } /* Coloration du logo */ /* Base : toujours appliqué, dès le premier paint */ header .bandeau .mag-logo-wrap { @media (min-width: 782px){ height: var(--logo-content, 40px); /* fallback si var pas encore chargée */ } width: var(--logo-content, 40px); } header .bandeau .mag-logo-wrap__default { height: var(--logo-content, 40px); width: var(--logo-content, 40px); padding: var(--space-sm, 0); } header .bandeau.is-style-accent-1 .mag-logo-wrap__default use { opacity: 1; will-change: opacity; transition: opacity .2s ease; /* évite aussi le flash lors du scroll */ } header .bandeau.is-style-accent-1.scrolled .mag-logo-wrap__default use { opacity: 0; } header .bandeau.scrolled .mag-logo-wrap { height: var(--logo-height, 100px); /* fallback si var pas encore chargée */ } /* ───────────────────────────────────────────────────── Classe d'animation ──────────────────────────────────────────────────────── */ .reveal-on-scroll { opacity: 0; transform: translateY(100px); transition: opacity 0.6s ease-out 0.30s, transform 0.6s ease-out 0.30s; } .reveal-on-scroll.is-revealed { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { .reveal-on-scroll { transition: none; opacity: 1; transform: none; } } /* ██████ ██ ██████ ██████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██████ ██ ██ ██ ██ █████ ██ ██ ██ ██ ██ ██ ██ ██ ██████ ███████ ██████ ██████ ██ ██ */ .text-left, .text-right{ min-height: var(--block-min-height); } /* Gestion des largeurs .text-left, .text-right{ }*/ .is-style-dark.lighten{ .counters { display: flex; gap: var(--space-md); flex-wrap: wrap; justify-content: space-between; } .counter-item { display:flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: var(--space-md); color: var(--wp--preset--color--dark); } .counter-value { font-size: var(--wp--preset--font-size--xl); font-weight: bold; background-color: var(--wp--preset--color--gradient-1); border-radius: 50%; display:flex; align-items: center; justify-content: center; min-width: 150px; min-height: 150px; max-width: 150px; max-height: 150px; } .counter-label { font-size: var(--wp--preset--font-size--xs); color: var(--b-text); max-width: 200px; } } /* Blocks standard */ #map{ @media (max-width: 781px){ gap:0; } .elementor-widget-text-editor{ width:100%; } .elementor-widget-html{ &::before{ display:none; } } .map-container{ flex:1; @media (min-width: 920px){ min-width:530px; max-width:530px; } } .agency-list-section{ @media (max-width: 781px){ margin-top:var(--space-sm); } } .map-svg, .agency-pin svg, .agency-panel__content svg{ filter:none; } .map-layout{ display:flex; align-items: center; justify-content: space-between; @media (max-width: 781px){ flex-direction: column; } @media (min-width: 782px){ flex-direction:row; } @media (min-width: 920px){ gap: var(--space-sm); } .map-container{ @media (min-width: 782px){ padding: var(--space-sm); } } .agency-panel{ flex:1; padding: var(--space-sm); .agency-info{ margin-top: var(--space-sm); } .agency-info__item { align-items: center; } } } } .elementor-widget-shortcode{ width:100%; } .e-con.e-flex>.e-con-inner{ position: relative; z-index: 1; /* Passe au-dessus du ::after du main */ } .e-con.e-parent:not([class*="is-style"]) { &:has(.elementor-widget-image) { position: relative; z-index: 1; } } .e-con[class*="is-style"]{ .elementor-heading-title, .elementor-widget-text-editor h2{ span.cadre{ position: relative; display: inline-block; overflow: visible; &::before{ content: ""; position: absolute; background-image: var(--img-deco-3); background-size: contain; background-repeat: no-repeat; background-position: center; width: 330%; height: 230%; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-10deg); z-index: -1; filter: var(--filter-accent-3); opacity: .5; } } } } /* ── blocks avec grids ── */ .e-con[class*=progress-bar]{ .e-con-inner{ justify-content:center; gap: var(--space-lg); } @media (max-width: 1545px){ gap: var(--space-sm); min-height: var(--block-progress-bar-min-height); } @media (min-width: 1546px){ gap: var(--space-md); min-height: var(--block-progress-bar-max-height); } @media (min-width: 782px){ /* Barre positionnée sur la grille (ignore le texte) */ .e-con.flex-dir-row { position: relative; align-items: flex-start !important; &::before, &::after { content: ""; position: absolute; left: 0; top: calc(var(--before-number-size) / 2); /* 40px — moitié exacte du cercle */ height: 3px; pointer-events: none; } &::before { width: 100%; background-color: currentColor; opacity: 0.15; z-index: 1; } &::after { width: calc(var(--band-progress, 0) * 100%); background-color: var(--line-color, var(--wp--preset--color--primary)); z-index: 2; transition: width 1s ease-in-out; } } &.is-style-light, &.is-style-brand.lighten{ --line-color: var(--wp--preset--color--accent-1); } &.is-style-brand, &.is-style-dark.lighten, &.is-style-accent-1{ --line-color: var(--wp--preset--color--gradient-1); } h3.elementor-heading-title, h3{ font-size: var(--wp--preset--font-size--xs); display: inline-flex; flex-direction: column; span.chiffre { font-size: var(--wp--preset--font-size--sm); position: relative; z-index: 5; display: inline-flex; align-items: center; justify-content: center; width: var(--before-number-size); height: var(--before-number-size); flex-shrink: 0; border-radius: 50%; margin-bottom: var(--wp--preset--spacing--20); background-color: var(--wp--preset--color--gradient-1); } } } @media (max-width: 781px){ .e-con{ &::before, &::after{ display:none; } } &::before, &::after{ display:none; } } } /* ── progress-bar : layout uniquement, la barre est gérée ailleurs ── */ .e-con.progress-bar { display:flex; flex-direction: column; align-items: flex-start; overflow: hidden; &::before, &::after{ top:calc(50% + var(--space-sm)); } .e-con-inner .e-con.e-child { gap: var(--space-sm); .e-con.e-child { align-items: flex-start; /* height: stretch; */ height:100%; h3{ display: flex; flex-direction: column; span.chiffre{ width: var(--before-number-size); height: var(--before-number-size); margin-bottom: var(--space-xs); } } } } } /* ── progress-bar2 : barre dans la grille enfant ────── */ .progress-bar2 { overflow: visible; /* Annule toute barre héritée du parent */ &::before { display: none !important; } .e-con { align-items: flex-start; height: stretch; .elementor-heading-title { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; height: stretch; span.chiffre { position: relative; z-index: 5; display: inline-flex; align-items: center; justify-content: center; width: var(--before-number-size); height: var(--before-number-size); flex-shrink: 0; border-radius: 50%; margin-bottom: var(--wp--preset--spacing--20); } } } @media (max-width: 919px){ .e-con::before, .e-con::after { display: none !important; } } } .e-con[class*=is-style-]:not([class*=progress-bar]){ .flex-dir-row .flex-dir-col{ h3.elementor-heading-title, h3{ font-size: var(--wp--preset--font-size--sm); line-height: normal; } .elementor-widget-shortcode{ margin: 0 auto; .elementor-shortcode{ text-align: center; } } } } /* ── block avec image ────── */ .bg{ position:relative; overflow:hidden; &::after{ content: ""; display: block; background-repeat: no-repeat; background-size: cover; background-image: var(--img-deco); transform: rotate(345deg); position: absolute; width: auto; height: 100vh; width: 100vh; top: 50%; overflow: visible; } &.yellow{ &::after{ filter: var(--filter-accent-3); } } &.peach{ &::after{ filter: var(--filter-gradient-1); } } &.pink{ &::after{ filter: var(--filter-accent-2); } } &.text-right{ .e-con-inner > .e-con:first-of-type { @media (max-width: 781px){ width: 100%; } @media (min-width: 782px){ margin-right: 40vh; } @media (min-width: 920px){ margin-right: 30vh; } } } &.image1{ &::after{ background-image: var(--bg-image1); } } &.image2{ &::after{ background-image: var(--bg-image2); } } &.text-left::after { @media (max-width: 781px) { background-position: top; } @media (min-width: 782px) and (max-width: 919px) { background-position: -200px; } @media (min-width: 920px) { background-position: -20vh; } } &.text-right::after { @media (max-width: 781px) { display:none; } @media (min-width: 782px) and (max-width: 919px) { background-position: 200px; } @media (min-width: 920px) { background-position: 100vh; } } } .elementor-widget-tm-flexible-card{ overflow:visible; } /* ── block bridge ────── // Sélecteurs communs titre + contenu avec .slide-on-scroll */ .bridge { position: relative; overflow: hidden; flex-direction: column; .elementor-widget-image{ position:absolute; img{ filter:none!important; opacity:1!important; } } .slide-on-scroll, .slide-on-scroll p{ margin: 0; font-weight: 200; position: relative; z-index: 1; span{ position:relative; &::before{ content: ""; position: absolute; background-image: var(--img-deco-2); width: calc(var(--img-deco-2-width) * 3); height: calc(var(--img-deco-2-height) * 3); z-index: -1; top: calc(var(--space-lg) * -1); left: calc(var(--space-xxl) * -1); transform: rotate(345deg); filter: invert(100%); opacity: .2; } } @media (min-width: 782px) { font-size: var(--wp--preset--font-size--xxl)!important; text-align: left; } @media (max-width: 781px) { font-size: var(--wp--preset--font-size--xl)!important; text-align: center; } } } /* Modifier la couleur de la maison .bridge.is-style-dark{ & .slide-on-scroll, & .slide-on-scroll p { & span { &::before { filter: var(--filter-accent-4); } } } } .bridge.is-style-dark.lighten{ & .slide-on-scroll, & .slide-on-scroll p { & span { &::before { filter: var(--filter-accent-3); } } } } .bridge.is-style-light.recolor-gradient-1{ & .slide-on-scroll, & .slide-on-scroll p { color: var(--wp--preset--color--accent-1)!important; & span { &::before { filter: var(--filter-accent-3); } } } } */ .block-article-modele { overflow:hidden; .elementor-heading-title{ text-align: center; margin:0 auto; } & > .elementor-widget-shortcode { width: 100%; } & > .e-con-inner { display: flex ; flex-direction: column !important; align-items: flex-start; /* Pour éviter que les éléments ne s'étirent sur toute la largeur */ /* Optionnel : ajouter un gap entre le titre et le shortcode */ gap: var(--wp--preset--spacing--20, 20px); } .elementor-contenu-principal p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } } .cta { margin: 0; padding: 0; text-align: center; .elementor-button { @media (min-width: 920px) { &:first-child { text-align: right; } &:last-child { text-align: left; } } @media (max-width: 919px) { width: 100%; } } } .e-grid.eco-grid{ display:flex; gap: var(--space-md); align-items: stretch; flex-wrap: nowrap; padding-top: var(--space-md); padding-bottom: var(--space-md); @media (max-width: 781px) { flex-direction: column; } .card-elevated{ height: stretch; --card-shadow: none; --card-border: var(--wp--preset--color--accent-1-light-50); --card-bg: var(--wp--preset--color--accent-1-light-90); --card-heading: var(--wp--preset--color--accent-1); --card-text: var(--wp--preset--color--text); background-color: var(--card-bg); color: var(--card-text); border-width: var(--card-border-width, 1px); border-style: var(--card-border-style, solid); border-color: var(--card-border); border-radius: var(--card-radius); box-shadow: var(--card-shadow); padding: var(--card-padding); gap: var(--card-gap); .content-wrapper{ h3{ font-size: var(--wp--preset--font-size--xs); line-height: normal; } p{ font-size: var(--wp--preset--font-size--xs); } } } } /* Gestion des éléments décoratifs */ .deco{ &:not(.img-broken){ position: relative; overflow: visible; /* Element décoratif */ &::after{ background-size: contain; background-repeat: no-repeat; position: absolute; content: ""; top: 0; left: 0; z-index: -1; background-image: var(--img-deco); height: 100%; width: 100%; filter: var(--filter-accent-4); } &.orange{ &::after{ filter: var(--filter-accent-4); opacity: .2; } } &.yellow{ &::after{ filter: var(--filter-accent-3); } } &.pink{ &::after{ filter: var(--filter-accent-2); } } &.peach{ &::after{ filter: var(--filter-gradient-1); } } } } /* Exceptions décorations */ .img-broken{ &::after{ display:none; } img::after{ display:none; } } /* Carte de France */ .agency-panel{ &.deco{ position:relative; overflow: visible; /* Element décoratif */ &::after{ background-size: contain; background-repeat: no-repeat; position: absolute; content: ""; top: 0; left: 25%; z-index: -1; scale: 1.5; background-image: var(--img-deco); height: 100%; width: 100%; filter: var(--filter-accent-4); } } &.yellow{ &::after{ filter: var(--filter-accent-3); } } } /* Override carte */ .agency-panel__empty svg { opacity: 1; filter: var(--filter-accent-2); } .agency-panel__content{ .agency-panel__name, .agency-panel__city{ color: var(--wp--preset--color--accent-1)!important; font-weight: 800; } } .agency-link-btn svg:first-child{ width: 14px; height: 14px; } /* Gestion du bridge */ .e-con.bridge{ @media (max-width: 1545px){ gap: var(--space-sm); min-height: var(--block-bridge-min-height); } @media (min-width: 1546px){ gap: var(--space-md); min-height: var(--block-bridge-max-height); } overflow: hidden; position: relative; border-radius: 0; align-items: center; justify-content: center; > * { position: relative; z-index: 1; text-align: center; } .text{ @media (max-width: 919px){ width: 100%; } @media (min-width: 920px) and (max-width: 1023px){ width: 80%; } @media (min-width: 1226px) and (max-width: 1545px){ width: var(--block-text-xl-width, 60%)!important; } @media (min-width: 1546px){ width: var(--block-text-max-width, 65%)!important; } @media (min-width: 2560px){ padding-right: var(--space-xl); } } h2, h2.elementor-heading-title { text-align: center; } .e-con { justify-content: center; } } /* Gestion des pastilles */ .e-con.e-child.pastille{ position: relative; height: stretch; overflow: visible; &::before{ content: ""; background-image: var(--bg-image1); background-size: cover; display: block; position:absolute; background-repeat:no-repeat; /*width: var(--img-width); height: var(--img-height);*/ top:0; } .elementor-widget-text-editor { width: var(--pastille-width); height: var(--pastille-height); background-color: var(--wp--preset--color--gradient-1); border-radius: 50%; gap:0; color: var(--wp--preset--color--dark); /*overflow: hidden; //overflow-wrap: break-word; //overflow: clip;*/ display:flex; align-items: center; justify-content: center; flex-direction: column; padding:0; margin-top: var(--space-xl); text-align: center; /*line-height:0;*/ p{ margin:0; text-align: center; display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center; height: 100%; text-align: center; } span{ display:block; font-weight: 600; font-size: clamp(10px, var(--wp--preset--font-size--md) * 1, var(--wp--preset--font-size--md)); } } } /* Gestion du parallax sur le bridge */ .bridge.has-parallax{ gap:0; border-radius: 0; text-align: center; h2, h2.elementor-heading-title{ text-align: center; margin:0 auto; } .is-big p{ font-size: var(--wp--preset--font-size--xxl); } .e-con{ justify-content: center; } .e-con-inner{ display:flex; justify-content: center; } .parallax img{ opacity:.8; filter:brightness(.8) } } main{ /* Exceptions parallax */ .e-con.bridge.has-parallax .e-con.e-child{ flex:none; } } /* Formulaires */ .e-con[class*="is-style"] { .wpcf7-form { [type=button], [type=submit], button { color: var(--b-btn-text)!important; } } } .wpcf7-form { background-color: var(--wp--preset--color--brand-light-90); margin: var(--space-sm) auto; padding: var(--space-md); border-radius: var(--card-radius); box-shadow: var(--card-shadow); font-family: var(--font-body); label { display: block; margin-bottom: var(--space-sm); font-weight: 600; color: var(--wp--preset--color--text); } input[type="text"], input[type="email"], input[type="tel"], select, textarea { padding: var(--space-xs) var(--space-sm); margin-top: calc(var(--space-xs) / 2); min-height: var(--space-md); font-size: var(--wp--preset--font-size--xs); border: 1px solid var(--wp--preset--color--text); border-radius: var(--global-radius); background-color: var(--wp--preset--color--white); &:focus { border-color: var(--wp--preset--color--black); } } textarea { max-height: var(--space-xl); } input[type="submit"] { width: 100%; cursor: pointer; transition: background-color 0.3s ease, outline 0.2s ease, box-shadow 0.2s ease; } } /* Messages d'erreur formulaire */ .wpcf7-not-valid-tip { color: var(--error); font-size: 0.9em; font-weight: normal; display: block; margin-top: var(--space-xs); } /* Exceptions formulaires */ .wpcf7-response-output{ color: var(--wp--preset--color--text)!important; background-color: transparent!important; border:none!important; } /* ███████ ████████ ██ ██ ██ ███████ ███████ ██ ██ ██ ██ ██ ██ ██ ███████ ██ ████ ██ █████ ███████ ██ ██ ██ ██ ██ ██ ███████ ██ ██ ███████ ███████ ███████ */ main{ margin:0 auto; /*padding-top: var(--container-padding-x); padding-bottom: var(--container-padding-x);*/ padding-inline: 0; } .e-con:not(.bridge):not([class*=is-style]) { border-radius: 0; } .card{ overflow: visible; } .tm-card-item[class*=card-theme]{ position: relative; z-index: 1; overflow: visible; box-shadow: none; .card-title{ @media (max-width: 782px) { font-size: calc(1.2 * var(--wp--preset--font-size--md)); } @media (min-width: 783px) { font-size: var(--wp--preset--font-size--xs); } } } header .bandeau.is-sticky-header.scrolled{ box-shadow: var(--btn-default-sh); } .site-header{ overflow: visible; } .site-header[class*=is-style] { &::before { /*background: var(--wp--preset--color--gradient-1);*/ @media (max-width: 782px) { top: calc(-1 * var(--header-height-xs)); height: calc(100% + var(--header-height-xs)); } @media (min-width: 783px) { top: calc(-1 * var(--header-height)); height: calc(100% + var(--header-height)); } } &.is-boxed { &::before { @media (min-width: 783px) { top: var(--space-md); height: calc(100% + var(--header-height)); } } } } .bg:not([class*=is-style]){ @media (min-width: 783px) { &::before{ content: var(--background-overlay); background-image: var(--block-bg); background-repeat: no-repeat; background-position: top; opacity: .6; } } &.text-left{ &::before{ background-position: 60%; } } &.text-right{ &::before{ background-position: 40%; } } } .elementor-widget-tm-flexible-card{ .tm-card-item.card-structure-editor{ .card-body { img[src$=".svg"] { width: 33.33%; } } } } .modele-cta{ /* .e-con-inner{ @media (max-width: 782px) { height: var(--block-bridge-min-height); } @media (min-width: 783px) { height: var(--block-bridge-max-height); } }*/ .elementor-widget-template{ @media (max-width: 782px) { height: calc(var(--block-bridge-min-height) + var(--space-lg)); } } &.is-style-light{ --b-bg: var(--wp--preset--color--gradient-1); background-color: var(--b-bg); } .cta{ .e-con-inner{ justify-content: center; @media (max-width: 1545px){ gap: var(--space-md); min-height: var(--block-bridge-min-height); } @media (min-width: 1546px){ gap: var(--space-lg); min-height: var(--block-bridge-max-height); } } &.is-style-light{ --b-bg: var(--wp--preset--color--gradient-1); --b-btn-bg: var(--wp--preset--color--dark); --b-btn-text: var(--wp--preset--color--white); background-color: var(--b-bg); .elementor-button{ --b-btn-bg: var(--wp--preset--color--dark)!important; --b-btn-text: var(--wp--preset--color--white)!important; } } } } /* ───────────────────────────────────────── HOVER COLORÉ PAR RUBRIQUE (nth-child) ───────────────────────────────────────── */ header .menu-item > a { --btn-default-rd: var(--radius-xs); --btn-default-pv: var(--space-xs); --btn-default-ph: var(--space-xs); display: flex; transition: color 0.3s ease, background-color 0.3s ease; position: relative; color: inherit; border-radius: var(--btn-default-rd, 0); padding: var(--btn-default-pv, var(--space-xs)) var(--btn-default-ph, var(--space-md)); } #menu-header.nav-menu > .menu-item:nth-child(1) > a:hover { background-color: var(--wp--preset--color--accent-4); color: var(--wp--preset--color--white) !important; } #menu-header.nav-menu > .menu-item:nth-child(2) > a:hover { background-color: var(--wp--preset--color--accent-2); color: var(--wp--preset--color--black) !important; } #menu-header.nav-menu > .menu-item:nth-child(3) > a:hover { background-color: var(--wp--preset--color--black); color: var(--wp--preset--color--white) !important; } #menu-header.nav-menu > .menu-item:nth-child(4) > a:hover { background-color: var(--wp--preset--color--accent-3); color: var(--wp--preset--color--black) !important; } #menu-header.nav-menu > .menu-item:nth-child(5) > a:hover { background-color: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--white) !important; } #menu-header.nav-menu > .menu-item:nth-child(6) > a:hover { background-color: var(--wp--preset--color--gradient-1); color: var(--wp--preset--color--black) !important; } .footer-brand { .mag-sprite-icon{ width: var(--logo-width-min); height: var(--logo-width-min); @media (max-width: 919px) { margin: 0 auto; } } @media (min-width: 782px) and (max-width: 919px){ flex-direction: row; margin-top: var(--space-md); } @media (min-width: 920px) { gap: var(--space-sm); } } .footer-section { @media (min-width: 920px) { align-items: center; } } .footer-contact-info{ @media (max-width: 919px) { flex-direction: column!important; } display: flex; flex-direction: row; justify-content: center; gap: var(--space-md); .footer-title{ margin-top:0.5rem; } } .site-footer .footer-address { align-items: center; gap: var(--space-md); span.footer-icon{ --b-text: var(--wp--preset--color--dark); width:60px; height:60px; background-color: var(--wp--preset--color--gradient-1); border-radius: 50%; display:flex; align-items: center; justify-content: center; line-height: 0; color: var(--b-text); } .adress{ text-align: left; @media (min-width: 920px) { display:flex; /* br{ display:none; }*/ } } } .footer-config-wrap { @media (min-width: 920px) { grid-template-columns: 1fr; } }