.elementor .para-blanc{font-family:Montserrat;font-weight:500;font-size:17px;color:#ffffff;text-align:start;}.elementor .boutton{font-family:Jost;font-weight:600;font-size:22px;color:#ffffff;text-align:center;padding:15px;border-radius:40px;background-color:var(--Orange-primaire);box-shadow:0vw 10px 20px 0px #ff715466;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:start;/* --- LE BOUTON TERRACOTTA (Avec Ombre Forcée) --- */
.boutton a,
.boutton-alter-primary button {
  background-color: #FF7154 !important;
  color: #FFFFFF !important;
  border: none !important;
  /* C'est ici que la magie opère : le -5px fonctionne parfaitement en code */
  box-shadow: 0 10px 20px -5px rgba(255, 113, 84, 0.4) !important;
  transition: all 0.3s ease-in-out !important;
}

/* --- LE HOVER SAUGE --- */
.btn-alter-primary a:hover,
.btn-alter-primary button:hover {
  background-color: #8DA399 !important;
  color: #FFFFFF !important;
  transform: translateY(-3px);
  /* Idem ici pour le hover */
  box-shadow: 0 15px 25px -5px rgba(141, 163, 153, 0.5) !important;
}\n}.elementor .boutton:hover,.elementor .boutton:focus-visible{font-weight:600;background-color:var(--Vert-casse);background-clip:border-box;box-shadow:0px 15px 25px 0px #8ea39a66;transform:scale3d(1.1, 1.1, 1.1) rotateX(3deg) rotateY(0deg) rotateZ(2deg);}.elementor .logo:hover,.elementor .logo:focus-visible{width:80px;min-width:80px;transform: scale(0.9) rotate(360deg);\n}.elementor .logo{width:80px;min-width:80px;transform:scale(1) rotate(0deg);
transition: transform 0.2s ease-in-out;\n}.elementor .paragraphe{font-family:Montserrat;font-weight:400;font-size:20px;color:var(--Noir-d);line-height:32px;text-align:start;}.elementor .footer-texte:hover,.elementor .footer-texte:focus-visible{color:var(--Orange-primaire);}