.prod1 .wiziblocks__item__maxWidth {
    background-color: #f3e9eb;
}

.bloc3 .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    background-color: #f3e9eb;
}

.bloc4 {
    background-color: #C03F46;
    color: white;
}

#c1-body .bloc4 .wiziBtn, body .bloc4 .wiziBtn {
    background: black !important;
}

#c1-body .catexte .wiziBtn, body .catexte .wiziBtn {
    background: black !important;
}

@media (min-width: 1024px) {
    .nav, .nav__wrapper {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        height: auto;
        justify-content: center;
        margin: 0 auto;
        max-width: 100%;
        overflow: visible;
        position: relative;
        width: 100%;
        background: #C03F46 !important;
    }
  
    .nav-perso-off .nav__label--open .nav__itemlvl1, .nav-perso-off .nav__label:hover .nav__itemlvl1 {
        color: white;
        display: block;
        position: relative;
        font-weight: 600;
    }

      .nav-perso-off .nav__itemlvl1 {
        line-height: 1;
        margin: 0;
        padding: 10px;
        position: relative;
        transition: .15s ease;
        color: white;
    }
     .body__wrapper--withoutPadding {
        margin-top: 0px;
    }

      .nav__itemlvl1:hover {
        color: white !important;
        font-weight: 600;
    }
}

.imgcat .wizi-img__content:hover {
    transform: rotate(25deg);
    transition: 0.1s ease-out;
}

.imgcat .wizi-img__content {
    transition: 0.8s ease-out;
}

.bloc4 .wizi-imgtxt, .wizi-imgtxt__left, .wizi-imgtxt__right {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -moz-align-items: center;
    align-content: center;
    align-items: flex-end;
}

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