@charset "UTF-8";
@import url(main.css);
h1.display-4.fw-bold.bandeauTitre.titles.text-color-seventh { color: black !important; }

h2.display-6.fw-bold.p-3.pt-lg-3.m-0.titles { color: black !important; }

.checkbox.mb-3 { color: #f5f5f5; }

button.w-100.btn.btn-outline-dark { background-color: #f5f5f5; color: #004aad !important; border: solid 2px #004aad; border-radius: 15px !important; }

button.w-100.btn.btn-outline-dark:hover { background-color: #545454; color: #004aad; border: solid 2px #004aad; border-radius: 15px !important; }

form#formContact { background-color: #004aad !important; }

p.small-font { color: #f5f5f5; }

h5.mb-4 { color: #f5f5f5; }

span#open_preferences_center { color: #f5f5f5; }

span.p-0.text-body-secondary.obftrucs { color: #f5f5f5; }

p.ms-2 { color: #f5f5f5; }

::before { color: #f5f5f5; }

span.text-color-third { color: #f5f5f5 !important; }

p.text-color-third { color: #f5f5f5 !important; }

/* -------------Navbar affichée------------ */
#navigation-bar-hide { position: fixed !important; top: 0 !important; opacity: 1 !important; transition: none !important; }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { border-radius: 15px; border: solid 2px #004aad; background-color: #004aad; color: #f5f5f5; transition: all 0.3s ease; display: inline-block; /* pour que le transform fonctionne bien */ }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover { background-color: #545454; color: #004aad; border: solid 2px #004aad; border-radius: 15px !important; transform: translateY(-3px); /* 💫 effet de soulèvement */ box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); /* ombre subtile */ }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone { background-color: #004aad; color: #f5f5f5 !important; border: solid 2px #004aad; border-radius: 15px !important; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:hover { background-color: #545454 !important; color: #f5f5f5 !important; border: solid 2px #004aad; border-radius: 15px !important; }

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

/* ===== Bloc services ===== */
.energy-section { background-color: #545454; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='0.20' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: repeat; background-size: auto; color: #f5f5f5; padding: 80px 8%; font-family: 'Poppins', sans-serif; }

.energy-header { max-width: 800px; margin-bottom: 60px; }

.energy-header .subtitle { color: #004aad; font-weight: 700 !important; display: block; margin-bottom: 10px; }

.energy-header h2 { font-family: 'Montserrat', sans-serif; font-size: 2.2rem; font-weight: 700 !important; margin-bottom: 20px; line-height: 1.3; }

.energy-header p { font-family: 'Lato', serif; color: #f5f5f5; font-size: 1rem; }

/* ===== Cartes ===== */
.energy-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }

.energy-card { background-color: #f5f5f5; color: #545454; border-radius: 10px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; }

.energy-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); }

.energy-card img { width: 100%; height: 180px; object-fit: cover; }

.card-content { padding: 20px; }

.card-content h3 { margin-bottom: 10px; font-size: 1.2rem; font-weight: 700 !important; }

.card-content p { font-size: 0.95rem; color: #545454; margin-bottom: 20px; }

/* ===== Bouton carte ===== */
.card-btn { display: inline-block; padding: 10px 20px; border: 2px solid #004aad; color: #545454; font-weight: 600; text-decoration: none; border-radius: 15px; transition: all 0.3s ease; }

.card-btn:hover { background-color: #004aad; color: #fff; }

/* ===== Responsive design ===== */
/* Tablettes (jusqu'à 992px) */
@media (max-width: 992px) { .energy-section { padding: 60px 6%; } .energy-header h2 { font-size: 1.8rem; } .energy-header p { font-size: 0.95rem; } .energy-cards { gap: 25px; } .energy-card img { height: 160px; } .card-content h3 { font-size: 1.1rem; } }

/* Mobiles (jusqu'à 768px) */
@media (max-width: 768px) { .energy-section { padding: 50px 5%; } .energy-header { text-align: center; margin-bottom: 40px; } .energy-header h2 { font-size: 1.6rem; line-height: 1.4; } .energy-header p { font-size: 0.9rem; } .energy-cards { grid-template-columns: 1fr; gap: 20px; } .energy-card img { height: 150px; } .card-content { padding: 18px; } .card-btn { display: block; width: fit-content; margin: 0 auto; } }

/* Petits mobiles (jusqu’à 480px) */
@media (max-width: 480px) { .energy-section { padding: 40px 5%; } .energy-header h2 { font-size: 1.4rem; } .energy-header p { font-size: 0.85rem; } .energy-card img { height: 130px; } .card-content h3 { font-size: 1rem; } .card-btn { font-size: 0.9rem; padding: 8px 16px; border-radius: 12px; } }

/* ===== HERO ÉLECTRICITÉ ===== */
.hero-electricite { position: relative; background-color: #545454; color: #fff; text-align: left; padding: 120px 8%; overflow: hidden; min-height: 70vh; }

/* Image de fond placée dans le HTML */
.hero-electricite-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; /* ✅ remplit le fond comme background-size: cover */ object-position: center; /* ✅ centrage équivalent à background-position: center */ z-index: 1; opacity: 0.9; /* optionnel : pour garder le texte bien lisible */ }

.hero-electricite-content { position: relative; z-index: 2; /* ✅ au-dessus de l’image */ max-width: 750px; }

.hero-electricite .subtitle { color: #004aad; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; display: block; margin-bottom: 10px; }

.hero-electricite h1 { font-family: 'Montserrat', sans-serif; font-size: 2.4rem; font-weight: 700; color: #ffffff; margin-bottom: 20px; line-height: 1.3; }

.hero-electricite p { font-family: 'Lora', serif; font-size: 1.1rem; line-height: 1.7; color: #f8f1e5; margin-bottom: 30px; max-width: 600px; }

/* ===== BOUTON HERO ===== */
.btn-electricite { display: inline-block; background-color: transparent; color: #f5f5f5; padding: 12px 30px; border-radius: 15px; text-decoration: none; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; transition: all 0.3s ease; border: solid 2px #004aad; }

.btn-electricite:hover { background-color: #004aad; color: #f5f5f5; transform: translateY(-3px); }

/* ===== Responsive ===== */
@media (max-width: 768px) { .hero-electricite { text-align: center; padding: 100px 6%; } .hero-electricite h1 { font-size: 1.8rem; } .hero-electricite p { font-size: 1rem; margin: 0 auto 25px auto; } .btn-electricite { font-size: 0.95rem; padding: 10px 24px; } }

/* ===== Bloc Prestations Électricité ===== */
.electricite-prestations { background-color: #f5f5f5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23545454' fill-opacity='0.08' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: repeat; padding: 80px 8%; font-family: 'Poppins', sans-serif; color: #545454; }

/* ----- En-tête ----- */
.prestations-header { max-width: 850px; text-align: left; }

.prestations-header h2 { font-family: 'Montserrat', sans-serif; font-size: 2rem; font-weight: 700 !important; color: #545454; margin-bottom: 15px; }

.prestations-header p { font-size: 1.05rem; line-height: 1.7; color: #545454; }

/* ----- Grille de cartes ----- */
.prestations-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 30px; margin-top: 40px; }

.prestation-card { background-color: #fff; border-radius: 10px; padding: 40px 25px 35px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; text-align: left; }

.prestation-card:hover { transform: translateY(-6px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }

/* ----- Pictos ----- */
.prestation-icon { margin-bottom: 20px; }

.prestation-icon img { width: 65px; height: 65px; filter: invert(27%) sepia(97%) saturate(2412%) hue-rotate(205deg) brightness(92%) contrast(95%); }

/* ----- Titres et textes ----- */
.prestation-card h3 { font-family: 'Montserrat', sans-serif; color: #545454; font-size: 1.25rem; font-weight: 700 !important; margin-bottom: 12px; }

.prestation-card p { font-size: 0.95rem; line-height: 1.6; color: #545454; }

/* ----- Responsive ----- */
@media (max-width: 768px) { .electricite-prestations { padding: 60px 6%; } .prestations-header h2 { font-size: 1.7rem; } .prestations-header p { font-size: 0.95rem; } .prestation-card { padding: 30px 20px; } .prestation-icon img { width: 55px; height: 55px; } }

.footer-custom-1, .footer-custom-2 { background-color: #545454  !important; }

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