@charset "UTF-8";
@import url(main.css);
/*********************************** MODIFICATIONS GLOBALES ***********************************/
.eclair1, .eclair2, .eclair3 { position: absolute; top: -100px; right: -100px; width: 0; height: 0; }

.shadow-lg { box-shadow: none !important; }

/****************** NAVBAR ******************/
.navbar-brand { height: 11vh !important;  width: 11vw !important; }

.logo_nav { height: 10vh !important; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone { padding: 0.75rem 1rem !important; border-radius: 0 !important; border: 1px solid #BABF25; font-weight: 600; color: #105261 !important; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:hover { color: #BABF25 !important; }

.navbar .container-fluid { padding: 0 4vw; }

/****************** CTA ******************/
#cta.d-flex.align-items-center.justify-content-center.px-4.py-5.text-center.cta_banner.bg-sixthColor.position-relative { width: 90%; margin: auto; border: 3px solid #babf25; padding: 5rem 3rem !important; margin-bottom: 3rem; }

#cta .background-image-div-opacity { background-attachment: scroll !important; background-size: auto 100% !important; }

#cta a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { border-radius: 0 !important; border: 1px solid #babf25; transition: all 0.3s ease; }

#cta a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 span { transition: all 0.3s ease; }

#cta a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover { border: 1px solid #105261; }

#cta a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover span { color: #105261 !important; }

/****************** MAPS ******************/
.maps-section .d-flex.py-3 { color: #105261; }

.maps-section.position-relative.bg-sixthColor { padding: 4rem; }

.maps-section iframe { border: 3px solid #146173 !important; }

/****************** RÉSEAUX SOCIAUX ******************/
.fd-social { text-align: center; padding: 4rem 2rem; font-family: 'Murecho', serif; }

.fd-social-line { height: 2px; background-color: #146173; width: 40%; margin: auto; margin-bottom: 2rem; }

.fd-social-header { margin-bottom: 60px; }

.fd-social-subtitle { display: block; font-family: 'Murecho'; color: #146173; text-transform: uppercase; font-size: 1.7rem; font-weight: 600; }

.fd-social-header h2 { font-family: 'Murecho', serif; font-size: 3.5rem; color: #babf25; font-weight: 600 !important; }

.fd-social-header p { font-size: 1.1rem; color: #146173; line-height: 1.5; max-width: 700px; margin: 0 auto; }

/* --- Icônes réseaux --- */
.fd-social-links { display: flex; justify-content: center; align-items: center; gap: 80px; flex-wrap: wrap; }

.fd-social-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.3s ease; }

.fd-social-item img { width: 70px; height: 70px; margin-bottom: 12px; transition: all 0.3s ease; }

.fd-social-item span { font-family: 'Murecho', sans-serif; color: #146173; font-size: 1rem; font-weight: 600; }

/* --- Effet au survol --- */
.fd-social-item:hover { transform: translateY(-6px); }

@media (max-width: 768px) { .fd-social { padding: 80px 25px; } .fd-social-header h2 { font-size: 2rem; } .fd-social-links { gap: 50px; } .fd-social-item img { width: 60px; height: 60px; } .fd-social-line { width: 80%; } }

/*********************************** ACCUEIL ***********************************/
/****************** HERO ******************/
img.fondDegradeLogo { height: 30vh; }

.titleText.text-white.text-center.fs-2.mb-4.mt-4.titles { letter-spacing: normal; }

.container.videoTitle { width: 70% !important; }

a#phone-analytics-tag-video-bloc { border-radius: 0; border: 1px solid #babf25; padding: 0.75rem 1rem; color: #fcfcfc !important; text-transform: uppercase; font-weight: 600; transition: all 0.3s ease; }

a#phone-analytics-tag-video-bloc:hover { border: 1px solid #fcfcfc; }

/****************** A-PROPOS ******************/
#a-propos .row.p-4.pb-0.pe-lg-0.pt-lg-5.pb-lg-5.rounded-3.shadow-lg.justify-content-center.position-relative.bg-primaryColor.text-color-primary { box-shadow: none !important; align-items: center !important; }

#a-propos .lead.mb-4 { margin-bottom: 0 !important; }

#a-propos .col-lg-5.offset-lg-1.p-0.m-2.overflow-hidden.position-relative.z-1 { border: 2px solid #babf25; box-shadow: 0 0 2rem 0 rgba(16, 82, 97, 0.1); }

/****************** PRESTATIONS ******************/
.presta-cards { display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 2rem; background: #146173; padding: 10rem; clip-path: url(#eclair3); }

.presta-top { display: flex; flex-direction: column; width: 70%; }

.presta-cards-container { display: flex; justify-content: space-between; align-items: center; width: 100%; }

.presta-card { width: calc(25% - 1rem); min-height: 50vh; display: flex; flex-direction: column; justify-content: end; align-items: start; padding: 1.5rem; border: 1px solid #fcfcfc; background-size: cover !important; background-position: center !important; background-blend-mode: darken !important; }

.presta-button { text-decoration: none; color: #fcfcfc; padding: 0.75rem 1rem; border-radius: 0; border: 1px solid #BABF25; background: #BABF25; text-transform: uppercase; font-weight: 600; transition: all 0.3s ease; }

.presta-button:hover { border: 1px solid #fcfcfc; background: transparent; color: #fcfcfc !important; }

@media screen and (max-width: 992px) { .presta-cards { padding: 4rem 2rem; } .presta-top { width: 100%; } .presta-cards-container { flex-direction: column; gap: 2rem; } .presta-card { width: 100%; } }

/****************** AVIS ******************/
.googleReviews-div .card-img-top.avatar-google-place { padding: 0.5rem; background: #146173; border-radius: 0 !important; }

.mb-5.googleReviews-div { color: #105261; }

.googleReviews-div h3 { font-weight: 600 !important; }

a#maps-url { border-radius: 0; padding: 0.75rem 1rem; border: 1px solid #babf25; color: #fcfcfc !important; text-transform: uppercase !important; font-weight: 600; }

a#maps-url:hover { color: #babf25 !important; }

.googleReviews-div .card.p-2.rounded-3.shadow-lg.px-4.border-0.d-flex.justify-content-lg-between { border-radius: 0 !important; box-shadow: 0 0 2rem 0 rgba(16, 82, 97, 0.1) !important; }

.googleReviews-div .card.rounded-3.shadow-lg.mx-4.mb-4 { border: none; box-shadow: 0 0 2rem 0 rgba(16, 82, 97, 0.1) !important; margin-top: 2rem; margin-bottom: 2rem; border-radius: 0 !important; }

/****************** POURQUOI ******************/
.pourquoi-cards { display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 1rem; padding: 8rem 10rem 10rem 10rem; background: #146173; clip-path: url(#eclair3); }

.pourquoi-top { display: flex; flex-direction: column; width: 70%; }

.pourquoi-cards-container { display: flex; justify-content: space-between; align-items: center; width: 100%; }

.pourquoi-card { width: calc(20% - 1rem); display: flex; flex-direction: column; justify-content: space-around; align-items: center; gap: 1rem; padding: 1.25rem; border: 1px solid #babf25; text-align: center; }

.pourquoi-card p { margin-bottom: 0 !important; }

.pourquoi-icon { height: 5rem; width: 100%; object-fit: contain; }

@media screen and (max-width: 992px) { .pourquoi-cards { padding: 2rem; } .pourquoi-top { width: 100%; } .pourquoi-cards-container { flex-direction: column; gap: 2rem; } .pourquoi-card { width: 100%; } }

/****************** SEO ******************/
.mx-auto.third-activity-div.col-lg-11.px-4.py-4.mb-4.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative { box-shadow: none !important; }

.first-activity-div .card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg, .second-activity-div .card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg, .third-activity-div .card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg { border-radius: 0 !important; box-shadow: 0 0 2rem 0 rgba(16, 82, 97, 0.1) !important; border: 2px solid #babf25; }

.black-screen { background-color: #105261; }

/*********************************** ÉLECTRICITÉ GÉNÉRALE ***********************************/
/****************** HERO ******************/
div#hero-elec { padding-top: 12vh !important; height: 60vh; clip-path: url(#eclair1); }

#hero-elec .lead.p-4.text-color-sixth { width: 90%; margin: auto; }

#hero-elec .titles p { line-height: 0.5; }

#hero-elec .background-image-div-opacity { background-attachment: scroll !important; }

/****************** PRES-CARDS ******************/
.pres-cards { display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 1rem; padding: 6rem 10rem; }

.pres-top { display: flex; flex-direction: column; width: 70%; }

.pres-cards-container { display: flex; justify-content: space-between; align-items: center; width: 100%; }

.pres-card { width: calc(33% - 1rem); display: flex; flex-direction: column; justify-content: space-around; align-items: center; gap: 1rem; padding: 1.25rem; border: 1px solid #BABF25; text-align: center; }

.pres-card p { margin-bottom: 0 !important; }

.pres-icon { height: 5rem; width: 100%; object-fit: contain; }

@media screen and (max-width: 992px) { .pres-cards { padding: 2rem; } .pres-top { width: 100%; } .pres-cards-container { flex-direction: column; gap: 2rem; } .pres-card { width: 100%; } }

/****************** PRISES ******************/
div#prises { clip-path: url(#eclair3); padding: 8rem 6rem !important; }

#prises img { border: 3px solid #babf25; }

#prises ::marker { color: #babf25; }

/*********************************** RÉNOVATION ***********************************/
.mx-auto.col-lg-11.px-4.py-4.mb-5.mt-5.text-color-primary.rounded-3.shadow-lg.bg-primaryColor.position-relative { box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; width: 100%; padding: 6rem !important; }

.row.flex-lg-row-reverse.align-items-center.g-5.py-2.px-4.mt-5.position-relative.z-1, .row.flex-lg-row.align-items-center.g-5.py-2.px-4.mt-5.position-relative.z-1 { margin-top: 0 !important; }

#renov img { border: 3px solid #babf25; }

/****************** NORME ******************/
div#norme, div#tableau, div#radiateur { background-color: #146173; padding: 8rem 6rem !important; clip-path: url(#eclair3); }

#norme .titles { margin-bottom: 0 !important; }

#norme img { height: 40vh; }

#panne img { height: 40vh; }

#tableau img, #thermostat img, #radiateur img { border: 3px solid #babf25; }

/*********************************** CONTACT ***********************************/
#contact p { line-height: 150% !important; }

#contact .text-center { text-align: left !important; }

#contact .col-lg-6.text-center.text-color-sixth { padding-left: 6rem; }

@media screen and (max-width: 992px) { #contact .col-lg-6.text-center.text-color-sixth { padding-left: 1.5rem; } }

/*********************************** LABEL ET DÉPANNAGE ***********************************/
.absolute-items { position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 1000; display: flex; flex-direction: column; justify-content: end; align-items: end; gap: 1rem; }

.absolute-img { height: 8rem; width: 8rem; }

.absolute-depannage { display: flex; flex-direction: column; justify-content: center; gap: 0.5rem; align-items: center; text-align: center; padding: 0.75rem 1rem; text-decoration: none; background: #babf25; border: 1px solid #146173; color: #146173; font-weight: 600; transition: all 0.3s ease; }

.absolute-tel { height: 3rem; }

.absolute-depannage:hover { border: 3px solid #146173; color: #146173; }

/*********************************** PAGES SEO ***********************************/
a.fw-light.grow.button_header.text-color-fourth.rounded-pill.p-2.text-decoration-none.all-activities-button { border-radius: 0 !important; padding: 0.75rem 1rem !important; border: 1px solid #babf25; text-transform: uppercase; font-weight: 600 !important; color: #fafcfe !important; }

a.fw-light.grow.button_header.text-color-fourth.rounded-pill.p-2.text-decoration-none.all-activities-button:hover { color: #babf25 !important; }

h3.fs-2.py-5.my-5.lh-1.fw-bold a { text-decoration: none; color: #fafcfe !important; transition: all 0.3s ease; }

h3.fs-2.py-5.my-5.lh-1.fw-bold:hover a { color: #babf25; }

a.fw-bold.fs-6.grow { color: #105261; }

.bandeau { background-color: #146173; }

h2.pb-2.border-bottom { color: #105261; font-weight: 600 !important; }

h3.fw-bold.mb-2.fs-4.text-body-emphasis { color: #105261; }

a.fw-bold.fs-6 { color: #babf25; }

.seo-frequently-card a.fw-bold.fs-6.grow { color: #fafcfe; }

img.logo_nav.mx-2 { background-color: #146173; padding: 1rem; }

a.p-3.fw-bold.fs-6.m-2.phone-number-button.text-decoration-none { border: 1px solid #babf25; transition: all 0.3s ease; }

a.p-3.fw-bold.fs-6.m-2.phone-number-button.text-decoration-none:hover { background-color: #babf25; color: #105261; }

a.nav-link.fs-6.dropdown-toggle.px-0.text-color-secondary.text-center { text-transform: uppercase; font-weight: 500; }

a.dropdown-item.text-color-fourth { color: #105261 !important; transition: all 0.3s ease; }

a.dropdown-item.text-color-fourth:hover { color: #fafcfe !important; }

a.first-banner-seo-page-button { border-radius: 0 !important; border: 1px solid #babf25; padding: 0.75rem 1rem !important; color: #fafcfe !important; transition: all 0.3s ease; }

a.first-banner-seo-page-button:hover { border: 1px solid #fafcfe; }

#bandeau-title-seo.photoTitleText { background-color: #146173 !important; }

div#double-images-text-seo-2 .card-body { border-radius: 0 !important; background-color: #146173; }

#button-seo-page-homepage a.button_homepageDoubleScreen { text-transform: uppercase; border-radius: 0 !important; border: 1px solid #babf25; color: #fafcfe !important; transition: all 0.3s ease; }

#button-seo-page-homepage a.button_homepageDoubleScreen:hover { color: #babf25 !important; }

div#photo-text-seo-page { width: 100% !important; margin: 0; max-width: 2000px; background-color: #146173; }

#photo-text-seo-page .row.p-4.pb-0.pe-lg-0.pt-lg-5.pb-lg-5.rounded-3.shadow-lg.justify-content-center.position-relative.bg-sixthColor.text-color-sixth { background: transparent !important; box-shadow: none !important; }

div#seo-text-images { background: transparent; color: #105261 !important; border-radius: 0 !important; border: 1px solid #babf25; }

div#logo-seo-page { background-color: #146173; }

.row.align-items-center.g-0.bg-sixthColor.rounded-3 { background: #146173; border-radius: 0 !important; }

.card-body.mx-4.bg-sixthColor.text-color-sixth { background: transparent; }

.px-5.pt-5.display-6.text-color-primary.titles { color: #babf25 !important; font-weight: 600; }

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