BASE VISUELLE · VERSION APPROUVÉE
Des équipements et du savoir-faire en air comprimé, énergie, hydraulique et mécanique. Depuis 1968 à Collombey, nous vous accompagnons du conseil à l’entretien, en atelier et sur site.
Cette bibliothèque documente la direction visuelle de la page d’accueil et les composants Elementor qui la mettent en œuvre. Les extensions présentées pour les pages internes restent à examiner avant leur déploiement.
Pour composer une page, réutiliser les composants liés et leurs propriétés exposées. Les exemples, les états et les indications ci-dessous décrivent l’implémentation actuelle ; les liens d’édition nécessitent une connexion WordPress.
Les variables EMGA existantes restent la source des couleurs.
Fond
#F5F6F3
Surface
#FFFFFF
Texte
#242729
Secondaire
#626963
Accent
#F9B206
Pied de page
#101112
Inter. Une partie régulière, une partie forte : les mêmes réglages que l’Accueil.
Titre de page · 56 px sur desktop, 48 px sur tablette, 40 px sur mobile. Graisse 400 et accent 800.
Titre de section · 54 px sur desktop, 48 px sur tablette, 32 à 38 px sur mobile. Graisse 400 et accent 800.
Cartes expertise : 26 px sur desktop et mobile, 22 px sur tablette. Cartes savoir-faire : 26 px sur desktop et tablette, 28 px sur mobile. Texte courant : 16 px ; introduction : 18 px ; texte secondaire : 14 px.
Des équipements et du savoir-faire en air comprimé, énergie, hydraulique et mécanique.
Un seul style de description dans le hero. La localisation et l’ancienneté appartiennent au même paragraphe.
Principale jaune ; secondaire à bordure douce et survol sombre ; lien utilitaire avec soulignement du libellé seulement. Survolez ou utilisez Tab pour contrôler les états réels.
Équipements, systèmes hydrauliques et travaux d’atelier pour le chantier et l’industrie.
Compresseurs, génératrices et éclairage. Des équipements mobiles et des installations fixes adaptés à votre usage, sur chantier comme en industrie.
Découvrir
Composants, systèmes et outillage hydraulique. Nous vous accompagnons du choix des pièces à la réalisation, puis dans le suivi de vos équipements.
Découvrir
Usinage, soudure et maintenance. Notre atelier répare, adapte et fabrique des pièces pour accompagner vos projets et remettre vos équipements en service.
Découvrir
Révision, contrôle et tarage d’armatures et de soupapes de sécurité. Le savoir-faire de notre atelier au service de vos installations.
Découvrir l’atelier
Des barrières conçues et fabriquées par EMGA. Découvrez la gamme Donbar et échangeons sur votre projet.
Découvrir Donbar
Location, réparation ou entretien :
le service adapté à votre équipement.
Nos équipes interviennent en atelier et sur site.
Demander un dépannage
Location Le bon équipement pour vos travaux.
Nos équipements vous accompagnent pour la durée de vos travaux.
Découvrir la location
Dépannage & réparation Le diagnostic, la remise en service.
Nos équipes interviennent en atelier et sur site.
Demander un dépannage
Entretien préventif Préserver la fiabilité de vos équipements.
Un suivi régulier de vos équipements, au bon moment.
Préparer un entretien
Contrat de service Un suivi technique dans la durée.
Définissons ensemble le suivi adapté à votre installation.
Parler de votre suiviLE MAGASIN EMGA · COLLOMBEY
articles en magasin
Hydraulique, pneumatique, outillage
et fournitures techniques.
Avant votre visite, confirmez la disponibilité de votre article.
En préparation
WEBSHOP EMGA
Notre catalogue en ligne se prépare. En attendant, notre équipe vous accompagne au magasin.
Le conseil et le service EMGA accompagnent nos équipements.
Les classes de contexte doivent être présentes sur la racine pour conserver le rendu des éléments partagés. Les valeurs ci-dessous sont celles du résultat rendu, pas uniquement celles des variables de base.
Racine : emga26-page et emga26-home-polished. Navigation dans emga26-header-sticky, contenu dans main, puis pied de page partagé. Le nom home-polished est historique : cette classe porte aussi les états des actions, les espacements et les ajustements communs. Sa suppression modifie le rendu.
Contenu : largeur maximale de 1 280 px ; marges latérales de 80 px sur desktop, 48 px sur tablette et 24 px sur mobile. Entre le titre d’une section et son contenu : 64 px sur desktop et tablette, 32 px sur mobile. Les grilles passent de trois à une colonne selon l’espace disponible.
Actions principales et secondaires autonomes : hauteur de 48 px. Invitations dans les cartes : minimum 44 px. Le survol et le focus changent la couleur de l’action, sans déplacer la carte, ajouter une bordure extérieure ni zoomer la photographie.
Cartes : une seule ancre sur toute la carte. Le texte d’invitation à l’intérieur reste non interactif. Les états ouverts et sélectionnés des services gardent leur jaune EMGA. Le focus clavier reste visible.
Mobile : ordre du hero titre, photo, description et actions ; services en accordéon ; rubriques du pied de page repliables. Les marques gardent leurs proportions : six colonnes sur desktop, quatre sur tablette et deux sur mobile.
Le futur webshop reste annoncé « En préparation ». Le contact magasin, le téléphone, les réseaux sociaux et les destinations de service reprennent les liens réellement utilisés dans l’Accueil.
La base comprend 15 Components natifs issus de la page d’accueil, complétés par une proposition de fiche modèle technique. Les sections Hero, Services, Magasin et Marques ainsi que les cartes Armatures et Donbar sont des instances liées. Le contenu propre à une page passe par les propriétés exposées.
Un modèle, ses caractéristiques, son document technique et une demande contextualisée. Deux exemples réels pour examiner le nouveau composant avant sa diffusion.
COMPRESSEUR MOBILE · ATLAS COPCO
Petit compresseur mobile conçu pour les outils pneumatiques, le soufflage et les interventions nécessitant un ensemble compact.
Pression de service
7 bar
Débit d’air libre
2,0 m³/min
Puissance moteur
14,9 kW
Poids maximal autorisé
< 750 kg
COMPRESSEUR MOBILE · ATLAS COPCO
Compresseur mobile compact pour alimenter des outils pneumatiques et accompagner les travaux courants sur chantier.
Pression de service
7 bar
Débit d’air libre
2,5 m³/min
Puissance moteur
18,5 kW
Poids maximal autorisé
< 750 kg
Proposition pour les familles d’équipements. Les exemples reprennent les données et les documents de la fiche Compresseurs d’air mobiles. Cette sélection facilite une première comparaison ; la configuration finale dépend de l’application et doit être confirmée avec notre équipe.
Composant 229228 : photographie, contexte, titre, présentation, quatre paires libellé/valeur et deux actions modifiables. Deux colonnes sur desktop ; photographie au-dessus du contenu sur tablette et mobile. Le raccordement aux 40 modèles du champ répéteur JetEngine reste à valider avant migration.
Exemple de liste alimentée par les articles WordPress, avec les cartes existantes et leurs liens réels.
Atomic Loop · 3 articles, du plus récent au plus ancien. Le titre, la date, l’image et le lien proviennent du post ; la carte est une instance du composant 229052. À décliner en liste avec pagination pour le blog, avec un modèle d’article et des archives contextualisées.
Conseil · Équipements · Service
Précisez votre besoin, l’équipement concerné ou la référence recherchée. Nous vous accompagnons dans le choix du matériel, le suivi technique et la recherche de pièces.
