Télécommande AccuAir e-level+
* { margin: 0; padding: 0; box-sizing: border-box; } body { line-height: 1.6; color: #333333 !important; background: #f5f5f5; } .wrapper { max-width: 1100px; margin: 0 auto; backgr ound: #fff; box-shadow: 0 0 40px rgba(0,0,0,0.15); border-radius: 14px; overflow: hidden; position: relative; } /* ── BUBBLES ──────────────────────────────── */ .bg-bubbles { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; overflow: hidden; } .bubble { position: absolute; bottom: -150px; border-radius: 50%; animation: rise linear infinite; filter: blur(2px); } .bubble.p { background: radial-gradient(circle, rgba(156,0,255,.35) 0%, rgba(156,0,255,.08) 70%, transparent 100%); } .bubble.y { background: radial-gradient(circle, rgba(254,216,3,.45) 0%, rgba(254,216,3,.1) 70%, transparent 100%); } .bubble.m { background: radial-gradient(circle, rgba(224,12,255,.35) 0%, rgba(224,12,255,.08) 70%, transparent 100%); } @keyframes rise { 0% { bottom: -150px; transform: translateX(0) scale(1); opacity: 0; } 15% { opacity: .55; } 85% { opacity: .25; } 100% { bottom: 110%; transform: translateX(60px) scale(1.6); opacity: 0; } } /* ── HEADER ──────────────────────────────── */ .header { background: linear-gradient(135deg, #0d0d0d 0%, #1c0030 50%, #9c00ff 100%); color: #fff !important; padding: 65px 40px 55px; text-align: center; position: relative; z-index: 1; border-bottom: 4px solid #9c00ff; } .header .badge { display: inline-block; background: #fed803; color: #333 !important; font-size: .75em; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; padding: 5px 16px; border-radius: 30px; margin-bottom: 22px; } .header h1 { font-size: clamp(1.9em, 4.5vw, 3.2em); font-weight: 800; text-transform: uppercase; letter-spacing: -.5px; margin-bottom: 10px; } .header h1 span { color: #fed803 !important; } .header .sub { font-size: 1.15em; opacity: .85; max-width: 680px; margin: 0 auto 30px; } .header .ref-box { display: inline-flex; align-items: center; gap: 10px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); padding: 8px 22px; border-radius: 30px; font-size: .9em; color: rgba(255,255,255,.85) !important; } .header .ref-box strong { color: #fed803 !important; } /* ── INTRO BANNER ────────────────────────── */ .intro-banner { background: linear-gradient(90deg, #9c00ff 0%, #e00cff 100%); color: #fff !important; padding: 25px 40px; font-size: 1.15em; font-weight: 600; text-align: center; position: relative; z-index: 1; } .intro-banner span { background: rgba(0,0,0,.2); padding: 3px 12px; border-radius: 20px; font-size: .9em; margin-left: 10px; font-weight: 400; } /* ── SECTIONS ────────────────────────────── */ .section { padding: 55px 45px; position: relative; z-index: 1; } .section-alt { background: #fafafa; } .section-title { font-size: 1.75em; font-weight: 800; color: #333 !important; border-left: 5px solid #9c00ff; padding-left: 16px; margin-bottom: 30px; text-transform: uppercase; letter-spacing: -.3px; } .section-title span { color: #9c00ff !important; } /* ── BOUTONS SCHÉMA ──────────────────────── */ .touchpad-layout { background: linear-gradient(135deg, #0d0d0d, #1c0030); border-radius: 20px; padding: 45px 40px; margin-top: 10px; border: 1px solid rgba(156,0,255,.3); display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; } .tp-schema { display: flex; flex-direction: column; align-items: center; gap: 16px; } .tp-schema-title { color: #fed803 !important; font-size: .8em; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 4px; } .tp-buttons-row { display: flex; gap: 12px; align-items: center; } .tp-btn { width: 52px; height: 52px; background: linear-gradient(135deg, #9c00ff, #e00cff); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #fff !important; font-size: 1.1em; font-weight: 800; box-shadow: 0 4px 16px rgba(156,0,255,.5); flex-shrink: 0; } .tp-btn.yellow { background: linear-gradient(135deg, #fed803, #e6c200); color: #333 !important; box-shadow: 0 4px 16px rgba(254,216,3,.4); } .tp-btn.small { width: 40px; height: 40px; font-size: .85em; } .tp-btn-label { color: rgba(255,255,255,.7) !important; font-size: .8em; text-align: center; margin-top: 6px; } .tp-sep { width: 2px; height: 40px; background: rgba(255,255,255,.15); border-radius: 2px; } .tp-desc { color: #fff !important; } .tp-desc h3 { font-size: 1.2em; font-weight: 800; color: #fed803 !important; margin-bottom: 16px; text-transform: uppercase; letter-spacing: .5px; } .tp-desc ul { list-style: none; display: flex; flex-direction: column; gap: 12px; } .tp-desc ul li { font-size: .93em; opacity: .85; display: flex; align-items: flex-start; gap: 10px; line-height: 1.5; } .tp-desc ul li::before { content: "→"; color: #9c00ff !important; font-weight: 700; flex-shrink: 0; } /* ── FEATURE GRID ────────────────────────── */ .feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 22px; margin-top: 10px; } .feature-card { background: #fff; border-radius: 14px; padding: 28px 24px; text-align: center; box-shadow: 0 3px 18px rgba(156,0,255,.1); border: 1px solid rgba(156,0,255,.12); transition: transform .2s, box-shadow .2s; } .feature-card:hover { transform: translateY(-4px); box-shadow: 0 8px 30px rgba(156,0,255,.2); } .feature-icon { font-size: 2.4em; margin-bottom: 14px; display: block; } .feature-card h3 { font-size: 1em; font-weight: 700; color: #333 !important; margin-bottom: 8px; text-transform: uppercase; letter-spacing: .3px; } .feature-card p { font-size: .9em; color: #666 !important; line-height: 1.55; } /* ── MODES GRID ──────────────────────────── */ .modes-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 10px; } .mode-card { background: #fff; border-radius: 14px; padding: 28px 24px; box-shadow: 0 3px 18px rgba(156,0,255,.08); border-top: 4px solid #9c00ff; } .mode-card.yellow { border-top-color: #fed803; } .mode-card.magenta { border-top-color: #e00cff; } .mode-card h3 { font-size: 1.05em; font-weight: 800; color: #333 !important; margin-bottom: 10px; text-transform: uppercase; letter-spacing: .3px; display: flex; align-items: center; gap: 10px; } .mode-card h3 .ico { font-size: 1.3em; } .mode-card p { font-size: .92em; color: #666 !important; line-height: 1.6; } /* ── MONTAGE OPTIONS ─────────────────────── */ .mount-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 10px; } .mount-card { background: linear-gradient(135deg, #0d0d0d, #1c0030); color: #fff !important; border-radius: 14px; padding: 28px 20px; text-align: center; border: 1px solid rgba(156,0,255,.25); } .mount-card .m-icon { font-size: 2.2em; margin-bottom: 12px; display: block; } .mount-card h3 { font-size: .95em; font-weight: 700; color: #fed803 !important; text-transform: uppercase; letter-spacing: .4px; margin-bottom: 8px; } .mount-card p { font-size: .87em; opacity: .75; line-height: 1.5; } /* ── SPEC TABLE ──────────────────────────── */ .spec-table { width: 100%; border-collapse: collapse; margin-top: 10px; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 14px rgba(0,0,0,.07); } .spec-table thead tr { background: linear-gradient(90deg, #9c00ff, #e00cff); color: #fff !important; } .spec-table thead th { padding: 14px 22px; text-align: left; font-weight: 700; font-size: .95em; text-transform: uppercase; letter-spacing: .5px; } .spec-table tbody tr:nth-child(even) { background: #f5f0ff; } .spec-table tbody tr:nth-child(odd) { background: #fff; } .spec-table tbody td { padding: 13px 22px; border-bottom: 1px solid #eee; font-size: .95em; color: #444 !important; } .spec-table tbody td:first-child { font-weight: 600; color: #333 !important; } /* ── DELIVERY LIST ───────────────────────── */ .delivery-list { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; margin-top: 10px; } .delivery-list li { background: #fff; border-radius: 10px; padding: 16px 20px; display: flex; align-items: center; gap: 14px; box-shadow: 0 2px 12px rgba(0,0,0,.06); border: 1px solid #eee; font-size: .95em; color: #444 !important; } .delivery-list li .icon { width: 36px; height: 36px; background: linear-gradient(135deg, #9c00ff, #e00cff); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1.1em; flex-shrink: 0; } /* ── WARN / INFO BOX ─────────────────────── */ .warning-box { background: #fff8e1; border-left: 5px solid #fed803; border-radius: 10px; padding: 20px 24px; margin-top: 24px; display: flex; align-items: flex-start; gap: 14px; } .info-box { background: #f5f0ff; border-left: 5px solid #9c00ff; border-radius: 10px; padding: 20px 24px; margin-top: 24px; display: flex; align-items: flex-start; gap: 14px; } .warning-box .w-icon, .info-box .w-icon { font-size: 1.5em; flex-shrink: 0; margin-top: 2px; } .warning-box p, .info-box p { font-size: .95em; color: #555 !important; line-height: 1.6; } .warning-box p strong, .info-box p strong { color: #333 !important; } /* ── FAQ ─────────────────────────────────── */ .faq-list { margin-top: 10px; } .faq-item { background: #fff; border-radius: 12px; margin-bottom: 14px; box-shadow: 0 2px 12px rgba(0,0,0,.06); overflow: hidden; } .faq-q { padding: 18px 24px; font-weight: 700; color: #333 !important; display: flex; align-items: center; gap: 12px; } .faq-q::before { content: "Q"; background: linear-gradient(135deg, #9c00ff, #e00cff); color: #fff !important; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .85em; font-weight: 800; flex-shrink: 0; } .faq-a { padding: 0 24px 18px 66px; font-size: .95em; color: #666 !important; line-height: 1.65; } /* ── CTA ─────────────────────────────────── */ .cta-section { background: linear-gradient(135deg, #0d0d0d 0%, #1c0030 50%, #9c00ff 100%); color: #fff !important; padding: 55px 40px; text-align: center; position: relative; z-index: 1; overflow: hidden; } .cta-section h2 { font-size: clamp(1.5em, 3.5vw, 2.4em); font-weight: 800; text-transform: uppercase; margin-bottom: 14px; } .cta-section h2 span { color: #fed803 !important; } .cta-section p { font-size: 1.05em; opacity: .85; margin-bottom: 32px; max-width: 550px; margin-left: auto; margin-right: auto; } .cta-btn { display: inline-block; background: linear-gradient(135deg, #fed803, #e6c200); color: #333 !important; font-weight: 800; font-size: 1.1em; padding: 16px 44px; border-radius: 50px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; transition: transform .2s, box-shadow .2s; box-shadow: 0 6px 25px rgba(254,216,3,.4); } .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 35px rgba(254,216,3,.55); } @media (max-width: 720px) { .section { padding: 40px 24px; } .header { padding: 50px 24px 40px; } .intro-banner { padding: 20px 24px; font-size: 1em; } .cta-section { padding: 50px 24px; } .touchpad-layout { grid-template-columns: 1fr; } .mount-grid { grid-template-columns: 1fr 1fr; } .feature-grid { grid-template-columns: 1fr 1fr; } } 🎮 Contrôleur · AA-3640 AccuAir e-Level+ Touchpad+ La télécommande physique de référence pour ton air ride AccuAir — boîtier inox magnétique · câble sans connecteur · indicateur LED compresseur Référence : AA-3640 🎯 Le contrôle total de ta caisse, dans la main — présets 1/2/3 · ajustement coin par coin · montage magnétique La prise en main de ton air ride Le Touchpad+ est le contrôleur physique filaire de l'écosystème AccuAir e-Level+. Il se branche directement sur l'ECU e+ et te donne un accès immédiat à toutes les fonctions de gestion de hauteur — que ce soit via les présets mémorisés (1, 2, 3) si tu as le kit Height+ ou Pressure+, ou en mode manuel roue par roue. Son boîtier en inox fin et magnétique s'intègre aussi bien dans un habitacle custom que posé sur un support aimant standard. Disposition des boutons 1 PrésetAbaissé 2 PrésetRoulage 3 PrésetRelevé ↑ AVG ↑ AVD ↓ ARG ↓ ARD ⬇ TOUT BAS All Down Ce que chaque bouton fait Boutons 1 / 2 / 3 — rappel direct vers ton préset mémorisé (abaissé, roulage, relevé). Nécessite le kit Height+ ou Pressure+. Boutons ↑ ↓ par coin — ajustement manuel indépendant de chaque roue (avant gauche, avant droit, arrière gauche, arrière droit). Double pression AV / AR — monter ou descendre le train avant et le train arrière simultanément en un seul geste. Bouton All Down — descente totale immédiate des 4 coins en une pression. LED indicateur compresseur — s'allume quand le compresseur tourne pour un diagnostic visuel instantané. Points forts du Touchpad+ 🔩 Boîtier inox Nouveau profil plus fin en acier inoxydable, assorti à l'ECU e+ — look premium dans n'importe quel habitacle. 🔌 Câble sans connecteur Design connectorless — pas de point de fragilité sur le câble. Plus fiable qu'une conception classique avec connecteur intermédiaire. 🧲 Montage magnétique Cadre magnétique intégré — compatible avec tous les supports aimantés standard (type support téléphone magnétique). 💡 LED compresseur Indicateur LED coloré qui te signale quand ton compresseur tourne — particulièrement utile avec un compresseur silencieux type CVT. 🎯 Présets instantanés Rappel en une pression de tes hauteurs 1, 2, 3 programmées — abaissé, roulage, relevé — sans passer par l'app. 🔧 Ajustement coin par coin Contrôle individuel de chaque roue en mode manuel — idéal pour les niveaux ou les ajustements fins de stance. 3 modes de contrôle 1️⃣ Mode Présets (Height+ / Pressure+) Si tu as le kit Height+ (AA-3641) ou Pressure+ (AA-3907), les boutons 1, 2 et 3 rappellent directement tes hauteurs mémorisées. Le système va automatiquement à la hauteur cible sans que tu aies à tenir le bouton — ultra simple. 🔀 Mode Manuel coin par coin Sans kit Height+ ou Pressure+, ou pour des ajustements fins, les boutons directionnels te permettent de contrôler chaque roue indépendamment. Tu tiens le bouton, la suspension monte ou descend. Tu lâches, elle s'arrête. ⬇ Mode All Down + Dual AV/AR All Down descend les 4 coins d'un coup. La double pression AV ou AR monte/descend simultanément le train avant ou le train arrière — pour un réglage rapide de l'assiette globale. 💡 Touchpad+ vs app e-Level+ : Les deux peuvent coexister sur ton système. L'app te donne plus d'informations (monitoring, calibration, réglages avancés) mais nécessite ton smartphone. Le Touchpad+ est le contrôle physique toujours dispo dans l'habitacle, même sans téléphone à portée de main. Les deux sont complémentaires. Options de montage 🧲 Support magnétique Compatible avec tous les supports magnétiques standard. Pose-le sur un support aimant dans le tableau de bord, la console centrale ou n'importe où dans l'habitacle. 🔧 Encastrement panneau Design connectorless prévu pour être encastré dans un panneau de porte, une console ou un coffre custom — installation propre et permanente. ✋ Utilisation main libre Format prévu pour être tenu en main — idéal pour les shows, les séances photo ou les manœuvres qui demandent des ajustements fréquents. Contenu de la livraison 🎮 1 × Touchpad+ AA-3640Boîtier inox avec tous les boutons de contrôle et LED indicateur compresseur 🔌 Câble de connexionCâble sans connecteur (connectorless) pour branchement direct sur l'ECU e+ ⚠️ Prérequis : Ce Touchpad+ nécessite l'ECU e+ AccuAir pour fonctionner. Les présets 1/2/3 ne sont actifs que si tu possèdes également le kit Height+ (AA-3641) ou Pressure+ (AA-3907). Sans ces kits, seul le contrôle manuel roue par roue est disponible. Fiche technique Caractéristique Détail Référence produit AA-3640 Marque AccuAir Type Contrôleur filaire Touchpad+ Matériau boîtier Acier inoxydable — profil fin Câble Connectorless (sans connecteur intermédiaire) Montage Magnétique (standard) · Encastrement panneau · Main libre Boutons présets 3 (1 / 2 / 3) — nécessite Height+ ou Pressure+ Contrôle individuel 4 coins indépendants (↑↓ par roue) Ajustement AV/AR simultané Oui — double pression avant ou arrière All Down Oui — descente totale 4 coins en 1 pression Indicateur LED compresseur Oui — LED coloré (fonctionne avec ECU e-Level+ uniquement) ECU compatible AccuAir e+ (obligatoire) Compatibilité présets Avec Height+ AA-3641 ou Pressure+ AA-3907 Poids 2 kg (emballage) Questions fréquentes Est-ce que le Touchpad+ remplace l'app e-Level+ ? Non, les deux sont complémentaires. Le Touchpad+ te donne un contrôle physique instantané dans l'habitacle — parfait pour le quotidien. L'app e-Level+ sur smartphone offre en plus le monitoring en temps réel, la calibration, les réglages avancés et les mises à jour firmware. On conseille d'avoir les deux sur le setup. Les boutons 1, 2, 3 fonctionnent-ils sans le kit Height+ ou Pressure+ ? Non. Les présets mémorisés (boutons 1/2/3) nécessitent absolument le kit Height+ (AA-3641) ou Pressure+ (AA-3907) pour fonctionner. Sans l'un ou l'autre, seul le contrôle manuel roue par roue est disponible — ce qui reste parfaitement fonctionnel pour gérer ta hauteur. L'indicateur LED compresseur fonctionne avec tous les compresseurs ? L'indicateur LED fonctionne uniquement avec l'ECU e-Level+ AccuAir — c'est lui qui transmet l'info de statut compresseur au Touchpad+. Il est compatible avec les compresseurs standard et CVT AccuAir. Pour les compresseurs d'autres marques reliés à l'ECU e+, la compatibilité peut varier. Quelle est la longueur du câble du Touchpad+ ? AccuAir ne communique pas officiellement une longueur précise, mais le câble est prévu pour une installation depuis le coffre (où se trouve l'ECU) jusqu'à l'habitacle. Dans la plupart des véhicules compacts ou berlines, il suffit en faisant passer le câble sous les joints de porte ou sous les habillages. Pour les grands véhicules (SUV, utilitaires), une rallonge peut être nécessaire. Puis-je utiliser le Touchpad+ en même temps que l'app e-Level+ ? Oui, totalement. L'ECU e+ gère les deux interfaces simultanément sans conflit. Tu peux faire une action depuis l'app et voir le résultat, puis ajuster depuis le Touchpad+ — tout est synchronisé via l'ECU en temps réel. Tu veux le contrôle total de ton air ride ? Touchpad+ seul ou avec le kit Height+ / Pressure+ — on t'aide à choisir la config qui correspond à ton usage et ton budget. 💬 Contacte-nous