@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mr+De+Haviland&display=swap');

div#e16fdd4e-e082-4bc2-b025-81b2d77967ef .eapp-slider-slide-component {
    padding: 87px 10px !important;
}
.eapp-slider-title-component.jsx-280767874, .eapp-slider-title-component.jsx-993264256 {
    font-family: "Montserrat", sans-serif !important;
    color: #000 !important;
    font-size: 3.5em !important;
    font-weight: 700 !important;
}

.jsx-2490495547.eapp-slider-text-component > div {
    font-family: "Mr De Haviland", cursive !important;
    font-size: 3.7em !important;
}
h1 {
    font-family: "Open Sans", sans-serif !important;
    font-size: 2.4em !important;
    font-weight: 700 !important;
    padding: 30px 0px !important;
    color: #4d4040 !important;
}

h2 {
    font-family: "Open Sans", sans-serif !important;
    font-size: 2.1em !important;
    font-weight: 700 !important;
    padding: 30px 0px !important;
    color: #4d4040 !important;
}

h3 {
    font-family: "Open Sans", sans-serif !important;
    font-size: 1.8em !important;
    font-weight: 700 !important;
    padding: 15px 0px !important;
    color: #4d4040 !important;
}

.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-image: url(https://media.cdnws.com/_i/410354/RAW-935/2703/39/00fichier-10.png) !important;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 13%;
    padding: 10px 160px !important;
}

.prd .wiziblocks__item__maxWidth {
    background-color: #f1f1f1 !important;
    padding: 10px 60px 50px 60px !important;
}

.prod__shadow {
    box-shadow: 0px 0px 6px 1px #8e0c2514 !important;
    border-radius: 10px !important;
    margin: 5px 6px !important;
    background-color: #fff !important;
}
.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    background: linear-gradient(90deg,rgba(255, 230, 230, 1) 12%, rgba(255, 240, 240, 1) 41%, rgba(247, 242, 242, 1) 61%, rgba(255, 223, 219, 1) 92%);
    padding: 30px 80px !important;
}

.bloc3 {
    padding: 0px 140px 80px !important;
}

.bloc3 .wizi-wrapper {
    text-align: center !important;
    padding: 5px 0px !important;
}

