/* --- global-reset --- */ * { margin: 0; /*Supprime marge, padding et utilise 100% du body*/ padding: 0; box-sizing: border-box; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .main_wrapper { overflow: clip; /*Evite le scrolling horizontal*/ } a, /* Cible le- liens */ .w-input, /* Cible les input de formulaires */ .w-select, /* Cible les selecteurs de formulaires */ .w-tab-link, /* Cible les liens d'éléments tab */ .w-nav-link, /* Cible les liens de navigation */ .w-dropdown-btn, /* Cible les dropdowns */ .w-dropdown-toggle, /* Cible les boutons de dropdowns */ .w-dropdown-link /* Cible les liens de dropdowns */ { color: inherit; font-size: inherit; text-decoration: inherit; } /*ul, ol { padding: 0 !important; }*/ /*.collection-item:nth-child(3) Stylise un élément unique du CMS, ici le 3ème enfant .collection-item-child { styles } .collection-item:nth-child(4n+2) Stylise un élément du CMS à intervalle régulier, ce code focus le second élément de chaque interval de 4 .collection-item-child { styles }*/ /* --- menu-button --- */ .navbar_menu_button { position: relative; width: 40px; height: 40px; } .navbar_menu_button .icon-menu, .navbar_menu_button .icon-close { position: absolute; inset: 0; transition: opacity 0.25s ease, transform 0.25s ease; } .navbar_menu_button.w--open ~ .navbar_overlay { opacity: 1; visibility: visible; } /* État fermé */ .navbar_menu_button .icon-menu { opacity: 1; transform: rotate(0deg) scale(1); } .navbar_menu_button .icon-close { opacity: 0; transform: rotate(-45deg) scale(0.8); } /* État ouvert */ .navbar_menu_button.w--open .icon-menu { opacity: 0; transform: rotate(45deg) scale(0.8); } .navbar_menu_button.w--open .icon-close { opacity: 1; transform: rotate(0deg) scale(1); } .w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] { z-index: 6 !important; } /* --- mobile-reveal-fix --- Sur tablette/mobile (breakpoints Webflow "medium/small/tiny", <= 991px), les interactions IX3 d'entrée (grid_inner, offers_card, featured_logo_wrap, svg_wrap.is-trust, g-vegetables) sont configurées en "dont-animate" : Webflow ne joue jamais l'animation de révélation sur ces breakpoints, ce qui laisse les éléments bloqués dans leur état de départ invisible au lieu de les afficher statiquement. On force donc l'état final visible sur mobile/tablette. Le sélecteur ci-dessous reprend exactement celui posé par Webflow dans le