@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&display=swap');
.filter__count {    color: #e10c16 !important;}
h1 {
    font-family: "Exo", sans-serif !important;
    text-align: center !important;
    font-size: 2.7em !important;
    color: #000 !important;
    font-weight: 700 !important;
    padding: 30px 0px !important;
    margin: 14px 0 5px !important;
}

h2 {
    font-family: "Exo", sans-serif !important;
    text-align: center !important;
    font-size: 2.2em !important;
    color: #e20a17 !important;
    font-weight: 700 !important;
    padding: 10px 0px !important;
    margin: 4.5px 0;
}
h3 {
    font-family: "Exo", sans-serif !important;
    font-size: 2em !important;
    color: #000 !important;
    font-weight: 700 !important;
    padding: 20px 0px !important;
}
#prod-h1{
    color: #e20a17 !important;
    text-align: left !important;
    /* font-family: cursive !important; */
}
.gallery__primary__wrapper {
    border: 2px solid yellow;
  box-shadow: 0px 0px 10px 1px #e20a172b !important;
    border-radius: 5px !important;
}
.bloc1 {
    text-align: center !important;
}
    .wiziblocks__item .wizi-form .form .form__fieldset {
        margin-bottom: 10px !important;
    }
.header__account__span:focus, .header__account__span:hover {
    background-size: contain !important;
}
.header__cart__a:hover {
        background-size: contain !important;
}
.prod__shadow {
    box-shadow: 0px 0px 10px 1px #e20a172b !important;
    border-radius: 5px !important;
}
.sl .wizi-slider--small .wizi-slider__item:before {
    padding-top: 26.5% !important;
}
.prd .prod__price__cur {
    background-color: #e20a17 !important;
    color: #fff !important;
    padding: 6px 21px !important;
}

.bloc2 .wizi-img__content:last-child {
    display: none !important;
}

.bloc2 .wizi-img--simple {
    justify-content: space-around !important;
}

.bloc2 .wizi-wrapper.wizi-wrapper--img {
    padding: 70px 150px !important;
}

.bloc2 .wizi-img--quadruple .wizi-img__content {
    width: calc(33.33% - 25px) !important;
    padding: 24px !important;
    min-height: 708px !important;
    text-align: center !important;
}

.bloc2 .wizi-img--quadruple-title.wizi-img--small .wizi-img__content__wrapper {
    padding-top: 55% !important;
   transition: transform 0.6s !important;
}
.bloc2 .wizi-img--quadruple-title.wizi-img--small .wizi-img__content__wrapper:hover {
    transform: scale(1.06);
}
.bloc2 .wizi-img__content {
    background-color: #fff !important;
    box-shadow: 0px 0px 7px 1px #0000002e !important;
}

