@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');
.page-homepage .body__wrapper__maxWidth {
    background-image: url(https://media.cdnws.com/_i/375777/RAW-673/3760/74/fond.png);
    /* background-repeat: no-repeat !important; */
    background-position-y: 105%;
    background-size: contain;
}
.body__wrapper__maxWidth {
    /* background-repeat: no-repeat !important; */
    /* background-position: center !important; */
}


h1 {
    font-family: "Amatic SC", sans-serif !important;
    text-align: center;
    color: #7d2c88 !important;
    font-size: 3.2rem !important;
}
h2 {
    font-family: "Amatic SC", sans-serif !important;
    font-size: 2.4rem !important;
    padding: 30px 0px !important;
    color: #4cc1af !important;
}
h3 {
    font-family: "Amatic SC", sans-serif !important;
 
    font-size: 2.5rem !important;
    padding: 30px 0px !important;
}

.bloc3 h3 {
    text-align: left;
    color: #fff !important;
}

.bloc4 h3 {
    text-align: left;
    color: #ed316a !important;
}

.bloc3 {
    background-color: #0f4565 !important;
}

.bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-image: url(https://media.cdnws.com/_i/375777/RAW-672/648/73/para.png) !important;
    background-attachment: fixed !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 60px 130px !important;
}
.bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {

background-image: url(https://media.cdnws.com/_i/375777/RAW-672/648/73/para.png) !important;
    background-attachment: fixed !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 60px 130px !important;
}

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

.bloc5 {
    background-color: #0f4565 !important;
}

.bloc5 h3 {
    text-align: left;
    color: #fff !important;
}

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

.bloc6 h3 {
    color: #ed316a !important;
}
.bloc2 {
    background-color: transparent;
}

.prd {
    background-color: transparent;
}

.prd .wiziblocks__item__maxWidth {
    background-color: transparent;
}

.prod__shadow {
    box-shadow: 0px 0px 9px 1px #7d2c8a40 !important;
    background-color: #fff !important;
    border-radius: 10px !important;
}

.bloc1 {
    background-color: transparent;
}

.bloc1 .wiziblocks__item__maxWidth {
    background-color: transparent;
}

.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 100px !important;
}

.bloc4 {
    padding: 10px 50px !important;
    background-color: transparent;
}

.bloc4 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 10px !important;
    box-shadow: 0px 0px 9px 1px #00000024 !important;
    border-radius: 10px !important;
    background-color: #fff !important;
}

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

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

.rea__item, .rea__item strong {
    color: #fff !important;
}
div#\30 2cc6e59-c06f-4c9f-a3f1-08e0d65c48b5 {
    background-color: transparent;
    padding: 0px 110px !important;
}

.ins {
    /* padding: 0px 50px !important; */
}

.prd h2 {
    color: #4cc1af !important;
}

.prd p.prod__price__cur {
    background-color: #ed316a !important;
    padding: 7px 20px !important;
    border-radius: 20px !important;
    color: #fff !important;
}

.footer {
    background-color: #ffffff !important;
}

.footer__title {
    color: #7d2c88 !important;
    font-size: 1.1rem !important;
}

.footer__link {
    color: #000 !important;
}

.footer__info__text {
    color: #000 !important;
}

form#footer__newsletter {
    display: none !important;
}
span.nav__itemlvl3.with-subnav {
    display: none !important;
}
p#prod-summary {
    padding: 37px 20px !important;
    background-color: #7d2c8817 !important;
}
a.nav__a.nav__bottom__a {
    display: none !important;
}
    .nav__rich2__a {
             font-size: 1rem !important;
          color: #000 !important;
         }
p#prod-summary:before {
    background-image: url(https://media.cdnws.com/_i/375777/RAW-679/1793/80/mascote.png) !important;
    padding-top: 114px !important;
    background-repeat: no-repeat !important;
    background-position: top left !important;
    background-size: 109px !important;
    content: '';
    width: 100%;
    display: block;
    margin-top: -105px !important;
}

#prod-summary {
    margin: 4.9rem  0px 1rem 0px!important;
}

span.prod-details__summary__scroll {
    padding-top: 20px !important;
}
.backTop__text {
    color: #000 !important;
}

.backTop__icon {
    background-color: #ed316a70 !important;
    border-radius: 50px !important;
    box-shadow: 0px 0px 10px 1px #0000004d !important;
}

.footer__bottom {
    border-top: 1px solid #ed316a75 !important;
}

.powered {
    padding: 6px 40px;
    background: #0f4565;
}

