/* 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; }
Optimisez votre consommation énergétique avec nos études complètes et personnalisées
Nos pompes à chaleur piscines sont spécialement conçues pour les établissements professionnels : hôtels, centres aquatiques, spas, résidences de vacances. Elles garantissent une eau à température constante toute l'année avec des coûts énergétiques optimisés.
Que vous gériez un hôtel avec piscine, un centre aquatique, un spa ou tout autre établissement professionnel, nos pompes à chaleur piscines vous permettent de :
Offrez à vos clients 6 mois supplémentaires de baignade confortable
Jusqu'à 60% d'économie sur vos factures de chauffage
Maintenez une eau à 15 jours toute l'année automatiquement
Installation, mise en service et formation de votre équipe
Nos pompes à chaleur piscines professionnelles sont le fruit de plus de 10 ans d'expertise dans l'énergie thermique au Maroc. Conçues spécifiquement pour les environnements exigeants des établissements hôteliers et aquatiques, elles intègrent les dernières technologies de récupération de chaleur et de régulation intelligente.
Chaque installation fait l'objet d'une étude thermique personnalisée prenant en compte le volume d'eau, l'exposition solaire, la fréquentation et les objectifs de température. Nos équipes d'ingénieurs certifiés dimensionnent précisément votre système pour garantir une performance optimale et une durabilité exceptionnelle.
Garantie constructeur 5 ans et maintenance préventive incluse la première année. Notre service après-vente réactif et nos techniciens spécialisés vous accompagnent tout au long de la vie de votre installation, assurant une rentabilité maximale de votre investissement.
Remplissez ce formulaire et notre équipe d'experts vous contactera dans les plus brefs délais