@import url('https://fonts.googleapis.com/css2?family=Bona+Nova:ital,wght@0,400;0,700;1,400&family=Onest:wght@100..900&display=swap');
.body__global p {
  font-family: "Onest", sans-serif !important;
  font-size: 16px !important;
}
.body__wrapper {
    background: #e9e8e4 !important;
}
.wiziblocks__item__maxWidth {
   background: #e9e8e4 !important;
}
.wiziBtn {
    font-size: 16px !important;
    font-weight: normal !important;
}
.wiziblocks__item--fullpage {
    background: #e9e8e4 !important;
}
.page-homepage .body__wrapper__maxWidth {
    background-color: #e9e8e4 !important;
    background-image: url(https://media.cdnws.com/_i/422495/RAW-52/2441/52/01fichier-51.png);
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}
.body__wrapper__maxWidth {
    background-color: #e9e8e4 !important;
}
.header__content {
    background-color: #e9e8e4 !important;
}

.header__relative {
    background-color: #e9e8e4 !important;
}

.footer {
    background: #e9e8e4 !important;
}
h1 {
   font-family: "Bona Nova", serif !important;
   padding: 20px 0px !important;
   color: #1d3a6b !important;
   text-transform: uppercase;
   font-size: 2em !important;
   font-weight: 600 !important;
   
}
a.nav__a.nav__a--lvl2 {
    font-size: 1rem;
    font-weight: 700;
}
.bloc1 {
    background-image: url("https://media.cdnws.com/_i/422495/RAW-53/3922/53/01fichier-311.png") !important;
    background-position: 0 bottom;
    background-repeat: repeat-x;
    background-size: auto !important;
    animation: defileBackground 300s linear infinite;
    background-color: #e9e8e4;
}
@media (min-width: 1024px) {
    .filter__sublevel , .filter__item__content, .filter button:not(.button):not(.filter__selected__link) {    background: transparent;}
}
@keyframes defileBackground {
    0% {
        background-position: 0 bottom;
    }
    100% {
        background-position: -2000px bottom;
    }
}

.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 150px !important;
}

.bloc1 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
    background-color: #ddf0f7eb !important;
    border-radius: 30px !important;
    padding: 0px 30px !important;
    box-shadow: 0px 0px 9px 2px #1d3a6b14 !important;
}

.prd .wiziblocks__item__maxWidth {
    padding: 20px 100px !important;
    background-color: transparent !important;
}

.prd {
    background-color: transparent !important;
}

.prd .prod__shadow {
    border-radius: 20px !important;
    background-color: #fff !important;
    box-shadow: 0px 0px 5px 1px #00000014 !important;
}
.prod__shadow {
    border-radius: 20px !important;
    background-color: #fff !important;
    box-shadow: 0px 0px 5px 1px #00000014 !important;
  margin: 3px !important;
}

h2 {
    font-family: "Bona Nova", serif !important;
    padding: 20.1px 0px !important;
    color: #026da2 !important;
    text-transform: uppercase;
    font-size: 1.7em !important;
    font-weight: 600 !important;
}
.bloc2 h2{
    text-align:center !important;
}
.bloc2 h2:before {
    background-image: url(https://media.cdnws.com/_i/422495/RAW-54/335/54/01fichier-41.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 48px !important;
    content: '';
    display: block;
    margin-bottom: 32px !important;
}
h3 {
    font-family: "Bona Nova", serif !important;
    padding: 30px 0px !important;
    color: #1d3a6b !important;
    text-transform: uppercase;
    font-size: 1.6em !important;
    font-weight: 600 !important;
  
}
.bloc4 h2{
    text-align:center !important;
}
.bloc4 h2:before {
    background-image: url(https://media.cdnws.com/_i/422495/RAW-54/335/54/01fichier-41.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 48px !important;
    content: '';
    display: block;
    margin-bottom: 32px !important;
}
.bloc2 .wizi-imgtxt__wrap {
    text-align: center;
}

.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 150px !important;
    background-color: transparent !important;
}

.bloc2 {
    background-color: transparent !important;
}

.bloc3 .wiziblocks__item__maxWidth {
    text-align: center;
    padding: 80px 210px 180px 210px !important;
    background-color: #bce3ea !important;
}
div#\31 8eb65b5-55ff-4e8b-b06f-adcc6cd0b1d5 {
    margin: 0 0 0px !important;
}
.bloc4 {
    background-image: url(https://media.cdnws.com/_i/422495/RAW-67/3727/67/01fichier-61.png);
    background-position: left -7% top;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #e9e8e4;
    margin: 0 0 0px !important;
}

.bloc4 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-color: transparent !important;
    padding: 40px 140px !important;
}
.bloc4 .wizi-imgtxt__wrap {
    text-align: center;
}
.bloc5 {
    background-color: #e9e8e4 !important;
    z-index: 99 !important;
}