.bloc2 {
    background-image: url(https://media.cdnws.com/_i/371049/RAW-134/401/35/para.png) !important;
    background-position: center;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.bloc2 h3 {
    font-family: "Exo", sans-serif !important;
    text-align: center !important;
    font-size: 1.8em !important;
    color: #000 !important;
    font-weight: 700 !important;
    padding: 3px 0px !important;
    min-height: 100px !important;
}

.bloc3 h3 {
    font-family: "Exo", sans-serif !important;
    text-align: left !important;
    font-size: 2em !important;
    color: #000 !important;
    font-weight: 700 !important;
    padding: 14px 0px !important;
}
.bloc4 h3 {
    font-family: "Exo", sans-serif !important;
    text-align: left !important;
    font-size: 2em !important;
    color: #e20a17 !important;
    font-weight: 700 !important;
    padding: 14px 0px !important;
}
.bloc3 .wizi-imgtxt__left.wizi-imgtxt__left--small:hover,.bloc4 .wizi-imgtxt__right.wizi-imgtxt__right--small:hover {
    transform: rotate(-3deg);
}
.bloc3 .wizi-imgtxt__left.wizi-imgtxt__left--small, .bloc4 .wizi-imgtxt__right.wizi-imgtxt__right--small {
    transition: transform .5s !important;
}
.part h3 {
    font-family: "Exo", sans-serif !important;
    text-align: center !important;
    font-size: 2em !important;
    color: #e20a17 !important;
    font-weight: 700 !important;
    padding: 14px 0px !important;
}
.header__logo__a .picture--left {
    /* height: 109.8px !important; */
}
.vign .wizi-wrapper.wizi-wrapper--img {
    padding: 10px 140px !important;
}
.vign {
    background-color: transparent !important;
}

.vign img.wizi-img__item.lazyloaded {
    opacity: 0 !important;
}

.vign .wizi-img__content:nth-child(1) {
    top: 0;
    background: url(https://media.cdnws.com/_i/371049/RAW-136/1547/37/vign1.png)center center no-repeat !important;
    background-size: contain !important;
    transition: transform .5s !important;
}


.vign .wizi-img__content:nth-child(1):hover {
    top: 0;
    background: url(https://media.cdnws.com/_i/371049/RAW-140/3574/41/vign1-hov.png)center center no-repeat !important;
    background-size: contain !important;
    transform: scale(0.95);
    filter: brightness(0.8);
}

.vign .wizi-img__content:nth-child(2) {
      top: 0;
    background: url(https://media.cdnws.com/_i/371049/RAW-137/2522/38/vign2.png)center center no-repeat !important;
    background-size: contain !important;
    
}
.vign .wizi-img__content:nth-child(2):hover {
    top: 0;
    background: url(https://media.cdnws.com/_i/371049/RAW-139/854/40/vign2-hov.png)center center no-repeat !important;
    background-size: contain !important;
    transition: transform .5s !important;
    transform: scale(0.95);
    filter: brightness(0.7);
}
.vign .wizi-img__content:nth-child(3) {
      top: 0;
      background: url(https://media.cdnws.com/_i/371049/RAW-135/2019/36/vign3.png)center center no-repeat !important;
      background-size: contain !important;
      transition: transform .5s !important;
}
.vign .wizi-img__content:nth-child(3):hover {
    top: 0;
    background: url(https://media.cdnws.com/_i/371049/RAW-138/3875/39/vign3-hov.png)center center no-repeat !important;
    background-size: contain !important;
    transform: scale(0.95);
    filter: brightness(0.8);
}
.reassurance {
    background-color: #e20a17 !important;
}

.reassurance__wrapper {
    padding: 30px 40px !important;
}

.reassurance__wrapper__item__text {
    color: #fff !important;
}

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

div#footer__newsletter {
    display: none !important;
}
.WidgetBackground__Container-sc-1ho7q3r-0.iczPsf {
    padding: 3px 0px !important;
}

.part {
    padding: 20px 250px !important;
}
div#cafdc116-10ae-41a6-b899-c828790109e9 {
    margin: 0 0 0px !important;
}
body .header__cart__a {
    background-image: url(https://media.cdnws.com/_i/371049/RAW-141/1096/42/00fichier-80.png)!important;
    background-size: contain;
}

body .header__account__span {
    background-image: url(https://media.cdnws.com/_i/371049/RAW-142/587/43/00fichier-70.png)!important;
    background-size: contain;
    color: #000 !important;
}

.header__cart__a {
    padding-right: 44px !important;
}

.header__account__span {
    height: 35px !important;
    padding-right: 45px;
}

.header__cart__a {
    height: 35px;
}

.header__cart {
    margin-left: 18px !important;
}

header#header {
    background: white;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: ffffff78 !important;
}

.header__relative {
    background-color: #ffffff00 !important;
    padding: 10px 40px !important;
    width: 100% !important;
}

.search--input {
    border-radius: 20px !important;
}

button#search-btn {
    border-radius: 0px 20px 20px 0px !important;
}

.header__logo__a {
    justify-content: center !important;
}

.header__logo {
    /* width: 22% !important; */
    padding: 0;
}

.header__cart__text {
    color: #000 !important;
}
.nav__maxWidth {
    justify-content: center !important;
}

.header.new-menu {position: fixed;top: 0;z-index: 9999999999;/* padding-bottom: 100px !important; */width: 100%;}

.sl .margin-top-wiziblocks #c1-body .body__wrapper--withoutPadding .wiziblocks__item.margin-top-small {
    margin-top: 0px !important;
}
.nav-perso-off .nav__label {
    margin: 10px 40px 10px 0 !important;
}
.nav-perso-off .nav__label {
    margin: 10px 40px 10px 0 !important;
}

nav.nav {
    background-color: #000 !important;
    max-width: 100%;
}

a.nav__itemlvl1.nav__itemlvl1--with-subnav {
    color: #fff !important;
}

a.nav__itemlvl1.nav__item.nav__itemlvl1--link {
    color: #fff !important;
}
.nav__arrow {
          border-top: 1px solid #ffffff !important; 
        border-right: 1px solid #ffffff !important; 
        border-color: #ffffff !important ;
          top: 34% !important; 
        right: -10px !important; 
}
 
footer.footer {
    background-image: url(https://media.cdnws.com/_i/371049/RAW-178/3546/79/bgfooter.jpeg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.footer__wrapper__bloc__title {
    color: #000 !important;
    font-size: 1.5em !important;
    font-family: "Exo", sans-serif !important;
}

.footer__wrapper__bloc__ul__li__link {
    color: #000 !important;
}

.footer {
    color: #000 !important;
}

.footer__wrapper__bloc__infos__contact__link {
    color: #000 !important;
}

.footer__wrapper__bloc__infos__contact__link__icon--phone {
    filter: invert(1);
}

.footer__wrapper__bloc__infos__contact__link__icon--mail {
    filter: invert(1) !important;
}

.powered {
    padding: 7px 20px !important;
}

.footer__wrapper {
    padding: 40px 40px !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: rotateY(380deg); */
}
.topp {
    background-color: #000000 !important;
    display: flex;
    padding: 8px 0px !important;
}

.coord {display: flex;text-align: center;justify-content: center;width: 100%;}

#coord2, #coord1 {
    position: relative;
    top: 5px !important;
    padding: 0px 10px !important;
    color: #fff !important;
}

#coord1 a {
    color: #fff !important;
}
.coord img {
  width: 27px !important;
}

/********** Responsive**********/

@media (max-width: 767px) and (min-width: 320px) {
  .header__relative {
    background-color: transparent !important;
    padding: 0px 13px !important;
}
  .header__logo {
    width: 92% !important;
}
  .header__cart {
    margin-left: 18px !important;
    top: 12px !important;
}
  h1{
   font-size: 2.3em !important; 
  } 
   h2{
   font-size: 2.2em !important; 
  } 
   h3{
   font-size: 2em !important; 
  } 
.bloc2 .wizi-wrapper.wizi-wrapper--img {
    padding: 70px 20px !important;
}
  .bloc2 .wizi-img--quadruple .wizi-img__content {
    width: 100% !important;
    padding: 10px !important;
    min-height: inherit !important;
    text-align: center !important;
}
  .bloc2 h3 {
    padding: 10px 0px !important;
    min-height: inherit !important;
}
  .part {
    padding: 20px 0px !important;
}
  .vign .wizi-wrapper.wizi-wrapper--img {
    padding: 10px 0px !important;
}
  .reassurance__wrapper {
    padding: 30px 10px !important;
}
  .footer__wrapper {
    padding: 40px 20px !important;
    text-align: center !important;
}
   .header__nav__icon__span {
    background-color: #fff  !important;
  }
a.nav__itemlvl1.nav__itemlvl1--with-subnav {
     color: #000 !important; 
}
  a.nav__itemlvl1.nav__item.nav__itemlvl1--link {
    color: #000 !important;
}
   .topp {
       display: block;
}
  #coord2, #coord1 {
    position: relative;
    top: 5px !important;
    padding: 0px 2px !important;
    color: #fff !important;
    font-size: 10px !important;
}
  .coord img {
    width: 18px !important;
}
  .topp {
       padding: 11px 0px !important;
}
  body .search--label, body #search-btn {
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.326' height='20.5'%3E%3Cpath d='M18.715 18.467l-4.622-4.951a8.2 8.2 0 001.84-5.191A7.97 7.97 0 008.091.25 7.97 7.97 0 00.25 8.325 7.97 7.97 0 008.091 16.4a7.6 7.6 0 004.492-1.461l4.657 4.988a1 1 0 001.446.029 1.077 1.077 0 00.029-1.489zM8.091 2.357a5.891 5.891 0 015.8 5.968 5.891 5.891 0 01-5.8 5.968 5.891 5.891 0 01-5.8-5.968 5.891 5.891 0 015.8-5.968z' fill='%23000000' stroke='%23000000' stroke-width='.5'/%3E%3C/svg%3E);
    filter: invert(1);
  }
      body:not(.wiziblocks-on) .prod .prod__article {
       padding: 5px 10px !important; 
    }
  .footer__wrapper {
    padding: 40px 6px !important;
}
}


@media (max-width: 1023px) and (min-width: 768px) {
    .wizi-slider {
    padding-top: 20vh !important;
}
  .breadcrumbs{
      padding-top: 20vh !important;
  }
  .footer__wrapper {
    padding: 40px 6px !important;
}
  body:not(.wiziblocks-on) .prod .prod__article {
       padding: 5px 10px !important; 
    }
 .nav {
        padding-top: 168px !important; 
    }
  .topp {
       display: block !important; 
}
  h1{
   font-size: 2.3em !important; 
  } 
   h2{
   font-size: 2.2em !important; 
  } 
   h3{
   font-size: 2em !important; 
  } 
  a.nav__itemlvl1.nav__itemlvl1--with-subnav {
     color: #000 !important; 
}
  a.nav__itemlvl1.nav__item.nav__itemlvl1--link {
    color: #000 !important;
}
  .header__logo {
    width: 19% !important;
    height: 88% !important;
}
  .header__nav__icon__span {
    background-color: #fff  !important;
  }
  body.wiziblocks-on .prod .prod__article {
        width: 25% !important;
          }
  .bloc2 .wizi-wrapper.wizi-wrapper--img {
    padding: 70px 70px !important;
}
  .bloc2 .wizi-img--quadruple .wizi-img__content {
    width: 100% !important;
    padding: 24px !important;
    min-height: inherit !important;
    text-align: center !important;
    margin: 30px 0px !important;
}
  .bloc2 .wizi-img--simple {
    justify-content: space-around !important;
    display: block !important;
}
  .bloc2 .wizi-img--quadruple-title.wizi-img--small .wizi-img__content__wrapper {
    padding-top: 39% !important;
}
  .part {
    padding: 20px 20px !important;
}
  .vign .wizi-wrapper.wizi-wrapper--img {
    padding: 10px 10px !important;
}
  .footer__wrapper__bloc.log {
    width: 100% !important;
}
      .footer__wrapper__bloc {
        width: 33.33% !important;
    }
  .header__relative {
      position: relative !important;
    top: 15% !important;
}
  .header__cart, .header__nav {
    height: 89% !important;
}
.bloc3 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small:before,  .bloc4 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 68% !important;
}
}
@media (max-width: 1199px) and (min-width: 1024px) {
.wizi-slider {
    padding-top: 30vh !important;
}
  ..breadcrumbs{
     padding-top: 30vh !important; 
  }
.bloc2 .wizi-wrapper.wizi-wrapper--img {
    padding: 80px 0px !important;
}
  .bloc2 .wizi-img--quadruple .wizi-img__content {
   padding: 10px !important;
    min-height: 733px !important;  
}
  .part {
    padding: 20px 80px !important;
}
  .vign .wizi-wrapper.wizi-wrapper--img {
    padding: 10px 5px !important;
}
}


@media (max-width: 1399px) and (min-width: 1200px) {

  .wizi-slider {
    padding-top: 30vh !important;
}
  ..breadcrumbs{
     padding-top: 30vh !important; 
  }
  .bloc2 .wizi-wrapper.wizi-wrapper--img {
    padding: 70px 10px !important;
}
.bloc2 .wizi-wrapper.wizi-wrapper--img {
    padding: 70px 10px !important;
}
  .vign .wizi-wrapper.wizi-wrapper--img {
    padding: 10px 30px !important;
}
  .bloc2 .wizi-img--quadruple .wizi-img__content {
     min-height: 729px !important;
}
}


@media (max-width: 1599px) and (min-width: 1400px) {
  .wizi-slider {
    padding-top: 30vh !important;
}
  ..breadcrumbs{
     padding-top: 30vh !important; 
  }
  .bloc2 .wizi-wrapper.wizi-wrapper--img {
    padding: 70px 30px !important;
}
  .part {
    padding: 20px 80px !important;
}
  .vign .wizi-wrapper.wizi-wrapper--img {
    padding: 10px 60px !important;
}
}

@media (max-width: 1700px) and  (min-width: 1600px)  {
 .wizi-slider {
    padding-top: 30vh !important;
}
  ..breadcrumbs{
     padding-top: 30vh !important; 
  }
  .bloc2 .wizi-wrapper.wizi-wrapper--img {
    padding: 60px 40px !important;
} 
  .part {
    padding: 20px 130px !important;
}
}

 
/**************** end responsive *****************/


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

@media (max-width: 2100px) and (min-width: 1024px) {
  .wizi-slider {
    padding-top: 24vh !important;
}
  .breadcrumbs{
     padding-top: 27vh !important;
  }
.prd h3, .bloc3 .wizi-imgtxt__left.wizi-imgtxt__left--small, .bloc4 .wizi-imgtxt__right.wizi-imgtxt__right--small {
        animation: reveal linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }
      .bloc4 .wizi-imgtxt__left {
        padding: 24px;
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }
 
      .bloc3 .wizi-imgtxt__right {
        padding: 24px;
        animation: slide 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;
  }
}
/********** end scrolling******