.bloc3 h2 {
    text-align: center !important;
}
.bloc3 a {
    text-decoration: none !important;
    display: block;
    padding: 10px 20px !important;
    background-color: #4d40400f !important;
    color: #4d4040 !important;
    width: 270px !important;
    margin: 10px auto !important;
    transition: transform 1s !important;
}
.bloc3 a:hover {
    transform: scale(1.1);
    background-color: #fff1f1 !important;
}
.bloc3 .wizi-content:nth-child(1)>.wizi-text {
    background-color: #ffffff !important;
    margin: -50px 30px 0px 30px !important;
    padding: 40px 20px !important;
    z-index: 99 !important;
    position: relative;
    min-height: 270px !important;
    box-shadow: 0px 0px 7px 2px #0000000f !important;
    background: linear-gradient(297deg, #ffffff, #ffdeda, #ffffff, #fededa);
    background-size: 350% 470%;
    -webkit-animation: rainbow 5s ease infinite;
    -z-animation: rainbow 5s ease infinite;
    -o-animation: rainbow 5s ease infinite;
    animation: rainbow 4s ease infinite;
}
@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position: 100% 29%;}
    100%{background-position:0% 82%}
}
.bloc3 .wizi-content:nth-child(2)>.wizi-text {
    background-color: #ffffff !important;
    margin: -50px 30px 0px 30px !important;
    padding: 40px 20px !important;
    z-index: 99 !important;
    position: relative;
    min-height: 270px !important;
    box-shadow: 0px 0px 7px 2px #0000000f !important;
    background: linear-gradient(297deg, #ffffff, #ffdeda, #ffffff, #fededa);
    background-size: 350% 470%;
    -webkit-animation: rainbow 5s ease infinite;
    -z-animation: rainbow 5s ease infinite;
    -o-animation: rainbow 5s ease infinite;
    animation: rainbow 4s ease infinite;
}

.bloc4 .wiziblocks__item__maxWidth {
    background: linear-gradient(90deg, rgba(255, 230, 230, 1) 12%, rgba(255, 240, 240, 1) 41%, rgba(247, 242, 242, 1) 61%, rgba(255, 223, 219, 1) 92%);
    padding: 40px 260px !important;
    text-align: center;
}
 .footer__rs__a.facebook {
    filter: brightness(0.5) !important;
}
.vign {
    background: linear-gradient(90deg, rgba(255, 230, 230, 1) 12%, rgba(255, 240, 240, 1) 41%, rgba(247, 242, 242, 1) 61%, rgba(255, 223, 219, 1) 92%);
    /* padding: 40px 91px !important; */
}

.vign .wizi-img__content>div {
    background-color: #ffffff !important;
    padding: 20px 20px !important;
    text-align: center !important;
    margin: -30px 15px 10px 15px !important;
    z-index: 99 !important;
    position: relative;
    box-shadow: 0px 0px 4px 2px #00000012 !important;
}

.vign .wizi-img--quadruple-title.wizi-img--small .wizi-img__content__wrapper {
    background-color: transparent !important;
    text-align: inherit !important;
    padding: 164px 20px !important;
    margin: 0px 0px 0px 0px !important;
    z-index: 99 !important;
    position: relative;
}
.bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-image: url(https://media.cdnws.com/_i/410354/RAW-935/2703/39/00fichier-10.png) !important;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 13%;
    padding: 50px 100px 30px 100px !important;
}

.prd .prod__price__cur {
    background-color: #ffe6e6 !important;
    padding: 4px 20px !important;
}
div#e16fdd4e-e082-4bc2-b025-81b2d77967ef {
    animation: fadeInUp; 
    animation-duration: 1s;
}
.bloc1 a, .bloc5 a {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #1A1A1A;
      width: 240px;
      height:50px;
        margin: 0rem;
      padding: 20px 20px !important;
      background-color: #fff1f1;
      text-decoration: none !important;
      color: #4d4040 !important;
    }
    
    .bloc1 a::before, .bloc5 a::before {
      content: "";
      position: absolute;
      top:0;
      left:0;
      width: 0px;
      height: 0px;
      border: 2px solid #eed4d4;
      border-left:none;
      border-bottom: none;
      opacity:0;
      /** 2ème séquence retour - MouseLeave **/
      transition: opacity 0s ease-out 0.4s, height 0.1s ease-out 0.2s, width 0.1s ease-out 0.3s;
    }
    
    .bloc1 a:hover::before, .bloc5 a:hover::before {
      width:calc(100% - 2px);
      height:calc(100% - 2px);
      opacity:1;
      /** 1ere séquence aller - MouseEnter **/
      transition: opacity 0s ease-out, width 0.1s ease-out, height 0.1s ease-out 0.1s;
    }
    
    .bloc1 a::after, .bloc5 a::after {
      content: "";
      position: absolute;
      bottom:0;
      right:0;
      width: 0px;
      height: 0px;
      border: 2px solid #eed4d4;
      border-right:none;
      border-top: none;
      opacity:0;
      /** 1ère séquence retour - MouseLeave **/
      transition: opacity 0s ease-out 0.2s, height 0.1s ease-out, width 0.1s ease-out 0.1s;
    }
    
    .bloc1 a:hover::after, .bloc5 a:hover::after {
      width:calc(100% - 2px);
      height:calc(100% - 2px);
      opacity:1;
      /** 2eme séquence aller - MouseEnter **/
      transition: opacity 0s ease-out 0.2s, width 0.1s ease-out 0.2s, height 0.1s ease-out 0.3s;
    }
.av {
    display: flex;
    padding: 40px 160px !important;
}

.fb {
    display: flex;
    padding: 20px 20px !important;
}

.avis {
    display: flex;
    padding: 20px 20px !important;
}
.rea {
    background-color: #4d4040 !important;
}

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

.rea__item {
    color: #fff !important;
}

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

.footer__title {
    color: #000 !important;
}

.footer__link {
    color: #000 !important;
}

.footer__info__text {
    color: #000 !important;
}

.footer__desc {
    color: #000 !important;
}

.backTop__text {
    color: #000 !important;
}

.backTop__icon {
    background-color: #000000c4 !important;
    border-radius: 50% !important;
}

.footer {
    background: #fff !important;
}

.powered {
    padding: 10px 40px !important;
    background: #4d4040;
}

.vign .wizi-wrapper.wizi-wrapper--img {
    padding: 40px 70px !important;
}
.vign a:hover {
    transform: scale(1.1);
    background-color: #fff1f1 !important;
}
.vign a {
    text-decoration: none !important;
    display: block;
    padding: 10px 20px !important;
    background-color: #4d40400f !important;
    color: #4d4040 !important;
    width: 270px !important;
    margin: 10px auto !important;
    transition: transform 1s !important;
}