.bloc5 .wizi-wrapper.wizi-wrapper--imgtxt.wizi-imgtxt--reverse.wizi-wrapper--imglarge {
    background-color: transparent;
    padding: 20px 170px 60px !important;
}

.bloc5 .wizi-imgtxt.wizi-imgtxt--textSmallRightTextLeft.wizi-imgtxt--half {
    border-radius: 20px !important;
    border: 2px solid #337c9b !important;
    padding: 0px 40px !important;
    z-index: 99 !important;
}

.bloc5 .wizi-imgtxt--textSmallRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 92.403% !important;
}

.bloc5 .wizi-imgtxt__right.wizi-imgtxt__right--small {
    margin-top: -80px !important;
    margin-bottom: -30px !important;
    z-index: 99 !important;
}

.bloc5 .wiziBtn__wrapper--center {
    justify-content: start !important;
}
.powered__p a, .powered__p span {
    color: #ffffff !important;
}
.bloc1 .wiziBtn__wrapper--center {
    justify-content: start !important;
}
.bloc1 .wizi-imgtxt__right {
    background-image: url(https://media.cdnws.com/_i/422495/RAW-55/1317/55/fond1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
    animation: zoomBg 12s ease-in-out infinite; 
}

@keyframes zoomBg {
    0% {
        background-size: 100% auto;
    }
    50% {
        background-size: 113% auto; 
    }
    100% {
        background-size: 100% auto; 
    }
}
  .card {
    width: 20%;
    height: 196px;
    border-radius: 45px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s, box-shadow 0.3s;
    text-align: center;
    padding: 15px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    margin: 10px !important;
  }

  .card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 15px rgba(0,0,0,0.2);
  }

  .card1 {background-color: #026da2;} 
  .card2 {background-color: #1192c2;} 
  .card3 {background-color: #10b7dd;} 
  .card4 {background-color: #91d3e3;color: #000;} 
  .card5 {background-color: #bce3ea;} 

.sect {
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-height: auto;
  margin: 0;
  background: transparent;
  padding: 53px 37px !important;
}
div#\38 cfff5b9-1c67-40c8-a609-a8ae7f2055e5 {
    background-color: transparent !important;
    margin-bottom: 0px !important;
}

.sect .tit {
    font-family: "Onest", sans-serif !important;
    padding: 20px 0px !important;
    text-transform: none;  
    font-size: 1em !important;
    font-weight: 500 !important;
    letter-spacing: 1.1px !important;
}
   .sect .card1 tit, .sect .card2 tit {
     color: #ffffff !important;   
   }
.sect .card1 .tit, .sect .card2 .tit, .sect .card3 .tit, , .sect .card4 .tit, .sect .card5 .tit {
     color: #000000 !important;
   }
.card1 .tit:before {
    content: '';
    background-image: url(https://media.cdnws.com/_i/422495/RAW-56/1755/56/legumes-exotic.png);
    background-position: center;
    background-size: contain;
    padding-top: 80px !important;
    display: block;
    background-repeat: no-repeat;
    margin-bottom: 15px !important;
}
.card2 .tit:before {
    content: '';
    background-image: url(https://media.cdnws.com/_i/422495/RAW-57/229/57/viande.png);
    background-position: center;
    background-size: contain;
    padding-top: 80px !important;
    display: block;
    background-repeat: no-repeat;
    margin-bottom: 15px !important;
}
.card3 .tit:before {
    content: '';
    background-image: url(https://media.cdnws.com/_i/422495/RAW-58/23/58/fruit-de-mer.png);
    background-position: center;
    background-size: contain;
    padding-top: 80px !important;
    display: block;
    background-repeat: no-repeat;
    margin-bottom: 15px !important;
}
.card4 .tit:before {
    content: '';
    background-image: url(https://media.cdnws.com/_i/422495/RAW-59/2968/59/epicerie.png);
    background-position: center;
    background-size: contain;
    padding-top: 80px !important;
    display: block;
    background-repeat: no-repeat;
    margin-bottom: 15px !important;
}
.card5 .tit:before {
    content: '';
    background-image: url(https://media.cdnws.com/_i/422495/RAW-60/3307/60/surgeles.png);
    background-position: center;
    background-size: contain;
    padding-top: 80px !important;
    display: block;
    background-repeat: no-repeat;
    margin-bottom: 15px !important;
}



.vg {
    width: 20%;
    height: 489px;
    border-radius: 35px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s, box-shadow 0.3s;
    text-align: center;
    padding: 20px 15px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    margin: 5px !important;
  }

  .cad:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 15px rgba(0,0,0,0.2);
  }

  .cad1 {background: linear-gradient(73deg, rgb(0 0 0 / 85%) 33%, rgb(0 0 0 / 85%) 33%), url(https://media.cdnws.com/_i/422495/RAW-62/3567/62/20260204-071327.jpeg);background-position: center;background-repeat: no-repeat;background-size: cover;z-index: 99 !important;position: relative;margin-top: -120px !important;} 
  .cad2 {background: linear-gradient(73deg, rgb(0 0 0 / 85%) 33%, rgb(0 0 0 / 85%) 33%), url(https://media.cdnws.com/_i/422495/RAW-61/3604/61/20260204-061813.jpeg);background-position: center;background-repeat: no-repeat;background-size: cover;z-index: 99 !important;position: relative;margin-top: -120px !important;} 
  .cad3 {background: linear-gradient(73deg, rgb(0 0 0 / 85%) 33%, rgb(0 0 0 / 85%) 33%), url(https://media.cdnws.com/_i/422495/RAW-63/2487/63/20260206-033011.jpeg);background-position: center;background-repeat: no-repeat;background-size: cover;z-index: 99 !important;position: relative;margin-top: -120px !important;} 
  .cad4 {background: linear-gradient(73deg, rgb(0 0 0 / 85%) 33%, rgb(0 0 0 / 85%) 33%), url(https://media.cdnws.com/_i/422495/RAW-64/2618/64/20260220-070203.jpeg);background-position: center;background-repeat: no-repeat;background-size: cover;z-index: 99 !important;position: relative;margin-top: -120px !important;} 
  .cad5 {background: linear-gradient(73deg, rgb(0 0 0 / 85%) 33%, rgb(0 0 0 / 85%) 33%), url(https://media.cdnws.com/_i/422495/RAW-65/3375/65/20260206-060027.jpeg);background-position: center;background-repeat: no-repeat;background-size: cover;z-index: 99 !important;position: relative;margin-top: -120px !important;} 

.vign {
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-height: auto;
  margin: 0;
  background: #e9e8e4;
  padding: 3px 17px !important;
  z-index: 99 !important;
  position: relative;
  color: #000 !important;
}
div#\32 6270147-1142-4ea5-a0c2-0ff858a0ad2c {
    background-color: transparent !important;
    margin-bottom: 0px !important;
    z-index: 999 !important;
}

.vign h3 {
    font-family: "Bona Nova", serif;
    padding: 20.1px 0px !important;
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 1.1em !important;
    font-weight: 300 !important;
    letter-spacing: 1.6px !important;
}

.vign h3:before{
    content: '';
    background-image: url(https://media.cdnws.com/_i/422495/RAW-66/1895/66/01fichier-211.png);
    background-position: center;
    background-size: contain;
    padding-top: 62px !important;
    display: block;
    background-repeat: no-repeat;
    margin-bottom: 15px !important;
}

.bloc4 img.wizi-img__item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
    opacity: 1;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;

    animation: inclinerImage 6s ease-in-out infinite;
}

@keyframes inclinerImage {
    0% {
        transform: translate(-50%, -50%) rotate(-2deg);
    }
    50% {
        transform: translate(-50%, -50%) rotate(2deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(-2deg);
    }
}
.vg a {
    display: block;
    padding: 13px 10px !important;
    background-color: #bce3ea !important;
    border-radius: 20px !important;
    width: 90% !important;
    margin-top: 25px !important;
    text-decoration: none !important;
    color: #000000 !important;
    transition: transform 1.3s !important;
}

.vg a:hover {
    transform: scale(1.1);
    background-color: #ffffff !important;
    color: #000000 !important;
}

.rea__item {
    padding: 15px 10px !important;
}

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

.powered {
    height: 30px;
    line-height: 30px;
    border-top: 2px solid #000000 !important;
    background: #026da2 !important;
}

.footer__title {
    color: #000 !important;
}

.footer__link {
    color: #000 !important;
    font-size: 16px !important;
    margin: 0 0 10px !important;
}

.footer__input {
    border-radius: 20px !important;
    border: 1px solid #10b7dd !important;
}

    .nav__maxWidth {
        justify-content: center;
    }
.nav__maxWidth {
    animation: fadeInUp;
    animation-duration: 3s;
}
.header__search, .header__area {
    animation: fadeInRight;
    animation-duration: 3s;
}
.search--wrapper .search--input {
    border-radius: 20px !important;
}
.search--input {
    border: 1px solid #10b7dd;
    border-radius: 20px !important;
}

.search--btn {
    border-radius: 20px 20px 20px 20px !important;
    background-color: #e0f1f8 !important;
    border-left: 1px solid #10b7dd !important;
}

.header__account__span {
    font-weight: 500 !important;
}

.header__cart__text {
    font-weight: 500 !important;
}
nav.nav {
    background-color: #e0f1f8 !important;
    padding: 7px 5px !important;
}
img.footer__logo__a__img:hover, .header__logo img:hover {
    transform: scale(0.95);
    filter: saturate(0.5);
}
img.footer__logo__a__img, .header__logo img {
    transition: transform 1.4s !important;
    animation: fadeInLeft;
    animation-duration: 2s;
}
.wizi-wrapper--formBackground .wizi-form {
    max-width: 680px !important;
    width: 100%;
    background-color: #00000059;
    padding: 20px !important;
    margin: 0;
    border-radius: 40px !important;
    box-shadow: 0px 0px 5px 2px #1d3a6b45 !important;
    color: #fff !important;
}
    .wiziblocks__item .wizi-form .form .form__fieldset {
        margin-bottom: 10px !important;
    }
.form__text {
    background: #5897c217 !important;
}
.wizi-wrapper--formBackground {
    border-radius: 40px !important;
}
.wizi-wrapper--formBackground .wizi-form h2 {
    color: #fff !important;
}
span.form__span {
    color: #fff !important;
}
/********* RESPONSIVE*****************/
@media (max-width: 719px) and (min-width: 320px) {
      .nav__itemlvl1 {
        padding: 10px 50px 10px 40px !important;
    }
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 10px !important;
}
.wizi-wrapper--formBackground .wizi-form {
    padding: 0px !important;
}
  .rea__item {
    padding: 20px 20px 20px 70px !important;
}
.bloc1 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
    padding: 0px 0px !important;
}
  .bloc1 .wiziBtn {
    padding: 14px 17px !important;
  }
  .sect {
    display: block;
        padding: 53px 17px !important;
}
  .card {
    width: 99%;
    height: 196px;
    margin: 10px 0px !important
  }
  .prd .wiziblocks__item__maxWidth {
    padding: 20px 15px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 0px !important;
}
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 40px 0px 40px 0px !important;
}
   .vg {
    width: 100%;
    position: relative !important;
    margin: 0 auto !important;
    height: 549px;
    margin: 14px 0px !important;
    padding: 10px 9px;
}
  .vign {
    display: block;
    padding: 3px 17px !important;
  }
  .cad2, .cad2, .cad2, .cad2, .cad2 {
        margin-top: 5px !important;
  }
    .vg a {
    width: 96% !important;
}
    .prd .wiziblocks__item__maxWidth {
    padding: 20px 20px !important;
}
.bloc4 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 40px 0px !important;
}

.bloc5 .wizi-wrapper.wizi-wrapper--imgtxt.wizi-imgtxt--reverse.wizi-wrapper--imglarge {
    padding: 20px 0px 20px !important;
}
  .bloc5 .wizi-imgtxt.wizi-imgtxt--textSmallRightTextLeft.wizi-imgtxt--half {
    padding: 0px 10px !important;
}
  .bloc5 .wizi-imgtxt__right.wizi-imgtxt__right--small {
    margin-top: 0px !important;
    margin-bottom: 18px !important;
}
}
@media (max-width: 1023px) and (min-width: 720px) {
.header__logo__a {
    height: 76px  !important;
}
  .card1 h3:before , .card2 h3:before , .card3 h3:before , .card4 h3:before , .card5 h3:before {
    background-size: 51px;
}
  .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 40px !important;
}
.bloc1 .wizi-imgtxt__left, .bloc1 .wizi-imgtxt__right {
        width: 100% !important;
    }
  .bloc1 .wizi-imgtxt {
    display: block !important;
  }
 .bloc1 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 0px 20px 0px 20px !important;
}
  .sect {
    padding: 19px 0px !important;
    
}
   .sect h3{
  font-size: 0.9em !important;  
}
  .card {
    height: 209px;
    padding: 7px;
    margin: 5px !important;  
}
  .prd .wiziblocks__item__maxWidth {
    padding: 20px 20px !important;
}
      body.wiziblocks-on .prod .prod__article {
        width: 25% !important;
    }
.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 0px !important;
}
  .bloc2 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--medium:before {
    padding-top: 105.715% !important;
}
  .bloc2 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 0px 10px 0px 10px !important;
}
  .bloc3 .wiziblocks__item__maxWidth {
     padding: 80px 50px 50px 50px !important;
 }
  .vg {
    width: 100%;
    position: relative !important;
    margin: 1 auto !important;
    height: 349px;
    margin: 5px !important;
}
  .vign {
    display: block;
  }
  .cad2, .cad2, .cad2, .cad2, .cad2 {
        margin-top: 5px !important;
  }
  .bloc4 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px !important;
}
  .bloc4 .wizi-imgtxt__right {
    padding: 10px 10px 10px 10px !important;
}
  .bloc4 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small:before {
    padding-top: 75% !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt.wizi-imgtxt--reverse.wizi-wrapper--imglarge {
    padding: 20px 0px 20px !important;
}
  .bloc5 .wizi-imgtxt.wizi-imgtxt--textSmallRightTextLeft.wizi-imgtxt--half {
    padding: 0px 10px !important;
}
  .bloc5 .wizi-imgtxt--textSmallRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 102.403% !important;
}
  .bloc5 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 20px 5px 20px 9px;
}
}
@media (max-width: 1035px) and (min-width: 768px) {
    body .body__wrapper {
        background: var(--background-body);
        padding: 0 0px !important;
    }
}
@media (max-width: 1199px) and (min-width: 1024px) {
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 20px !important;
}
.sect {
    padding: 53px 0px !important;
}
.prd .wiziblocks__item__maxWidth {
    padding: 20px 20px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 0px !important;
}
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 70px 70px 180px 70px !important;
}
  .vign {
    padding: 3px 4px !important;
}
  .vg {
    height: 669px;
    padding: 20px 5px;
    margin: 3px !important;
}
  .bloc4 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 0px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt.wizi-imgtxt--reverse.wizi-wrapper--imglarge {
    padding: 20px 0px 10px !important;
}
  .bloc1 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 0px 0px 0px 0px !important;
}
}

@media (max-width: 1399px) and (min-width: 1200px) {
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 20px !important;
}
  .bloc1 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 20px 0px 20px 20px !important;
}
  .sect {
    padding: 53px 2px !important;
}
  .sect h3 {
    font-size: 0.9em !important;
}
  .card {
    padding: 14px;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 20px 30px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 0px !important;
}
  .vign {
    padding: 3px 2px !important;
}
  .vg {
    height: 549px;
    padding: 20px 10px;
}
  .bloc4 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 0px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt.wizi-imgtxt--reverse.wizi-wrapper--imglarge {
    padding: 20px 0px 60px !important;
}
}

@media (max-width: 1599px) and (min-width: 1400px) {
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 50px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 40px !important;
}
  .vign {
    padding: 3px 7px !important;
}
  .bloc4 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 40px 40px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt.wizi-imgtxt--reverse.wizi-wrapper--imglarge {
    padding: 20px 50px 50px !important;
}
.vg {
    height: 579px;
}
  .vg a {
    padding: 13px 4px !important;
    width: 105% !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 20px 50px !important;
}
}
@media (max-width: 1800px) and (min-width: 1600px) {
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 90px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 130px !important;
}
  .vign {
    padding: 3px 7px !important;
}
  .bloc4 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 40px 130px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt.wizi-imgtxt--reverse.wizi-wrapper--imglarge {
    padding: 20px 60px 60px !important;
}
}
@media (max-width: 2060px) and (min-width: 1024px) {
.nav__itemlvl1 {
        font-size: 1.1rem;
    }
}

/**************** end resp ************************/

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

@media (max-width: 2100px) and (min-width: 1024px) {
 
.vign {
    animation: reveal linear;
    animation-timeline: view();
    animation-range-start: cover 0%;
    animation-range-end: contain 50%;
}
.card4, .card5, .bloc5 .wizi-imgtxt__right.wizi-imgtxt__right--small {
    padding: 24px;
    animation: slide linear;
    animation-timeline: view();
    animation-range-start: cover 0%;
    animation-range-end: contain 50%;
}

 
.card3, .bloc2 .wizi-imgtxt__right.wizi-imgtxt__right--medium, .bloc4 .wizi-imgtxt__wrap{
  animation: reveal linear;
    animation-timeline: view();
    animation-range-start: cover 0%;
    animation-range-end: contain 50%;
}
   .card1, .card2{
    padding: 24px;
    animation: slide2 linear;
    animation-timeline: view();
    animation-range-start: cover 0%;
    animation-range-end: contain 50%;
    }
}
@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;
  }
}
/********** end scrolling**********/