@font-face { font-family: 'Manrope'; src: url('https://amikanin.fr/wp-content/uploads/fonts/Manrope-Regular.woff2') format('woff2'); font-weight: 100 450; font-display: optional; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('https://amikanin.fr/wp-content/uploads/fonts/Manrope-SemiBold.woff2') format('woff2'); font-weight: 451 650; font-display: optional; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('https://amikanin.fr/wp-content/uploads/fonts/Manrope-Bold.woff2') format('woff2'); font-weight: 651 1000; font-display: optional; font-style: normal; } /* Champs de formulaire : hauteur tactile confortable sur mobile */ .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form select, .wpcf7-form textarea { min-height: 44px; padding: 10px 14px; font-size: 16px; } /* ---- STRUCTURE DE L'EN-TÊTE ---- Ces règles DOIVENT être dans le . Déclarées dans le widget, elles s'appliquent après le premier rendu et décalent toute la page. */ body { padding-top: 80px; } .am-site-header { background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.05); position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; } .am-container { max-width: 1280px; margin: 0 auto; padding: 0 1.5rem; display: flex; align-items: center; justify-content: space-between; height: 80px; } .am-logo-img { height: 50px; width: 120px; object-fit: contain; } html { scroll-padding-top: 80px; /* hauteur de .am-site-header */ scroll-padding-bottom: 71px; /* hauteur de .am-actionbar */ } @media (min-width: 1201px) { /* la barre d'action est masquée au-dessus de 1200px : pas de réserve en bas */ html { scroll-padding-bottom: 0; } } @media (max-width: 1200px) { .am-nav-list { visibility: hidden; transition: right .3s ease-in-out, visibility 0s linear .3s; } .am-nav-list.active { visibility: visible; transition: right .3s ease-in-out, visibility 0s linear 0s; } } /* Sans animation, la bascule est immédiate dans les deux sens. */ @media (max-width: 1200px) and (prefers-reduced-motion: reduce) { .am-nav-list, .am-nav-list.active { transition: none; } }