.elementor-4713 .elementor-element.elementor-element-0a35e84{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-cb69344{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-4713 .elementor-element.elementor-element-ab25f35 ul.hfe-breadcrumbs li{margin-right:10px;}.elementor-4713 .elementor-element.elementor-element-47e15a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4713 .elementor-element.elementor-element-e04ee9b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 50px;--row-gap:0px;--column-gap:50px;}.elementor-4713 .elementor-element.elementor-element-6e4b9f4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4713 .elementor-element.elementor-element-fbb9a5d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-4713 .elementor-element.elementor-element-bb234a5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 50px;--row-gap:0px;--column-gap:50px;}.elementor-4713 .elementor-element.elementor-element-d534b0c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-4713 .elementor-element.elementor-element-4071a55{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-4713 .elementor-element.elementor-element-43a46cb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4713 .elementor-element.elementor-element-43a46cb:not(.elementor-motion-effects-element-type-background), .elementor-4713 .elementor-element.elementor-element-43a46cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F4F8;}.elementor-4713 .elementor-element.elementor-element-651c068{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4713 .elementor-element.elementor-element-863b6a2 .elementor-button{text-decoration:none;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4713 .elementor-element.elementor-element-0a35e84{--content-width:1475px;}.elementor-4713 .elementor-element.elementor-element-cb69344{--width:50%;}.elementor-4713 .elementor-element.elementor-element-47e15a9{--width:55%;}.elementor-4713 .elementor-element.elementor-element-e04ee9b{--content-width:1475px;}.elementor-4713 .elementor-element.elementor-element-6e4b9f4{--width:50%;}.elementor-4713 .elementor-element.elementor-element-fbb9a5d{--width:50%;}.elementor-4713 .elementor-element.elementor-element-bb234a5{--content-width:1475px;}.elementor-4713 .elementor-element.elementor-element-d534b0c{--width:50%;}.elementor-4713 .elementor-element.elementor-element-4071a55{--width:50%;}.elementor-4713 .elementor-element.elementor-element-43a46cb{--content-width:1475px;}}/* Start custom CSS for container, class: .elementor-element-0a35e84 *//* À COLLER DANS LE CUSTOM CSS DU CONTENEUR PARENT (LE HERO A PROPOS) */

/* 1. L'Espace et le fond pur */
.elementor-4713 .elementor-element.elementor-element-0a35e84 {
  background-color: #F8FAFC !important;
  padding: 120px 20px 140px 20px !important;
  position: relative;
  overflow: hidden; /* Empêche les cercles de dépasser */
}

/* 2. DÉCORS GÉOMÉTRIQUES : Cercles géants en arrière-plan */
.elementor-4713 .elementor-element.elementor-element-0a35e84::before {
  content: '';
  position: absolute;
  top: -20%; left: -10%;
  width: 600px; height: 600px;
  background-color: #1665C0;
  border-radius: 50%;
  opacity: 0.03;
  z-index: 0;
  pointer-events: none;
}
.elementor-4713 .elementor-element.elementor-element-0a35e84::after {
  content: '';
  position: absolute;
  bottom: -30%; right: -5%;
  width: 800px; height: 800px;
  background-color: #8A9A86;
  border-radius: 50%;
  opacity: 0.05;
  z-index: 0;
  pointer-events: none;
}

/* --- COLONNE GAUCHE : TEXTES ET FIL D'ARIANE --- */

/* 3. Le Fil d'Ariane (Breadcrumbs) très élégant */
.elementor-4713 .elementor-element.elementor-element-0a35e84 .hfe-breadcrumbs {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #8A9A86 !important; /* Vert Sauge */
  margin-bottom: 24px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
}
.elementor-4713 .elementor-element.elementor-element-0a35e84 .hfe-breadcrumbs a {
  color: #1665C0 !important;
  text-decoration: none;
  transition: color 0.3s ease;
}
.elementor-4713 .elementor-element.elementor-element-0a35e84 .hfe-breadcrumbs a:hover {
  color: #F27A24 !important; /* Devient Orange au survol */
}

/* 4. Le Titre Principal */
.elementor-4713 .elementor-element.elementor-element-0a35e84 .elementor-heading-title {
  color: #1665C0 !important;
  font-family: 'Outfit', sans-serif;
  font-size: clamp(36px, 5vw, 64px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  position: relative;
  z-index: 1;
}

/* 5. L'EFFET "WAOUH" : Le sticker animé */
.elementor-4713 .elementor-element.elementor-element-0a35e84 .texte-hero {
  display: inline-block;
  background-color: #F27A24;
  color: #FFFFFF !important;
  padding: 4px 32px;
  border-radius: 12px;
  margin-top: 12px;
  transform: rotate(-2deg); 
  box-shadow: 8px 8px 0px 0px rgba(22, 101, 192, 0.15);
  animation: stickerPop 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

@keyframes stickerPop {
  0% { transform: scale(0.5) rotate(10deg); opacity: 0; }
  100% { transform: scale(1) rotate(-2deg); opacity: 1; }
}

/* 6. Le paragraphe descriptif */
.elementor-4713 .elementor-element.elementor-element-0a35e84 .elementor-widget-text-editor {
  position: relative;
  z-index: 1;
  margin-top: 32px !important;
}
.elementor-4713 .elementor-element.elementor-element-0a35e84 .elementor-widget-text-editor p {
  font-family: 'Inter', sans-serif;
  font-size: 20px !important;
  color: #4B5563;
  line-height: 1.6;
}

/* --- COLONNE DROITE : L'IMAGE --- */

/* 7. L'Image avec effet "Double Carte" */
.elementor-4713 .elementor-element.elementor-element-0a35e84 .elementor-widget-image {
  position: relative;
  z-index: 1;
}
.elementor-4713 .elementor-element.elementor-element-0a35e84 .elementor-widget-image img {
  border-radius: 24px;
  /* L'effet "Double Carte" Uni appliqué à l'image pour l'uniformité ! */
  box-shadow: 16px 16px 0px 0px #F27A24;
  border: 1px solid #1665C0;
  transition: all 0.4s ease;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* L'image se soulève et l'ombre s'agrandit au survol */
.elementor-4713 .elementor-element.elementor-element-0a35e84 .elementor-widget-image img:hover {
  transform: translate(-8px, -8px);
  box-shadow: 24px 24px 0px 0px #F27A24;
}

/* --- ADAPTATION MOBILE --- */
@media (max-width: 767px) {
  .elementor-4713 .elementor-element.elementor-element-0a35e84 .elementor-heading-title, 
  .elementor-4713 .elementor-element.elementor-element-0a35e84 .elementor-widget-text-editor p {
    text-align: center !important;
  }
  .elementor-4713 .elementor-element.elementor-element-0a35e84 .hfe-breadcrumbs {
    justify-content: center !important;
  }
  .elementor-4713 .elementor-element.elementor-element-0a35e84 .elementor-widget-image {
    margin-top: 60px !important; /* Sépare bien l'image du texte sur mobile */
  }
  .elementor-4713 .elementor-element.elementor-element-0a35e84 .elementor-widget-image img {
    box-shadow: 8px 8px 0px 0px #F27A24; /* Ombre réduite sur mobile */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e04ee9b *//* À COLLER DANS LE CUSTOM CSS DES DEUX CONTENEURS PARENTS (Ceux qui englobent texte+image) */

/* 1. L'ESPACE GLOBAL */
.elementor-4713 .elementor-element.elementor-element-e04ee9b {
  padding: 60px 0px !important;
}

/* ---------------------------------------------------- */
/* 2. L'IMAGE : L'EFFET DOUBLE CARTE MAGIQUE            */
/* ---------------------------------------------------- */
.elementor-4713 .elementor-element.elementor-element-e04ee9b .elementor-widget-image img {
  border-radius: 24px !important;
  border: 4px solid #1665C0 !important; /* Cadre Bleu Espoir */
  box-shadow: 16px 16px 0px 0px #F27A24 !important; /* Ombre Orange */
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* L'image se soulève vers l'utilisateur au survol ! */
.elementor-4713 .elementor-element.elementor-element-e04ee9b .elementor-widget-image img:hover {
  transform: translate(-8px, -8px) !important; 
  box-shadow: 24px 24px 0px 0px #F27A24 !important; 
}


/* ---------------------------------------------------- */
/* 3. LE GRAND TITRE ET SON SOULIGNEMENT                 */
/* ---------------------------------------------------- */
.elementor-4713 .elementor-element.elementor-element-e04ee9b .elementor-heading-title {
  font-family: 'Outfit', sans-serif !important;
  font-size: clamp(32px, 4vw, 44px) !important;
  font-weight: 800 !important;
  color: #1665C0 !important;
  margin-bottom: 24px !important;
  line-height: 1.2;
}

/* Petit trait décoratif Orange sous le titre pour asseoir le design */
.elementor-4713 .elementor-element.elementor-element-e04ee9b .elementor-widget-heading::after {
  content: '';
  display: block;
  width: 60px;
  height: 6px;
  background-color: #F27A24;
  border-radius: 4px;
  margin-top: 16px;
}


/* ---------------------------------------------------- */
/* 4. LE TEXTE D'INTRODUCTION                           */
/* ---------------------------------------------------- */
.elementor-4713 .elementor-element.elementor-element-e04ee9b .elementor-widget-text-editor p {
  font-family: 'Inter', sans-serif !important;
  font-size: 18px !important;
  color: #4B5563 !important;
  line-height: 1.6 !important;
  margin-bottom: 32px !important;
}


/* ---------------------------------------------------- */
/* 5. LA LISTE À PUCES TRANSFORMÉE EN BADGES "WAOUH"    */
/* ---------------------------------------------------- */
.elementor-4713 .elementor-element.elementor-element-e04ee9b .elementor-widget-text-editor ul {
  list-style: none !important; /* Adieu les vieux points noirs */
  padding: 0 !important;
  margin: 0 !important;
}

.elementor-4713 .elementor-element.elementor-element-e04ee9b .elementor-widget-text-editor li {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1E293B !important; 
  background-color: #F8FAFC !important; /* Fond gris très clair */
  border: 2px solid #E2E8F0 !important; /* Bordure discrète */
  border-radius: 16px !important;
  padding: 16px 24px !important;
  margin-bottom: 16px !important;
  position: relative;
  display: flex;
  align-items: center;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* Le "Check" Orange sur-mesure au début de chaque ligne */
.elementor-4713 .elementor-element.elementor-element-e04ee9b .elementor-widget-text-editor li::before {
  content: '✓';
  font-family: system-ui, sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: #FFFFFF;
  background-color: #F27A24; /* Rond Orange */
  min-width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 16px;
  box-shadow: 2px 2px 0px 0px #1665C0; /* Mini ombre Bleue pour le contraste ! */
  transition: all 0.3s ease;
}

/* L'animation magique au survol d'un point de la liste */
.elementor-4713 .elementor-element.elementor-element-e04ee9b .elementor-widget-text-editor li:hover {
  transform: translateX(8px) !important; /* Glisse légèrement vers la droite */
  border-color: #1665C0 !important; /* Le cadre devient Bleu */
  background-color: #FFFFFF !important;
  box-shadow: 4px 4px 0px 0px #1665C0 !important; /* Apparition de l'ombre Bleue */
}


/* --- ADAPTATION MOBILE --- */
@media (max-width: 767px) {
  .elementor-4713 .elementor-element.elementor-element-e04ee9b .elementor-widget-image img {
    box-shadow: 8px 8px 0px 0px #F27A24 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb234a5 *//* À COLLER DANS LE CUSTOM CSS DES DEUX CONTENEURS PARENTS (Ceux qui englobent texte+image) */

/* 1. L'ESPACE GLOBAL */
.elementor-4713 .elementor-element.elementor-element-bb234a5 {
  padding: 60px 0px !important;
}

/* ---------------------------------------------------- */
/* 2. L'IMAGE : L'EFFET DOUBLE CARTE MAGIQUE            */
/* ---------------------------------------------------- */
.elementor-4713 .elementor-element.elementor-element-bb234a5 .elementor-widget-image img {
  border-radius: 24px !important;
  border: 4px solid #1665C0 !important; /* Cadre Bleu Espoir */
  box-shadow: 16px 16px 0px 0px #F27A24 !important; /* Ombre Orange */
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* L'image se soulève vers l'utilisateur au survol ! */
.elementor-4713 .elementor-element.elementor-element-bb234a5 .elementor-widget-image img:hover {
  transform: translate(-8px, -8px) !important; 
  box-shadow: 24px 24px 0px 0px #F27A24 !important; 
}


/* ---------------------------------------------------- */
/* 3. LE GRAND TITRE ET SON SOULIGNEMENT                 */
/* ---------------------------------------------------- */
.elementor-4713 .elementor-element.elementor-element-bb234a5 .elementor-heading-title {
  font-family: 'Outfit', sans-serif !important;
  font-size: clamp(32px, 4vw, 44px) !important;
  font-weight: 800 !important;
  color: #1665C0 !important;
  margin-bottom: 24px !important;
  line-height: 1.2;
}

/* Petit trait décoratif Orange sous le titre pour asseoir le design */
.elementor-4713 .elementor-element.elementor-element-bb234a5 .elementor-widget-heading::after {
  content: '';
  display: block;
  width: 60px;
  height: 6px;
  background-color: #F27A24;
  border-radius: 4px;
  margin-top: 16px;
}


/* ---------------------------------------------------- */
/* 4. LE TEXTE D'INTRODUCTION                           */
/* ---------------------------------------------------- */
.elementor-4713 .elementor-element.elementor-element-bb234a5 .elementor-widget-text-editor p {
  font-family: 'Inter', sans-serif !important;
  font-size: 18px !important;
  color: #4B5563 !important;
  line-height: 1.6 !important;
  margin-bottom: 32px !important;
}


/* ---------------------------------------------------- */
/* 5. LA LISTE À PUCES TRANSFORMÉE EN BADGES "WAOUH"    */
/* ---------------------------------------------------- */
.elementor-4713 .elementor-element.elementor-element-bb234a5 .elementor-widget-text-editor ul {
  list-style: none !important; /* Adieu les vieux points noirs */
  padding: 0 !important;
  margin: 0 !important;
}

.elementor-4713 .elementor-element.elementor-element-bb234a5 .elementor-widget-text-editor li {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1E293B !important; 
  background-color: #F8FAFC !important; /* Fond gris très clair */
  border: 2px solid #E2E8F0 !important; /* Bordure discrète */
  border-radius: 16px !important;
  padding: 16px 24px !important;
  margin-bottom: 16px !important;
  position: relative;
  display: flex;
  align-items: center;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* Le "Check" Orange sur-mesure au début de chaque ligne */
.elementor-4713 .elementor-element.elementor-element-bb234a5 .elementor-widget-text-editor li::before {
  content: '✓';
  font-family: system-ui, sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: #FFFFFF;
  background-color: #F27A24; /* Rond Orange */
  min-width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 16px;
  box-shadow: 2px 2px 0px 0px #1665C0; /* Mini ombre Bleue pour le contraste ! */
  transition: all 0.3s ease;
}

/* L'animation magique au survol d'un point de la liste */
.elementor-4713 .elementor-element.elementor-element-bb234a5 .elementor-widget-text-editor li:hover {
  transform: translateX(8px) !important; /* Glisse légèrement vers la droite */
  border-color: #1665C0 !important; /* Le cadre devient Bleu */
  background-color: #FFFFFF !important;
  box-shadow: 4px 4px 0px 0px #1665C0 !important; /* Apparition de l'ombre Bleue */
}


/* --- ADAPTATION MOBILE --- */
@media (max-width: 767px) {
  .elementor-4713 .elementor-element.elementor-element-bb234a5 .elementor-widget-image img {
    box-shadow: 8px 8px 0px 0px #F27A24 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-651c068 *//* À COLLER DANS LE CUSTOM CSS DU CONTENEUR DU CTA */

/* 1. Le grand bandeau Bleu de base */
.elementor-4713 .elementor-element.elementor-element-651c068 {
  background-color: #1665C0 !important; /* Fond Bleu Uni */
  border-radius: 24px;
  padding: 80px 40px !important;
  box-shadow: 16px 16px 0px 0px #F27A24; /* La double carte reste ! */
  
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border: 1px solid #1665C0;
  
  /* CRUCIAL : Masque les cercles géants quand ils sont "hors" du bloc */
  overflow: hidden; 
  position: relative;
  z-index: 1;
  transition: all 0.4s ease;
}

/* --- L'EFFET "WAOUH" : Les cercles cachés à l'extérieur --- */
/* 1. Le Premier Cercle Orange caché en haut à gauche */
.elementor-4713 .elementor-element.elementor-element-651c068::before {
  content: '';
  position: absolute;
  width: 550px; height: 550px;
  background-color: #F27A24; /* Aplat Orange Uni */
  border-radius: 50%;
  top: -600px; /* Totalement caché en haut */
  left: -200px;
  /* Animation élastique (effet de rebond) */
  transition: all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
  z-index: 0;
  pointer-events: none; /* Empêche de bloquer la souris */
}

/* 2. Le Deuxième Cercle Orange (Anciennement Vert) caché en bas à droite */
.elementor-4713 .elementor-element.elementor-element-651c068::after {
  content: '';
  position: absolute;
  width: 650px; height: 650px;
  background-color: #F27A24; /* Aplat Orange Uni */
  border-radius: 50%;
  bottom: -700px; /* Totalement caché en bas */
  right: -250px;
  transition: all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-delay: 0.1s; /* Part une fraction de seconde plus tard ! */
  z-index: 0;
  pointer-events: none;
}

/* --- LE DÉCLENCHEUR DE L'ANIMATION AU SURVOL --- */
.elementor-4713 .elementor-element.elementor-element-651c068:hover {
  transform: translate(-4px, -4px); /* Le bloc entier frémit */
  box-shadow: 20px 20px 0px 0px #F27A24; 
}

/* Les deux cercles orange JAILLISSENT vers l'intérieur ! */
.elementor-4713 .elementor-element.elementor-element-651c068:hover::before {
  top: -150px; 
  left: -100px;
}
.elementor-4713 .elementor-element.elementor-element-651c068:hover::after {
  bottom: -200px; 
  right: -150px;
}

/* 2. Style du grand Titre (Au-dessus de l'animation) */
.elementor-4713 .elementor-element.elementor-element-651c068 .elementor-heading-title {
  color: #FFFFFF !important; 
  font-family: 'Outfit', sans-serif;
  font-size: clamp(36px, 5vw, 56px) !important;
  font-weight: 800 !important;
  margin-bottom: 24px !important;
  position: relative;
  z-index: 2; /* CRUCIAL : Garde le texte au-dessus des cercles */
}

/* 3. Style du Texte descriptif */
.elementor-4713 .elementor-element.elementor-element-651c068 .elementor-widget-text-editor {
  color: #FFFFFF !important;
  font-family: 'Inter', sans-serif;
  font-size: 20px !important;
  line-height: 1.6;
  max-width: 650px;
  margin: 0 auto;
  opacity: 0.95;
  position: relative;
  z-index: 2; /* CRUCIAL : Garde le texte au-dessus des cercles */
}

.elementor-4713 .elementor-element.elementor-element-651c068 .elementor-widget-text-editor p {
  margin-bottom: 40px !important; 
}

/* 4. Le Bouton "Faire un don" (Blanc par défaut pour mieux contraster) */
.elementor-4713 .elementor-element.elementor-element-651c068 .elementor-button {
  background-color: #FFFFFF !important; /* Bouton Blanc */
  color: #1665C0 !important; /* Texte Bleu */
  font-family: 'Outfit', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 20px 40px !important;
  border-radius: 50px !important; 
  border: 2px solid #FFFFFF !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2; /* Reste par dessus l'animation */
}

/* Le bouton s'inverse au survol de la souris */
.elementor-4713 .elementor-element.elementor-element-651c068 .elementor-button:hover {
  background-color: #F27A24 !important; 
  color: #FFFFFF !important; 
  border-color: #F27A24 !important;
  transform: translateY(-5px) !important; 
}

/* --- ADAPTATION MOBILE --- */
@media (max-width: 767px) {
  .elementor-4713 .elementor-element.elementor-element-651c068 {
    padding: 60px 20px !important;
    box-shadow: 8px 8px 0px 0px #F27A24; /* Ombre plus petite sur téléphone */
  }
}/* End custom CSS */