span.displaynone\; {
    display: none;
}

img.lettrage {
    position: initial !important;
    top: initial !important;
    left: initial !important;
    -webkit-transform: initial !important;
    -ms-transform: initial !important;
    transform: initial !important;
    min-width: initial !important;
    min-height: initial !important;
    max-width: initial !important;
    width: initial !important;
    height: initial !important;
    -o-object-fit: initial !important;
    object-fit: initial !important;
    opacity: initial !important;
    background-position: initial !important;
    background-size: initial !important;
    background-repeat: initial !important;
}

img.lettrage {
    max-width: 80% !important;
}

.wizi-wrapper--textOnImg.wizi-wrapper--medium:before {
    padding-top: 0;
}

.header__content {
    background: #227c32;
}

.footer__wrapper__left {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.header.new-menu {
    background: #227c32;
}

.header__relative {
    background: transparent;
}

nav.nav {
    background: #78b732;
}
.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;
}

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

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

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

.wizi-img__content__wrapper__icon {
    display: none !important;
}

.catexte span.wizi-wrapper__background {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.bloc2 .wizi-imgtxt.wizi-imgtxt--half {
    background-color: #217d30;
    color: white;
}

#c1-body #small-step2-change-btn, #c1-body #small-step3-change-btn, #c1-body #step1-btn, #c1-body #step2-btn, #c1-body #step3-btn, #c1-body .checkout-validation #ident-form-classic .form__field--btnArea .form__button, #c1-body .checkout__index, #c1-body .container-submit-button .button, #c1-body .index-acc__edit, #c1-body .modal-cart__cart, #c1-body .prod-floating__addCart, #c1-body .prod__btn--addCart, #c1-body .validate-btn.success:not(.button--continue), #c1-body .bloc2 .wiziBtn, #c1-body .wz-rating__wrapper__right__form__button input, #c1-body .wz-rating__wrapper__right__form__buttonToLogin button, #c1-body .wz-showMessage__wrapper__content__dataMobile__button button, #c1-body .wz-showMessage__wrapper__data__button button, body #small-step2-change-btn, body #small-step3-change-btn, body #step1-btn, body #step2-btn, body #step3-btn, body .checkout-validation #ident-form-classic .form__field--btnArea .form__button, body .checkout__index, body .container-submit-button .button, body .index-acc__edit, body .modal-cart__cart, body .prod-floating__addCart, body .prod__btn--addCart, body .validate-btn.success:not(.button--continue), body .wiziBtn, body .wz-rating__wrapper__right__form__button input, body .wz-rating__wrapper__right__form__buttonToLogin button, body .wz-showMessage__wrapper__content__dataMobile__button button, body .wz-showMessage__wrapper__data__button button {
    background-color: black !important;
    border-color: var(--button-background) !important;
    border-radius: var(--button-radius) !important;
    color: var(--button-color) !important;
}

@media (min-width: 1024px) {
    .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;
        text-transform: uppercase;
    }
}

@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%;
    }
}

@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;
  }
}
@media (max-width: 1023px) {
    .body__wrapper--withoutPadding .wiziblocks__item:first-child {
        margin-top: 0px;
    }
}