@import url('https://fonts.googleapis.com/css2?family=Aladin&display=swap');
h1 {
    font-family: "Aladin", system-ui !important;
    color: #000 !important;
    padding: 20px 0px !important;
    pad*: ;
    pad*: 0;
    text-align: center;
    font-size: 2.5rem !important;
    font-weight: 500 !important;
}

h2 {
    font-family: "Aladin", system-ui !important;
    color: #000 !important;
    padding: 20px 0px !important;
    text-align: left;
    font-size: 2.1rem !important;
    font-weight: 500 !important;
}
.bloc1 h2 {
    font-family: "Aladin", system-ui !important;
    color: #fff !important;
    padding: 20px 0px !important;
    text-align: left;
    font-size: 2.1rem !important;
    font-weight: 500 !important;
}
.bloc1 {
    background-image: url(https://media.cdnws.com/_i/376206/RAW-89/2663/89/bg.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
    .footer__menu {
        padding: 0 18.33333px 0 25px !important
    }
.footer__rs__a.facebook {
    background: url(https://media.cdnws.com/_i/376206/RAW-94/2466/94/natura.png) !important;
    background-size: 96% !important;
    background-repeat: no-repeat !important;
    background-position: center;
    border-radius: 0 !important;
    border: none !important;
    padding: 5px !important;
}

.footer__rs__a {
    width: 144px;
    height: 50px;
}
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-color: #0b06045c !important;
    padding: 40px 150px !important;
}

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

h3 {
    font-family: "Aladin", system-ui !important;
    color: #492806 !important;
    padding: 20px 0px !important;
    text-align: left;
    font-size: 2rem !important;
    font-weight: 500 !important;
}

.bloc3 {
    background-color: #74776b40 !important;
}

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

.bloc5 {
    background-image: url(https://media.cdnws.com/_i/376206/RAW-88/698/88/para1.png) !important;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
body .header__account__a:hover, body .header__account__a:focus {
    background-image: url(data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%221717%2046%2020.003%2020.001%22%3E%3Cpath%20d%3D%22M1717.001%2055.998a10%2010%200%201%200%202.93-7.07%209.6%209.6%200%200%200-2.93%207.07zm19.17%200a8.8%208.8%200%200%201-2.16%205.86c-1.38-.54-2.87-1.06-4.47-1.54a.743.743%200%200%201-.1-.53%203.039%203.039%200%200%201%20.29-1.1%206.138%206.138%200%200%200%20.44-1.54%203.529%203.529%200%200%200%20.67-1.54%203.285%203.285%200%200%200%200-1.34.139.139%200%200%200-.05-.1%204.366%204.366%200%200%201%20.14-1.83%203.078%203.078%200%200%200-.72-2.5%203.44%203.44%200%200%200-2.78-1.34h-.87a3.639%203.639%200%200%200-2.79%201.34%203.077%203.077%200%200%200-.72%202.5%204.6%204.6%200%200%201%20.15%201.83v.1a2.586%202.586%200%200%200-.05%201.34%204.353%204.353%200%200%200%20.67%201.59%207.24%207.24%200%200%200%20.43%201.49%202.642%202.642%200%200%201%20.2%201.15.544.544%200%200%201-.15.48%2030.461%2030.461%200%200%200-4.32%201.54%209.158%209.158%200%201%201%2016.19-5.86z%22%20fill%3D%22%23492806%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E);
    background-size: 35px !important;
}
.bloc5 .wiziblocks__item__maxWidth {
    background-color: #0000009c !important;
    text-align: center;
    padding: 125px 250px !important;
}

.bloc5 h3 {
    text-align: center !important;
}

a.btn1 {
    padding: 10px 19px;
    background-color: #ffffff !important;
    color: #492806 !important;
    text-decoration: none !important;
    font-size: 1.2rem !important;
    font-weight: 500 !important;
    margin-top: 5px !important;
    display: block;
    width: 223px !important;
    margin: 0 auto;
    transition: transform 1s !important;
}

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

.rea__item {
    padding: 20px 16px !important;
    color: #fff !important;
}

.rea__item strong {
    color: #fff !important;
}

form#footer__newsletter {
    display: none !important;
}

.prod__shadow {
    box-shadow: 0px 0px 9px 1px #49280629 !important;
}

a.btn {
    padding: 12px 19px;
    background-color: #492806 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    margin-top: 5px !important;
    display: block;
    width: 235px !important;
    text-align: center;
    transition: transform 1s !important;
}
.bloc5 .wizi-txt__item {
    color: #fff !important;
}

.bloc5 h3 {
    color: #fff !important;
}

.footer__title {
    font-family: "Aladin", system-ui !important;
    color: #492806 !important;
    padding: 20px 0px !important;
 
    font-size: 1.6rem !important;
    font-weight: 400 !important;
}

.footer__link {
    color: #000 !important;
}

.footer__info__text {
    color: #000 !important;
}

.backTop__text {
    color: #000 !important;
}
    .wiziblocks__item .wizi-form .form .form__fieldset {
        margin-bottom: 30px !important;
    }
.footer__bottom {
    border-top: 1px solid #492806;
}

.backTop__icon {
    background-color: #4928063d !important;
    border-radius: 50px !important;
}

.footer {
    background: #fff !important;
    padding: 56px 0px 0 0px !important;
}

.footer__wrapper {
    width: 80% !important;
}
.header__account__a {
    /* background-image: url(https://media.cdnws.com/_i/376206/RAW-92/1281/92/00fichier-60.png) !important; */
    background-size: 35px;
}

.header__account {
    width: 45px !important;
    height: 45px !important;
}

.header__cart__a {
    /* background-image: url(https://media.cdnws.com/_i/376206/RAW-93/3223/93/00fichier-70.png) !important; */
    height: 35px !important;
}

.header__cart {
    width: 45px !important;
    height: 36px !important;
}

.search--wrapper label .hidden {
    color: #492806 !important;
}

.search--wrapper .search--input {
    border: 2px solid #492806 !important;
    background: #fff0 !important;
}

.search--wrapper .close span {
    background: #492806 !important;
}

.search--wrapper .search--fieldset {
    background-color: #4928060f !important;
    border-radius: 20px !important;
}

.search--wrapper .search--input {
    color: #000000 !important;
}

.header__cart {
    margin-left: 28px !important;
}
nav.nav {
    max-width: 100% !important;
    background-color: #ffffff !important;
    border-top: 2px solid #000 !important;
}

.nav__itemlvl1 {
    color: #000 !important;
}

.nav__arrow {
    border-top: 1px solid #ffffff !important;
    border-right: 1px solid #ffffff !important;
    border-color: #000 !important;
}
.nav__wrapper {
    min-width: 100% !important;
    display: block !important;
    text-align: center;
}
.vig .wizi-img__content {
    transition: transform 1s !important;
}
img.footer__logo__a__img, .header__logo img {
    transition: transform 1.4s !important;
}

img.footer__logo__a__img:hover, .header__logo img:hover {
    transform: scale(0.9);
}
.form__field {
    color: #000 !important;
}
.vig .wizi-img__content:hover {
    transform: rotate(6deg);
    filter: brightness(0.8);
}
.nav__maxWidth {
    min-width: 100% !important;
    justify-content: center !important;
}
.powered {
    padding: 11px 40px !important;
    border-top: 5px solid #492806;
}
a.btn1:hover {
    transform: scale(1.2);
    background-color: #ffffff26 !important;
    color: #fff !important;
    box-shadow: 0px 0px 8px 1px #ffffff59 !important;
}

a.btn:hover {
    transform: scale(1.1);
    background-color: #4928064a !important;
    color: #492806 !important;
    box-shadow: 0px 0px 8px 1px #00000024 !important;
}
.bloc2 .wizi-imgtxt__left.wizi-imgtxt__left--medium, .bloc3 .wizi-imgtxt__right.wizi-imgtxt__right--medium, .bloc4 .wizi-imgtxt__left.wizi-imgtxt__left--medium {
     transition: transform 1s !important;
}
.bloc2 .wizi-imgtxt__left.wizi-imgtxt__left--medium:hover, .bloc3 .wizi-imgtxt__right.wizi-imgtxt__right--medium:hover, .bloc4 .wizi-imgtxt__left.wizi-imgtxt__left--medium:hover{
     transform: scale(1.1);
     filter: brightness(1.4);
}
 
/****************** Animation scrolling**********************/

@media (max-width: 2100px) and (min-width: 1200px) {
  
.vig, .bloc1 .wizi-imgtxt__right.wizi-imgtxt__right--medium{
    animation: reveal linear;
    animation-timeline: view();
    animation-range-start: cover 0%;
    animation-range-end: contain 20%;
}
.bloc2 .wizi-imgtxt__wrap, .bloc4 .wizi-imgtxt__wrap {
    
    animation: slide linear;
    animation-timeline: view();
    animation-range-start: cover 0%;
    animation-range-end: contain 20%;
}
 
.bloc5 .wizi-txt__item {
  animation: top linear;
    animation-timeline: view();
    animation-range-start: cover 0%;
    animation-range-end: contain 20%;
}
    .bloc1 .wizi-imgtxt__wrap, .bloc3 .wizi-imgtxt__wrap {
   
    animation: slide2 linear;
    animation-timeline: view();
    animation-range-start: cover 0%;
    animation-range-end: contain 20%;
    }
}
@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 ********************/

/******************** Responsive***************************************/
@media (max-width: 719px) and (min-width: 320px) {
  .header__cart__a {
    height: 55px !important;
}
 .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
     padding: 0px 0px 50px 0px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 40px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 0px !important;
}
      .nav__wrapper {
        text-align: left;
    }
  .footer__wrapper {
    width: 91% !important;
}
  .bloc5 .wiziblocks__item__maxWidth {
   
    padding: 105px 120px !important;
}
   .header {
        padding: 0 0px !important;
    }
  .bloc1 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--medium:before {
    padding-top: 35.715% !important;
}
      .bloc5 .wiziblocks__item__maxWidth {
        padding: 65px 0px !important;
    }
    .rea__item {
        padding: 15px 10px 15px 69px !important;
    }
    .footer__bloc {text-align: center !important;}
  .bloc2 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium:before {
    padding-top: 72%;
}
 .bloc3 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--medium:before {
    padding-top: 72.715%;
}
  .bloc4 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium:before {
    padding-top: 75%;
}
  .bloc1 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
    display: block !important;
}
  .bloc1 .wizi-imgtxt__right, .bloc1 .wizi-imgtxt__left {
    width: 100% !important;
  }
}

@media (max-width: 1023px) and (min-width: 720px) {
  .header__logo__a {
    height: 82px !important;
}
  .footer__menu.footer__bloc.margin.log {
    width: 100% !important;
} 
  .footer__wrapper {
        width: 97% !important;
    }
  .header__cart__a {
        height: 101px !important;
    }
   .header__nav__icon__span {
        background: ##492806 !important;
    }
  .nav__wrapper {
     text-align: left;
}
 .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
     padding: 40px 5px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 40px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 2px 40px !important;
}
  .footer__wrapper {
    width: 91% !important;
}
  .bloc5 .wiziblocks__item__maxWidth {
   
    padding: 105px 120px !important;
}
   .header {
        padding: 0 0px !important;
    }
  .bloc1 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--medium:before {
    padding-top: 35.715% !important;
}
      .bloc5 .wiziblocks__item__maxWidth {
        padding: 45px 40px !important;
    }
  .bloc2 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium:before {
    padding-top: 72%;
}
 .bloc3 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--medium:before {
    padding-top: 72.715%;
}
  .bloc4 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium:before {
    padding-top: 75%;
}
  .bloc1 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
    display: block !important;
}
  .bloc1 .wizi-imgtxt__right, .bloc1 .wizi-imgtxt__left {
    width: 100% !important;
  }
  body.wiziblocks-on .prod .prod__article {
    width: 25% !important;
    padding: 0px 5px !important;
}

