.footer__wrapper__left {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

div#\36 fd5fc4e-0d80-4206-9d36-22fb84053bd9 p.we-align-center:nth-child(3) {
    display: none;
}

div#\36 fd5fc4e-0d80-4206-9d36-22fb84053bd9 p.we-align-center:nth-child(4) {
    display: none;
}

div#\36 fd5fc4e-0d80-4206-9d36-22fb84053bd9 p.we-align-center:nth-child(5) {
    display: none;
}

@media (max-width: 1023px) {
    .body__wrapper--withoutPadding .wiziblocks__item:first-child {
        margin-top: 0px;
    }
}

@media (max-width: 768px) {
  div#da8ec6bd-149d-449b-b164-e2c427df0d38 {
    margin-top: 30px;
  }
}

@media (max-width: 768px) {
  div#\39 c2953e0-2438-43fa-9c72-ce66069497f4 {
    margin-top: 30px !important;
  }
}

@media (max-width: 768px) {
  .bloc1 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
    gap: 20px;
    gap: 20px; /* gap n'est pas toujours pris en charge → on garde pour compatibilité */
    row-gap: 20px;
    column-gap: 20px;
  }

  /* Solution la plus sûre si gap ne fonctionne pas sur certains navigateurs mobiles */
  .bloc1 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half > * {
    margin-bottom: 20px;
  }
  .bloc1 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half > *:last-child {
    margin-bottom: 0;
  }
}


.single-newsletter {
    border-bottom: solid 3px black;
}

.menu img.wizi-img__item {
    opacity: 0.8;
    transition: 0.8s ease-out  !important;
    border-radius: 30px;
}

.menu img.wizi-img__item:hover {
    opacity: 1;
      transition: 0.8s ease-out !important;
}

.bloc2 .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    background-color: black;
    color: white;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.bloc1 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
    background-color: #0184f9;
    color: white;
    border-top-left-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.bloc3 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
  background-color: #0184f9;
  color: white;
  border-bottom-left-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.bloc4 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
    background-color: black;
    color: white;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      border-top-left-radius: 30px;
}

.bloc--text {
    background-color: black;
    padding: 1rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 30px;
}

.bloc--text p {
    color: white !important;
}

@media (min-width: 1024px) {
    .footer__wrapper__left__primary__ul__li__link:focus, .footer__wrapper__left__primary__ul__li__link:hover {
        color: white;
        font-weight: 600;
    }

  .header.header--fixed .nav__itemlvl1 {
        color: #fff;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.375rem !important;
        margin: 0 !important;
        padding-bottom: 10px;
        padding-top: 10px;
        font-family: 'Lexend';
        text-transform: uppercase;
    }

  .nav-perso-off .nav__label--open .nav__itemlvl1, .nav-perso-off .nav__label:hover .nav__itemlvl1, body:not(.nav-perso-on) .nav__maxWidth>.nav__itemlvl1:hover {
        color: #fff !important;
        text-decoration: underline !important;
        font-weight: 600;
    }
}

@media (max-width: 2100px) and (min-width: 1200px) {
      .bloc1 {
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }

        .bloc2 {
        animation: slide1 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }

        .bloc3 {
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }

}

@keyframes slide2 {
  from{
  transform: translateX(100%);
  opacity:0;
  }
  to {
  transform: translateX(0%);
  opacity:1;
  }
}

@keyframes slide1 {
  from{
  transform: translateX(-100%);
  opacity:0;
  }
  to {
  transform: translateX(0%);
  opacity:1;
  }
}