html { scroll-behavior: smooth; } :root { --bg-dark: #0a0a0a; --card-bg: #141414; --accent-orange: #FF9F00; --accent-green: #00875A; --text-main: #ffffff; --text-muted: #a0a0a0; --border-color: #222222; } .site-container * { box-sizing: border-box; margin: 0; padding: 0; } .site-container { font-family: 'Inter', sans-serif; background-color: var(--bg-dark); color: var(--text-main); width: 100%; min-height: 100vh; padding: 60px 20px 100px 20px; position: relative; z-index: 1; pointer-events: auto !important; } .main-wrapper { max-width: 1280px; margin: 0 auto; position: relative; z-index: 2; pointer-events: auto !important; } /* HEADER */ .site-header { display: flex; justify-content: space-between; align-items: center; padding: 25px 0 35px 0; border-bottom: 1px solid var(--border-color); margin-bottom: 70px; position: relative; z-index: 99999; } .logo { font-family: 'Space Grotesk', sans-serif; font-size: 1.8rem; font-weight: 700; color: var(--text-main); text-decoration: none; position: relative; z-index: 99999; pointer-events: auto !important; } .logo span { color: var(--accent-orange); } .nav-links { display: flex; gap: 24px; list-style: none; position: relative; z-index: 99999; pointer-events: auto !important; } .nav-links li { pointer-events: auto !important; } .nav-links a { color: var(--text-muted); text-decoration: none; font-weight: 500; font-size: 0.95rem; transition: 0.3s; cursor: pointer; pointer-events: auto !important; display: inline-block; } .nav-links a:hover, .nav-links a.active { color: var(--accent-orange); } .header-btn { background-color: var(--accent-orange); color: #000; padding: 12px 24px; border-radius: 8px; font-weight: 600; text-decoration: none; transition: 0.3s; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; position: relative; z-index: 2147483647 !important; pointer-events: auto !important; } .header-btn:hover { background-color: #e08b00; transform: translateY(-2px); } /* HERO SECTION */ .hero-section { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 40px 10px 80px 10px; position: relative; z-index: 5; } .badge-tag { display: inline-block; background-color: rgba(0, 135, 90, 0.15); color: #00e699; border: 1px solid var(--accent-green); padding: 10px 24px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 35px; } .hero-title { font-family: 'Space Grotesk', sans-serif; font-size: 3.2rem; line-height: 1.35; max-width: 950px; margin-bottom: 30px; } .hero-title span { color: var(--accent-orange); } .hero-subtitle { color: var(--text-muted); font-size: 1.15rem; max-width: 800px; line-height: 1.8; margin-bottom: 50px; } /* CTA BUTTONS */ .cta-group { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; margin-top: 10px; margin-bottom: 40px; position: relative; z-index: 99999; pointer-events: auto !important; } .btn-primary { background-color: var(--accent-orange); color: #000; padding: 16px 32px; border-radius: 10px; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; font-size: 1rem; cursor: pointer; position: relative; z-index: 2147483647 !important; pointer-events: auto !important; } .btn-primary:hover { background-color: #e08b00; } .btn-secondary { background-color: var(--card-bg); border: 1px solid var(--border-color); color: #fff; padding: 16px 32px; border-radius: 10px; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; font-size: 1rem; cursor: pointer; position: relative; z-index: 2147483647 !important; pointer-events: auto !important; } .btn-secondary:hover { border-color: var(--accent-orange); } /* DETAILED CONTENT SECTIONS */ .content-section { background-color: var(--card-bg); border: 1px solid var(--border-color); border-radius: 18px; padding: 55px; margin-bottom: 50px; scroll-margin-top: 60px; } .content-section h3 { font-family: 'Space Grotesk', sans-serif; font-size: 2.1rem; color: var(--accent-orange); margin-bottom: 22px; } .content-section p { color: var(--text-muted); font-size: 1.05rem; line-height: 1.85; margin-bottom: 25px; } .content-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-top: 30px; } .feature-item { background: rgba(255, 255, 255, 0.03); border: 1px solid var(--border-color); padding: 20px 22px; border-radius: 12px; color: #fff; font-weight: 500; } .feature-item i { color: var(--accent-green); margin-right: 12px; } /* FOOTER */ .site-footer { border-top: 1px solid var(--border-color); padding-top: 70px; padding-bottom: 40px; margin-top: 80px; position: relative; z-index: 10; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 50px; } .footer-col h4 { font-family: 'Space Grotesk', sans-serif; font-size: 1.25rem; margin-bottom: 20px; line-height: 1.3; } .footer-col p { color: var(--text-muted); font-size: 0.95rem; line-height: 1.75; } .footer-links { list-style: none; } .footer-links li { margin-bottom: 14px; pointer-events: auto !important; } .footer-links a { color: var(--text-muted); text-decoration: none; transition: 0.3s; cursor: pointer; position: relative; z-index: 2147483647 !important; pointer-events: auto !important; display: inline-block; } .footer-links a:hover { color: var(--accent-orange); } .footer-bottom { border-top: 1px solid var(--border-color); padding-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; color: var(--text-muted); font-size: 0.9rem; line-height: 1.5; } @media (max-width: 768px) { .nav-links { display: none; } .hero-title { font-size: 2.2rem; } .content-section { padding: 30px; margin-bottom: 35px; } }
Leader Élévation & Manutention au Maroc

Vente, Location & Réparation de Nacelles Élévatrices

Votre partenaire expert pour tous vos travaux en hauteur. Matériel révisé, assistance technique 7j/7 et fourniture de pièces détachées partout au Maroc.

Location de Nacelles Élévatrices au Maroc

Nous mettons à votre disposition une flotte moderne et diversifiée de nacelles adaptées à tous types de travaux en hauteur : chantiers de construction, maintenance industrielle, nettoyage de vitres, et événements.

Nacelles Ciseaux Électriques & Thermiques
Nacelles Articulées
Nacelles Télescopiques & Toucan
Livraison rapide sur chantier

Vente de Nacelles Neuves et d'Occasion

Vous souhaitez investir dans du matériel d'élévation durable ? SOS Nacelles vous accompagne dans le choix de la machine idéale parmi les plus grandes marques internationales (Haulotte, Genie, JLG, Manitou).

Machines certifiées et contrôlées
Garantie constructeur ou revendeur
Solutions de financement flexibles
Accompagnement technique personnalisé

Réparation et Dépannage Urgent

Une panne sur votre chantier ? Nos techniciens qualifiés interviennent en urgence pour diagnostiquer et réparer vos pannes hydrauliques, électroniques et mécaniques sur site ou dans nos ateliers.

Intervention rapide 7j/7
Diagnostic électronique avancé
Pièces détachées d'origine
Techniciens experts certifiés

Maintenance Préventive & Sécurité

Prévenez les pannes imprévues grâce à nos programmes de maintenance préventive rigoureux, conformes aux normes de sécurité en vigueur pour les équipements de levage.

Visites périodiques planifiées
Vérification des organes de sécurité
Rapports de conformité détaillés
Optimisation de la durée de vie

Batteries Traction & Énergie

Garantissez une autonomie maximale à vos nacelles électriques grâce à notre gamme haut de gamme de batteries de traction et chargeurs adaptés à tous les parcs de machines.

Batteries Monoblocs & Éléments 2V
Haute résistance aux cycles profonds
Disponibilité immédiate en stock
Service d'installation et conseil
:root { --bg-dark: #0a0a0a; --card-bg: #141414; --accent-orange: #FF9F00; --accent-green: #00875A; --text-main: #ffffff; --text-muted: #a0a0a0; --border-color: #222222; } .site-container * { box-sizing: border-box; margin: 0; padding: 0; } .site-container { font-family: 'Inter', sans-serif; background-color: var(--bg-dark); color: var(--text-main); width: 100%; min-height: 100vh; padding: 30px 20px 60px 20px; } .main-wrapper { max-width: 1280px; margin: 0 auto; } /* --- HEADER NAVIGATION --- */ .site-header { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 20px 0 30px 0 !important; border-bottom: 1px solid var(--border-color) !important; margin-bottom: 50px !important; } .logo { font-family: 'Space Grotesk', sans-serif; font-size: 1.8rem; font-weight: 700; color: var(--text-main); text-decoration: none; } .logo span { color: var(--accent-orange); } .nav-links { display: flex !important; flex-direction: row !important; gap: 24px !important; list-style: none !important; padding: 0 !important; margin: 0 !important; } .nav-links li { list-style: none !important; margin: 0 !important; } .nav-links a { color: var(--text-muted); text-decoration: none; font-weight: 500; font-size: 0.95rem; transition: 0.3s; } .nav-links a:hover, .nav-links a.active { color: var(--accent-orange) !important; } .header-actions { display: flex; align-items: center; gap: 15px; } .phone-btn, .quote-btn { padding: 10px 18px; border-radius: 8px; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; font-size: 0.9rem; transition: 0.3s; position: relative; z-index: 9999; cursor: pointer; } .phone-btn { background-color: transparent; color: var(--text-main); border: 1px solid var(--border-color); } .phone-btn:hover { border-color: var(--accent-orange); color: var(--accent-orange); } .phone-btn i { color: var(--accent-orange); } .quote-btn { background-color: var(--accent-orange); color: #000000; } .quote-btn:hover { background-color: #e08b00; transform: translateY(-2px); } /* --- PAGE HEADER --- */ .page-header { text-align: center; margin-bottom: 60px; } .page-header h1 { font-family: 'Space Grotesk', sans-serif; font-size: 2.8rem; font-weight: 700; margin-bottom: 15px; } .page-header h1 span { color: var(--accent-orange); } .page-header p { color: var(--text-muted); font-size: 1.1rem; max-width: 800px; margin: 0 auto; line-height: 1.6; } /* --- CARDS GRID --- */ .cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; margin-bottom: 50px; } .card { background-color: var(--card-bg); border: 1px solid var(--border-color); border-radius: 14px; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; transition: transform 0.3s ease, border-color 0.3s ease; position: relative; } .card:hover { transform: translateY(-5px); border-color: var(--accent-orange); } .card-icon { font-size: 2.2rem; color: var(--accent-orange); margin-bottom: 20px; } .card h3 { font-family: 'Space Grotesk', sans-serif; font-size: 1.3rem; margin-bottom: 12px; } .card p { color: var(--text-muted); font-size: 0.95rem; line-height: 1.6; margin-bottom: 20px; } .specs-list { list-style: none; margin-bottom: 25px; border-top: 1px solid #222; padding-top: 15px; } .specs-list li { display: flex; align-items: center; gap: 10px; color: var(--text-muted); font-size: 0.9rem; margin-bottom: 10px; } .specs-list li i { color: var(--accent-green); } /* --- BUTTON LINKED TO WHATSAPP --- */ .card-btn { background-color: var(--accent-orange); color: #000; padding: 12px; border-radius: 8px; font-weight: 700; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 0.95rem; transition: 0.3s; border: none; cursor: pointer; width: 100%; position: relative; z-index: 9999; pointer-events: auto; } .card-btn:hover { background-color: #e08b00; } /* --- FOOTER --- */ .site-footer { border-top: 1px solid var(--border-color); padding-top: 50px; padding-bottom: 20px; margin-top: 60px; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-col h4 { font-family: 'Space Grotesk', sans-serif; font-size: 1.1rem; margin-bottom: 20px; } .footer-col p { color: var(--text-muted); font-size: 0.9rem; line-height: 1.6; } .footer-links { list-style: none; padding: 0; margin: 0; } .footer-links li { margin-bottom: 10px; } .footer-links a { color: var(--text-muted); text-decoration: none; font-size: 0.9rem; transition: 0.3s; position: relative; z-index: 10; } .footer-links a:hover { color: var(--accent-orange); } .footer-bottom { border-top: 1px solid var(--border-color); padding-top: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; color: var(--text-muted); font-size: 0.85rem; } @media (max-width: 768px) { .nav-links { display: none !important; } .page-header h1 { font-size: 2.2rem; } .cards-grid { grid-template-columns: 1fr; gap: 30px; } }

Nacelle Articulée Électrique

Conçue pour les travaux en intérieur, usines, entrepôts et espaces confinés sans émission de gaz.

  • Hauteur : De 12m à 15m
  • Déport pour obstacles
  • Pneus non marquants
Réserver sur WhatsApp

Nacelle Articulée Diesel

Puissante et robuste, idéale pour les chantiers extérieurs difficiles et terrains accidentés.

  • Hauteur : De 16m à 26m
  • 4 roues motrices (4x4)
  • Tout-terrain performant
Réserver sur WhatsApp

Nacelle Ciseaux Électrique

Plateforme large et sécurisée pour la maintenance, l'électricité, la peinture et le second œuvre.

  • Hauteur : De 8m à 14m
  • Extension de plateforme
  • Silencieuse et propre
Réserver sur WhatsApp

Nacelle Ciseaux Diesel

Grande capacité de charge et vaste espace de travail pour les chantiers de gros œuvre en extérieur.

  • Hauteur : De 12m à 18m
  • Stabilité maximale
  • Forte charge utile
Réserver sur WhatsApp

Nacelle Télescopique Diesel

Portée horizontale exceptionnelle et grande hauteur pour atteindre les zones les plus inaccessibles.

  • Hauteur : De 16m à 40m
  • Grand déport horizontal
  • Parfait pour le BTP
Réserver sur WhatsApp

Service Sur Mesure & Flotte

Vous avez un besoin spécifique ou besoin d'un accompagnement sur vos chantiers complexes au Maroc ?

  • Étude personnalisée
  • Intervention rapide
  • Support technique dédié
Contactez un Expert
html { scroll-behavior: smooth; } :root { --bg-dark: #0a0a0a; --card-bg: #141414; --accent-orange: #FF9F00; --accent-green: #00875A; --text-main: #ffffff; --text-muted: #a0a0a0; --border-color: #222222; } .site-container * { box-sizing: border-box; margin: 0; padding: 0; } .site-container { font-family: 'Inter', sans-serif; background-color: var(--bg-dark); color: var(--text-main); width: 100%; min-height: 100vh; padding: 60px 20px 80px 20px; position: relative; z-index: 1; pointer-events: auto !important; } .main-wrapper { max-width: 1280px; margin: 0 auto; position: relative; z-index: 2; pointer-events: auto !important; } /* HEADER */ .site-header { display: flex; justify-content: space-between; align-items: center; padding: 20px 0 30px 0; border-bottom: 1px solid var(--border-color); margin-bottom: 50px; position: relative; z-index: 99999; } .logo { font-family: 'Space Grotesk', sans-serif; font-size: 1.8rem; font-weight: 700; color: var(--text-main); text-decoration: none; position: relative; z-index: 99999; pointer-events: auto !important; } .logo span { color: var(--accent-orange); } .nav-links { display: flex; gap: 24px; list-style: none; position: relative; z-index: 99999; pointer-events: auto !important; } .nav-links li { pointer-events: auto !important; } .nav-links a { color: var(--text-muted); text-decoration: none; font-weight: 500; font-size: 0.95rem; transition: 0.3s; cursor: pointer; pointer-events: auto !important; display: inline-block; } .nav-links a:hover, .nav-links a.active { color: var(--accent-orange); } .header-btn { background-color: var(--accent-orange); color: #000; padding: 12px 24px; border-radius: 8px; font-weight: 600; text-decoration: none; transition: 0.3s; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; position: relative; z-index: 2147483647 !important; pointer-events: auto !important; } .header-btn:hover { background-color: #e08b00; transform: translateY(-2px); } /* HERO SECTION */ .hero-section { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 50px 10px 80px 10px; position: relative; z-index: 5; } .badge-tag { display: inline-block; background-color: rgba(0, 135, 90, 0.15); color: #00e699; border: 1px solid var(--accent-green); padding: 10px 22px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 30px; } .hero-title { font-family: 'Space Grotesk', sans-serif; font-size: 3.2rem; line-height: 1.35; max-width: 950px; margin-bottom: 25px; } .hero-title span { color: var(--accent-orange); } .hero-subtitle { color: var(--text-muted); font-size: 1.15rem; max-width: 800px; line-height: 1.7; margin-bottom: 40px; } /* CTA BUTTONS */ .cta-group { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; margin-top: 10px; margin-bottom: 60px; position: relative; z-index: 99999; pointer-events: auto !important; } .btn-primary { background-color: var(--accent-orange); color: #000; padding: 16px 32px; border-radius: 10px; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; font-size: 1rem; cursor: pointer; position: relative; z-index: 2147483647 !important; pointer-events: auto !important; } .btn-primary:hover { background-color: #e08b00; } .btn-secondary { background-color: var(--card-bg); border: 1px solid var(--border-color); color: #fff; padding: 16px 32px; border-radius: 10px; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; font-size: 1rem; cursor: pointer; position: relative; z-index: 2147483647 !important; pointer-events: auto !important; } .btn-secondary:hover { border-color: var(--accent-orange); } /* TITLE SECTION */ .services-section-title { text-align: center; font-family: 'Space Grotesk', sans-serif; font-size: 2.4rem; margin-top: 30px; margin-bottom: 40px; width: 100%; line-height: 1.3; } /* SERVICES GRID */ .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; margin-bottom: 80px; position: relative; z-index: 5; } .service-card { background-color: var(--card-bg); border: 1px solid var(--border-color); border-radius: 16px; padding: 40px 30px; display: flex; flex-direction: column; justify-content: space-between; transition: 0.3s; scroll-margin-top: 40px; position: relative; z-index: 10; } .service-card:hover { border-color: var(--accent-orange); transform: translateY(-6px); } .service-icon { font-size: 2.5rem; color: var(--accent-orange); margin-bottom: 20px; } .service-card h3 { font-family: 'Space Grotesk', sans-serif; font-size: 1.5rem; margin-bottom: 15px; line-height: 1.3; } .service-card p { color: var(--text-muted); font-size: 0.98rem; line-height: 1.7; margin-bottom: 25px; } .service-link { color: var(--accent-orange); text-decoration: none; font-weight: 600; font-size: 0.95rem; display: inline-flex; align-items: center; gap: 10px; cursor: pointer; position: relative; z-index: 2147483647 !important; pointer-events: auto !important; } /* FOOTER */ .site-footer { border-top: 1px solid var(--border-color); padding-top: 60px; padding-bottom: 30px; margin-top: 60px; position: relative; z-index: 10; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-col h4 { font-family: 'Space Grotesk', sans-serif; font-size: 1.2rem; margin-bottom: 20px; line-height: 1.3; } .footer-col p { color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; } .footer-links { list-style: none; } .footer-links li { margin-bottom: 12px; pointer-events: auto !important; } .footer-links a { color: var(--text-muted); text-decoration: none; transition: 0.3s; cursor: pointer; position: relative; z-index: 2147483647 !important; pointer-events: auto !important; display: inline-block; } .footer-links a:hover { color: var(--accent-orange); } .footer-bottom { border-top: 1px solid var(--border-color); padding-top: 25px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; color: var(--text-muted); font-size: 0.9rem; line-height: 1.5; } @media (max-width: 768px) { .nav-links { display: none; } .hero-title { font-size: 2.2rem; } .services-grid { grid-template-columns: 1fr; } }
Leader Élévation & Manutention au Maroc

Vente, Location & Réparation de Nacelles Élévatrices

Votre partenaire expert pour tous vos travaux en hauteur. Matériel révisé, assistance technique 7j/7 et fourniture de pièces détachées partout au Maroc.

Nos Solutions d'Élévation

Location Nacelles

Location courte, moyenne et longue durée de nacelles ciseaux, articulées et toucan révisées et prêtes au travail.

Découvrir les modèles

Vente Nacelles

Achat de nacelles neuves et d'occasion contrôlées avec garantie, carnet d'entretien et service après-vente.

Voir les disponibilités

Réparation Urgente

Dépannage rapide sur votre chantier et réparation hydraulique/électrique de toutes marques (Haulotte, Genie, JLG).

Demander un dépannage

Maintenance Préventive

Contrats d'entretien et visites périodiques réglementaires pour assurer la sécurité et la longévité de vos machines.

En savoir plus

Batteries Traction

Vente de batteries monoblocs et éléments 2V pour nacelles électriques de toutes marques avec livraison express.

Consulter le catalogue
document.addEventListener("DOMContentLoaded", function() { const internalLinks = document.querySelectorAll('.site-container a[href^="#"]'); internalLinks.forEach(function(link) { link.addEventListener('click', function(e) { const targetId = this.getAttribute('href'); if (targetId === '#' || !targetId) return; const targetElement = document.querySelector(targetId); if (targetElement) { e.preventDefault(); const elementPosition = targetElement.getBoundingClientRect().top; const offsetPosition = elementPosition + window.pageYOffset - 80; window.scrollTo({ top: offsetPosition, behavior: 'smooth' }); } }); }); });
:root { --bg-dark: #0a0a0a; --card-bg: #141414; --accent-orange: #FF9F00; --accent-green: #00875A; --text-main: #ffffff; --text-muted: #a0a0a0; --border-color: #222222; } .site-container * { box-sizing: border-box; margin: 0; padding: 0; } .site-container { font-family: 'Inter', sans-serif; background-color: var(--bg-dark); color: var(--text-main); width: 100%; min-height: 100vh; padding: 40px 20px; } .main-wrapper { max-width: 1280px; margin: 0 auto; } /* HEADER */ .site-header { display: flex; justify-content: space-between; align-items: center; padding: 25px 0; border-bottom: 1px solid var(--border-color); margin-bottom: 60px; } .logo { font-family: 'Space Grotesk', sans-serif; font-size: 1.8rem; font-weight: 700; color: var(--text-main); text-decoration: none; } .logo span { color: var(--accent-orange); } .nav-links { display: flex; gap: 20px; list-style: none; } .nav-links a { color: var(--text-muted); text-decoration: none; font-weight: 500; font-size: 0.95rem; transition: 0.3s; } .nav-links a:hover, .nav-links a.active { color: var(--accent-orange); } .header-btn { background-color: var(--accent-orange); color: #000; padding: 12px 24px; border-radius: 8px; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; } .header-btn:hover { background-color: #e08b00; transform: translateY(-2px); } /* PAGE TITLE */ .page-header { text-align: center; padding: 40px 20px 20px 20px; margin-bottom: 60px; } .badge-tag { display: inline-block; background-color: rgba(255, 159, 0, 0.15); color: var(--accent-orange); border: 1px solid var(--accent-orange); padding: 8px 18px; border-radius: 20px; font-size: 0.9rem; font-weight: 600; margin-bottom: 20px; text-transform: uppercase; } .page-title { font-family: 'Space Grotesk', sans-serif; font-size: 3.2rem; margin-bottom: 20px; line-height: 1.2; } .page-title span { color: var(--accent-orange); } .page-subtitle { color: var(--text-muted); font-size: 1.2rem; max-width: 800px; margin: 0 auto; line-height: 1.6; } /* CONTENT GRID */ .equipment-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 30px; margin-bottom: 80px; } .eq-card { background-color: var(--card-bg); border: 1px solid var(--border-color); border-radius: 16px; padding: 35px 30px; display: flex; flex-direction: column; justify-content: space-between; transition: 0.3s; } .eq-card:hover { border-color: var(--accent-orange); transform: translateY(-6px); } .eq-icon { font-size: 2.4rem; color: var(--accent-orange); margin-bottom: 20px; } .eq-card h3 { font-family: 'Space Grotesk', sans-serif; font-size: 1.6rem; margin-bottom: 15px; } .eq-card p { color: var(--text-muted); font-size: 1rem; line-height: 1.6; margin-bottom: 25px; } .specs-list { list-style: none; border-top: 1px solid var(--border-color); padding-top: 20px; margin-bottom: 30px; } .specs-list li { font-size: 0.95rem; color: #cccccc; margin-bottom: 12px; display: flex; align-items: center; gap: 12px; } .specs-list li i { color: var(--accent-orange); } .card-btn { background-color: var(--accent-green); color: #ffffff; text-align: center; padding: 14px; border-radius: 10px; text-decoration: none; font-weight: 600; font-size: 1rem; transition: 0.3s; display: flex; align-items: center; justify-content: center; gap: 10px; } .card-btn:hover { background-color: #006b47; } /* BANNER & FOOTER */ .banner-cta { background: linear-gradient(135deg, #181818 0%, #0d0d0d 100%); border: 1px solid var(--border-color); border-radius: 20px; padding: 60px 40px; text-align: center; margin-bottom: 90px; } .site-footer { border-top: 1px solid var(--border-color); padding-top: 60px; padding-bottom: 30px; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-col h4 { font-family: 'Space Grotesk', sans-serif; font-size: 1.2rem; margin-bottom: 20px; color: var(--text-main); } .footer-col p { color: var(--text-muted); font-size: 0.95rem; line-height: 1.6; } .footer-links { list-style: none; } .footer-links li { margin-bottom: 12px; } .footer-links a { color: var(--text-muted); text-decoration: none; transition: 0.3s; } .footer-links a:hover { color: var(--accent-orange); } .footer-bottom { border-top: 1px solid var(--border-color); padding-top: 25px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; color: var(--text-muted); font-size: 0.9rem; } @media (max-width: 768px) { .nav-links { display: none; } .site-header { flex-direction: column; gap: 20px; text-align: center; } }

Diagnostic Électronique & Valise

Recherche de pannes, lecture de codes d'erreur sur cartes mères et calculateurs sur site.

  • Déplacement rapide sur chantier
  • Rapport technique détaillé
  • Toutes marques multimarques
Demander un Diagnostic

Réparation Hydraulique & Flexibles

Changement de vérins, réfection de centrales hydrauliques et confection de flexibles sur-mesure.

  • Remplacement de pompes hydrauliques
  • Contrôle de pression & étanchéité
  • Pièces d'origine certifiées
Contacter le Mécanicien

Dépannage Électrique & Cartes

Réparation de faisceaux électriques, joysticks, variateurs et ré-étalonnage des capteurs de sécurité.

  • Reprogrammation boîtiers
  • Remplacement de contacteurs
  • Sécurisation du système d'élévation
Support Électrique Urgent
:root { --bg-dark: #0a0a0a; --card-bg: #141414; --accent-orange: #FF9F00; --accent-green: #00875A; --text-main: #ffffff; --text-muted: #a0a0a0; --border-color: #222222; } .site-container * { box-sizing: border-box; margin: 0; padding: 0; } .site-container { font-family: 'Inter', sans-serif; background-color: var(--bg-dark); color: var(--text-main); width: 100%; min-height: 100vh; padding: 40px 20px; } .main-wrapper { max-width: 1280px; margin: 0 auto; } /* HEADER */ .site-header { display: flex; justify-content: space-between; align-items: center; padding: 25px 0; border-bottom: 1px solid var(--border-color); margin-bottom: 60px; } .logo { font-family: 'Space Grotesk', sans-serif; font-size: 1.8rem; font-weight: 700; color: var(--text-main); text-decoration: none; } .logo span { color: var(--accent-orange); } .nav-links { display: flex; gap: 20px; list-style: none; } .nav-links a { color: var(--text-muted); text-decoration: none; font-weight: 500; font-size: 0.95rem; transition: 0.3s; } .nav-links a:hover, .nav-links a.active { color: var(--accent-orange); } .header-btn { background-color: var(--accent-orange); color: #000; padding: 12px 24px; border-radius: 8px; font-weight: 600; text-decoration: none; position: relative; z-index: 9999; } /* PAGE TITLE */ .page-header { text-align: center; padding: 40px 20px 20px 20px; margin-bottom: 60px; } .badge-tag { display: inline-block; background-color: rgba(0, 135, 90, 0.15); color: var(--accent-green); border: 1px solid var(--accent-green); padding: 8px 18px; border-radius: 20px; font-size: 0.9rem; font-weight: 600; margin-bottom: 20px; text-transform: uppercase; } .page-title { font-family: 'Space Grotesk', sans-serif; font-size: 3.2rem; margin-bottom: 20px; line-height: 1.2; } .page-title span { color: var(--accent-orange); } .page-subtitle { color: var(--text-muted); font-size: 1.2rem; max-width: 800px; margin: 0 auto; line-height: 1.6; } /* CONTENT GRID */ .equipment-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 30px; margin-bottom: 80px; } .eq-card { background-color: var(--card-bg); border: 1px solid var(--border-color); border-radius: 16px; padding: 35px 30px; display: flex; flex-direction: column; justify-content: space-between; transition: 0.3s; } .eq-card:hover { border-color: var(--accent-orange); transform: translateY(-6px); } .eq-icon { font-size: 2.4rem; color: var(--accent-orange); margin-bottom: 20px; } .eq-card h3 { font-family: 'Space Grotesk', sans-serif; font-size: 1.6rem; margin-bottom: 15px; } .eq-card p { color: var(--text-muted); font-size: 1rem; line-height: 1.6; margin-bottom: 25px; } .specs-list { list-style: none; border-top: 1px solid var(--border-color); padding-top: 20px; margin-bottom: 30px; } .specs-list li { font-size: 0.95rem; color: #cccccc; margin-bottom: 12px; display: flex; align-items: center; gap: 12px; } .specs-list li i { color: var(--accent-orange); } .card-btn { background-color: var(--accent-green); color: #ffffff; text-align: center; padding: 14px; border-radius: 10px; text-decoration: none; font-weight: 600; font-size: 1rem; transition: 0.3s; display: flex; align-items: center; justify-content: center; gap: 10px; position: relative; z-index: 9999; } /* BANNER & FOOTER */ .banner-cta { background: linear-gradient(135deg, #181818 0%, #0d0d0d 100%); border: 1px solid var(--border-color); border-radius: 20px; padding: 60px 40px; text-align: center; margin-bottom: 90px; } .site-footer { border-top: 1px solid var(--border-color); padding-top: 60px; padding-bottom: 30px; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-col h4 { font-family: 'Space Grotesk', sans-serif; font-size: 1.2rem; margin-bottom: 20px; color: var(--text-main); } .footer-col p { color: var(--text-muted); font-size: 0.95rem; line-height: 1.6; } .footer-links { list-style: none; } .footer-links li { margin-bottom: 12px; } .footer-links a { color: var(--text-muted); text-decoration: none; transition: 0.3s; } .footer-links a:hover { color: var(--accent-orange); } .footer-bottom { border-top: 1px solid var(--border-color); padding-top: 25px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; color: var(--text-muted); font-size: 0.9rem; } @media (max-width: 768px) { .nav-links { display: none; } .site-header { flex-direction: column; gap: 20px; text-align: center; } }

Maintenance Préventive Régulière

Vidange, graissage, contrôle des niveaux, vérification des sécurités et des éléments d'usure.

  • Visites périodiques programmées
  • Carnet d'entretien mis à jour
  • Réduction du risque de panne de 80%
Souscrire un Contrat

Contrôle & Préparation VGP

Inspection complète des nacelles pour passage de la Vérification Générale Périodique de sécurité.

  • Test de charge et d'élévation
  • Contrôle des organes de sécurité
  • Remise en conformité urgente
Préparer mon Contrôle

Grande Révision & Renovation

Reconditionnement complet de nacelles anciennes : peinture, axes, bagues, hydraulique et câblage.

  • Remise à neuf mécanique & carrosserie
  • Test d'épreuve de sécurité
  • Prolongation de la durée de vie
Demander une Rénovation
:root { --bg-dark: #0a0a0a; --card-bg: #141414; --accent-orange: #FF9F00; --accent-green: #00875A; --text-main: #ffffff; --text-muted: #a0a0a0; --border-color: #222222; } .site-container * { box-sizing: border-box; margin: 0; padding: 0; } .site-container { font-family: 'Inter', sans-serif; background-color: var(--bg-dark); color: var(--text-main); width: 100%; min-height: 100vh; padding: 40px 20px; } .main-wrapper { max-width: 1280px; margin: 0 auto; } /* HEADER */ .site-header { display: flex; justify-content: space-between; align-items: center; padding: 25px 0; border-bottom: 1px solid var(--border-color); margin-bottom: 60px; } .logo { font-family: 'Space Grotesk', sans-serif; font-size: 1.8rem; font-weight: 700; color: var(--text-main); text-decoration: none; } .logo span { color: var(--accent-orange); } .nav-links { display: flex; gap: 20px; list-style: none; } .nav-links a { color: var(--text-muted); text-decoration: none; font-weight: 500; font-size: 0.95rem; transition: 0.3s; } .nav-links a:hover, .nav-links a.active { color: var(--accent-orange); } .header-btn { background-color: var(--accent-orange); color: #000; padding: 12px 24px; border-radius: 8px; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; z-index: 9999; position: relative; } /* PAGE TITLE */ .page-header { text-align: center; padding: 40px 20px 20px 20px; margin-bottom: 60px; } .badge-tag { display: inline-block; background-color: rgba(255, 159, 0, 0.15); color: var(--accent-orange); border: 1px solid var(--accent-orange); padding: 8px 18px; border-radius: 20px; font-size: 0.9rem; font-weight: 600; margin-bottom: 20px; text-transform: uppercase; } .page-title { font-family: 'Space Grotesk', sans-serif; font-size: 3.2rem; margin-bottom: 20px; line-height: 1.2; } .page-title span { color: var(--accent-orange); } .page-subtitle { color: var(--text-muted); font-size: 1.2rem; max-width: 800px; margin: 0 auto; line-height: 1.6; } /* CONTENT GRID */ .equipment-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 30px; margin-bottom: 80px; } .eq-card { background-color: var(--card-bg); border: 1px solid var(--border-color); border-radius: 16px; padding: 35px 30px; display: flex; flex-direction: column; justify-content: space-between; transition: 0.3s; } .eq-card:hover { border-color: var(--accent-orange); transform: translateY(-6px); } .eq-icon { font-size: 2.4rem; color: var(--accent-orange); margin-bottom: 20px; } .eq-card h3 { font-family: 'Space Grotesk', sans-serif; font-size: 1.6rem; margin-bottom: 15px; } .eq-card p { color: var(--text-muted); font-size: 1rem; line-height: 1.6; margin-bottom: 25px; } .specs-list { list-style: none; border-top: 1px solid var(--border-color); padding-top: 20px; margin-bottom: 30px; } .specs-list li { font-size: 0.95rem; color: #cccccc; margin-bottom: 12px; display: flex; align-items: center; gap: 12px; } .specs-list li i { color: var(--accent-orange); } .card-btn { background-color: var(--accent-green); color: #ffffff; text-align: center; padding: 14px; border-radius: 10px; text-decoration: none; font-weight: 600; font-size: 1rem; transition: 0.3s; display: flex; align-items: center; justify-content: center; gap: 10px; z-index: 9999; position: relative; } .card-btn:hover { opacity: 0.9; } /* BANNER & FOOTER */ .banner-cta { background: linear-gradient(135deg, #181818 0%, #0d0d0d 100%); border: 1px solid var(--border-color); border-radius: 20px; padding: 60px 40px; text-align: center; margin-bottom: 90px; } .site-footer { border-top: 1px solid var(--border-color); padding-top: 60px; padding-bottom: 30px; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-col h4 { font-family: 'Space Grotesk', sans-serif; font-size: 1.2rem; margin-bottom: 20px; color: var(--text-main); } .footer-col p { color: var(--text-muted); font-size: 0.95rem; line-height: 1.6; } .footer-links { list-style: none; } .footer-links li { margin-bottom: 12px; } .footer-links a { color: var(--text-muted); text-decoration: none; transition: 0.3s; } .footer-links a:hover { color: var(--accent-orange); } .footer-bottom { border-top: 1px solid var(--border-color); padding-top: 25px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; color: var(--text-muted); font-size: 0.9rem; } @media (max-width: 768px) { .nav-links { display: none; } .site-header { flex-direction: column; gap: 20px; text-align: center; } }

Batteries Monobloc 6V / 12V

Batteries à décharge profonde (Trojan, U.S. Battery, Discover) spécialement conçues pour nacelles électriques.

  • Technologie Plomb-Acide & GEL
  • Autonomie maximale & forte endurance
  • Garantie constructeur incluse
Devis Batteries Monoblocs

Coffres de Traction 24V / 48V

Éléments 2V assemblés en coffre sur-mesure pour grandes nacelles articulées et engins de manutention.

  • Capacité élevée de 200Ah à 600Ah
  • Montage & installation sur site
  • Remplissage centralisé automatique
Devis Coffre de Traction

Chargeurs & Régénération

Vente de chargeurs haute fréquence intelligents et service de régénération pour redonner vie aux anciennes batteries.

  • Chargeurs HF autorégulés
  • Desulfatation & régénération
  • Test de capacité réel en décharge
Contacter un Spécialiste
window.addEventListener('DOMContentLoaded', function () { setTimeout(function() { const links = document.querySelectorAll('a[href^="#"]'); links.forEach(function (link) { link.addEventListener('click', function (e) { const href = this.getAttribute('href'); if (!href || href === '#') return; // نبحث عن العنصر إما بالـ ID أو بالـ Class المماثل للاسم let targetElement = document.querySelector(href); // حل بديل ذكي: إيلا مالقاش الـ ID، يقلب عليه بالاسم باش ما يتيقش فالغلط if (!targetElement) { const cleanName = href.replace('#', '').replace('-section', ''); targetElement = document.querySelector('.' + cleanName + '-card') || document.querySelector('[id*="' + cleanName + '"]'); } if (targetElement) { e.preventDefault(); e.stopPropagation(); const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - 90; window.scrollTo({ top: targetPosition, behavior: 'smooth' }); } }); }); }, 500); });
/* حاوية الأزرار العائمة في الجانب الأيمن السفلي */ .floating-cta-container { position: fixed; bottom: 30px; right: 30px; display: flex; flex-direction: column; gap: 15px; z-index: 2147483647 !important; pointer-events: auto !important; } /* خصائص الأزرار المشتركة */ .float-btn { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 1.6rem; text-decoration: none; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4); transition: transform 0.3s ease, background-color 0.3s ease; cursor: pointer; position: relative; z-index: 2147483647 !important; pointer-events: auto !important; } .float-btn:hover { transform: scale(1.1); } /* زر الواتساب */ .float-whatsapp { background-color: #25D366; } .float-whatsapp:hover { background-color: #20ba5a; } /* زر الاتصال الهاتفي المباشر */ .float-phone { background-color: #FF9F00; } .float-phone:hover { background-color: #e08b00; } /* تأثير موجة الحركة (Pulse Animation) لجذب الانتباه */ @keyframes pulse-animation { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6); } 70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } } .float-whatsapp { animation: pulse-animation 2s infinite; }