@charset "UTF-8";
@import url(main.css);
/*-------------------BLOC COOKIES-----------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&family=Whisper&family=Zilla+Slab:wght@400;500&display=swap");
button.cc-nb-okagree { border-radius: 0px !important; }

button.cc-nb-reject { border-radius: 0px !important; }

button.cc-nb-changep { border-radius: 0px !important; }

div#termsfeed-com---nb { border-radius: 0px; }

/*-------------------Ajustements SEO-----------------------------*/
a.dropdown-item:hover { color: #f2f1ed !important; }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { border-radius: 0px !important; border: 2px solid #026c83; color: #026c83 !important; }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover { background-color: #026c83; border-radius: 0px !important; border: 2px solid #f2f1ed; color: #f2f1ed !important; }

h2.display-6.fw-bold.p-3.pt-lg-3.m-0.titles { color: #111111; }

a.button_homepageDoubleScreen.first-banner-seo-page-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { color: #026c83 !important; border-radius: 0px !important; border: 2px solid #f2f1ed !important; }

a.button_homepageDoubleScreen.first-banner-seo-page-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover { background-color: #026c83; color: #f2f1ed !important; border-radius: 0px !important; border: 2px solid #f2f1ed !important; }

a.p-3.fw-bold.fs-6.m-2.phone-number-button.text-decoration-none { color: #f2f1ed !important; border-radius: 0px !important; border: 2px solid #f2f1ed !important; }

a.p-3.fw-bold.fs-6.m-2.phone-number-button.text-decoration-none:hover { background-color: #026c83; color: #f2f1ed !important; border-radius: 0px !important; border: 2px solid #f2f1ed !important; }

h1.display-4.fw-bold.bandeauTitre.titles.text-color-seventh { color: #111111 !important; }

a.fw-light.grow.button_header.text-color-fourth.rounded-pill.p-2.text-decoration-none.all-activities-button { color: #026c83 !important; border-radius: 0px !important; border: 2px solid #026c83 !important; }

a.fw-light.grow.button_header.text-color-fourth.rounded-pill.p-2.text-decoration-none.all-activities-button:hover { background-color: #026c83; color: #f2f1ed !important; border-radius: 0px !important; border: 2px solid #f1f2ed !important; }

.card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg { border-radius: 0px !important; }

img.fondDegradeLogo { width: 250px; }

.carousel-item-homepage img, .first-carousel-img { transform: none !important; transition: none !important; box-shadow: none !important; filter: none !important; opacity: 1 !important; }

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

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

form#formContact { color: #026c83 !important; }

input#attachments { background-color: #f1f2ed; color: #026c83; }

input#firstName { border-radius: 0px; background-color: #f1f2ed; }

input#lastName { background-color: #f1f2ed; border-radius: 0px; }

input#telNumber { background-color: #f1f2ed; border-radius: 0px; }

input#senderEmailAddress { background-color: #f1f2ed; border-radius: 0px; }

input#subject { background-color: #f1f2ed; border-radius: 0px; }

textarea#textMessage { background-color: #f1f2ed; border-radius: 0px; }

#formContact > div.checkbox.mb-3 > label { color: #f2f1ed; }

a.fd-cta-btn:visited { background-color: #f1f2ed; border-radius: 0px; border: 2px solid #026c83; color: #026c83; }

button.w-100.btn.btn-outline-dark { background-color: #f1f2ed; border-radius: 0px; border: 2px solid #026c83; color: #026c83; }

button.w-100.btn.btn-outline-dark:hover { background-color: #026c83; color: #f2f1ed !important; border-radius: 0px !important; border: 2px solid #f1f2ed !important; }

form#formContact { border-radius: 0px !important; background-color: #026c83 !important; }

.googleReviews-div h3 { color: #f1f2ed !important; font-family: unset !important; }

.card.p-2.rounded-3.shadow-lg.px-4.border-0.d-flex.justify-content-lg-between { background-color: #026c83; }

.card.rounded-3.shadow-lg.mx-4.mb-4 { box-shadow: none !important; border-radius: 0px !important; background-color: #f1f2ed; border: 2px solid #026c83; }

img.card-img-top.avatar-google-place.rounded-circle.d-lg-flex.align-items-lg-center.justify-content-center.m-2 { border-radius: 0px !important; border: 2px solid #f1f2ed !important; }

span#place-rating { color: #f1f2ed; }

a#maps-url { border-radius: 0px !important; border: 2px solid #026c83 !important; color: #026c83 !important; }

a#maps-url:hover { background-color: #026c83; color: #f2f1ed !important; border-radius: 0px !important; border: 2px solid #f1f2ed !important; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone { color: #026c83 !important; border-radius: 0px !important; border: 2px solid #026c83 !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: #026c83; color: #f2f1ed !important; border-radius: 0px !important; border: 2px solid #f1f2ed !important; }

/* ============================ 🌿 HERO SIMPLE page réalisations - FD DESIGN (avec vidéo, version responsive) ============================ */
.fd-hero-simple { display: flex; align-items: center; justify-content: space-between; background-color: #f2f1ed; /* ✅ fond beige FD Design */ padding: 80px 8%; min-height: 90vh; box-sizing: border-box; gap: 60px; }

/* --- Partie texte --- */
.fd-hero-content { flex: 1 1 50%; text-align: left; color: #026c83; max-width: 550px; }

.fd-hero-subtitle { display: block; font-family: 'Whisper', cursive; font-size: 1.8rem; color: #67a1ad; margin-bottom: 10px; }

.fd-hero-content h1 { font-family: 'Playfair Display', serif; font-size: 3.2rem; line-height: 1.2; margin-bottom: 20px; }

.fd-hero-content h1 span { color: #67a1ad; }

.fd-hero-content p { font-family: 'Zilla Slab', serif; font-size: 1.1rem; color: #333; margin-bottom: 35px; max-width: 480px; }

/* --- Vidéo à droite --- */
.fd-hero-video { flex: 1 1 50%; display: flex; justify-content: flex-end; align-items: center; overflow: hidden; /* ✅ évite tout débordement */ border-radius: 0; }

.fd-hero-video video { width: 100%; height: 100%; aspect-ratio: 16 / 9; /* ✅ format panoramique */ object-fit: cover; /* ✅ remplit la zone sans déformation */ object-position: center; border: none; box-shadow: none; transition: transform 1s ease; }

/* ============================ 📱 RESPONSIVE DESIGN ============================ */
/* --- Tablettes (entre 992px et 768px) --- */
@media (max-width: 992px) { .fd-hero-simple { flex-direction: column-reverse; /* ✅ vidéo dessous le texte */ text-align: center; gap: 40px; padding: 120px 6% 70px; min-height: auto; } .fd-hero-content { flex: unset; max-width: 600px; } .fd-hero-content h1 { font-size: 2.4rem; } .fd-hero-content p { font-size: 1rem; margin: 0 auto 30px; } .fd-hero-video video { max-height: 70vh; /* ✅ hauteur raisonnable sur tablette */ } }

/* --- Petits écrans (mobiles) --- */
@media (max-width: 600px) { .fd-hero-simple { padding: 110px 5% 60px; gap: 30px; } .fd-hero-subtitle { font-size: 1.4rem; } .fd-hero-content h1 { font-size: 1.9rem; line-height: 1.3; } .fd-hero-content p { font-size: 0.95rem; } .fd-hero-video video { box-shadow: none; border-radius: 0; } }

/* ============================ 🖤 SECTION SERVICES - STYLE PHOTO EN FOND ============================ */
.fd-services-dark { background-color: #026c83; color: #f2f1ed; padding: 100px 40px; text-align: center; font-family: 'Zilla Slab', serif; }

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

.fd-services-dark-header .fd-subtitle { display: block; font-family: 'Whisper', cursive; color: #b4e3eb; font-size: 1.6rem; }

.fd-services-dark-header h2 { font-family: 'Playfair Display', serif; font-size: 2.4rem; text-transform: uppercase; letter-spacing: 2px; color: #f2f1ed; margin-top: 10px; }

.fd-services-dark-header h2 span { color: #67a1ad; }

/* --- Grille --- */
.fd-services-dark-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; max-width: 1200px; margin: 0 auto; }

/* --- Carte cliquable --- */
.fd-service-dark-card { position: relative; display: block; /* ✅ permet au lien <a> de s’étendre */ height: 450px; overflow: hidden; border-radius: 0; text-decoration: none; /* ✅ enlève soulignement du lien */ color: inherit; /* ✅ garde la couleur du texte */ transition: transform 0.4s ease; cursor: pointer; /* ✅ curseur main */ }

.fd-service-dark-card:hover { transform: translateY(-8px); }

/* --- Image de fond --- */
.fd-service-image { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 0.8s ease; z-index: 1; }

.fd-service-dark-card:hover .fd-service-image { transform: scale(1.05); }

/* --- Bandeau texte --- */
.fd-service-dark-text { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(15, 15, 15, 0.95); padding: 25px 30px; margin: 0 20px 20px; border-radius: 0; text-align: left; z-index: 2; /* ✅ au-dessus de l’image */ }

.fd-service-dark-text h3 { font-family: 'Playfair Display', serif; font-size: 1.2rem; color: #f2f1ed; text-transform: uppercase; margin-bottom: 6px; letter-spacing: 1px; }

.fd-service-dark-text p { font-size: 1rem; color: #67a1ad; margin: 0; }

/* --- Responsive --- */
@media (max-width: 768px) { .fd-services-dark { padding: 70px 20px; } .fd-service-dark-card { height: 380px; } .fd-service-dark-text { margin: 0 15px 15px; padding: 20px; } .fd-service-dark-text h3 { font-size: 1.1rem; } }

/* ============================ 💬 SECTION A PROPOS - FD DESIGN (version ajustée) ============================ */
.fd-testimonial { position: relative; background-image: url("https://images.unsplash.com/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=1600&q=80"); background-size: cover; background-position: center; background-attachment: fixed; /* 🔹 Réduction de la hauteur */ min-height: 70vh; /* au lieu de 100vh */ display: flex; align-items: center; justify-content: flex-start; /* ✅ ancre le texte à gauche si besoin */ color: #f2f1ed; text-align: left; font-family: 'Zilla Slab', serif; overflow: hidden; padding: 80px 8%; /* ✅ ajoute de l’air sans rendre trop grand */ }

.fd-testimonial-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.7); z-index: 0; }

/* --- Contenu --- */
.fd-testimonial-content { position: relative; z-index: 1; /* 🔹 Largeur augmentée */ max-width: 1000px; /* au lieu de 800px */ width: 100%; padding: 40px 20px; }

.fd-testimonial-subtitle { display: inline-block; color: #b4e3eb; font-family: 'Whisper', cursive; font-size: 1.6rem; margin-bottom: 10px; }

.fd-testimonial-content h2 { font-family: 'Playfair Display', serif; font-size: 2.3rem; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 25px; }

.fd-testimonial-content h2 span { color: #67a1ad; }

.fd-testimonial-quote { font-size: 1.1rem; line-height: 1.7; color: #f2f1ed; margin-bottom: 30px; max-width: 900px; /* ✅ texte plus large */ }

.fd-testimonial-author { display: flex; align-items: center; gap: 15px; }

.fd-testimonial-author img { width: 55px; height: 55px; border-radius: 0%; object-fit: cover; border: 1px solid #f2f1ed; }

.fd-testimonial-author h4 { margin: 0; font-family: 'Playfair Display', serif; color: #f2f1ed; font-size: 1.1rem; }

.fd-testimonial-author p { margin: 0; color: #b4e3eb; font-size: 0.95rem; }

/* --- Responsive --- */
@media (max-width: 768px) { .fd-testimonial { min-height: auto; padding: 70px 25px; background-attachment: scroll; } .fd-testimonial-content { text-align: center; max-width: 100%; padding: 0; } .fd-testimonial-author { justify-content: center; } .fd-testimonial-content h2 { font-size: 2rem; } .fd-testimonial-quote { max-width: 100%; font-size: 1rem; } }

/* ============================== 🖼️ RÉALISATIONS - FD DESIGN ============================== */
.fd-realisations-section { background-color: #f2f1ed; padding: 100px 40px; text-align: center; color: #026c83; font-family: 'Zilla Slab', serif; }

/* --- En-tête --- */
.fd-realisations-header { max-width: 800px; margin: 0 auto 60px; }

.fd-realisations-subtitle { display: block; font-family: 'Whisper', cursive; color: #67a1ad; font-size: 1.6rem; margin-bottom: 10px; }

.fd-realisations-header h2 { font-family: 'Playfair Display', serif; font-size: 2.5rem; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 20px; color: #026c83; }

.fd-realisations-header p { font-size: 1.1rem; color: #333; line-height: 1.7; }

/* --- Boutons / Onglets --- */
.fd-realisations-tabs { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin-bottom: 50px; }

.fd-tab-button { font-family: 'Playfair Display', serif; background-color: transparent; border: 2px solid #026c83; color: #026c83; padding: 12px 26px; border-radius: 0; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; transition: all 0.3s ease; }

.fd-tab-button:hover { background-color: #026c83; color: #f2f1ed; }

.fd-tab-button.active { background-color: #67a1ad; border-color: #67a1ad; color: #ffffff; }

/* --- Contenu des galeries --- */
.fd-tab-content { display: none; animation: fadeIn 0.5s ease; }

.fd-tab-content.active { display: block; }

/* --- Galerie (3x3) --- */
.fd-gallery { display: grid; grid-template-columns: repeat(3, 300px); justify-content: center; gap: 25px; margin-top: 40px; }

.fd-gallery img { width: 300px; height: 300px; object-fit: cover; border-radius: 0; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); transition: transform 0.3s ease; }

.fd-gallery img:hover { transform: scale(1.05); }

/* --- Animation --- */
@keyframes fadeIn { from { opacity: 0;
    transform: translateY(10px); }
  to { opacity: 1;
    transform: translateY(0); } }

/* --- Responsive --- */
@media (max-width: 1024px) { .fd-gallery { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 650px) { .fd-gallery { grid-template-columns: 1fr; } .fd-gallery img { width: 100%; height: auto; } }

/* ============================ 🪶 CTA FIXE - FD DESIGN ============================ */
.fd-cta-fixed { position: relative; background-image: url("https://images.unsplash.com/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=1600&q=80"); background-size: cover; background-position: center; background-attachment: fixed; /* ✅ image fixe effet parallaxe */ padding: 140px 40px; text-align: center; color: #f2f1ed; /* ✅ corrigé */ overflow: hidden; font-family: 'Zilla Slab', serif; }

.fd-cta-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.7); backdrop-filter: brightness(90%); z-index: 0; }

.fd-cta-content { position: relative; z-index: 1; max-width: 900px; margin: 0 auto; }

/* --- Sous-titre (nouveau) --- */
.fd-cta-content h3 { font-family: 'Whisper', cursive; font-size: 1.8rem; color: #b4e3eb; /* 💙 bleu clair FD Design */ margin-bottom: 15px; letter-spacing: 1px; font-weight: normal; }

.fd-cta-content h2 { font-family: 'Playfair Display', serif; font-size: 2.8rem; line-height: 1.3; margin-bottom: 20px; text-transform: none; color: #ffffff; }

.fd-cta-content p { font-size: 1.15rem; color: #f2f1ed; margin-bottom: 40px; max-width: 700px; margin-left: auto; margin-right: auto; line-height: 1.7; }

/* --- Bouton --- */
.fd-cta-btn { display: inline-block; background-color: #f2f1ed; color: #026c83; font-family: 'Playfair Display', serif; font-size: 1.1rem; text-decoration: none; padding: 16px 42px; border-radius: 0px; transition: all 0.4s ease; border: 2px solid #026c83; letter-spacing: 0.5px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); }

.fd-cta-btn:hover { background-color: #026c83; color: #f2f1ed; border-color: #f2f1ed; transform: translateY(-4px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); }

/* --- Responsive --- */
@media (max-width: 900px) { .fd-cta-fixed { padding: 100px 25px; background-attachment: scroll; /* ✅ évite les bugs sur mobile */ } .fd-cta-content h3 { font-size: 1.5rem; } .fd-cta-content h2 { font-size: 2.2rem; } .fd-cta-content p { font-size: 1rem; } }

/* ============================ 🌐 RÉSEAUX SOCIAUX - FD DESIGN (fond azur) ============================ */
.fd-social { background-color: #026c83; /* ✅ fond azur foncé FD Design */ text-align: center; padding: 100px 40px; font-family: 'Zilla Slab', serif; color: #f2f1ed; /* texte clair */ }

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

.fd-social-subtitle { display: block; font-family: 'Whisper', cursive; color: #b4e3eb; /* bleu clair doux */ font-size: 1.7rem; margin-bottom: 10px; }

.fd-social-header h2 { font-family: 'Playfair Display', serif; font-size: 2.4rem; color: #f2f1ed; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; }

.fd-social-header p { font-size: 1.1rem; color: #e9ecef; line-height: 1.7; 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; filter: brightness(0) invert(1); /* ✅ logos blancs */ transition: all 0.4s ease; }

.fd-social-item span { font-family: 'Zilla Slab', serif; color: #f1f2ed; /* ✅ ton beige clair FD Design */ font-size: 1rem; font-weight: 400; }

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

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

/* --- Responsive --- */
@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; } }

/* ============================ 🎨 EN-TÊTE TRIPLE - FD DESIGN (version responsive) ============================ */
.fd-entete-triple { display: grid; grid-template-columns: repeat(3, 1fr); height: 85vh; overflow: hidden; }

.fd-entete-box { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; text-decoration: none; color: #f1f2ed; transition: transform 0.6s ease, filter 0.4s ease; }

.fd-entete-box:hover { transform: scale(1.02); z-index: 2; filter: brightness(1.1); }

/* --- Superposition bleue --- */
.fd-entete-overlay { position: absolute; inset: 0; background: rgba(2, 108, 131, 0.55); transition: background 0.4s ease; }

.fd-entete-box:hover .fd-entete-overlay { background: rgba(2, 108, 131, 0.25); }

/* --- Bloc texte avec fond noir --- */
.fd-entete-content { position: absolute; bottom: 12%; left: 10%; right: 10%; z-index: 2; background: rgba(15, 15, 15, 0.95); padding: 20px 25px; text-align: left; }

.fd-entete-content h2 { font-family: 'Playfair Display', serif; font-size: 2.2rem; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; color: #f2f1ed; }

.fd-entete-content p { font-family: 'Zilla Slab', serif; font-size: 1rem; color: #67a1ad; margin: 0; }

/* --- Responsive tablette --- */
@media (max-width: 1024px) { .fd-entete-triple { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } .fd-entete-box { flex: 0 0 100vw; height: 100vh; scroll-snap-align: start; } .fd-entete-content { bottom: 10%; left: 6%; right: 6%; padding: 18px 20px; } .fd-entete-content h2 { font-size: 1.9rem; } .fd-entete-content p { font-size: 0.95rem; } }

/* --- Responsive mobile --- */
@media (max-width: 600px) { .fd-entete-triple { display: flex; flex-direction: column; height: auto; overflow: visible; } .fd-entete-box { width: 100%; height: 33.33vh; /* chaque bloc occupe 1/3 de la hauteur de l’écran */ flex: none; } .fd-entete-content { bottom: 10%; left: 5%; right: 5%; padding: 12px 16px; } .fd-entete-content h2 { font-size: 1.4rem; } .fd-entete-content p { font-size: 0.85rem; } }

/* ============================ 🪶 PRÉSTATIONS ALTERNÉES - DÉCALÉE AVEC MARGE ============================ */
.fd-prestations-alt { background-color: #f1f2ed; color: #026c83; padding: 120px 0; display: flex; flex-direction: column; gap: 120px; font-family: 'Zilla Slab', serif; overflow: hidden; }

/* --- Ligne de prestation --- */
.fd-prestations-item { display: flex; align-items: center; position: relative; min-height: 420px; padding: 0 140px; /* ✅ marge interne des côtés */ box-sizing: border-box; }

/* --- Image décalée à gauche --- */
.fd-prestations-image { flex: 0 0 40%; height: 420px; background-size: cover; background-position: center; border-radius: 0; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); transform: translateX(-5%); /* ✅ léger décalage contrôlé */ z-index: 1; }

/* --- Texte à droite --- */
.fd-prestations-text { flex: 1; padding: 60px 8% 60px 8%; color: #026c83; z-index: 2; }

.fd-prestations-text h3 { font-family: 'Playfair Display', serif; font-size: 2.2rem; text-transform: uppercase; margin-bottom: 15px; color: #026c83; }

.fd-prestations-text p { font-size: 1.15rem; line-height: 1.8; max-width: 750px; color: #333; }

/* --- Variante inversée (image à droite) --- */
.fd-prestations-item.reverse { flex-direction: row-reverse; }

.fd-prestations-item.reverse .fd-prestations-image { transform: translateX(5%); /* ✅ même décalage, sens inverse */ }

.fd-prestations-item.reverse .fd-prestations-text { text-align: right; }

/* --- Responsive --- */
@media (max-width: 992px) { .fd-prestations-item { flex-direction: column; min-height: auto; padding: 0 20px; } .fd-prestations-image { width: 100%; height: 300px; transform: none; } .fd-prestations-item.reverse { flex-direction: column; } .fd-prestations-text { text-align: center; padding: 40px 6%; } .fd-prestations-text h3 { font-size: 1.8rem; } }

/* ============================ 🌊 SAVOIR-FAIRE PLEIN ÉCRAN - FD DESIGN (avec PNG) ============================ */
.fd-savoirfaire-full { background-color: #026c83; color: #f2f1ed; font-family: 'Zilla Slab', serif; width: 100vw; margin: 0; padding: 0; overflow-x: hidden; }

.fd-savoirfaire-container { display: flex; justify-content: space-evenly; align-items: center; /* ✅ centrage vertical */ width: 100%; min-height: 450px; text-align: center; }

/* --- Éléments --- */
.fd-savoirfaire-item { flex: 1; padding: 40px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; }

/* --- Icônes PNG --- */
.fd-icon img { width: 60px; /* ✅ taille modifiable ici */ height: auto; margin-bottom: 25px; filter: brightness(0) invert(1); /* ✅ rend les pictos blancs sur fond foncé */ opacity: 0.9; }

/* --- Titres --- */
.fd-savoirfaire-item h3 { font-family: 'Playfair Display', serif; font-size: 1.4rem; text-transform: uppercase; margin-bottom: 10px; color: #f2f1ed; }

/* --- Paragraphes --- */
.fd-savoirfaire-item p { color: #f2f1ed; opacity: 0.9; font-size: 1rem; line-height: 1.6; max-width: 350px; margin: 0 auto; }

/* --- Séparateur --- */
.fd-divider { width: 1px; height: 200px; background-color: rgba(255, 255, 255, 0.4); align-self: center; }

/* --- Responsive --- */
@media (max-width: 1024px) { .fd-savoirfaire-container { flex-direction: column; align-items: center; } .fd-divider { width: 50%; height: 1px; background-color: rgba(255, 255, 255, 0.3); margin: 25px 0; } .fd-savoirfaire-item { width: 100%; max-width: 600px; padding: 50px 20px; } .fd-icon img { width: 70px; } }

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