div#e16fdd4e-e082-4bc2-b025-81b2d77967ef {
    margin: 0 0 0px !important;
}
.margin-top-wiziblocks #c1-body .body__wrapper--withoutPadding .wiziblocks__item.margin-top-small {
    margin-top: 0px !important;
}
.search--fieldset {
    border-radius: 50px !important;
    box-shadow: 0px 0px 3px 3px #d2383112;
}
.header__logo img:hover {
    transform: scale(0.95);
    filter: drop-shadow(2px 4px 6px #00000070);
}
.header__logo img {
     transition: transform 1.4s !important; 
  animation: fadeInDown;
    animation-duration: 2s;
}
    .wiziblocks__item .wizi-form .form .form__fieldset {
        margin-bottom: 15px !important;
    }
/******************** responsive**************************/
@media (max-width: 719px) and (min-width: 320px) {
 .eapp-slider-title-component.jsx-1847324741 {
    font-family: "Montserrat", sans-serif !important;
    color: #000 !important;
    font-size: 1.5em !important;
    font-weight: 700 !important;
  }
    .bloc3 a {
    width: 240px !important;
}
      .footer__desktop {
         color: #000 !important;
    }
  .footer__rs {
    display: block !important;
    text-align: center !important;
  }
  .eapp-slider-text-component.jsx-3109173561 {
font-family: "Mr De Haviland", cursive !important;
    font-size: 3.6em !important;
}
  div#e16fdd4e-e082-4bc2-b025-81b2d77967ef .eapp-slider-slide-component {
    padding: 0px 0px !important;
}
  .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 0px !important;
}
  .prd .wiziblocks__item__maxWidth {
     padding: 10px 5px 50px 5px !important;
}
.av {
  display: block;
    padding: 40px 20px !important;
}
 
  .avis, .fb {
    display: block;
    padding: 10px 10px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
     padding: 20px 10px !important;
}
  .bloc3 {
    padding: 0px 10px 40px !important;
}
  .bloc3 .wizi-wrapper {
     padding: 15px 0px !important;
}
  .bloc3 .wizi-content:nth-child(1)>.wizi-text, .bloc3 .wizi-content:nth-child(2)>.wizi-text {
    margin: -50px 10px 14px 10px !important;
    padding: 30px 15px !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
     padding: 30px 0px !important;
 }
  .vign .wizi-wrapper.wizi-wrapper--img {
    padding: 30px 11px !important;
}
  .vign a {
    padding: 10px 10px !important;
    width: 231px !important;
}
  .vign .wizi-img__content > div {
    padding: 10px 9px !important;
    margin: -30px 10px 10px 10px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 10px 30px 10px !important;
}
  .rea__item {
    padding: 20px 20px 20px 70px !important;
}
  .footer__bloc {
    text-align: center !important;
}
}
@media (max-width: 1023px) and (min-width: 720px) {
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
     padding: 10px 30px !important;
}
  .bloc1 .wizi-imgtxt {
    display: block !important;
  }
  .bloc1 .wizi-imgtxt__left, .bloc1 .wizi-imgtxt__right {
        width: 100% !important;
    }
  .prd .wiziblocks__item__maxWidth {
    padding: 10px 10px 50px 10px !important;
}
  .av {
    display: block;
    padding: 40px 30px !important;
}
  .bloc2 .wizi-imgtxt {
    padding: 30px 40px !important;
       display: block !important;
  }
  .bloc2 .wizi-imgtxt__left, .bloc2 .wizi-imgtxt__right {
    width: 100% !important;
  }
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
     padding: 30px 20px !important;
}
  .bloc3 {
    padding: 0px 10px 80px !important;
}
  .bloc3 .wizi-content:nth-child(1)>.wizi-text, .bloc3 .wizi-content:nth-child(2)>.wizi-text {
    margin: -50px 10px 0px 10px !important;
    padding: 40px 10px !important;
    min-height: 330px !important;
}
  .bloc3 h3 {
    font-size: 1.5em !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 30px 50px !important;
}
  .vign .wizi-wrapper.wizi-wrapper--img {
    padding: 40px 8px !important;
    justify-content: center !important;
}
  .vign .wizi-img__content > div {
     padding: 11px 6px !important;
     margin: -70px 15px 10px 15px !important;
 }
  .vign .wizi-img--quadruple .wizi-img__content {
        width: 48% !important;
        margin: 10px 4px !important;
    }
  .vign .wizi-img--simple {
        display: contents !important;
  }
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
     padding: 50px 50px 30px 40px !important;
}
  .bloc5 .wizi-imgtxt {
      display: block !important;
  }
  .bloc5 .wizi-imgtxt__left, .bloc5 .wizi-imgtxt__right {
        width: 100% !important;
    }
 
  div#e16fdd4e-e082-4bc2-b025-81b2d77967ef .eapp-slider-slide-component {
    padding: 0px 10px !important;
}
  .eapp-slider-title-component.jsx-280767874, .eapp-slider-title-component.jsx-993264256 {
    font-size: 1.5em !important;
  }
  .jsx-2490495547.eapp-slider-text-component > div {
     font-size: 1.6em !important;
}
  .eapp-slider-slide-elements {
        padding: 0 3px !important;
  }
  .header__logo__a {
    height: 79px !important;
}
      .search--wrapper .search--fieldset {
        width: 210px !important;
        left: -16px !important;
    }
 
}
@media (max-width: 1199px) and (min-width: 1024px) {
  div#e16fdd4e-e082-4bc2-b025-81b2d77967ef .eapp-slider-slide-component {
    padding: 0px 10px !important;
}
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
      padding: 10px 0px !important;
}
  h1 {
    font-size: 1.9em !important;
}
  .bloc1 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 82.946%  !important;
}
  .prd .wiziblocks__item__maxWidth {
     padding: 10px 20px 50px 20px !important;
}
  .av {
    padding: 40px 10px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
     padding: 30px 0px !important;
}
  .bloc3 {
    padding: 0px 30px 80px !important;
}
  .bloc3 .wizi-content:nth-child(2)>.wizi-text {
     margin: -50px 20px 0px 20px !important;
    min-height: 325px !important;
}
  .bloc3 .wizi-content:nth-child(1)>.wizi-text {
     margin: -50px 20px 0px 20px !important;
       min-height: 325px !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
     padding: 30px 100px !important;
 }
  .vign .wizi-wrapper.wizi-wrapper--img {
    padding: 30px 5px !important;
}
  .vign .wizi-img__content > div {
     padding: 10px 10px !important;
     margin: -35px 6px 10px 6px !important;
 }
  .vign a {
     padding: 10px 6px !important;
     width: 211px !important;
  }
    h3 {
    font-size: 1.6em !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
     padding: 50px 20px 30px 20px !important;
}
  .bloc5 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 90.946%  !important;
}
}
@media (max-width: 1399px) and (min-width: 1200px) {
div#e16fdd4e-e082-4bc2-b025-81b2d77967ef .eapp-slider-slide-component {
    padding: 20px 10px !important;
}
  .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
     padding: 10px 20px !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 10px 30px 50px 30px !important;
}
  .av {
    padding: 40px 10px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 10px !important;
}
  .bloc3 {
    padding: 0px 20px 70px !important;
}
  .vign .wizi-wrapper.wizi-wrapper--img {
    padding: 40px 15px !important;
}
  h3 {
    font-size: 1.6em !important;
}
  .vign a {
    padding: 10px 10px !important;
    width: 220px !important;
}
  .vign .wizi-img__content > div {
    padding: 10px 10px !important;
    margin: -30px 10px 10px 10px !important;
    min-height: 283px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 20px 30px 20px !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
     padding: 20px 180px !important;
 }
}
@media (max-width: 1599px) and (min-width: 1400px) {
div#e16fdd4e-e082-4bc2-b025-81b2d77967ef .eapp-slider-slide-component {
    padding: 20px 10px !important;
}
  .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 40px !important;
}
.av {
    padding: 40px 40px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 40px !important;
}
  .bloc3 {
    padding: 0px 50px 80px !important;
}
  .vign .wizi-wrapper.wizi-wrapper--img {
    padding: 40px 20px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 50px 30px 50px !important;
}
}
@media (max-width: 1800px) and (min-width: 1600px) {
div#e16fdd4e-e082-4bc2-b025-81b2d77967ef .eapp-slider-slide-component {
    padding: 57px 10px !important;
}
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 80px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 60px !important;
}
  .vign .wizi-wrapper.wizi-wrapper--img {
    padding: 40px 20px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 70px 30px 70px !important;
}
}

@media (min-width: 1024px) {
    nav.nav {
        width: 100% !important;
        min-width: 100% !important;
    }
      .header {
        padding: 0 0px !important;
    }
 .nav__wrapper{
  background-color: #4d4040 !important;
  padding: 0px 0 !important;
  min-width: 100% !important;
}
  .nav__itemlvl1 {
    color: #fff !important;
}

.nav__arrow {
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-color: #fff !important;
}  
}
/************************** end responsive**************************/

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

@media (max-width: 2100px) and (min-width: 1200px) {
.bloc2 .wizi-imgtxt__wrap{
       animation: slide linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
}
.bloc1 .wizi-imgtxt__right.wizi-imgtxt__right--small, .bloc5 .wizi-imgtxt__right.wizi-imgtxt__right--small, .bloc2 .wizi-imgtxt__right.wizi-imgtxt__right--small{
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }
.prd h2, .vign .wizi-img__content{
        animation: reveal linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
              
    }
.bloc1 .wizi-imgtxt__wrap, .bloc3 .wizi-wrapper, .bloc3 .wizi-img.wizi-img--simple.wizi-img--two-title-text.wizi-img--small, .bloc4 .wizi-txt__item, .bloc5 .wizi-imgtxt__wrap{
        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**********/