/*Bannière de taille dynamique*/
.zone-banner .mod-banner__wrapper {
  width: 100%;
  overflow: hidden;
}

.zone-banner .mod-banner__img {
  width: 100%;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;

  /* ratio of the image */
  aspect-ratio: 1920 / 350;
  height: auto !important;
  min-height: unset !important;
}
/*Fin - Bannière de taille dynamique*/

/* Remove top padding from all site lines */
.site_line__item,
.site_line_item {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom:50px !important;
}
/* Remove bottom margin from menu line */
.site_line__item.line-menu,
.site_line_item.line-menu{
  margin-bottom: 0 !important;
}

.site_line__item.line-banner {
  margin-bottom: 0 !important;
  padding-bottom: 50px !important;
}

.zone-header .mod-header-logo {
  width: 75% !important;/*Ajuster le pourcentage pour ajuster la taille*/
  height: auto !important;
}

@media (max-width: 768px) {
  .zone-header .mod-header-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    overflow: visible !important;
    gap: 12px !important;
  }

  .zone-header .mod-header-part__left,
  .zone-header .mod-header-part__right {
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
  }

  .zone-header .mod-header-logo {
    display: block !important;
    margin: 0 auto !important;
  }

  .zone-header .mod-header-wrapper {
    display: flex !important;
    justify-content: center !important;
    padding-left: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }

  .zone-header .header-ext-custom {
    display: block !important;
    float: none !important;
    text-align: center !important;
  }

  .zone-header .header-ext-custom a {
    display: inline-block !important;
    text-align: center !important;
    max-width: 90vw !important;
    white-space: normal !important;
  }
}