.elementor-kit-7{--e-global-color-primary:#F05A2A;--e-global-color-secondary:#49C9AD;--e-global-color-text:#7A7A7A;--e-global-color-accent:#1E221F;--e-global-color-38dbdde:#F05A2A;--e-global-color-f9e254a:#49C9AD;--e-global-color-c2ec660:#AEA3FE;--e-global-color-bb382d0:#2F2483;--e-global-color-d65ccf5:#1E221F;--e-global-color-8a61fc7:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:42px;--e-global-typography-primary-letter-spacing:2.2px;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-size:14px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-4eea75f-font-size:20px;--e-global-typography-4eea75f-font-weight:500;--e-global-typography-2215c99-font-family:"Roboto";--e-global-typography-2215c99-font-size:26px;--e-global-typography-2215c99-font-weight:bold;--e-global-typography-eadac69-font-family:"Roboto";--e-global-typography-eadac69-font-size:34px;--e-global-typography-eadac69-font-weight:bold;--e-global-typography-eadac69-line-height:23px;--e-global-typography-eadac69-letter-spacing:-1.3px;--e-global-typography-eadac69-word-spacing:1px;--e-global-typography-40a550d-font-size:18px;--e-global-typography-40a550d-font-weight:bold;--e-global-typography-3a11326-font-family:"Roboto";--e-global-typography-3a11326-font-size:18px;--e-global-typography-3a11326-font-weight:400;--e-global-typography-ebf8e38-font-family:"Roboto";--e-global-typography-ebf8e38-font-weight:400;--e-global-typography-9e0302a-font-family:"Roboto";--e-global-typography-9e0302a-font-size:14px;--e-global-typography-9e0302a-font-weight:700;color:var( --e-global-color-d65ccf5 );background-repeat:no-repeat;background-size:cover;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 p{margin-block-end:0px;}.elementor-kit-7 a{color:var( --e-global-color-d65ccf5 );}.elementor-kit-7 h1{color:var( --e-global-color-d65ccf5 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-7 h2{color:var( --e-global-color-d65ccf5 );}.elementor-kit-7 h3{color:var( --e-global-color-d65ccf5 );font-family:var( --e-global-typography-2215c99-font-family ), Sans-serif;font-size:var( --e-global-typography-2215c99-font-size );font-weight:var( --e-global-typography-2215c99-font-weight );}.elementor-kit-7 h4{color:var( --e-global-color-d65ccf5 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1300px){.elementor-kit-7{background-repeat:repeat;background-size:cover;}}@media(max-width:1024px){.elementor-kit-7 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-7 h3{font-size:var( --e-global-typography-2215c99-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-ebf8e38-font-size:16px;}.elementor-kit-7 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-7 h3{font-size:var( --e-global-typography-2215c99-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}@media(min-width:1301px){.elementor-kit-7{background-attachment:fixed;}}/* Start custom CSS *//* Classe globale pour toutes tes cards en verre */
.glass-card {
  backdrop-filter: blur(25px) saturate(90%);
  -webkit-backdrop-filter: blur(7px) saturate(90%); /* Safari */
background-color: rgba(255, 255, 255, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.125);

  position: relative;
  overflow: hidden;
  

  /* Soft light blanche : côté gauche + bas */
  box-shadow:
    -8px 0 20px rgba(255, 255, 255, 0.25),
    0 8px 25px rgba(255, 255, 255, 0.18);
}

/* Horizontal reset limité à .no-pad-x-scope */
.no-pad-x-scope .elementor-section,
.no-pad-x-scope .elementor-section.elementor-section-boxed > .elementor-container,
.no-pad-x-scope .elementor-container,
.no-pad-x-scope .elementor-row,
.no-pad-x-scope .e-con,
.no-pad-x-scope .e-con-inner,
.no-pad-x-scope .elementor-column .elementor-widget-wrap {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.no-pad-x-scope .elementor-widget-image figure,
.no-pad-x-scope .elementor-widget-image img {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ----------------------------------------------------------
   🔧 Correction globale du débordement horizontal
   ---------------------------------------------------------- */

/* Empêche tout débordement horizontal du site */
html, body {
  overflow-x: hidden;
  width: 100%;
}


/* ----------------------------------------------------------
   🔧 défilement horizontal avec main pour cards horizontales
   ----------------------------------------*/
   
   /* ===== Drag-to-scroll : classe unique ===== */
.drag-scroll {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  /* conserve le trackpad / inertie */
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  /* masque les barres de scroll */
  scrollbar-width: none;        /* Firefox */
  -ms-overflow-style: none;     /* IE/ancien Edge */
  cursor: grab;
  /* Permet le scroll vertical au doigt sur mobile, JS gère l'horizontal */
  touch-action: pan-y;
}
.drag-scroll::-webkit-scrollbar { display: none; }

/* Si tes cards n'ont PAS déjà flex-shrink:0, dé-commente : */
/* .drag-scroll > * { flex: 0 0 auto; } */

.drag-scroll.dragging {
  cursor: grabbing;
  user-select: none;
  -webkit-user-select: none;
}

/* ----------------------------------------------------------
   🔧 permet davoir photo texte photo texte et non photo texte texte photo en mode wrap pour mobile
   ----------------------------------------*/

/* Force toutes les lignes à s’empiler dans le même ordre sur mobile */
@media (max-width: 768px) {
  .my-row {
    flex-direction: column !important;
  }

  /* Photo toujours avant texte */
  .my-row .photo {
    order: 1;
  }

  .my-row .texte {
    order: 2;
  }
}

/* ----------------------------------------------------------
   🔧 permet d'inverser l'ordre de 2 elements via la classe en mode portble up to 767px
   ----------------------------------------*/
   
   @media (max-width: 767px) {
  .mobile-reverse {
    display: flex;
    flex-direction: column;
  }

  .mobile-reverse .bloc-1 {
    order: 2; /* passe en dessous */
  }

  .mobile-reverse .bloc-2 {
    order: 1; /* passe au-dessus */
  }
}



/* ----------------------------------------------------------
   🔧 permet d'inverser l'ordre de 2 elements via la classe en mode portble up to 1300px
   ----------------------------------------*/
   
   @media (max-width: 1300px) {
  .reverse-1300 {
    display: flex;
    flex-direction: column;
  }

  .reverse-1300 .bloc-1 {
    order: 2;
  }

  .reverse-1300 .bloc-2 {
    order: 1;
  }
}/* End custom CSS */