Catalogue plomberie chauffage sanitaire

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

Catalogues

CATALOGUE 2025

Feuilleter

CATALOGUE SANITAIRE

Feuilleter

Brochures promotions

PRIX BLEUS

Feuilleter Télécharger

RENDEZ-VOUS HAMMEL

Feuilleter Télécharger

Brochures métiers

CLIMATISATION

Télécharger

PANNEAUX MURAUX

Télécharger

SOLUTION PHOTOVOLTAÏQUE

Télécharger

SOLUTION MA PRIME ADAPT

Télécharger

FIXOPLAC

Télécharger

FIXOMULTIX

Télécharger

MÉCANISMES COMPLETS W.C

Télécharger

LA DOUCHE RÉINVENTÉE ELMER

Télécharger

Services pros

RENOVATION ENERGETIQUE

Feuilleter

SHOWROOM ELMER

Feuilleter

SHOWROOM 2025

Feuilleter

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

.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: 2px solid #dedede; 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/web/Mosaique plombiers_hammel-min (1).jpg') 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 professionnel 2025 !

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 professionnel 2025 !

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 !