@charset "UTF-8";
@import url(main.css);
/* Animation dans le menu - surlignage */
.animated-border-button:after { background-color: #7ea124; }

/* Taille du header */
.navbar-brand { height: 13vh !important; width: 13vw !important; }

.logo_nav { height: 12vh !important; }

/* Bouton téléphone */
.button-header-telephone { background: #7ea124; color: #fff !important; border: 1px solid #7ea124; display: inline-flex; align-items: center; gap: 8px; transition: all 0.3s ease; }

/* Icône */
.button-header-telephone i { color: #fff; }

/* Logo */
.fondDegradeLogo { display: block; margin: 0 auto; /* centre horizontalement */ width: 260px; /* ajuste la taille ici */ max-width: 160%; /* responsive */ height: auto; /* garde les proportions */ }

/* Hover */
.button-header-telephone:hover { background: #5f7c1b; border-color: #5f7c1b; transform: translateY(-2px); color: #fff !important; }

/* Focus (accessibilité + mobile) */
.button-header-telephone:focus { outline: none; box-shadow: 0 0 0 3px rgba(126, 161, 36, 0.25); }

/* Carte */
.map-content { position: relative; border-radius: 22px; overflow: hidden; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); border: 1px solid rgba(0, 0, 0, 0.06); transition: all 0.35s ease; }

/* iframe */
.map-content iframe { width: 100%; height: 100%; min-height: 450px; border: 0; display: block; filter: saturate(1.05) contrast(1.05); transition: transform 0.4s ease; /* important pour que les coins suivent */ border-radius: 22px; }

/* mobile */
@media (max-width: 768px) { .map-content, .map-content iframe { border-radius: 16px; } .map-content iframe { min-height: 320px; } }

/* Bloc Map - personnalisé */
.informations-list { margin: 60px auto; padding: 0 20px; }

/* Carte gauche (infos) */
.informations-list .content { background: #ffffff; border-radius: 22px; box-shadow: 0 15px 45px rgba(0, 0, 0, 0.1); padding: 40px 30px; margin-bottom: 20px; transform: translateY(0); transition: all 0.35s ease; }

/* ========================= BLOC CONTACT + MAP MODERNE ========================= */
.informations-list { margin: 60px auto; padding: 0 20px; }

/* Carte gauche (infos) */
.informations-list .content { background: #ffffff; border-radius: 22px; box-shadow: 0 15px 45px rgba(0, 0, 0, 0.1); padding: 40px 30px; margin-bottom: 20px; transform: translateY(0); transition: all 0.35s ease; }

/* MAP */
.map-content { border-radius: 22px; overflow: hidden; box-shadow: 0 15px 45px rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.06); transition: all 0.35s ease; }

/* iframe */
.map-content iframe { width: 100%; height: 100%; min-height: 450px; border: 0; display: block; border-radius: 22px; transition: transform 0.4s ease; }

.map-content:hover iframe { transform: scale(1.02); }

/* Titre */
.informations-list h6 { letter-spacing: 0.5px; text-transform: uppercase; line-height: 1.4; color: #31424a; }

/* Icônes */
.informations-list i { color: #7ea124; }

/* Lien */
.informations-list a { color: #31424a; text-decoration: none; transition: color 0.25s ease; }

.informations-list a:hover { color: #7ea124; }

/* RESPONSIVE */
@media (max-width: 768px) { .informations-list .content, .map-content { border-radius: 16px; } .map-content iframe { min-height: 320px; } }

.content.text-color-sixth { color: #2f2b22; }

/* Titres */
.content.text-color-sixth .titles, .content.text-color-sixth h6 { color: #2f2b22; }

/* Icônes Bootstrap */
.content.text-color-sixth i { color: #608b26; }

/* Lien téléphone */
.content.text-color-sixth a { color: #2f2b22; text-decoration: none; transition: color 0.25s ease; }

.content.text-color-sixth a:hover { color: #476e1f; }

.animated-border-button { font-size: 25px; font-weight: 500; }

#navigation-bar-hide { opacity: 1 !important; top: 0 !important; }

#maps-url { color: #608b28; text-decoration: none; transition: all 0.3s ease; }

#maps-url i { color: #ffffff; }

/* Hover */
#maps-url:hover { color: #476e1f; transform: translateY(-2px); }

img.d-block.w-100 { border-radius: 40px; overflow: hidden; display: block; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12); transition: transform 0.3s ease; }

img.d-block.w-100:hover { transform: scale(1.02); }

#navigation-bar-show.scrolled { box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18); backdrop-filter: blur(12px); transform: translateY(0); }

a.button_homepageScreen { z-index: 99; padding: 0.9em; background-color: #608b28; border-radius: 50px; cursor: pointer; border: none; text-align: center; text-decoration: none; }

.button_homepageScreen .bi-google { color: #ffffff; }

a.button_homepageDoubleScreen { z-index: 99; padding: 0.3em 1.2em; background-color: #ffffff; border-radius: 50px; cursor: pointer; border: none; text-align: center; text-decoration: none; }

a.button_homepageDoubleScreen:hover { transform: translateY(-3px) scale(1.02); }

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

/* Carte gauche (infos) */
.informations-list .content { background: #f6f1ea; border-radius: 22px; box-shadow: 0 15px 45px rgba(0, 0, 0, 0.1); padding: 40px 30px; margin-bottom: 20px; transform: translateY(0); transition: all 0.35s ease; }

/* Effet hover léger */
.informations-list .content:hover { transform: translateY(-4px); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.14); }

/* Bloc dégradé */
.cta_banner { background: linear-gradient(180deg, #608b28 0%, rgba(96, 139, 40, 0.85) 45%, rgba(96, 139, 40, 0) 100%) !important; }

img { border-radius: 0 !important; }

.mv-intro-content .btn-devis { display: inline-block; padding: 0.75rem 1.8rem; background-color: #5a8722; color: #ffffff !important; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 1rem; border: none; border-radius: 50px; text-decoration: none; cursor: pointer; transition: all 0.3s ease; }

.mv-intro-content .btn-devis:hover { transform: translateY(-2px); box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); }

/* Conteneur grid */
.west-creap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 24px; margin: 40px 0; }

/* Cartes individuelles */
.west-creap-card { background-color: #fefefe; /* fond clair */ border-radius: 20px; padding: 28px 24px; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; overflow: hidden; border-color: #608B2A !important; }

/* Hover effet */
.west-creap-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); }

/* Numéro stylé */
.west-creap-number { font-size: 2rem; font-weight: 700; color: #5a8722; background-color: rgba(90, 135, 34, 0.1); display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; margin-bottom: 16px; }

/* Titre de la carte */
.west-creap-card h3 { font-size: 1.25rem; margin-bottom: 12px; font-family: 'Montserrat', Arial, sans-serif; color: #31424a; font-weight: 600 !important; text-align: center; }

/* Liste de la carte */
.west-creap-card ul { padding-left: 20px; margin: 0; list-style-type: disc; }

.west-creap-card ul li { margin-bottom: 8px; color: #62625b; font-size: 0.95rem; line-height: 1.5; }

/* Responsive */
@media (max-width: 760px) { .west-creap-grid { grid-template-columns: 1fr; gap: 20px; } }

/* GRID TEXTE / IMAGE */
.mv-intro-container { display: grid; grid-template-columns: 1fr 1fr; /* texte / image */ gap: 58px; align-items: center; }

/* IMAGE FIXE À DROITE AVEC ARRONDI */
.mv-intro-image { border-radius: 34px; /* arrondi identique au carrousel */ overflow: hidden; /* pour que l'image suive le bord arrondi */ }

.mv-intro-image img { width: 100%; height: auto; display: block; object-fit: cover; object-position: center; transition: transform 0.3s ease; }

/* Option hover léger */
.mv-intro-image img:hover { transform: scale(1.03); }

/* RESPONSIVE */
@media (max-width: 980px) { .mv-intro-container { grid-template-columns: 1fr; /* 1 colonne sur mobile */ } .mv-intro-image { margin-top: 20px; } }

/* Enlever espace entre header et bloc dégradé*/
.spacer { display: none; }

.cta_banner { /* réglages du dégradé */ --color-main: rgba(96, 139, 40, 1); --color-mid: rgba(96, 139, 40, 0.85); --color-end: rgba(96, 139, 40, 0); /* positions du dégradé */ --stop-1: 0%; --stop-2: 70%; --stop-3: 100%; /* réglage position du contenu (↕ remonter / descendre le texte) */ --content-offset: -20px; /* ← valeur négative = remonte / positive = descend */ height: var(--banner-height); display: flex; align-items: flex-start; padding-top: var(--content-offset); background: linear-gradient(180deg, var(--color-main) var(--stop-1), var(--color-mid) var(--stop-2), var(--color-end) var(--stop-3)) !important; }

/* bannières pages secondaires */
#secondaires, #accueil { height: 0; }

#secondaires + style + #fullHeight { height: 60vh; min-height: unset !important; }

/* contenu bloc dégradé */
div#intro-accueil { padding-top: 0 !important; }

div.content { margin-top: 0 !important; margin-bottom: auto !important; padding-top: 50px; /*padding-top: 50px;*/ }

/* cartes accueil */
#cartes_accueil h3 { font-weight: 700; text-align: center; font-family: 'Montserrat', Arial, sans-serif; }

/* ombre par de nav */
nav.navbar { box-shadow: rgba(0, 0, 0, 0.5) 0px 25px 20px -20px; }

.d-grid.gap-2 { margin: 0 !important; }

/*marge du bouton contactez-nous*/
.button_homepageDoubleScreen { margin: 0 !important; }

.button_homepageDoubleScreen p { margin: 0 !important; }

/*changer titre cartes*/
.west-creap-grid h3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 24px; margin: 40px 0; font-weight: 700; }

/*titre de"nos réalisations"*/
.realisations-main-title { color: transparent; /* on cache le texte d'origine */ position: relative; }

/*cartes pages d'accueil*/
.flower-section { padding: 60px 20px; font-family: 'Montserrat', Arial, sans-serif; }

.flower-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px; }

/* CARD */
.flower-card { text-align: center; display: flex; flex-direction: column; align-items: center; }

/* CERCLE IMAGE (BORDER PROPRE) */
.flower-card img { width: 250px; height: 250px; border-radius: 90%; object-fit: cover; border-radius: 100px !important; overflow: hidden; /* contour vert */ border: 4px solid #608b2a; /* petit effet propre */ padding: 6px; background: #fff; display: block; }

/* TITRE */
.flower-card h3 { font-size: 18px; margin: 18px 0 0 0; font-weight: 600 !important; color: #608b2a; font-family: 'Montserrat', Arial, sans-serif; }

/* RESPONSIVE */
@media (max-width: 1000px) { .flower-grid { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 600px) { .flower-grid { grid-template-columns: 1fr; } .flower-card img { width: 140px; height: 140px; } }

.flower-card { opacity: 0; transform: translateY(60px) scale(0.95); transition: all 0.9s cubic-bezier(0.2, 0.8, 0.2, 1); will-change: transform, opacity; }

/* apparition scroll */
.flower-card.show { opacity: 1; transform: translateY(0) scale(1); }

/* IMAGE WRAPPER */
.flower-img { width: 160px; height: 160px; border-radius: 50%; border: 3px solid #608b2a; padding: 6px; position: relative; transition: all 0.5s ease; overflow: hidden; }

/* IMAGE */
.flower-img img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; transition: transform 0.6s ease; }

/* TITRE ANIMÉ */
.flower-card h3 { transition: all 0.4s ease; }

.flower-card:hover h3 { color: #608b2a; transform: translateY(-3px); }

/* PULSE CONTINU DU CONTORUR */
.flower-img::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 2px solid #608b2a; opacity: 0; animation: pulse 2.5s infinite; }

@keyframes pulse { 0% { transform: scale(0.95);
    opacity: 0.6; }
  70% { transform: scale(1.15);
    opacity: 0; }
  100% { opacity: 0; } }

.informations-list { display: flex; flex-wrap: wrap; align-items: stretch; }

.informations-list .map-content { background: transparent !important; padding: 0 !important; margin: 0 !important; border: none !important; box-shadow: none !important; }

/* iframe sans bordure blanche */
.informations-list iframe { border: 0 !important; display: block; }

/* si le blanc vient d’un conteneur Bootstrap */
.informations-list .col-lg-8, .informations-list .col-xl-8 { background: transparent !important; padding: 0 !important; }

/*-----------------RECHERCHES FRÉQUENTES----------------*/
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus { color: #000000 !important; }

a.button_homepageDoubleScreen.first-banner-seo-page-button, a.button_homepageDoubleScreen.first-banner-seo-page-button:link, a.button_homepageDoubleScreen.first-banner-seo-page-button:visited, a.button_homepageDoubleScreen.first-banner-seo-page-button:hover, a.button_homepageDoubleScreen.first-banner-seo-page-button:focus, a.button_homepageDoubleScreen.first-banner-seo-page-button:active { color: #000000 !important; -webkit-text-fill-color: #000000 !important; }

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