.elementor-1982 .elementor-element.elementor-element-ae027fb > .elementor-container{max-width:1275px;}.elementor-1982 .elementor-element.elementor-element-ae027fb{margin-top:-100px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1982 .elementor-element.elementor-element-798e282 .prthalign{text-align:center;}.elementor-1982 .elementor-element.elementor-element-798e282 .elementor-kadu-sub{text-transform:none;}.elementor-1982 .elementor-element.elementor-element-bc426be{--display:flex;}.elementor-1982 .elementor-element.elementor-element-bc426be.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1982 .elementor-element.elementor-element-382426d2 > .elementor-container{max-width:1275px;}.elementor-1982 .elementor-element.elementor-element-382426d2{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:100px;margin-bottom:100px;padding:0px 0px 0px 0px;}.elementor-1982 .elementor-element.elementor-element-382426d2 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1982 .elementor-element.elementor-element-590f3fd5 .prthalign{text-align:left;}.elementor-1982 .elementor-element.elementor-element-590f3fd5 .elementor-kadu-sub{font-size:32px;text-transform:none;}.elementor-1982 .elementor-element.elementor-element-590f3fd5 .elementor-gt-heading{font-size:35px;line-height:1.09;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1982 .elementor-element.elementor-element-691cd114 .elementor-button{background-color:#03076C;font-family:"Roboto", Sans-serif;font-size:34px;font-weight:700;letter-spacing:0px;word-spacing:0px;border-radius:25px 25px 25px 25px;padding:25px 300px 25px 300px;}.elementor-1982 .elementor-element.elementor-element-691cd114 .elementor-button:hover, .elementor-1982 .elementor-element.elementor-element-691cd114 .elementor-button:focus{background-color:#0C00D7;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body.elementor-page-1982{font-family:"Urbanist", Sans-serif;}@media(max-width:1024px){.elementor-1982 .elementor-element.elementor-element-691cd114 .elementor-button{font-size:25px;padding:25px 150px 25px 150px;}}@media(min-width:768px){.elementor-1982 .elementor-element.elementor-element-bc426be{--width:86.682%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1982 .elementor-element.elementor-element-38c7085a{width:100%;}}@media(max-width:767px){.elementor-1982 .elementor-element.elementor-element-798e282 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-1982 .elementor-element.elementor-element-590f3fd5 .elementor-gt-desc p{font-size:18px;}.elementor-1982 .elementor-element.elementor-element-691cd114 .elementor-button{font-size:22px;padding:18px 50px 18px 50px;}}/* Start custom CSS for go-s-heading, class: .elementor-element-798e282 *//* ────────────────────────────────────────
   1) Désactive toutes les animations et transitions
   ──────────────────────────────────────── */
*,
*::before,
*::after {
  animation: none !important;
  transition: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-129920c *//* 1. Wrapper responsive jusqu’à 1200px, centré sur desktop */
.scene-wrapper {
  position: relative;
  width: 100%;
  max-width: 1200px;    /* largeur max 1200px */
  margin: 0 auto;
  overflow: visible;    /* pas de scroll par défaut */
}

/* 2. Image normale fluide */
.scene-wrapper .scene-normal {
  display: block;
  width: 100%;
  height: auto;
}

/* 3. Néons superposés, cachés par défaut */
.scene-wrapper .scene-neon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  pointer-events: none;
}

/* 4. Hotspots invisibles */
.scene-wrapper .hotspot {
  position: absolute;
  top: 0;
  height: 100%;
  background: transparent;
  text-indent: -9999px;
  cursor: pointer;
}

/* 5. Proportions adaptées (2100px → 1200px) */
.scene-wrapper .zone1 { left:  0%;       width: 19.0476%; } /* 0–400px  */
.scene-wrapper .zone2 { left: 19.0476%;  width: 23.8095%; } /* 400–900px */
.scene-wrapper .zone3 { left: 42.8571%;  width: 14.2857%; } /* 900–1200px*/
.scene-wrapper .zone4 { left: 57.1429%;  width: 23.8095%; } /*1200–1700px*/
.scene-wrapper .zone5 { left: 80.9524%;  width: 19.0476%; } /*1700–2100px*/

/* 6. Affichage du néon au hover sur desktop */
.scene-wrapper .zone1:hover ~ .neon1,
.scene-wrapper .zone2:hover ~ .neon2,
.scene-wrapper .zone3:hover ~ .neon3,
.scene-wrapper .zone4:hover ~ .neon4,
.scene-wrapper .zone5:hover ~ .neon5 {
  opacity: 1;
}

/* 7. Tablette & mobile : scroll horizontal (barre toujours présente) */
@media (max-width: 1024px) {
  .scene-wrapper {
    width: 100%;               /* container plein écran */
    max-width: none;           /* on annule le max-width desktop */
    margin: 0;                 /* plus de centrage automatique */
    overflow-x: scroll;        /* barre de scroll toujours visible */
    overflow-y: hidden;        /* pas de scroll vertical */
    -webkit-overflow-scrolling: touch; /* inertie sur iOS */
  }
  /* forcer les images à 1200px pour créer le débordement */
  .scene-wrapper .scene-normal,
  .scene-wrapper .scene-neon {
    width: 1200px;
    min-width: 1200px;
    height: auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8bd62ae *//* 1. Wrapper desktop — largeur fluide jusqu’à 1200px, centré */
.scene-wrapper {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow: visible;
}

/* 2. Image normale fluide */
.scene-wrapper .scene-normal {
  display: block;
  width: 100%;
  height: auto;
}

/* 3. Néons superposés, cachés par défaut */
.scene-wrapper .scene-neon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  pointer-events: none;
}

/* 4. Hotspots invisibles */
.scene-wrapper .hotspot {
  position: absolute;
  top: 0;
  height: 100%;
  background: transparent;
  text-indent: -9999px;
  cursor: pointer;
}

/* 5. Proportions adaptées (2100px → 1200px) */
.scene-wrapper .zone1 { left:  0%;       width: 19.0476%; }
.scene-wrapper .zone2 { left: 19.0476%;  width: 23.8095%; }
.scene-wrapper .zone3 { left: 42.8571%;  width: 14.2857%; }
.scene-wrapper .zone4 { left: 57.1429%;  width: 23.8095%; }
.scene-wrapper .zone5 { left: 80.9524%;  width: 19.0476%; }

/* 6. Au hover, on affiche exactement LE néon correspondant */
.scene-wrapper .zone1:hover ~ .neon1,
.scene-wrapper .zone2:hover ~ .neon2,
.scene-wrapper .zone3:hover ~ .neon3,
.scene-wrapper .zone4:hover ~ .neon4,
.scene-wrapper .zone5:hover ~ .neon5 {
  opacity: 1;
}

/* 7. Mobile & tablette : flex-scroll horizontal */
@media (max-width: 1024px) {
  .scene-wrapper {
    display: flex;                   /* container en ligne */
    flex-direction: row;             
    justify-content: flex-start;     /* aligner au début */
    align-items: center;             
    overflow-x: auto;                /* scroll horizontal */
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  /* Chaque image (normale + néons) conserve sa largeur d’origine */
  .scene-wrapper .scene-normal,
  .scene-wrapper .scene-neon {
    flex: 0 0 auto;                  /* ni shrink ni grow */
    width: 1200px;
    height: auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-592ea8e *//* 1. Wrapper desktop — largeur fluide jusqu’à 1200px, centré, sans scroll */
.scene-wrapper-01 {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow: visible;  /* pas de scroll sur desktop et en paysage */
}

/* 2. Image normale fluide */
.scene-wrapper-01 .scene-normal {
  display: block;
  width: 100%;
  height: auto;
}

/* 3. Néons superposés, cachés par défaut */
.scene-wrapper-01 .scene-neon {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  pointer-events: none;
}

/* 4. Hotspots invisibles */
.scene-wrapper-01 .hotspot {
  position: absolute;
  top: 0;
  height: 100%;
  background: transparent;
  text-indent: -9999px;
  cursor: pointer;
}

/* 5. Calcul des zones (2100px → 1200px) */
.scene-wrapper-01 .zone1 { left:  0%;       width: 19.0476%; }
.scene-wrapper-01 .zone2 { left: 19.0476%;  width: 28.5714%; }
.scene-wrapper-01 .zone3 { left: 47.6190%;  width: 23.8095%; }
.scene-wrapper-01 .zone4 { left: 71.4286%;  width: 14.2857%; }
.scene-wrapper-01 .zone5 { left: 85.7143%;  width: 14.2857%; }

/* 6. Affichage du néon au hover */
.scene-wrapper-01 .zone1:hover ~ .neon1,
.scene-wrapper-01 .zone2:hover ~ .neon2,
.scene-wrapper-01 .zone3:hover ~ .neon3,
.scene-wrapper-01 .zone4:hover ~ .neon4,
.scene-wrapper-01 .zone5:hover ~ .neon5 {
  opacity: 1;
}

/* 7. Portrait (mobile & petite tablette) : scroll horizontal */
@media (max-width: 1024px) and (orientation: portrait) {
  .scene-wrapper-01 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    overflow-x: auto;            /* barre de scroll horizontale */
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; /* inertie iOS */
  }
  /* Forcer les images à 1200px pour créer le débordement */
  .scene-wrapper-01 .scene-normal,
  .scene-wrapper-01 .scene-neon {
    flex: 0 0 auto;               /* ni shrink ni grow */
    width: 1200px;
    height: auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ee26d6 *//* 1. Wrapper desktop — largeur fluide jusqu’à 1200px, centré */
.scene-wrapper {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow: visible;
}

/* 2. Image normale fluide */
.scene-wrapper .scene-normal {
  display: block;
  width: 100%;
  height: auto;
}

/* 3. Néons superposés, cachés par défaut */
.scene-wrapper .scene-neon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  pointer-events: none;
}

/* 4. Hotspots invisibles (dimensions héritées des classes zoneN) */
.scene-wrapper .hotspot {
  position: absolute;
  top: 0;
  height: 100%;
  background: transparent;
  text-indent: -9999px;
  cursor: pointer;
}

/* 5. Proportions adaptées (desktop) : 2100px → 1200px */
.scene-wrapper .zone1 { left:  0%;       width: 19.0476%; }
.scene-wrapper .zone2 { left: 19.0476%;  width: 23.8095%; }
.scene-wrapper .zone3 { left: 42.8571%;  width: 14.2857%; }
.scene-wrapper .zone4 { left: 57.1429%;  width: 23.8095%; }
.scene-wrapper .zone5 { left: 80.9524%;  width: 19.0476%; }

/* 6. Au hover, on affiche exactement LE néon correspondant */
.scene-wrapper .zone1:hover ~ .neon1,
.scene-wrapper .zone2:hover ~ .neon2,
.scene-wrapper .zone3:hover ~ .neon3,
.scene-wrapper .zone4:hover ~ .neon4,
.scene-wrapper .zone5:hover ~ .neon5 {
  opacity: 1;
}

/* 7. Mobile & tablette : flex-scroll horizontal + correction du calcul des zones */
@media (max-width: 1024px) {
  /* container qui scroll horizontal */
  .scene-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  /* chaque image garde 1200px pour créer le débordement */
  .scene-wrapper .scene-normal,
  .scene-wrapper .scene-neon {
    flex: 0 0 auto;
    width: 1200px;
    height: auto;
  }

  /* Override des zones : valeurs fixes en pixels pour coller à la largeur de l’image */
  .scene-wrapper .zone1 { left:   0px;    width: 228.57px; }
  .scene-wrapper .zone2 { left: 228.57px; width: 285.71px; }
  .scene-wrapper .zone3 { left: 514.28px; width: 171.43px; }
  .scene-wrapper .zone4 { left: 685.71px; width: 285.71px; }
  .scene-wrapper .zone5 { left: 971.42px; width: 228.57px; }
}/* End custom CSS */
/* Start custom CSS *//* 1) Supprime les paddings massifs */
.breadcrumb-area {
  padding-top:    0 !important;
  padding-bottom: 0 !important;
  min-height:     0 !important;
  height:         auto !important;
}

/* 2) Si jamais un flex ou un align-items centre verticalement, on aligne en haut */
.breadcrumb-area .breadcrumb-wrap {
  display:         block !important;
  align-items:     flex-start !important;
  padding-top:     0 !important;
  padding-bottom:  0 !important;
}

/* 3) Resserre encore la liste si nécessaire */
.breadcrumb-area .breadcrumb-list {
  margin-top:    0 !important;
  margin-bottom: 0 !important;
  line-height:   1.2 !important;  /* juste assez pour la taille 18px */
}

/* 4) (Optionnel) Si tu veux forcer un height à la liste plutôt qu’à tout le bloc */
.breadcrumb-area .breadcrumb-list {
  height:        auto !important;
  display:       inline-block !important;
}
.breadcrumb-area {
  background: none !important;
  background-image: none !important;
}

.breadcrumb-area::before,
.breadcrumb-area::after {
  background: none !important;
  background-image: none !important;
}
/* Supprime tout fond ou bordure éventuelle autour de la liste */
.breadcrumb-area .breadcrumb-list,
.breadcrumb-area .breadcrumb-list li {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* Taille 14px et couleur navy (marine) sur tout le breadcrumb */
.breadcrumb-area .breadcrumb-wrap .breadcrumb-list,
.breadcrumb-area .breadcrumb-wrap .breadcrumb-list a,
.breadcrumb-area .breadcrumb-wrap .breadcrumb-list span {
  font-size: 14px !important;
  color: #000080 !important;  /* navy / marine */
}

/* Pour être sûr d’écraser toute règle plus spécifique */
.breadcrumb-area .breadcrumb-wrap .breadcrumb-list * {
  color: #000080 !important;
}/* End custom CSS */