html, body {
    max-width: 100%;
    overflow-x: hidden;
}

/* 1) Conteneur parent */
.mon-accordeon {
  position: relative !important;
  overflow: visible !important;
}

/* 2) Bloc blanc collé en bas et largeur 100% */
.mon-accordeon .overlay {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;          /* Full width */
  display: flex !important;
  justify-content: flex-start !important; 
  align-items: flex-end !important;
  z-index: 50 !important;
  pointer-events: none;
}

/* 3) Bloc interne actif / inactif */
.mon-accordeon .overlay-inner,
.mon-accordeon .overlay-inner-show,
.mon-accordeon .overlay-inner-hide {
  pointer-events: auto !important;
  position: relative !important;
  width: 100% !important;          /* Full width */
  max-width: none !important;      /* Retire la limite */
  transform: none !important;
  margin: 0 !important;
  top: auto !important;
  bottom: 0 !important;
  box-sizing: border-box !important;
  z-index: 60 !important;
}

/* Apparence visible */
.mon-accordeon .overlay-inner-show {
  background-color: #fff;
  padding: 50px 80px;              /* Ajuste ici si tu veux plus ou moins de marge */
  opacity: 1;
  transition: background-color .5s ease .35s, opacity .5s ease .35s;
}

/* Apparence cachée */
.mon-accordeon .overlay-inner-hide {
  background-color: transparent;
  padding: 50px 80px;
  opacity: 0;
  transition: background-color .45s ease, opacity .45s ease;
}

/* Titres */
.mon-accordeon h2 {
  margin: 0 0 15px 0;
  text-align: left;
}

.mon-accordeon h2:after {
  content: "";
  display: block;
  width: 150px;
  height: 1px;
  background-color: #088642;
  margin-top: 15px;
}

/* Textes */
.mon-accordeon .overlay-inner p:not(:last-child) {
  margin-bottom: 10px;
}

/* Liens */
.mon-accordeon .overlay-inner a {
  transition: all .3s ease-in-out;
  margin-top: 25px;
  margin-bottom: -10px;
  display: inline-flex;
  align-items: center;
  color: #088642 !important;
  text-decoration: none;
}

.mon-accordeon .overlay-inner a:hover {
  margin-left: 12px;
}

.mon-accordeon .overlay-inner a:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 0.5px;
  background-color: #000;
  margin-right: 12px;
  margin-bottom: 3px;
}

/* Supprime le trait noir devant les liens */
.mon-accordeon .overlay-inner a:before {
    display: none !important;
}


.mon-accordeon .overlay-inner a:hover {
    text-decoration: underline !important;
}

/* Retire l'effet slide right sur le lien au hover */
.mon-accordeon .overlay-inner a:hover {
    margin-left: 0 !important;
}