@charset "UTF-8";
@import url(main.css);
div.shadow-lg { box-shadow: none !important; }

.row.mt-5.flex-lg-row, .row.mt-5.flex-lg-row-reverse { margin-top: 1rem !important; }

.videoTitle { width: 90% !important; }

.services { padding: 5rem 1.5rem; }

.services-container { max-width: 1200px; margin: 0 auto; }

.services h2 { text-align: center; margin-bottom: 3rem; font-weight: 700 !important; }

.services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }

.service-content h3 { font-size: 1.5rem; margin-bottom: 0.5rem; color: #01174f; font-weight: 700 !important; }

.service-content p { font-size: 1rem; color: #01174f; }

/* CARTE – état normal */
.service-card { background-color: #eff7fd; padding: 2.5rem 1.5rem; border-radius: 8px; text-decoration: none; /* couleur pilote pour le SVG */ color: #1f63ae; text-align: center; position: relative; overflow: hidden; transition: background-color 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1); }

/* CARTE – hover / focus */
.service-card:hover, .service-card:focus-visible { background-color: #1f63ae; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* couleur pilote icône + texte */ color: #eff7fd; }

/* SVG – plus grand */
.service-card svg { width: 104px; height: 104px; display: block; margin: 0 auto; transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1); }

/* Héritage couleur SVG */
.service-card svg path { fill: currentColor; }

/* Animation icône */
.service-card:hover svg, .service-card:focus-visible svg { transform: translateY(-10px); }

/* TEXTE */
.service-content h3, .service-content p { color: currentColor; }

.service-card svg { margin-bottom: 1.2rem; }

/* TEXTE toujours bleu clair par défaut */
.service-card, .service-card:visited, .service-card:active, .service-card:focus { color: #1f63ae; }

/* Hover uniquement */
.service-card:hover { color: #eff7fd; }

/* Mobile : pas de hover, on montre le texte */
@media (max-width: 768px) { .service-content { opacity: 1; transform: none; } }

@media (max-width: 600px) { .services-grid { grid-template-columns: 1fr; } }

/* Appliquer le même style aux deux blocs */
.row.flex-lg-row-reverse ul, #service-chauffage ul, .engagements { list-style: none; padding-left: 0; margin-bottom: 10px; }

.row.flex-lg-row-reverse ul li, #service-chauffage ul li, .engagements li { position: relative; padding-left: 24px; margin-bottom: 6px; line-height: 1.5; }

/* Supprimer les marges parasites des <p> dans les <li> */
.row.flex-lg-row-reverse ul li p, #service-chauffage ul li p, .engagements li p { margin-bottom: 0; }

/* Ajouter la coche */
.row.flex-lg-row-reverse ul li::before, #service-chauffage ul li::before, .engagements li::before { content: "✔"; position: absolute; left: 0; top: 2px; color: #81b7e4; font-weight: bold; font-size: 0.9em; }

#service-chauffage ul li::before { color: #81b7e4; }

.partenaires-carousel-logo { filter: none !important; }

.chauffage-intro { margin: 32px auto; padding: 28px; max-width: 1000px; border-radius: 18px; background: #f6fbfe; border: 1px solid rgba(1, 0, 11, 0.08); }

.chauffage-intro__inner { position: relative; padding-left: 24px; }

.chauffage-intro__inner::before { content: ""; position: absolute; left: 0; top: 4px; width: 4px; height: calc(100% - 8px); border-radius: 999px; background: #1f63ae; }

.chauffage-intro__title { margin: 0 0 12px 0; font-size: 1.7rem; font-weight: 700 !important; letter-spacing: 0.2px; color: #01000B; }

.chauffage-intro__text { margin: 0; font-size: 1rem; line-height: 1.6; color: #01000B; max-width: 75ch; }

/* Responsive */
@media (max-width: 576px) { .chauffage-intro { padding: 20px; margin: 22px 16px; } .chauffage-intro__inner { padding-left: 14px; } }

.anchors-title { text-align: center; font-weight: 700 !important; color: #81b7e4; margin-top: 80px; margin-bottom: 30px; }

.page-anchors { display: flex; flex-wrap: wrap; /* permet aux liens de passer à la ligne si écran trop petit */ gap: 20px; /* espace entre les liens */ justify-content: center; /* centre les liens horizontalement */ margin: 50px auto 50px; /* espace autour du bloc */ padding: 0 20px; /* un peu de padding horizontal */ max-width: 1100px; /* largeur maximale du bloc */ }

.anchor-link { text-decoration: none; color: #01000B; /* texte vert */ font-weight: 600; padding: 12px 18px; /* espace interne du lien */ border-radius: 8px; text-align: center; background: #81b7e4; border: 2px solid #81b7e4; /* contour uniquement autour du lien */ transition: all 0.3s ease; }

.anchor-link:hover { background: transparent; /* pas de fond ni contour */ border: 2px solid #81b7e4; color: #81b7e4; /* texte blanc */ border-color: #81b7e4; /* contour reste vert */ }

@media (max-width: 576px) { .page-anchors { gap: 12px; margin: 40px auto; } .anchor-link { flex: 1 1 100%; /* pleine largeur */ padding: 14px; } }

@media (min-width: 577px) and (max-width: 991px) { .anchor-link { flex: 1 1 calc(50% - 10px); /* 2 par ligne */ } }

/* Texte toujours bleu */
.page-anchors .anchor-link, .page-anchors .anchor-link:visited, .page-anchors .anchor-link:active, .page-anchors .anchor-link:focus { color: #01000B; }

/* Hover uniquement */
.page-anchors .anchor-link:hover { border: 2px solid #81b7e4; color: #81b7e4; }

#service-chauffage { padding-left: 80px; padding-right: 80px; }

@media (max-width: 768px) { #service-chauffage { padding-left: 20px; padding-right: 20px; } }

.bloc-conseils { padding: 4rem 2rem; background: #332C28; }

.container-conseils { max-width: 1100px; margin: 0 auto; text-align: center; color: #f8f8f8; }

.bloc-conseils h2 { margin-bottom: 1.5rem; font-weight: 700 !important; }

.intro { max-width: 1000px; margin: 0 auto 5rem auto; line-height: 1.6; }

.bloc-conseils p { font-size: 18px; }

.bloc-conseils h3 { margin-bottom: 2rem; margin-top: 1rem; font-weight: 600 !important; }

.mt-section { margin-top: 4rem; padding-top: 2rem; }

.liste-aides, .liste-guides { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.5rem; }

.item-aide, .item-guide { display: flex; align-items: center; gap: 1.2rem; background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%); padding: 1.4rem 1.6rem; border-radius: 10px; border: 1px solid #e6e8ee; text-decoration: none; color: #01000B; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06); transition: all 250ms ease; }

.item-aide:hover, .item-guide:hover { transform: translateY(-6px); box-shadow: 0 12px 28px rgba(255, 255, 255, 0.15); }

.item-aide img, .item-guide img { width: 70px; height: 70px; object-fit: contain; flex-shrink: 0; }

.item-aide span, .item-guide span { text-align: left; }

.item-aide span, .item-guide span { color: #01000B; }

.item-aide:hover span, .item-guide:hover span { color: #01000B; }

/* SECTION */
.bloc-partenaires { padding: 80px 20px; }

/* IMAGE PRINCIPALE */
.image-chaudiere img { width: 100%; height: auto; border-radius: 10px; display: block; }

/* TITRES */
.bloc-partenaires h2 { margin-bottom: 20px; font-weight: 700 !important; text-align: center; font-size: 2.3em; }

.bloc-partenaires h3 { margin-top: 20px; margin-bottom: 20px; font-weight: 600 !important; }

/* TEXTE */
.bloc-partenaires p { margin-bottom: 25px; line-height: 1.6; color: #f8f8f8; font-size: 18px; }

/* PARTENAIRE */
.partenaire-principal { margin-bottom: 30px; }

.partenaire-principal a { display: flex; flex-direction: column; align-items: center; gap: 12px; align-items: flex-start; text-align: left; text-decoration: none; color: #f8f8f8; transition: transform .2s ease; }

.partenaire-principal a:hover { transform: translateY(-4px); }

.partenaire-principal img { height: 70px; object-fit: contain; }

/* MARQUES */
.liste-marques { display: flex; gap: 30px; flex-wrap: wrap; margin-top: 20px; }

.logo-marque { display: flex; flex-direction: column; align-items: center; text-align: center; text-decoration: none; color: inherit; transition: transform .2s ease; }

.logo-marque img { height: 70px; margin-bottom: 10px; object-fit: contain; }

.logo-marque span { font-size: 16px; color: #f8f8f8; }

.logo-marque:hover { transform: translateY(-4px); }

/* LISTES */
.engagements a { font: inherit; color: inherit; }

hr { margin-top: 2rem !important; }

h2, h3 { color: #81b7e4; }

/* Texte justifié sur ordinateur */
p { text-align: justify; text-justify: inter-word; }

/* Texte aligné à gauche sur mobile */
@media (max-width: 768px) { p { text-align: left; } }

.dropdown-menu { border: none; border-radius: 10px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); padding: 10px 0; min-width: 220px; }

.dropdown-menu .dropdown-item { padding: 10px 20px; font-size: 15px; transition: background-color .2s ease, color .2s ease; }

.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item.active { background-color: #81b7e4 !important; color: #332C28 !important; }

@media (min-width: 992px) { .navbar .dropdown { position: relative; } .navbar .dropdown-menu { display: block; opacity: 0; visibility: hidden; pointer-events: none; margin-top: 0; transition: opacity .25s ease, visibility .25s ease; } .navbar .dropdown:hover > .dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; } }

.navbar-nav li.active strong { color: #8ecae6; }

#navigation-bar-hide { background: linear-gradient(180deg, #152D6A 0%, #1c3b87 100%) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }

#navigation-bar-hide .navbar-collapse { background: transparent !important; }

#navigation-bar-hide .container-fluid { background: transparent !important; }

#headerPage .animated-border-button { background-color: transparent !important; }

#headerPage .animated-border-button:after { background-color: #8ecae6; }

.experience-nav { color: #F4A261; font-weight: 600; font-size: 16px; padding: 4px 12px; border: 2px solid #F4A261; border-radius: 20px; margin-right: 15px; display: flex; align-items: center; white-space: nowrap; line-height: 1; }

footer > div.row.justify-content-center.justify-content-lg-around.text-center.text-lg-start > div:nth-child(3) > div:nth-child(2) { display: none !important; }

/*# sourceMappingURL=custom.css.map */