@import url('https://fonts.googleapis.com/css2?family=Imperial+Script&family=Onest:wght@100..900&display=swap');
    .header.header--fixed .header__logo img {
       /* max-height: 140px !important; */
    }
.header.header--fixed.header--notTranslate {
        top: 0px !important;
    }

h3.paypal__other {
    text-transform: inherit;
}
.bloc1 {
    background-image: url(https://media.cdnws.com/_i/407165/RAW-179/3183/80/slide2.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bloc1 .wiziblocks__item__maxWidth {
    background-color: #00000057 !important;
    padding: 238px 900px 210px 195px !important
}

.sl {
    display: none !important;
}

.wiziblocks__item.slider.wiziblocks__item--fullpage.width-full.medium {
    margin: 0 0 0px !important;
}

h1 {
    font-family: "Imperial Script", cursive !important;
    color: #22b573 !important;
    padding: 40px 0px !important;
    font-size: 3.6em !important;
    font-weight: 400 !important;
}

.bloc1 .wizi-txt__item {
    color: #fff !important;
}

h2 {
    /* font-family: "Imperial Script", cursive !important; */
    color: #22b573 !important;
    padding: 30px 0px !important;
    font-size: 2rem !important;
    font-weight: 500 !important;
    line-height: 1!important;
}

.prod__shadow {
    box-shadow: 0px 0px 4px 1px #00000026 !important;
    margin: 5px !important;
}

.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-color: #f2f2f2 !important;
    padding: 30px 80px !important;
}

.bloc4 div#ad72df5e-27ed-41f7-b974-6d8c30905bb7 {}

.bloc4 .wiziblocks__item__maxWidth {
    text-align: center;
    padding: 20px 140px !important;
}
.bloc1 a:hover, .bl1 a:hover {
    color: #f8da7c !important;
    transform: scale(0.95);
    background-color: #f8da7c12 !important;
}

.vign a:hover {
    color: #000000 !important;
    transform: scale(0.95);
    background-color: #2ab57329 !important;
}

.bloc7 a:hover, .bloc5 a:hover, .bl5 a:hover {
    color: #000000 !important;
    transform: scale(0.95);
    background-color: #2ab57329 !important;
}
.bloc5 {
    background-color: #f2f2f2 !important;
    padding: 80px 150px !important;
    background-image: url(https://media.cdnws.com/_i/407165/RAW-169/450/70/00fichier-101.png) !important;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 41%;
    background-position-x: 128%;
    background-position-y: -88%;
}
.header__logo img:hover {
    transform: scale(0.95);
    filter: brightness(0.9);
  
}
.wizi-wrapper--formBackground .wizi-form {
    max-width: 610px !important;
     background-color: #00000078 !important;
    padding: 25px !important;
  color: #fff !important;
 }
    .bloc--text {
         padding-bottom: 20px !important;
    }
 .header__logo img {
     transition: transform 1.4s !important;
       animation: fadeInLeft;
    animation-duration: 2s;
}
.bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
}

.bloc6 {
    background-color: #ffffff !important;
    padding: 55px 150px 200px 150px !important;
    background-image: url(https://media.cdnws.com/_i/407165/RAW-170/3010/71/00fichier-201.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
}

.tit .wizi-wrapper.wizi-wrapper--imgtxt.wizi-wrapper--imglarge {
    margin-bottom: -60px !important;
    /* background-color: #e4e6dd !important; */
    margin-top: -102px;
}

.tit .wizi-wrapper--imglarge .wizi-imgtxt__left--small:before {
    padding-top: 14.214% !important;
}
.bloc3 .wiziblocks__item__maxWidth {
    padding: 0px 70px !important;
}

.bloc3 .wizi-txt__item:nth-child(2) {
    background-color: #fce5a7 !important;
    border-radius: 20px 20px 20px 20px !important;
    padding: 40px 40px !important;
    margin-top: -153px !important;
    text-align: center;
    color: #000000 !important;
    box-shadow: 0px 0px 5px 1px #0000003d !important;
    margin-bottom: -96px !important;
}

.tit {
    background-color: transparent;
    z-index: 9 !important;
}

.av {
    background-color: #ffffff !important;
    padding: 70px 20px !important;
}

.bloc7 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 40px 110px !important;
    background-color: #f2f2f2 !important;
}

.bloc4 .wiziblocks__item__maxWidth {
    background-color: #ffffff !important;
    padding: 74px 175px 20px 175px !important;
}

