@charset "UTF-8";
@import url(main.css);
#zone-intervention img.d-block.mx-lg-auto.img-fluid { width: 500px; }

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

/* --- Suppression du zoom et de l’ombre sur le Hero --- */
.carousel-item-homepage img, .first-carousel-img { transform: none !important; /* ✅ retire tout effet de zoom ou scale */ transition: none !important; /* ✅ empêche les animations au chargement */ box-shadow: none !important; /* ✅ supprime toute ombre */ filter: none !important; /* ✅ retire les filtres type fondu sombre */ opacity: 1 !important; /* ✅ garantit la pleine luminosité */ }

@media (min-width: 992px) { img.d-block.mx-lg-auto.img-fluid { margin-top: -70px; } }

h2 { font-family: 'Arial Black', Arial, sans-serif; color: #222222; font-size: 2rem; margin-bottom: 10px; position: relative; letter-spacing: 1px; text-shadow: 2px 2px 0 #e0e0e0, 4px 4px 10px rgba(0, 0, 0, 0.15); }

/* ------- Bloc Avantages ------- */
.avantages { background: #fefefe; padding: 80px 20px; text-align: center; }

/* ---------- Titre avec police Arial Black et effet d'ombre ---------- */
.avantages-header h2 { font-family: 'Arial Black', Arial, sans-serif; color: #222222; font-size: 2rem; margin-bottom: 10px; position: relative; letter-spacing: 1px; text-shadow: 2px 2px 0 #e0e0e0, 4px 4px 10px rgba(0, 0, 0, 0.15); }

.avantages-header h2::after { content: ""; display: block; width: 70px; height: 3px; background: #222222; margin: 14px auto 0; border-radius: 2px; opacity: 0.8; }

.avantages-header p { font-family: 'Lato', sans-serif; color: #222222; font-size: 1rem; margin-bottom: 50px; }

/* ---------- Grille ---------- */
.avantages-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; max-width: 1100px; margin: 0 auto; }

/* ---------- Cartes ---------- */
.avantage-card { background: #222222; padding: 40px 25px; border-radius: 20px; color: #fefee7; box-shadow: 0 5px 15px rgba(8, 183, 96, 0.25); /* ombre verte */ transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: default; }

.avantage-card:hover { transform: translateY(-8px); box-shadow: 0 10px 25px rgba(243, 50, 48, 0.45); /* ombre rouge au survol */ }

/* ---------- Icônes ---------- */
.avantage-card .icon { width: 60px; height: 60px; margin: 0 auto 15px; }

.avantage-card .icon img { width: 100%; height: 100%; object-fit: contain; transition: transform 0.3s ease; /* seulement le zoom */ filter: invert(93%) sepia(9%) saturate(213%) hue-rotate(7deg) brightness(105%) contrast(95%); /* noir → beige (#fefee7) */ }

.avantage-card:hover .icon img { transform: scale(1.1); filter: invert(29%) sepia(86%) saturate(4340%) hue-rotate(349deg) brightness(97%) contrast(101%); /* noir → rouge (#f33230) */ }

/* ---------- Titres & texte ---------- */
.avantage-card h3 { font-family: 'Montserrat', sans-serif; font-weight: 900; /* plus gras qu’avant */ font-size: 1.2rem; color: #fefee7; margin-bottom: 10px; letter-spacing: 0.5px; /* légère respiration pour compenser l’épaisseur */ text-transform: none; /* garde la casse normale */ }

.avantage-card p { font-family: 'Lato', sans-serif; font-size: 0.95rem; color: #fefee7; line-height: 1.5; }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) { .avantages { padding: 60px 15px; } .avantages-header h2 { font-size: 1.8rem; } }

@media (max-width: 768px) { .avantages-grid { gap: 20px; } .avantage-card { padding: 35px 20px; } .avantage-card h3 { font-size: 1.1rem; } .avantage-card p { font-size: 0.9rem; } }

@media (max-width: 480px) { .avantages { padding: 50px 10px; } .avantages-header h2 { font-size: 1.5rem; } .avantages-header p { font-size: 0.9rem; margin-bottom: 35px; } .avantage-card { padding: 30px 15px; } .avantage-card h3 { font-size: 1rem; } .avantage-card p { font-size: 0.85rem; } }

/* ===== GRID SECTION ===== */
.services-grid { background: #ffffff; /* fond blanc pur */ text-align: center; padding: 100px 20px; }

/* ----- Titre ----- */
.services-header { margin-bottom: 60px; }

.services-header h2 { font-family: 'Arial Black', Arial, sans-serif; color: #222222; font-size: 2rem; margin-bottom: 10px; text-shadow: 2px 2px 0 #e0e0e0, 4px 4px 10px rgba(0, 0, 0, 0.15); position: relative; }

.services-header h2::after { content: ""; display: block; width: 80px; height: 3px; background: #222222; margin: 14px auto 0; border-radius: 2px; }

.services-header p { font-family: 'Lato', sans-serif; color: #555; font-size: 1rem; margin-top: 15px; }

/* ----- Grille des cartes ----- */
.services-container { display: grid; grid-template-columns: repeat(4, 1fr); /* 4 cartes alignées */ gap: 30px; max-width: 1200px; margin: 0 auto; }

.service-card { background: #222222; color: #fefee7; border-radius: 20px; padding: 40px 25px; text-align: center; box-shadow: 0 5px 15px rgba(8, 183, 96, 0.25); transition: transform 0.3s ease, box-shadow 0.3s ease; }

.service-card:hover { transform: translateY(-8px); box-shadow: 0 10px 25px rgba(243, 50, 48, 0.45); }

/* ----- Images ----- */
.service-card img { width: 60px; margin-bottom: 15px; filter: invert(93%) sepia(9%) saturate(213%) hue-rotate(7deg) brightness(105%) contrast(95%); /* beige clair */ transition: transform 0.3s ease; /* on retire le filter de la transition */ }

.service-card:hover img { transform: scale(1.1); filter: invert(27%) sepia(100%) saturate(6000%) hue-rotate(350deg) brightness(95%) contrast(105%); /* rouge vif immédiat, sans bleu */ }

/* ----- Titres et texte ----- */
.service-card h3 { font-family: 'Montserrat', sans-serif; font-weight: 900; font-size: 1.2rem; margin-bottom: 10px; letter-spacing: 0.5px; }

.service-card p { font-family: 'Lato', sans-serif; font-size: 0.95rem; line-height: 1.5; }

/* ===== Responsive ===== */
@media (max-width: 1024px) { .services-container { grid-template-columns: repeat(2, 1fr); /* 2 cartes par ligne */ } }

@media (max-width: 600px) { .services-container { grid-template-columns: 1fr; /* 1 carte par ligne sur mobile */ } .services-header h2 { font-size: 1.7rem; } .service-card { padding: 35px 20px; } }

/* ===== TIMELINE ===== */
.services-timeline { background: #ffffff; /* fond blanc pur */ color: #222222; text-align: center; padding: 40px 20px 60px; position: relative; }

/* ----- Titre ----- */
.services-timeline h2 { font-family: 'Arial Black', Arial, sans-serif; font-size: 2rem; margin-bottom: 80px; text-shadow: 2px 2px 0 #e0e0e0, 4px 4px 10px rgba(0, 0, 0, 0.15); position: relative; }

.services-timeline h2::after { content: ""; display: block; width: 80px; height: 3px; background: #222222; margin: 14px auto 0; border-radius: 2px; }

/* ===== Timeline layout ===== */
.timeline { position: relative; display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; max-width: 1000px; margin: 0 auto; padding: 0 10px; }

/* Ligne rouge principale */
.timeline::before { content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 3px; background: #f33230; z-index: 1; transform: translateY(-50%); }

/* Étape */
.timeline-step { position: relative; flex: 1; text-align: center; z-index: 2; animation: fadeInUp 1s ease forwards; opacity: 0; }

@keyframes fadeInUp { from { transform: translateY(40px);
    opacity: 0; }
  to { transform: translateY(0);
    opacity: 1; } }

/* 🔹 Cercles numérotés (verts avec effet flou) */
.timeline-step .circle { width: 55px; height: 55px; background: #08b760; /* vert principal */ color: #fefee7; border-radius: 50%; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 1.1rem; box-shadow: 0 0 15px rgba(8, 183, 96, 0.5); /* effet flou/halo vert */ border: 2px solid rgba(8, 183, 96, 0.6); transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease; }

/* ----- Contenu des étapes ----- */
.timeline-step .content { background: #222222; color: #fefee7; border-radius: 15px; padding: 25px 20px; box-shadow: 0 5px 15px rgba(8, 183, 96, 0.25); /* effet vert doux comme cartes services */ transition: transform 0.3s ease, box-shadow 0.3s ease; }

.timeline-step .content h3 { font-family: 'Montserrat', sans-serif; font-weight: 900; font-size: 1.1rem; margin-bottom: 8px; }

.timeline-step .content p { font-family: 'Lato', sans-serif; font-size: 0.95rem; line-height: 1.5; }

/* Au survol → légère élévation + ombre rouge */
.timeline-step:hover .content { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(243, 50, 48, 0.45); }

/* ===== Responsive ===== */
@media (max-width: 900px) { .timeline { flex-direction: column; gap: 60px; } .timeline::before { top: 0; left: 50%; width: 3px; height: 100%; transform: translateX(-50%); } .timeline-step { text-align: center; } .timeline-step .circle { margin-bottom: 15px; } .timeline-step .content { margin: 0 auto; max-width: 350px; } }

h1.display-4.fw-bold.bandeauTitre.titles.text-color-seventh { color: black; }

h2.display-6.fw-bold.p-3.pt-lg-3.titles { color: white; text-shadow: 2px 2px 0 #a3a3a3, 4px 4px 10px rgba(0, 0, 0, 0.15); }

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