.elementor-3011 .elementor-element.elementor-element-ae027fb > .elementor-container{max-width:1275px;}.elementor-3011 .elementor-element.elementor-element-ae027fb{margin-top:-100px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-3011 .elementor-element.elementor-element-798e282 .prthalign{text-align:center;}.elementor-3011 .elementor-element.elementor-element-798e282 .elementor-kadu-sub{text-transform:none;}.elementor-3011 .elementor-element.elementor-element-d31217e{--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-3011 .elementor-element.elementor-element-578a7cf1 > .elementor-container{max-width:1275px;}.elementor-3011 .elementor-element.elementor-element-578a7cf1{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-3011 .elementor-element.elementor-element-578a7cf1 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3011 .elementor-element.elementor-element-4b36c604 .prthalign{text-align:left;}.elementor-3011 .elementor-element.elementor-element-4b36c604 .elementor-kadu-sub{font-size:32px;text-transform:none;}.elementor-3011 .elementor-element.elementor-element-4b36c604 .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-3011 .elementor-element.elementor-element-78bfeb12 .elementor-button{background-color:#03076C;font-family:"Roboto", Sans-serif;font-size:34px;font-weight:700;letter-spacing:0px;word-spacing:0px;border-radius:50px 50px 50px 50px;padding:25px 300px 25px 300px;}.elementor-3011 .elementor-element.elementor-element-78bfeb12 .elementor-button:hover, .elementor-3011 .elementor-element.elementor-element-78bfeb12 .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-3011{font-family:"Urbanist", Sans-serif;}@media(max-width:1024px){.elementor-3011 .elementor-element.elementor-element-78bfeb12 .elementor-button{font-size:25px;padding:25px 150px 25px 150px;}}@media(max-width:767px){.elementor-3011 .elementor-element.elementor-element-798e282 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-3011 .elementor-element.elementor-element-4b36c604 .elementor-gt-desc p{font-size:18px;}.elementor-3011 .elementor-element.elementor-element-78bfeb12 .elementor-button{font-size:16px;padding:18px 50px 18px 50px;}}@media(max-width:1024px) and (min-width:768px){.elementor-3011 .elementor-element.elementor-element-35161d6d{width:100%;}}/* 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-10e249f *//* === Conteneur en ligne avec scroll si nécessaire === */
.image-row {
  display: flex;
  flex-direction: row;             
  gap: 16px;
  justify-content: center;
  align-items: center;
  overflow-x: auto;               /* scroll horizontal */
  -webkit-overflow-scrolling: touch;
}

/* === Chaque vignette fixe et non shrinkable === */
.image-container {
  flex: 0 0 auto;                 /* ni shrink ni grow */
  width: 180px;                    /* largeur fixe pour lisibilité */
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* === Animation identique pour front & hover === */
.image-container img {
  display: block;
  width: 100%;
  height: auto;
  transform-origin: center center;
  transition: opacity 0.5s ease, transform 1.5s ease 0.2s;
}

/* image de survol cachée et agrandie par défaut */
.image-container .hover {
  position: absolute;
  top: 0; left: 0;
  opacity: 0;
  transform: scale(1.5);
  z-index: 1;
}

/* survol : front disparaît, hover apparaît et revient à 1× */
.image-container:hover img.front {
  opacity: 0;
}
.image-container:hover img.hover {
  opacity: 1;
  transform: scale(1);
  z-index: 2;
}

/* === PASSAGE EN COLONNE SUR PETITS ÉCRANS EN PAYSAGE === */
@media (max-width: 768px) and (orientation: landscape) {
  .image-row {
    flex-direction: column;        /* stack vertical */
    overflow-x: visible;           /* plus de scroll horizontal */
  }
  .image-container {
    width: 100%;                   /* pleine largeur */
    max-width: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-253f4bc *//* CONTENEUR EN LIGNE AVEC SCROLL */
.image-row {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: flex-start;       /* ← passe de center à flex-start */
  align-items: center;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 16px;                    /* optionnel, espace intérieur */
}

/* VIGNETTES FIXES */
.image-container {
  flex: 0 0 auto;
  width: 180px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* TRANSITIONS / ANIMATION (inchangées) */
.image-container img {
  display: block;
  width: 100%;
  transition: opacity 0.5s ease, transform 1.5s ease 0.2s;
  transform-origin: center center;
}
.image-container .hover {
  position: absolute;
  top: 0; left: 0;
  opacity: 0;
  transform: scale(1.5);
  z-index: 1;
}
.image-container:hover img.front {
  opacity: 0;
}
.image-container:hover img.hover {
  opacity: 1;
  transform: scale(1);
  z-index: 2;
}

/* PASSAGE EN COLONNE EN PAYSAGE PETIT ÉCRAN */
@media (max-width: 768px) and (orientation: landscape) {
  .image-row {
    flex-direction: column;
    overflow-x: visible;
  }
  .image-container {
    width: 100%;
    max-width: none;
  }
}
@media (min-width: 1024px) {
  /* On annule la largeur fixe et on distribue équitablement */
  .image-row {
    overflow-x: hidden;      /* plus de scroll horizontal */
  }
  .image-container {
    width: auto !important;  /* annule width: 180px */
    flex: 1 1 0;             /* chacune prend une part égale */
    max-width: none;         /* plus de limite à 180px */
  }
}/* 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 */