@import url('https://fonts.googleapis.com/css2?family=Niconne&family=Onest:wght@100..900&display=swap');
h1 {
    font-family: "Niconne", cursive !important;
    font-weight: 300 !important;
    padding: 30px 0px 30px 0px !important;
    color: #483227 !important;
    font-size: 2.7em !important;
    text-align: center !important;
}
.bloc1 h1 {
    font-family: "Niconne", cursive !important;
    font-weight: 300 !important;
    padding: 30px 0px 30px 0px !important;
    color: #483227 !important;
    font-size: 2.7em !important;
    text-align: left  !important;
}
h2 {
    font-family: "Niconne", cursive !important;
    font-weight: 300 !important;
    padding: 30px 0px 30px 0px !important;
    color: #483227 !important;
    font-size: 2.4em !important;
}
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 110px !important;
    background-image: url(https://media.cdnws.com/_i/415098/RAW-89/9/89/00fichier-100.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: auto;
}

.prd h2 {
    color: #fff !important;
}

.prd {
    background-color: #483227 !important;
    background-image: url(https://media.cdnws.com/_i/415098/RAW-90/2202/90/00fichier-300.png), url(https://media.cdnws.com/_i/415098/RAW-90/2202/90/00fichier-300.png);
    background-repeat: no-repeat;
    background-position: top, bottom;
}

.prd .wiziblocks__item__maxWidth {
    padding: 70px 50px !important;
    background-color: transparent;
}

.bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 130px !important;
    background-image: url(https://media.cdnws.com/_i/415098/RAW-114/806/15/produits-regionaux-fond-bois.jpeg);
    margin-top: -10px;
}

.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 110px !important;
    background-image: url(https://media.cdnws.com/_i/415098/RAW-91/3256/91/00fichier-400.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}

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

.bloc6 .wiziblocks__item__maxWidth {
    background-color: transparent !important;
    padding: 100px 230px 100px 200px !important;
}

.bloc6 {
    background-image: url(https://media.cdnws.com/_i/415098/RAW-93/456/93/00fichier-1300.png);
    background-position: center top;
    background-size: auto;
    background-color: #483227 !important;
    background-repeat: no-repeat;
    color: #fff !important;
}
.prd span.prod__name__title {
    color: #fff !important;
}


.bloc6 h2 {
    color: #fff !important;
}
h1::after {
    content: "";
    width: 100%;
    height: 30px;
    background-image: url(https://media.cdnws.com/_i/415098/RAW-88/3296/88/00fichier-200.png) !important;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.bloc1 h1::after {
    content: "";
    width: 187px;
    height: 30px;
    background-image: url(https://media.cdnws.com/_i/415098/RAW-88/3296/88/00fichier-200.png) !important;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-position: left bottom;
}
.prd h2::after {
    content: "";
    width: 100%;
    height: 20px;
    background-image: url(https://media.cdnws.com/_i/415098/RAW-92/1850/92/00fichier-1200.png) !important;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.bloc6 h2::after {
    content: "";
    width: 100%;
    height: 20px;
    background-image: url(https://media.cdnws.com/_i/415098/RAW-92/1850/92/00fichier-1200.png) !important;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-position: left bottom;
}
h2::after {
    content: "";
    width: 187px;
    height: 20px;
    background-image: url(https://media.cdnws.com/_i/415098/RAW-88/3296/88/00fichier-200.png) !important;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-position: left bottom;
}
h3::after {
    content: "";
    width: 187px;
    height: 20px;
    background-image: url(https://media.cdnws.com/_i/415098/RAW-92/1850/92/00fichier-1200.png) !important;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-position: left bottom;
}
.bloc3 .wizi-txt__item{
   transition: transform 0.9s !important;
 } 
.bloc3 .wizi-txt__item:hover {
    transform: scale(0.95);
}
.bloc4 .wizi-txt__item{
   transition: transform 0.9s !important;
 } 
.bloc4 .wizi-txt__item:hover {
    transform: scale(0.95);
}
.bloc3 .wizi-txt__item:nth-child(1) {
    background-image: url(https://media.cdnws.com/_i/415098/RAW-109/2882/10/00fichier-2501.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 80px !important;
    background-size: auto;
}
.bloc3 .wizi-txt__item:nth-child(2) {
    background-image: url(https://media.cdnws.com/_i/415098/RAW-104/3433/5/00fichier-2602.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 80px !important;
    background-size: auto;
}
.bloc3 .wizi-txt__item:nth-child(3) {
    background-image: url(https://media.cdnws.com/_i/415098/RAW-110/3351/11/00fichier-2703.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 80px !important;
    background-size: auto;
}
.bloc3 .wizi-txt__item:nth-child(4) {
    background-image: url(https://media.cdnws.com/_i/415098/RAW-105/83/6/00fichier-2804.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 80px !important;
    background-size: auto;
}
.bloc4 .wizi-txt__item:nth-child(1) {
    background-image: url(https://media.cdnws.com/_i/415098/RAW-106/2664/7/00fichier-2905.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 170px !important;
    background-size: auto;
}
.bloc4 .wizi-txt__item:nth-child(2) {
    background-image: url(https://media.cdnws.com/_i/415098/RAW-107/487/8/00fichier-3005.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 80px !important;
    background-size: auto;
}
.bloc4 .wizi-txt__item:nth-child(3) {
    background-image: url(https://media.cdnws.com/_i/415098/RAW-108/2899/9/00fichier-3207.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 80px !important;
    background-size: auto;
}
.bloc3 .wizi-txt__item a {
    font-family: "Niconne", cursive !important;
    font-weight: 300 !important;
    padding: 57px 0px !important;
    color: #ffffff !important;
    font-size: 2.4em !important;
    text-decoration: none !important;
    text-align: center;
    display: block;
    transition: transform 0.8s !important;
}
.bloc3 .wizi-txt__item a:hover {
    transform: scale(1.15);
}
.bloc4 {
    background-image: url(https://media.cdnws.com/_i/415098/RAW-90/2202/90/00fichier-300.png);
    background-repeat: no-repeat;
    background-position: bottom;
    z-index: 9;
}

.bloc4 .wiziblocks__item__maxWidth {
    background-color: transparent;
    padding-bottom: 60px !important;
}
.bloc4 .wizi-txt__item a {
    font-family: "Niconne", cursive !important;
    font-weight: 300 !important;
    padding: 57px 0px !important;
    color: #ffffff !important;
    font-size: 2.4em !important;
    text-decoration: none !important;
    text-align: center;
    display: block;
    transition: transform 0.8s !important;
}
.bloc4 .wizi-txt__item a:hover {
    transform: scale(1.15);
}
img.footer__logo__a__img:hover, .header__logo img:hover {
    transform: scale(1.1);filter: drop-shadow(2px 4px 6px #00000050);
}
img.footer__logo__a__img, .header__logo img {
     transition: transform 1.4s !important; 
}
.header__logo img {
    transition: transform 1.4s !important;
    animation:  fadeInDown;
    animation-duration: 2s;
}
nav.nav {
  animation:  fadeInDown;
    animation-duration: 2s;
}

.wrapper4{
  position: relative;
  text-align: center;
  transform: translate(0%, 3%);
}
 
.wrapper4 a{
  display: block;
  width: 255px;
  padding: 2px 4px;
  line-height: 40px;
  font-size: 16px !important;
  text-decoration: none !important;
  color: #ffffff !important;
  border-top: 1px solid #ffffffa1;
  border-bottom: 1px solid #ffffffa1;
  text-align: center;
  position: relative;
  transition: all .35s;
  background-color: #483227 !important;
  border-radius: 50px;
}
.wrapper4 a:hover:after{
  width: 100%;
}
.wrapper4 a span{
  position: relative;
  z-index: 999;
}
.wrapper4 a:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #c9b8a48f;
  transition: all .35s;
  border-top: 1px solid #ffffff00;
  border-bottom: 1px solid #ffffff00;
  border-radius: 50px;
  /* color: #fff !important; */
}

.wrapper4 a:hover{
  color: #ffffff !important;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #00000000;
  border-radius: 50px;
  /* color: #fff !important; */
}


.wrapper3{
  position: relative;
  text-align: center;
  transform: translate(0%, 3%);
}
 
.wrapper3 a{
  display: block;
  width: 255px;
  padding: 2px 4px;
  line-height: 40px;
  font-size: 16px !important;
  text-decoration: none !important;
  color: #ffffff !important;
  border-top: 1px solid #ffffffa1;
  border-bottom: 1px solid #ffffffa1;
  text-align: center;
  position: relative;
  transition: all .35s;
  background-color: #483227 !important;
  border-radius: 50px;
}
.wrapper3 a:hover:after{
  width: 100%;
}
.wrapper3 a span{
  position: relative;
  z-index: 999;
}
.wrapper3 a:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #c9b8a48f;
  transition: all .35s;
  border-top: 1px solid #ffffff00;
  border-bottom: 1px solid #ffffff00;
  border-radius: 50px;
  /* color: #fff !important; */
}

.wrapper3 a:hover{
  color: #ffffff !important;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #00000000;
  border-radius: 50px;
  /* color: #fff !important; */
}



.wrapper2{
  position: relative;
  text-align: center;
  transform: translate(0%, 3%);
}
 
.wrapper2 a{
  display: block;
  width: 255px;
  padding: 2px 4px;
  line-height: 40px;
  font-size: 16px !important;
  text-decoration: none !important;
  color: #ffffff !important;
  border-top: 1px solid #ffffffa1;
  border-bottom: 1px solid #ffffffa1;
  text-align: center;
  position: relative;
  transition: all .35s;
  background-color: #483227 !important;
  border-radius: 50px;
}
.wrapper2 a:hover:after{
  width: 100%;
}
.wrapper2 a span{
  position: relative;
  z-index: 999;
}
.wrapper2 a:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #c9b8a48f;
  transition: all .35s;
  border-top: 1px solid #ffffff00;
  border-bottom: 1px solid #ffffff00;
  border-radius: 50px;
  /* color: #fff !important; */
}

.wrapper2 a:hover{
  color: #ffffff !important;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #00000000;
  border-radius: 50px;
  /* color: #fff !important; */
}



.wrapper1{
  position: relative;
  text-align: center;
  transform: translate(0%, 3%);
}
 
.wrapper1 a{
  display: block;
  width: 255px;
  padding: 2px 4px;
  line-height: 40px;
  font-size: 16px !important;
  text-decoration: none !important;
  color: #483227 !important;
  border-top: 1px solid #ffffffa1;
  border-bottom: 1px solid #ffffffa1;
  text-align: center;
  position: relative;
  transition: all .35s;
  background-color: #ffffff !important;
  border-radius: 50px;
}
.wrapper1 a:hover:after{
  width: 100%;
}
.wrapper1 a span{
  position: relative;
  z-index: 999;
}
.wrapper1 a:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #c9b8a48f;
  transition: all .35s;
  border-top: 1px solid #ffffff00;
  border-bottom: 1px solid #ffffff00;
  border-radius: 50px;
  /* color: #fff !important; */
}

.wrapper1 a:hover{
  color: #483227 !important;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #00000000;
  border-radius: 50px;
  /* color: #fff !important; */
}
.body__wrapper--withoutPadding {
    margin-top: 0px !important;
}
.powered {
    height: 35px;
    line-height: 35px;
    background: #483227;
}

.footer__link {
    color: #000 !important;
}

.footer__title {
    color: #000 !important;
}

.footer {
    background-color: #fff !important;
}
.prd .prod__shadow {
    box-shadow: 0px 0px 5px 1px #1616165e !important;
    border-radius: 8px !important;
}

.prd p.prod__price__cur {
    padding: 3px 15px !important;
    background-color: #d5c8ba !important;
    border-radius: 5px !important;
}
.search--wrapper label .hidden {
    color: #483227 !important;
}

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

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

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

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

.bloc4 a.wiziBtn {
    font-family: "Niconne", cursive !important;
    background-color: transparent !important;
    font-size: 2.9em !important;
    font-weight: 300 !important;
    text-align: center !important;
}

#c1-body .wiziBtn {
    background-color: transparent !important;
}
.nav__arrow {
    border-right: 1px solid #ffffff !important;
    border-top: 1px solid #ffffff !important;
    border-color: #fff !important;
}
/************************** Responsive *********************/
@media (max-width: 719px) and (min-width: 320px) {
  .prd .wiziblocks__item__maxWidth {
    padding: 70px 10px !important;
    background-color: transparent;
}
.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 0px !important;
}
  .bloc3 .wizi-txt__item:nth-child(1), .bloc3 .wizi-txt__item:nth-child(2), .bloc3 .wizi-txt__item:nth-child(3), .bloc3 .wizi-txt__item:nth-child(4), .bloc4 .wizi-txt__item:nth-child(1), .bloc4 .wizi-txt__item:nth-child(2), .bloc4 .wizi-txt__item:nth-child(3) {
    background-size: contain;
    padding: 100px 40px !important;

}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 0px !important;
}
  .bloc6 .wiziblocks__item__maxWidth {
    padding: 30px 20px 30px 20px !important;
}
  .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 0px !important;
}
}
@media (max-width: 1023px) and (min-width: 720px) {
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 20px !important;
}
  .header__logo__a {
    height: 85px !important;
}
  .bloc1 .wizi-imgtxt {
    display: block !important;
}
      .bloc1 .wizi-imgtxt__left, .bloc1 .wizi-imgtxt__right {
        width: 100% !important;
    }
  .prd .wiziblocks__item__maxWidth {
    padding: 70px 10px !important;
}
      body.wiziblocks-on .prod .prod__article {
        padding: 0 5px !important;
        width: 25% !important;
    }
      .body__wrapper {
        padding: 0 0px !important;
    }
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 20px !important;
}
  .bloc2 .wizi-imgtxt {
    display: block !important;
  }
  .bloc2 .wizi-imgtxt__left, .bloc2 .wizi-imgtxt__right {
        width: 100% !important;
    }
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 30px !important;
}
  .bloc5 .wizi-imgtxt {
    display: block !important;
  }
  .bloc5 .wizi-imgtxt__left, .bloc5 .wizi-imgtxt__right{
     width: 100% !important;
  }
  .bloc6 .wiziblocks__item__maxWidth {
    padding: 60px 50px 60px 50px !important;
}
}
@media (max-width: 1199px) and (min-width: 1024px) {
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 0px !important;
}
  .bloc1 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 20px 0px 20px 30px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 0px !important;
}
   .bloc3 .wizi-txt__item:nth-child(1), .bloc3 .wizi-txt__item:nth-child(2), .bloc3 .wizi-txt__item:nth-child(3), .bloc3 .wizi-txt__item:nth-child(4), .bloc4 .wizi-txt__item:nth-child(1), .bloc4 .wizi-txt__item:nth-child(2),.bloc4 .wizi-txt__item:nth-child(3) {
    background-size: contain;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 10px !important;
}
  .bloc5 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 20px 20px 20px 20px !important;
}
  .bloc6 .wiziblocks__item__maxWidth {
     padding: 70px 50px 70px 50px !important;
}
  .bloc2 .wizi-imgtxt__right {
    padding: 20px 20px 20px 0px !important;
}
  .header {
        padding: 0 0px !important;
    }
}
@media (max-width: 1399px) and (min-width: 1200px) {
.header {
        padding: 0 0px !important;
    }
  .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 20px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 0px !important;
}
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 0px 20px !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 0px 20px 60px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px !important;
}
  .bloc6 .wiziblocks__item__maxWidth {
    padding: 60px 90px 60px 120px !important;
}
  .bloc3 .wizi-txt__item:nth-child(1), .bloc3 .wizi-txt__item:nth-child(2), .bloc3 .wizi-txt__item:nth-child(3), .bloc3 .wizi-txt__item:nth-child(4), .bloc4 .wizi-txt__item:nth-child(1), .bloc4 .wizi-txt__item:nth-child(2),.bloc4 .wizi-txt__item:nth-child(3) {
    background-size: contain;
}
  .bloc5 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 20px 10px 20px 20px !important;
}
  .bloc2 .wizi-imgtxt__right {
    padding: 20px 20px 20px 0px !important;
}
}
@media (max-width: 1599px) and (min-width: 1400px) {
.header {
        padding: 0 0px !important;
    }
  .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 20px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 0px !important;
}
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 0px 20px !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 0px 20px 60px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px !important;
}
  .bloc6 .wiziblocks__item__maxWidth {
    padding: 60px 90px 60px 120px !important;
}
}
@media (max-width: 2000px) and (min-width: 1600px) {
.bloc3 .wiziblocks__item__maxWidth {
    padding: 0px 40px !important;
}

.bloc4 .wiziblocks__item__maxWidth {
  padding: 0px 40px 60px !important;
}
}
@media (max-width: 2000px) and (min-width: 1024px) {
nav.nav {
    background-color: #483227 !important;
    min-width: 100% !important;
}
  .nav__itemlvl1 {
    color: #fff !important;
}
  .wizi-wrapper--formBackground .wizi-form {
    max-width: 570px !important;
     background-color: #ffffff5c !important;
    padding: 20px !important;
 }
  .header__relative {
    background: transparent !important;
}
}
/***********************************************************/
/***************************** Animation scrolling*************/
@media (max-width: 2100px) and (min-width: 1200px) {
  .bloc1 .wizi-imgtxt--reverse .wizi-imgtxt__right, .prd h2 , .bloc4 .wizi-txt__item:nth-child(2){
        animation: reveal linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 35%;
    }
    
.bloc2 .wizi-imgtxt__left, .bloc3 .wizi-txt__item:nth-child(1), .bloc3 .wizi-txt__item:nth-child(2), .bloc4 .wizi-txt__item:nth-child(1), .bloc5 .wizi-imgtxt__right{
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 15%;
    }
.bloc2 .wizi-imgtxt__right, .bloc3 .wizi-txt__item:nth-child(3), .bloc3 .wizi-txt__item:nth-child(4), .bloc4 .wizi-txt__item:nth-child(3), .bloc5 .wizi-imgtxt__left{
        animation: slide linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 35%;
    }
  .bloc6 .wizi-txt.wizi-txt--one{
  animation: top linear;
    animation-timeline: view();
    animation-range-start: cover 0%;
    animation-range-end: contain 25%;
}
}
@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**********/