.ins h3 {
    color: #4cc1af !important;
  text-align: center;
}
.header__account__a {
    background-image: url(https://media.cdnws.com/_i/375777/RAW-677/3636/78/00fichier-2100.png) !important;
    background-size: contain;
}

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

.header__cart__a {
    background-image: url(https://media.cdnws.com/_i/375777/RAW-676/1382/77/00fichier-31.png) !important;
    height: 65px !important;
    background-size: contain !important;
}

.header__cart {
    width: 65px !important;
    height: 65px !important;
}
.wizi-img--double.wizi-img--small .wizi-img__content:before {
     padding-top: 23.555555% !important;
}
.search--wrapper label .hidden {
    color: #7f2d8b !important;
}
.prd1 article.prod__article.space-devise.wb-monoproduct-zoom--ttc.end-hover {
    width: 50% !important;
    padding: 30px !important;
}
 
.coupd .wizi-img__content {
    transition: transform 0.5s !important;
}

.coupd .wizi-img__content:hover {
    transform: scale(1.1);
    filter: brightness(0.5);
}
.coupd .wizi-wrapper.wizi-wrapper--img {
    background-color: transparent !important;
}

.coupd {
    background-color: transparent;
}
.search--wrapper .search--input {
    border: 2px solid #7d2d88 !important;
    background: #fff0 !important;
}

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

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

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

.header__cart {
    margin-left: 37px !important;
}
nav.nav {
    max-width: 100% !important;
    background-color: #7d2c88 !important;
}

.nav__itemlvl1 {
    color: #fff !important;
}

.nav__arrow {
    border-top: 1px solid #ffffff !important;
    border-right: 1px solid #ffffff !important;
    border-color: #fff !important;
}
.nav__wrapper {
    min-width: 100% !important;
    display: block !important;
    text-align: center;
}

.nav__maxWidth {
    min-width: 100% !important;
    justify-content: center !important;
}
.vign .wizi-img__content__wrapper {
    padding-top: 40% !important;
}

a.tit1 {
    color: #ed316a !important;
    font-family: "Amatic SC", sans-serif !important;
    text-decoration: none !important;
    font-size: 2.6rem !important;
    font-weight: 700 !important;
}
a.tit2 {
    color: #2777a7 !important;
    font-family: "Amatic SC", sans-serif !important;
    text-decoration: none !important;
    font-size: 2.6rem !important;
    font-weight: 700 !important;
}
a.tit3 {
    color: #6fbe44 !important;
    font-family: "Amatic SC", sans-serif !important;
    text-decoration: none !important;
    font-size: 2.6rem !important;
    font-weight: 700 !important;
}
a.tit4 {
    color: #7d2c88 !important;
    font-family: "Amatic SC", sans-serif !important;
    text-decoration: none !important;
    font-size: 2.6rem !important;
    font-weight: 700 !important;
}
a.tit5 {
    color: #7d2c88 !important;
    font-family: "Amatic SC", sans-serif !important;
    text-decoration: none !important;
    font-size: 2.6rem !important;
    font-weight: 700 !important;
}
a.tit6 {
    color: #6fbe44 !important;
    font-family: "Amatic SC", sans-serif !important;
    text-decoration: none !important;
    font-size: 2.6rem !important;
    font-weight: 700 !important;
}
a.tit7 {
    color: #2777a7 !important;
    font-family: "Amatic SC", sans-serif !important;
    text-decoration: none !important;
    font-size: 2.6rem !important;
    font-weight: 700 !important;
}
a.tit8 {
    color: #ed316a !important;
    font-family: "Amatic SC", sans-serif !important;
    text-decoration: none !important;
    font-size: 2.6rem !important;
    font-weight: 700 !important;
}

.vign img.wizi-img__item.lazyloaded {
    max-width: 110% !important;
}
.vign {
    background-color: transparent;
}

.bloc6 {
    background-color: transparent;
}

.bloc6 .wiziblocks__item__maxWidth {
    background-color: transparent;
}

.footer__wrapper {
    width: 80% !important;
}

.footer__rs__a.facebook {
    background-color: #ed316a !important;
}

.footer__rs__a.instagram {
    background-color: #ed316a !important;
}

.footer__rs__a:hover.facebook {
    background-color: #3b5998 !important;
}

.footer__rs__a:hover.instagram {
    background-color: #3F729A !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: rotate3d(1, 1, 1, 360deg);
}
a.bt {
    color: #ffffff !important;
    font-family: "Quicksand", sans-serif;
    font-weight: 600 !important;
    padding: 15px 15px !important;
    text-align: center !important;
    font-size: 1.2rem !important;
    display: block;
    width: 235px !important;
    background-color: #ed316a !important;
    box-shadow: 0px 0px 8px 1px #ffffff80 !important;
    border-radius: 20px !important;
    margin-bottom: 10px !important;
    text-decoration: none !important;
    transition: transform 1s !important;
}
a.bt:hover {
   background-color: #3e5915 !important;
   color: #000 !important;
   display: block;
   text-align: center !important;
   transition: transform 1s !important;
   width: 100%;
   /* left: 0; */
   /* right: 0; */
   /* top: 1px; */
   /* bottom: 0; */
   /* position: absolute; */
   background: linear-gradient(89deg, #ffffff, #6fbe44, #ffffff, #ac5bb7de);
   background-size: 1800% 1800%;
   -webkit-animation: rainbow 10s ease infinite;
   -z-animation: rainbow 10s ease infinite;
   -o-animation: rainbow 10s ease infinite;
   animation: rainbow 5s ease infinite;
   transform: scale(0.95);
}
@-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% 19%}
    100%{background-position:0% 82%}
}
.vign .wizi-img__content {
    transition: transform 0.5s !important;
}

.vign .wizi-img__content:hover {
    transform: scale(1.1);
    filter: brightness(0.5);
}


/***************** Responsive *************/
@media (max-width: 767px) and (min-width: 320px) {
    .header__nav__icon__span {
        background: #7d2b8f !important;
    }
.nav__wrapper {
    text-align: left;
}
    .nav__itemlvl1 {
    color: #000 !important;
}
      .header__cart__a {
        height: 61px !important;
    }
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 0px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 0px !important;
}
  div#\30 2cc6e59-c06f-4c9f-a3f1-08e0d65c48b5 {
    padding: 0px 10px !important;
}
  .bloc4 {
    padding: 10px 10px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 40px 0px !important;
}
      .rea__item {
        padding: 15px 10px 15px 69px !important;
    }
  .footer__bloc {
        text-align: center !important;
    }
}
@media (max-width: 1023px) and (min-width: 768px) {
.nav__wrapper {
    text-align: left;
}
    .nav__itemlvl1 {
    color: #000 !important;
}
    .header__cart__a {
        height: 101px !important;
    }
    .header__nav__icon__span {
        background: #7d2b8f !important;
    }
      .header__logo__a {
        height: 76px !important;
    }
      body.wiziblocks-on .prod .prod__article {
        width: 25% !important;
        padding: 0 5px !important;
    }
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 40px !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-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 40px !important;
}
  