.bloc2 .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    display: block !important;
}

.bloc2 .wizi-imgtxt__right, .bloc2 .wizi-imgtxt__left {
    width: 100% !important;
}

.bloc3 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
    display: block !important;
}

.wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {}

.bloc3 .wizi-imgtxt__right, .bloc3 .wizi-imgtxt__left {
    width: 100% !important;
}

.bloc4 .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    display: block !important;
}

.bloc4 .wizi-imgtxt__right, .bloc4 .wizi-imgtxt__left {
    width: 100% !important;
}

.vig {
    padding: 0px 0px !important;
}
}
@media (max-width: 1199px) and (min-width: 1024px) {
 .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
     padding: 0px 50px 50px 50px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 40px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 40px !important;
}
  .footer__wrapper {
    width: 91% !important;
}
  .bloc5 .wiziblocks__item__maxWidth {
   
    padding: 105px 120px !important;
}
   .header {
        padding: 0 0px !important;
    }
  .bloc1 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--medium:before {
    padding-top: 35.715% !important;
}
      .bloc5 .wiziblocks__item__maxWidth {
        padding: 65px 70px !important;
    }
  .bloc2 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium:before {
    padding-top: 72%;
}
 .bloc3 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--medium:before {
    padding-top: 72.715%;
}
  .bloc4 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium:before {
    padding-top: 75%;
}
  .bloc1 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
    display: block !important;
}
  .bloc1 .wizi-imgtxt__right, .bloc1 .wizi-imgtxt__left {
    width: 100% !important;
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
 .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
     padding: 40px 30px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 40px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 40px !important;
}
  .footer__wrapper {
    width: 91% !important;
}
      .header {
        padding: 0 0px !important;
    }
  .bloc5 .wiziblocks__item__maxWidth {
   
    padding: 105px 120px !important;
}
}
@media (max-width: 1600px) and (min-width: 1400px) {
   .header {
        padding: 0 0px !important;
    }
 .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
     padding: 40px 30px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 40px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 40px !important;
}
  .footer__wrapper {
    width: 91% !important;
}
  .bloc5 .wiziblocks__item__maxWidth {
   
    padding: 105px 120px !important;
}
}
/******************** End Responsive***************************************/