/* Bouton "Être contacté" personnalisé */ .forminator-ui button.forminator-button-next,
.forminator-ui button.forminator-button-submit { font-size: 16px !important; /* texte plus grand */ font-weight: bold !important; /* texte en gras */ padding: 10px 30px !important; /* plus large et plus haut */ border-radius: 8px !important; /* arrondi un peu plus marqué */ background-color: #76B838 !important; color: #ffffff !important; border: none !important; width: auto !important; min-width: unset !important; display: block !important; margin: 0 auto !important; /* centre le bouton */ text-align: center !important; transition: all 0.3s ease-in-out; /* effet fluide */ } /* Effet au survol */ button.forminator-button-next:hover { background-color: #499700 !important; /* vert plus foncé */ transform: scale(1.05); /* léger grossissement */ box-shadow: 0 4px 12px rgba(0,0,0,0.2); /* ombre élégante */ } /* La barre du milieu devient collante dans sa section */ .timeline-bar { position: sticky; top: 80px; /* distance depuis le haut de l’écran (= hauteur du header) */ align-self: flex-start; /* évite qu’elle se centrer/étirer bizarrement en flex */ } /* (optionnel) si tu veux limiter clairement au parent "timeline" */ .timeline { position: relative; } /* .timeline .timeline-bar { position: sticky; top:80px; } <-- équivalent scoped 
/* Texte du footer en blanc */
.site-footer,
.site-footer p,
.site-footer strong {
  color: #ffffff !important;
}

/* Liens du footer en blanc */
.site-footer a {
  color: #ffffff !important;
  text-decoration: none;
}

/* Liens du footer au survol (hover) */
.site-footer a:hover {
  color: #499700 !important; /* doré par exemple */
}
/* ✅ Menu principal (plus gros, écriture naturelle) */
/* ✅ Désactive les majuscules forcées pour menu ET sous-menu sur desktop + mobile */
.main-header-menu .menu-item a,
.main-header-menu .sub-menu a,
.ast-mobile-popup-drawer .main-header-menu .menu-item a {
  text-transform: none !important;
}

.main-header-menu > .menu-item > a {
  text-transform: none !important; /* garde minuscules/majuscules normales */
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 17px; /* taille augmentée */
  font-weight: 600;
  color: #ffffff;
  padding: 0 18px; /* espace horizontal */
}

/* ✅ Sous-menu (fond gris avec opacité 60%) */
.main-header-menu .sub-menu {
  background-color: rgba(51, 51, 51, 0.6); /* gris foncé avec 60% opacité */
  border-radius: 6px;
  padding: 8px 0;
}

/* ✅ Liens du sous-menu */
.main-header-menu .sub-menu a {
  padding: 12px 20px;
  text-transform: none; /* enlève les majuscules forcées */
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 15px;
  line-height: 21px;
  color: #ffffff;
  display: block;
  text-decoration: none;
}

/* ✅ Effet au survol */
.main-header-menu .sub-menu a:hover {
  background-colo





/* Bouton "Être contacté" personnalisé */ button.forminator-button-next,
button.forminator-button-submit { font-size: 16px !important; /* texte plus grand */ font-weight: bold !important; /* texte en gras */ padding: 10px 30px !important; /* plus large et plus haut */ border-radius: 8px !important; /* arrondi un peu plus marqué */ background-color: #76B838 !important; color: #ffffff !important; border: none !important; width: auto !important; min-width: unset !important; display: block !important; margin: 0 auto !important; /* centre le bouton */ text-align: center !important; transition: all 0.3s ease-in-out; /* effet fluide */ } /* Effet au survol */ button.forminator-button-next:hover { background-color: #499700 !important; /* vert plus foncé */ transform: scale(1.05); /* léger grossissement */ box-shadow: 0 4px 12px rgba(0,0,0,0.2); /* ombre élégante */ } /* La barre du milieu devient collante dans sa section */ .timeline-bar { position: sticky; top: 80px; /* distance depuis le haut de l’écran (= hauteur du header) */ align-self: flex-start; /* évite qu’elle se centrer/étirer bizarrement en flex */ } /* (optionnel) si tu veux limiter clairement au parent "timeline" */ .timeline { position: relative; } /* .timeline .timeline-bar { position: sticky; top:80px; } <-- équivalent scoped