.bloc3 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
    display: block !important;
}

.bloc3 .wizi-imgtxt__right, .bloc3 .wizi-imgtxt__left {
    width: 100% !important;
}
  div#\30 2cc6e59-c06f-4c9f-a3f1-08e0d65c48b5 {
    padding: 0px 40px !important;
}
  
.bloc4 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
    display: block !important;
}

.bloc4 .wizi-imgtxt__right, .bloc4 .wizi-imgtxt__left {
    width: 100% !important;
}
  .bloc5 .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    display: block !important;
}

.bloc5 .wizi-imgtxt__right, .bloc5 .wizi-imgtxt__left {
    width: 100% !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
     padding: 60px 50px !important;
}
   a.tit1, a.tit2, a.tit3, a.tit4, a.tit5, a.tit6, a.tit7, a.tit8 {
    font-size: 1.5rem !important;
  }
  .footer__menu.footer__bloc.margin.log {
    width: 100% !important;
}
  .footer__wrapper {
    width: 96% !important;
}
      .footer__rs {
             justify-content: center  !important;
    }
  .footer__bottom {
         display: contents  !important;
          }
      .footer__bloc {
        margin: 0 0 15px 0 !important;
        
    }
  
}


@media (max-width: 1199px) and (min-width: 1024px) {
.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 0px !important;
}
  .bloc2 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium:before {
    padding-top: 104% !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
      padding: 20px 10px !important;
}
  .bloc3 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 73.946% !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
     padding: 20px 10px !important;
}
  .bloc5 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small:before {
    padding-top: 95% !important;
}
   a.tit1, a.tit2, a.tit3, a.tit4, a.tit5, a.tit6, a.tit7, a.tit8 {
    font-size: 2rem !important;
  }
  .footer__wrapper {
    width: 95% !important;
}
  div#\30 2cc6e59-c06f-4c9f-a3f1-08e0d65c48b5 {
    padding: 0px 40px !important;
}
     .header {
        padding: 0 0px !important;
    }
} 
@media (max-width: 1399px) and (min-width: 1200px) {
    .header {
        padding: 0 0px !important;
    }
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 0px !important;
}
  .bloc2 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium:before {
    padding-top: 85% !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
     padding: 50px 20px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 0px !important;
}
  a.tit1, a.tit2, a.tit3, a.tit4, a.tit5, a.tit6, a.tit7, a.tit8 {
    font-size: 2.3rem !important;
  }
  .footer__wrapper {
    width: 90% !important;
}
} 


@media (max-width: 1600px) and (min-width: 1400px) {
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 10px !important;
}
      .header {
        padding: 0px 0px !important;
    }
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 30px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 30px !important;
}
}

/*****************************************/

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

@media (max-width: 2100px) and (min-width: 1200px) {
    .prd h2, .bloc2 .wizi-imgtxt__left.wizi-imgtxt__left--medium, .ins h3, .bloc4 .wizi-imgtxt__right.wizi-imgtxt__right--small, .bloc6 h3, .bloc3 .wizi-imgtxt__right.wizi-imgtxt__right--small {
        animation: reveal linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 35%;
    }
      .bloc3 .wizi-imgtxt__left, .bloc3 .wizi-imgtxt__wrap {
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 35%;
    }
 img.footer__logo__a__img {
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 15%;
    }
.bloc5 .wizi-imgtxt__wrap {
        animation: slide linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 35%;
    }
  
}
@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**********/