Catalogue plomberie chauffage sanitaire

Accès direct au contenu de la page
Accès direct au menu du site

Catalogues

CATALOGUE 2026

Feuilleter

CATALOGUE SANITAIRE

Feuilleter

Brochures promotions

PRIX BLEUS

Feuilleter Télécharger

RENDEZ-VOUS HAMMEL | Packs promos pour l'été

Feuilleter Télécharger

Brochures métiers

PANNEAUX MURAUX

Télécharger

SOLUTION MA PRIME ADAPT

Télécharger

LA DOUCHE RÉINVENTÉE ELMER

Télécharger

RECEVEUR LARA

Télécharger

RECEVEURS EXTRA-PLATS RECEA

Télécharger

FIXOPLAC

Télécharger

FIXOMULTIX

Télécharger

MÉCANISMES COMPLETS W.C

Télécharger

CLIMATISATION

Télécharger

SOLUTION PHOTOVOLTAÏQUE

Télécharger

SÉCURITÉ CHAUFFE-EAU

Télécharger

Services pros

SHOWROOM ELMER

Feuilleter

SHOWROOM 2026

Feuilleter

Accès direct au contenu de la page
Accès direct au menu du site

.small-text{font-size:12px}.reassurance-container{display:flex;gap:25px;border-left:1px solid #ccc;padding-left:20px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.reassurance-link{text-decoration:none;color:inherit;transition:color .3s ease}.reassurance-link:hover{color:#fff} .catalogues { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; justify-content: center; } .catalogue { display: flex; align-items: center; background: white; border: 1px solid #e3f0f6; border-radius: 10px; overflow: hidden; } .catalogue img { width: 100px; height: 150px; object-fit: cover; border-radius: 5px; } .catalogue-content { display: flex; flex-direction: column; flex-grow: 1; padding: 10px; } .catalogue-title { font-weight: bold; font-size: 16px; margin-bottom: 5px; } .catalogue-buttons { display: flex; flex-wrap: wrap; justify-content: left; margin-top: 10px; width: 100%; gap: 5px; } .catalogue-description { font-size: 12px; color: #555; } .catalogue-button { background: #e20e17; border: none; padding: 5px 10px; border-radius: 5px; cursor: pointer; color: white; font-weight: 600; display: flex; align-items: center; gap: 5px; font-size: 12px; transition: background 0.2s ease; text-decoration: none; } .catalogue-button:hover { background: #c10b14; color: white; text-decoration: none; } .catalogue-buttons { display: flex; flex-wrap: wrap; justify-content: left; margin-top: 10px; width: 100%; gap: 5px; } .catalogue-image { width: 200px; border-radius: 5px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); } h2 { margin-top: 50px; }.banner { position: relative; width: 100%; height: 300px; background: url('/var/docs/visuels/catalogue/xfragment_catalogue_2026.webp.pagespeed.ic.FHcwBaLEOF.webp') center/cover; display: flex; align-items: center; justify-content: space-between; /* Aligne le texte à gauche et l'image à droite */ padding: 50px; color: black; } .overlay { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(to right, rgba(0, 0, 0, 0.8), transparent); pointer-events: none; } .content { position: relative; max-width: 600px; z-index: 1; } .content h1 { font-size: 32px; font-weight: bold; color: white; } .content p { font-size: 18px; font-weight: 600; color: white; } .btn { display: inline-block; padding: 10px 20px; margin-top: 20px; background: #e20e17; color: white; text-decoration: none; font-weight: bold; border-radius: 5px; } .btn:hover { background: #c10b14; color: white; text-decoration: none; } .catalogue-img { max-width: 200px; height: auto; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); border-radius: 5px; } .title-container { display: flex; align-items: center; /* Aligne le trait rouge avec le texte */ } .red-line { display: inline-block; width: 5px; height: 60px; background-color: #e20e17; margin-right: 10px; } /* Adaptation pour les petits écrans */ @media (max-width: 768px) { .banner { flex-direction: column; align-items: flex-start; text-align: left; padding: 20px; height: auto; } .overlay { width: 100%; /* Prend toute la largeur */ height: 80%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent); } .content { max-width: 100%; text-align: left; } .content h1 { font-size: 24px; /* Réduction pour un meilleur affichage */ } .content p { font-size: 16px; font-weight: 600; } .catalogue-img { width: 60%; max-width: 180px; margin-top: 15px; display: block; margin-left: auto; margin-right: auto; /* Centrage de l’image */ } .btn { display: flex; align-items: center; /* Centre verticalement l’icône et le texte */ justify-content: center; gap: 5px; /* Espacement entre l'icône et le texte */ padding: 10px 20px; margin: 15px auto 0; background: #e20e17; color: white; text-decoration: none; font-weight: bold; border-radius: 5px; } .btn em { font-size: inherit; /* S’assure que l’icône ne soit pas plus grande que le texte */ vertical-align: middle; /* Aligne mieux avec le texte */ } @media (min-width:769px){#navbar-footer-collapse-5{display:block}}

Découvrez le catalogue des pros 2026 !

Catalogues

Brochures promotions

Brochures métiers

Services pros

📞 AIDE & CONTACT

NOS PRODUITS

NOS PRODUITS+

NOS SERVICES

NOS SERVICES+

ESPACE CLIENT

ESPACE CLIENT+

HAMMEL & PLUS

HAMMEL & PLUS+

Une question ?

Oui, rappelez-moi !

Découvrez le catalogue des pros 2026 !

Catalogues

Brochures promotions

Brochures métiers

Services pros

📞 AIDE & CONTACT

NOS PRODUITS

NOS PRODUITS+

NOS SERVICES

NOS SERVICES+

ESPACE CLIENT

ESPACE CLIENT+

HAMMEL & PLUS

HAMMEL & PLUS+

Hammel, une entreprise certifiée, engagée et labellisée

Une question ?

Oui, rappelez-moi !