.vign .wizi-txt__item h3:before {
    content: "";
    padding-top: 200px !important;
    display: block;
}

.vign .wizi-txt__item:nth-child(1) {
    text-align: center;
    background-color: #fef9e9 !important;
    background-image: url(https://media.cdnws.com/_i/407165/RAW-171/2801/72/colis-de-viande-de-boeuf.png);
    background-position: top;
    background-repeat: no-repeat;
    padding: 35px 20px !important;
    border-radius: 20px !important;
    box-shadow: 0px 0px 5px 1px #0000002e !important;
    background-size: contain;
}
.vign .wizi-txt__item:nth-child(2) {
    text-align: center;
    background-color: #fef9e9 !important;
    background-image: url(https://media.cdnws.com/_i/407165/RAW-172/2878/73/colis-de-viande-de-veau-porc-et-volaille.png);
    background-position: top;
    background-repeat: no-repeat;
    padding: 35px 20px !important;
    border-radius: 20px !important;
    box-shadow: 0px 0px 5px 1px #0000002e !important;
    background-size: contain;
}
.vign .wizi-txt__item:nth-child(3) {
    text-align: center;
    background-color: #fef9e9 !important;
    background-image: url(https://media.cdnws.com/_i/407165/RAW-211/3586/13/animaux-d-elevage.png);
    background-position: top;
    background-repeat: no-repeat;
    padding: 35px 20px !important;
    border-radius: 20px !important;
    box-shadow: 0px 0px 5px 1px #0000002e !important;
    background-size: contain;
}
.vign .wizi-txt__item:nth-child(4) {
    text-align: center;
    background-color: #fef9e9 !important;
    background-image: url(https://media.cdnws.com/_i/407165/RAW-212/533/14/conserves-de-boeuf.png);
    background-position: top;
    background-repeat: no-repeat;
    padding: 35px 20px !important;
    border-radius: 20px !important;
    box-shadow: 0px 0px 5px 1px #0000002e !important;
    background-size: contain;
} 
.vign .wizi-txt__item {
    margin: 5px 8px !important;
    border: 2px solid #22b5733b;
}

h3 {
    font-family: "Imperial Script", cursive !important;
    color: #22b573 !important;
    padding: 30px 0px !important;
    font-size: 2.2em !important;
    font-weight: 600 !important;
}

.vign a {
    background-color: #f2f2f2 !important;
    padding: 9px 13px !important;
    display: block;
    width: 280px !important;
    text-align: center;
    text-decoration: none !important;
    margin-top: 10px !important;
    margin: 0 auto;
    color: #000000 !important;
    border-bottom: 2px solid #22b573 !important;
    border-radius: 5px !important;
    transition: transform 1s !important;
}

.bloc5 a {
    background-color: #22b57312 !important;
    padding: 9px 13px !important;
    display: block;
    width: 280px !important;
    text-align: center;
    text-decoration: none !important;
    margin-top: 10px !important;
    color: #000000 !important;
    border-bottom: 2px solid #22b573 !important;
    border-radius: 5px !important;
    transition: transform 1.2s !important;
}

.bloc1 a, .bl1 a {
    background-color: #f8da7c !important;
    padding: 10px 13px !important;
    display: block;
    width: 280px !important;
    text-align: center;
    text-decoration: none !important;
    margin-top: 20px !important;
    color: #000000 !important;
    border-bottom: 2px solid #22b573 !important;
    border-radius: 5px !important;
    transition: transform 1s !important;
}

.prd .wiziblocks__item__maxWidth {
    padding: 30px 40px !important;
}

.bloc7 a, .bl5 a {
    background-color: #22b57312 !important;
    padding: 9px 13px !important;
    display: block;
    width: 280px !important;
    text-align: center;
    text-decoration: none !important;
    margin-top: 10px !important;
    color: #000000 !important;
    border-bottom: 2px solid #22b573 !important;
    border-radius: 5px !important;
    transition: transform 1s !important;
}
.bloc3 {
    z-index: 9 !important;
}

.bloc2 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 50.946% !important;
}

.vign .wiziblocks__item__maxWidth {
    padding: 30px 20px !important;
    /* margin-top: -114px !important; */
    background-color: transparent !important;
}

.vign {
    z-index: 9 !important;
    background-color: transparent !important;
}
.bloc2 .wiziblocks__item__maxWidth {
    padding: 60px 80px !important;
    background-color: #f2f2f2 !important;
}

.bloc2 .wizi-txt__item:nth-child(3) {
    background-image: url(https://media.cdnws.com/_i/407165/RAW-176/2787/77/bloc2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: -110px !important;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 1px #00000042 !important;
}

.bloc2 .wizi-txt__item:nth-child(2) {
    background-color: #f8da7c;
    align-content: center !important;
    height: 320px !important;
    margin-top: 50px !important;
    border-radius: 30px 0px 30px 30px !important;
    margin-right: -30px !important;
    z-index: 9 !important;
    padding: 20px 30px !important;
    box-shadow: 0px 0px 4px 1px #0000001f !important;
}

.bloc2 {
    z-index: 9 !important;
}
div#\31 5d3b5c9-5be7-41ab-9b37-80ea09a37242 {
    margin: 0 0 0px !important;
}

.rea__item {
    padding: 20px 20px !important;
}

.rea {
    background-color: #fef9e9 !important;
}

.powered {
    height: 36px !important;
    line-height: 35px !important;
    background: #f2f2f2;
    border-top: 2px solid #22b573 !important;
}

.powered__p {
    color: #000 !important;
}

.powered__p a, .powered__p span {
    color: #000 !important;
}

.footer__title {
    color: #000 !important;
}

.footer__link {
    color: #000 !important;
}
.bl2 .wiziblocks__item__maxWidth {
    background-color: #000000b5 !important;
    padding: 90px 230px !important;
    color: #fff !important;
}

.bl2 {
    background-image: url(https://media.cdnws.com/_i/407165/RAW-184/1251/85/une-alimentation-saine-issue-de-notre-ferme.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.bl2 h2.we-align-center {
    color: #fff !important;
}

.bl3 .wizi-txt__item {
    background-color: #fef9e9 !important;
    border-radius: 15px !important;
    margin: 5px 15px !important;
    box-shadow: 0px 0px 5px 1px #00000030 !important;
    padding: 54px 40px !important;
    text-align: center;
}

.bl3 {
    background-color: transparent;
    z-index: 99 !important;
}

.bl3 .wiziblocks__item__maxWidth {
    background-color: transparent;
    margin-top: -90px !important;
    padding: 0px 90px !important;
}

.bl4 .wiziblocks__item__maxWidth {
    background: linear-gradient(90deg, rgb(4 4 4 / 91%) 0%, rgb(0 0 0 / 34%) 115%);
    padding: 110px 940px 120px 140px !important;
    color: #fff !important;
}

.bl4 {
    background-image: url(https://media.cdnws.com/_i/407165/RAW-185/2765/86/les-garanties-de-notre-elevage.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bl4 h2 {color: #fff !important;}
/************************* responsive*************************/

@media (max-width: 719px) and (min-width: 320px){
      .wizi-wrapper--formBackground {
        padding: 0px !important;
    }
  a.header__logo__a {
    background-image: url(https://media.cdnws.com/_i/407165/RAW-187/843/88/logo-mobile.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    height: 47px !important;
}

picture.picture.picture--left {
    display: none !important;
}

.header__logo {
    padding: 4px 130px 7px 13px !important;
}
  .bl1 .wizi-imgtxt__right, .bl5 .wizi-imgtxt__right {
    padding: 20px 1px 0 !important;
}
  .wizi-wrapper--formBackground .wizi-form {
    padding: 5px !important;
}
    .bloc7 a, .bl5 a {
    background-color: #22b57312 !important;
    padding: 9px 10px !important;
    display: block;
    width: 270px !important;
    }
.bloc1 .wiziblocks__item__maxWidth {
     padding: 20px 20px 50px 20px !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 0px 0px !important;
}
  .bloc2 .wiziblocks__item__maxWidth {
    padding: 30px 10px !important;
 }
      .bloc2 .wizi-txt__item:nth-child(3) {
        height: 310px !important;
    }
  .bloc2 .wizi-txt__item:nth-child(2) {
    height: 410px !important;
    border-radius: 30px 30px 30px 30px !important;
    margin-right: 0px !important;
 }
  .bloc4 .wiziblocks__item__maxWidth {
     padding: 64px 15px 20px 15px !important;
}
  .vign .wiziblocks__item__maxWidth {
    padding: 30px 0px !important;
 }
  .vign a {
     padding: 9px 5px !important;
     width: 220px !important;
        color: #000000 !important;
     font-size: 0.9em !important;
}
  .vign .wizi-txt__item {
    margin: 12px 0px !important;
 }
  .vign .wizi-txt__item h3:before {
     padding-top: 100px !important;
 }
  .bloc5 {
     padding: 80px 0px !important;
     background-size: 71%;
    background-position-x: 58%;
    background-position-y: 102%;
}
  .bloc6 {
    background-color: #ffffff !important;
    padding: 25px 10px 80px 10px !important;
    background-image: url(https://media.cdnws.com/_i/407165/RAW-170/3010/71/00fichier-201.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
}
  .tit .wizi-wrapper.wizi-wrapper--imgtxt.wizi-wrapper--imglarge {
    margin-bottom: 0px !important;
    /* background-color: #e4e6dd !important; */
    margin-top: 3px;
}
  .av {
    background-color: #ffffff !important;
    padding: 10px 20px !important;
}
  .bloc7 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 10px !important;
 }
  .rea__item {
    padding: 20px 20px 20px 70px !important;
}
  .powered {
    height: 16px !important;
    line-height: 16px !important;
 }
  .bl2 .wiziblocks__item__maxWidth {
    padding: 40px 10px !important;
}
  .bl3 .wiziblocks__item__maxWidth {
    padding: 0px 0px !important;
    margin-top: -62px !important;
}
  .bl3 .wizi-txt__item {
    margin: 18px 0px !important;
    padding: 15px 15px !important;
}
  .bl4 .wiziblocks__item__maxWidth {
    padding: 30px 10px 30px 20px !important;
}
}
@media (max-width: 1023px) and (min-width: 720px){
.header.header--fixed .header__logo img {
        max-height: 100px !important;
    }
  .bloc1 .wiziblocks__item__maxWidth {
     padding: 10px 110px 30px 50px !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 10px 0px !important;
}
      body.wiziblocks-on .prod .prod__article {
        width: 25% !important;
        padding: 0 0px !important;
    }
  .bloc2 .wiziblocks__item__maxWidth {
    padding: 30px 30px !important;
     text-align: center !important;
}
  .bloc2 .wizi-txt__item:nth-child(2) {
     margin-right: 0px !important;
 }
  .bloc2 .wizi-txt__item:nth-child(3) {
    height: 310px !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
     padding: 74px 35px 20px 35px !important;
}
  .vign .wizi-txt__item {
    margin: 25px 8px !important;
 }
  .vign .wizi-txt__item h3:before {
     padding-top: 280px !important;
 }
  .bloc5 {
     background-position-x: 8%;
    background-position-y: 92%;
}
  .bloc5 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small:before {
    padding-top: 79% !important;
}
  .bloc6 {
     padding: 55px 0px 100px 0px !important;
 }
  .bloc6 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 78.946% !important;
}
  .tit .wizi-wrapper.wizi-wrapper--imgtxt.wizi-wrapper--imglarge {
    margin-bottom: -30px !important;
    /* background-color: #e4e6dd !important; */
    margin-top: -44px;
}
  .bloc7 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 0px !important;
 }
  .bloc7 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 20px 0px 20px 20px !important;
}
  .bloc5 {
     padding: 20px 10px !important;
     background-size: 51%;
    background-position-x: 128%;
    background-position-y: -88%;
}
  .bl4 .wiziblocks__item__maxWidth {
    padding: 60px 40px 60px 40px !important;
}
  .bl3 .wiziblocks__item__maxWidth {
    padding: 0px 10px !important;
}
  .bl3 .wizi-txt__item {
    margin: 25px 15px !important;
}
  .bl2 .wiziblocks__item__maxWidth {
    padding: 90px 40px !important;
}
}

@media (max-width: 1199px) and (min-width: 1024px){
.bloc1 .wiziblocks__item__maxWidth {
    padding: 100px 200px 50px 60px !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 30px 5px !important;
}
  .bloc2 .wiziblocks__item__maxWidth {
    padding: 50px 10px !important;
 }
.bloc4 .wiziblocks__item__maxWidth {
     padding: 74px 100px 20px 100px !important;
}
  .vign .wiziblocks__item__maxWidth {
    padding: 30px 0px !important;
 }
  .vign .wizi-txt__item h3:before {
     padding-top: 80px !important;
 }
  .vign a {
     padding: 9px 5px !important;
     width: 200px !important;
}
  .vign .wizi-txt__item {
    margin: 5px 3px !important;
 }
  .bloc5 {
     padding: 40px 0px !important;
     background-size: 41%;
    background-position-x: 118%;
    background-position-y: 102%;
}
  .bloc6 {
     padding: 45px 0px 110px 50px !important;
  }
  .tit .wizi-wrapper.wizi-wrapper--imgtxt.wizi-wrapper--imglarge {
    margin-bottom: -50px !important;
     margin-top: -32px;
}
  .bloc7 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 20px !important;
 }
  .bl4 .wiziblocks__item__maxWidth {
    padding: 80px 350px 80px 100px !important;
}
}

@media (max-width: 1399px) and (min-width: 1200px){
  .tit .wizi-wrapper.wizi-wrapper--imgtxt.wizi-wrapper--imglarge {
    margin-bottom: -60px !important;
     margin-top: -52px;
}
.bloc1 .wiziblocks__item__maxWidth {
    padding: 120px 390px 60px 120px !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 20px 30px !important;
}
  .bloc2 .wiziblocks__item__maxWidth {
    padding: 50px 20px !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 74px 85px 20px 85px !important;
}
  .vign a {
    padding: 9px 6px !important;
    width: 245px !important;
}
  .vign .wiziblocks__item__maxWidth {
    padding: 30px 0px !important;
}
  .vign .wizi-txt__item {
    margin: 5px 3px !important;
}
   .bloc5 {
    padding: 20px 30px !important;
  }
  .bloc6 {
    padding: 25px 50px 140px 50px !important;
}
  .bloc7 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 50px !important;
}
  .bl4 .wiziblocks__item__maxWidth {
    padding: 80px 350px 80px 100px !important;
}
}
@media (max-width: 1599px) and (min-width: 1400px){
  .tit .wizi-wrapper.wizi-wrapper--imgtxt.wizi-wrapper--imglarge {
    margin-bottom: -60px !important;
     margin-top: -52px;
}
  .bl4 .wiziblocks__item__maxWidth {
    padding: 110px 500px 120px 140px !important;
}
.bloc1 .wiziblocks__item__maxWidth {
    padding: 170px 520px 130px 140px !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 30px 20px !important;
}
  .vign .wizi-txt__item h3:before {
    padding-top: 130px !important;
}
  .bloc5 {
    padding: 80px 50px !important;
  }
  .bloc6 {
    padding: 55px 80px 200px 80px !important;
}
}
@media (max-width: 1800px) and (min-width: 1600px){
 .bloc1 .wiziblocks__item__maxWidth {
    padding: 190px 650px 150px 140px !important;
}
.bloc5 {
     padding: 80px 110px !important;
}
  
  .bloc6 {
    padding: 55px 110px 200px 110px !important;
}
}

@media (max-width: 2020px) and (min-width: 1024px){
.header.header--fixed .header__logo img {
    max-height: 140px !important;
}
}
/***************** end *******************************/


/******* Animation scrolling*************/

@media (max-width: 2100px) and (min-width: 1200px) {
.bloc2 .wizi-txt__item:nth-child(3), .bloc5 .wizi-imgtxt__right {
       animation: slide linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
}
.bloc2 .wizi-txt__item:nth-child(1), .bloc6 .wizi-imgtxt__left {
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }
.prd h2, .bloc4 h2, .bloc5 .wizi-imgtxt__left, .bloc6 .wizi-imgtxt__right, .bloc7 .wizi-imgtxt__right {
        animation: reveal linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
              
    }
.bloc2 .wizi-txt__item:nth-child(2), .vign .wiziblocks__item__maxWidth, .tit .wizi-imgtxt__left{
        animation: top linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }
}
@keyframes slide {
  from{
  transform: translateX(100%);
  opacity:0;
  }
  to {
  transform: translateX(0);
  opacity:1;
  }
}
@keyframes reveal {
  from{
  transform: scale(0);
  opacity:0;
  }
  to {
  transform: scale(1);
  opacity:1;
  }
}

 @keyframes slide2 {
  from{
  transform: translateX(-100%);
  opacity:0;
  }
  to {
  transform: translateX(0%);
  opacity:1;
  }
}
    @keyframes top {
  from{
  transform: translateY(100%);
  opacity:0;
  }
  to {
  transform: translateY(0);
  opacity:1;
  }
}
/********** end scrolling**********/