/* Mobile Header Styles - 2 lignes empilées - UNIQUEMENT MOBILE */ .mobile-header-container { background: white !important; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 9999 !important; width: 100% !important; display: none !important; /* Caché par défaut */ box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important; } /* Afficher uniquement sur mobile */ @media (max-width: 991.98px) { .mobile-header-container { display: block !important; } /* Ajouter un padding au body pour compenser le header fixe */ body { padding-top: 120px !important; /* 70px (ligne 1) + 50px (ligne 2) */ } } /* LIGNE 1 - Logo centré */ .mobile-header-line1 { height: 70px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 20px !important; } .mobile-logo { display: flex !important; align-items: center !important; justify-content: center !important; } .mobile-logo img { height: 48px !important; width: auto !important; max-width: 250px !important; } /* Séparateur vert */ .mobile-header-separator { height: 2px !important; background: #059669 !important; width: 100% !important; } /* LIGNE 2 - Toggle + Menu burger */ .mobile-header-line2 { height: 50px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 0 20px !important; } /* Toggle à gauche */ .mobile-audience-toggle { display: flex !important; align-items: center !important; gap: 12px !important; flex-shrink: 0 !important; } /* Espace central vide */ .mobile-header-spacer { flex: 1 !important; } /* Menu burger à droite */ .mobile-menu-btn { width: 40px !important; height: 40px !important; background: none !important; border: none !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 4px !important; transition: background 0.2s ease !important; flex-shrink: 0 !important; } .mobile-menu-btn:hover { background: #f5f5f5 !important; } .mobile-menu-btn:focus { outline: 2px solid #059669 !important; outline-offset: 2px !important; } /* Sidebar - z-index plus élevé que le header mobile */ #side-bar { z-index: 10000 !important; } /* Overlay du sidebar */ .side-bar-overlay { z-index: 9999 !important; } /* Labels du toggle mobile */ .mobile-audience-toggle .audience-label { font-size: 14px !important; font-weight: 600 !important; white-space: nowrap !important; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif !important; transition: color 0.18s ease !important; } .mobile-audience-toggle .toggle { width: 44px !important; height: 24px !important; background: #e5e7eb !important; border: none !important; border-radius: 12px !important; position: relative !important; cursor: pointer !important; transition: all 0.3s ease !important; padding: 0 !important; } .mobile-audience-toggle .toggle .track { width: 100% !important; height: 100% !important; background: transparent !important; position: relative !important; display: flex !important; align-items: center !important; } .mobile-audience-toggle .toggle .knob { width: 20px !important; height: 20px !important; background: white !important; border-radius: 50% !important; position: absolute !important; top: 2px !important; left: 2px !important; transition: transform 0.3s ease !important; box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important; } .mobile-audience-toggle.is-pro .toggle { background: linear-gradient(135deg, #a5c942, #4b8cae) !important; } .mobile-audience-toggle.is-pro .toggle .knob { transform: translateX(20px) !important; } /* Couleurs des labels selon l'état - même que desktop */ .mobile-audience-toggle .audience-label-left { color: #4c8bad !important; /* bleu particuliers - actif par défaut */ font-weight: 700 !important; } .mobile-audience-toggle .audience-label-right { color: #A7A7A7 !important; /* gris - inactif par défaut */ font-weight: 600 !important; } /* Mode Professionnels actif */ .mobile-audience-toggle.is-pro .audience-label-right { background: linear-gradient(135deg, #a5c942, #4b8cae) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; font-weight: 700 !important; } .mobile-audience-toggle.is-pro .audience-label-left { color: #A7A7A7 !important; /* gris - inactif */ font-weight: 600 !important; }
Particuliers Professionnels
logo
Votre Projet
SOLUTIONS PROFESSIONNELLES

GÉNIE CLIMATIQUE
PROFESSIONNEL

Transformez vos bâtiments en centrales énergétiques rentables. Nos solutions de génie climatique premium offrent une efficacité énergétique maximale pour entreprises, collectivités et exploitations agricoles.

Obtenir une étude personnalisée

-70%

Réduction factures

5-7 ans

Retour investissement

25 ans

Garantie performance

Climatisation réversible à haute efficacité
Professionnel

Systèmes air/air pour commerces, hôtels, bureaux et espaces tertiaires.

Réduction des dépenses énergétiques

Jusqu'à 40% d'économies sur vos factures

Confort garanti pour vos usagers

Température optimale toute l'année

Solution adaptée aux petites comme aux grandes surfaces

De 50m² à plusieurs milliers de m²

Climatisation Réversible Professionnelle
Pompes à Chaleur Air/Air

Pompes à chaleur air/air pour entreprises
Professionnel

Une technologie performante qui réduit vos factures tout en maintenant la qualité de l'air intérieur.

Écologique et économique

Énergie renouvelable et coûts réduits

Longévité et fiabilité

Équipements robustes et durables

Adapté aux bureaux et locaux industriels

Solutions sur mesure pour tous types de bâtiments

Pompes à chaleur pour piscines collectives
Professionnel

Idéal pour hôtels, centres sportifs et piscines municipales, afin d'allonger la saison tout en réduisant vos charges.

Allongement de la saison

Utilisez votre piscine plus longtemps

Réduction des coûts de chauffage

Économies significatives sur le chauffage

Expérience client améliorée

Confort optimal pour vos clients

Pompes à Chaleur Piscine
SOLUTIONS COMPLÈTES