@media (max-width: 719px) {
.nav__text.hidden {
    display: none;
}
}

a.nav__a.nav__itemlvl1.nav__itemlvl1--home {
    display: none;
}

.bloc3 {
    background: transparent;
}

bloc1 .wizi-imgtxt__left {
    background-color: #c0392b;
    color: white;
    border-radius: 50px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.bloc3 .wizi-imgtxt__left {
    background-color: #c0392b;
    color: white;
    border-radius: 50px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.powered__p a, .powered__p span {
    color: wheat;
    display: inline-block;
    font-weight: 600;
    position: relative;
}

@media (min-width: 1024px) {
    .ban .wizi-txt.wizi-txt--large {
        min-width: inherit;
        max-width: 1200px;
        margin-bottom: 100px;
    }

.footer__link:focus, .footer__link:hover {
        color: var(--footer-color);
        font-weight: 600;
    }
  
.body__wrapper__maxWidth {
    width: 100%;
    max-width: var(--max-row-size);
    margin: 0 auto;
    background: transparent !important;
} 

    div#c1-body {
        background: url(https://media.cdnws.com/_i/423171/RAW-53/625/53/confituredetingry-backgroundtop1.png) fixed no-repeat !important;
    }
  
  .header.header--fixed .nav__itemlvl1:hover {
        color: #C9A84C !important;
        font-weight: 600;
    }

      .header.header--fixed .nav__itemlvl1 {
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.6 !important;
        margin: 0 20px !important;
    }
}

/* STARTER */
h1, .prod-list__title, .prod-list__title, .title-page, h1 {  }
h2, h3, h4, h5, h6, .nav__itemlvl1 { }

/*Permet d'appliquer un effet sur le logo lorsqu'il est trop sombre en entête qui scroll*/
.header.new-menu.header--fixed.header--transparent.header--notTranslate img.header__logo__a__img, .header.new-menu.header--fixed.header--transparent.header--translate .header__content.headroom.headroom--not-bottom.headroom--not-top.headroom--unpinned {}


/*Fonction qui permet d'afficher une image dans les textes de wiziblock sans qu'elles soient étirées*/
img.resize {
    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;
}

.prod__slider__wrapper.slick-initialized:after, .prod__slider__wrapper.slick-initialized:before { background: transparent;}
.prod.product-list-classic {    justify-content: center;}

@media (min-width: 1024px) {
    .nav-perso-off .nav__label .nav__a {
        font-size: 1rem;
    }
}

#e4ef9632-0cc2-490e-8045-d435f75a6bdd .form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

#e4ef9632-0cc2-490e-8045-d435f75a6bdd .form__fieldset {
  width: 100%;
}

#e4ef9632-0cc2-490e-8045-d435f75a6bdd 
.form__field--long-answer {
  grid-column: 1 / -1;
}

#e4ef9632-0cc2-490e-8045-d435f75a6bdd 
.form__field--btnArea {
  grid-column: 1 / -1;
}

@media (max-width: 768px) {
  #e4ef9632-0cc2-490e-8045-d435f75a6bdd .form {
    grid-template-columns: 1fr;
  }
}

.prod-infos p:not(:empty):not(:last-child) {
    margin-bottom: 16px;
}
/* END STARTER */


/*Anim gauche droite bloc*/

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

      .bloc3 .wizi-imgtxt__right {
        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;
  }
}

/* GT */
@media screen and (max-width: 767px) {
  .ban .wizi-txt.wizi-txt--large {
    margin-top: -80vw;
  }

  .ban span.we-size-large {
    font-size: 2rem !important;
  }
}