@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
h1 {
    font-family: "Roboto", sans-serif !important;
    font-size: 2.8rem !important;
    text-align: center !important;
    color: #070165 !important;
    font-style: italic !important;
    padding: 20px 0px !important;
}

h2 {
    font-family: "Roboto", sans-serif !important;
    font-size: 1.9rem !important;
    text-align: left !important;
    color: #070165 !important;
    padding: 20px 0px !important;
}
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 120px !important;
}



.prod__shadow {
    box-shadow: 0px 0px 9px 1px #1101d526 !important;
    border-radius: 15px !important;
}

h3 {
    font-family: "Roboto", sans-serif !important;
    font-size: 1.8rem !important;
    color: #291bf9 !important;
    padding: 30px 0px !important;
    font-style: italic !important;
}

.prod__price__cur {
    padding: 8px 30px !important;
    background-color: #070165 !important;
    color: #fff !important;
    border-radius: 15px !important;
}

.bloc2 {
    /* background-image: url(https://media.cdnws.com/_i/374840/RAW-330/3226/33/para1.png) !important; */
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed !important;
    background-size: auto;
}

.bloc2 .wiziblocks__item__maxWidth {
    background-color: transparent !important;
    padding: 100px 150px !important;
    background-image: url(https://media.cdnws.com/_i/374840/RAW-347/3446/50/fond.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto !important;
}
.b1, .b2 {
    display: none;
}
.bloc2 h3 {
    color: #fff !important;
}

.bloc2 .wizi-txt__item {
    color: #fff !important;
    padding-right: 60px !important;
}

.bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 150px !important;
}
.bloc4 {
    /* background-image: url(https://media.cdnws.com/_i/374840/RAW-331/462/34/para2.png) !important; */
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed !important;
    background-size: auto;
}

.bloc4 .wiziblocks__item__maxWidth {
    background-color: transparent !important;
    padding: 100px 150px !important;
    background-image: url(https://media.cdnws.com/_i/374840/RAW-346/2107/49/fond2.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}

.bloc4 h3 {
    color: #fff !important;
}
.prd {
    padding: 10px 30px !important;
}
.bloc4 .wizi-txt__item {
    color: #fff !important;
    padding-right: 60px !important;
}

.vig .wizi-img__content:last-child {
    display: none !important;
}
.vig .wizi-img--quadruple .wizi-img__content {
    width: calc(33.33% - 29px);
}
.vig img.wizi-img__item.lazyloaded {
    min-width: 60% !important;
    min-height: 60% !important;
    max-width: 60% !important;
}

.vig .wizi-img__content__wrapper {
    padding-top: 62% !important;
}
p.tit {
    font-family: "Roboto", sans-serif !important;
    font-size: 1.6rem !important;
    color: #000000 !important;
    padding: 5px 0px !important;
    font-style: italic !important;
    text-align: center !important;
    font-weight: 600 !important;
}

.reassurance__wrapper {
    padding: 30px 14px;
}

.reassurance {
    background-color: #070165 !important;
}

.reassurance__wrapper__item__text {
    color: #fff !important;
}

.reassurance__wrapper__item__text strong {
    color: #fff !important;
}
.powered {
    padding: 6px 16px !important;
}
.wiziblocks__item .wizi-form .form .form__fieldset {
        margin-bottom: 23px !important;
    }

.single-newsletter {
    background: #d0d0d0 !important;
    }
.footer__wrapper__left__primary__ul__li__link {
     color: #000000 !important;
     font-size: 0.975rem !important;
 }
a.footer__wrapper__right__social__li__a.facebook {
    background-color: #291bf9c4 !important;
    background-image: url(https://media.cdnws.com/_i/374840/RAW-345/2465/48/fb.png) !important;
    background-size: 25px !important;
}
.wrapperPage--options {
     margin-top: 0px !important;  
}
a.header__cart__a.header__tab {
    background-image: url(https://media.cdnws.com/_i/374840/RAW-340/1253/43/00fichier-200.png) !important;
    background-size: contain !important;
}
.header.header--fixed .header__account__a {
    background-image: url(https://media.cdnws.com/_i/374840/RAW-341/2069/44/00fichier-101.png) !important;
    background-size: 25px 25px !important;
    top: 1.5px !important;
    left: 0px !important;
}
.header__triggerSearch .icon {
    background-image: url(https://media.cdnws.com/_i/374840/RAW-342/1223/45/00fichier-111.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 22px !important;
    height: 23px !important;
}
    .header.header--fixed {
        position: relative !important;
    }
#c1-body .header {
    background-color: #ffffff !important;
}
.nav__wrapper {
    background-color: #291bf912 !important;
}
    .header.header--fixed .header__logo img {
     max-height: 115px !important;
    }
    .header.header--fixed .nav__itemlvl1 {
        color: #000 !important;
    }
    .header__account:before {
        background: #473ef838 !important;
    }
.header__triggerSearch:before {
        background: #473ef838 !important;
    }
.header__cart:before {
        background: #473ef838 !important;
    }
.header__relative {
    padding: 15px 10px !important;
}
.header__triggerSearch svg {
           stroke: #291bf912 !important;
           }
.header__search svg, .header__cart svg, .header__account svg {
   stroke: #291bf912 !important;
}
.tit a {
  text-decoration: none !important;
  transition: transform 1.4s !important;
  display: block;
}
.tit a:hover {transform: rotatex(380deg);color: #291bf9 !important;}

.vig .wizi-img__content__wrapper {
    padding-bottom: 18px !important;
    margin: 0 auto;
    transition: transform 1.1s !important;
}
.vig .wizi-img__content__wrapper:hover {
    transform: scale(0.85);
}
img.footer__wrapper__left__img, .header__logo img {
    transition: transform 1.4s !important;
}
    .nav-perso-off .header.header--fixed .nav__label .nav__sublevel {
      border-top: 4px solid #291bf9 !important;
          }
img.footer__wrapper__left__img:hover, .header__logo img:hover {
transform: rotate3d(1, 1, 1, 360deg);
}
    .nav__itemlvl1.nav__item.nav__itemlvl1--link:hover {
        color: #291bf9 !important;
        font-weight: 600 !important;
    }
a.nav__itemlvl1.nav__itemlvl1--with-subnav:hover{
      color: #291bf9 !important;
        font-weight: 600 !important;
  }

@-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%}
}

.bl1 {
    text-align: center !important;
}

.bl1 h2 {
    text-align: center !important;
}

.bl2 .wizi-txt__item {
    text-align: center !important;
    background-color: #fff !important;
    box-shadow: 0px 0px 14px 1px #00000045 !important;
    border-radius: 10px !important;
    padding: 40px !important;
}

.bl2 .wiziblocks__item__maxWidth {
    margin-top: -150px !important;
    padding: 0px 80px !important;
    background-color: transparent !important;
}

.bl2 {
    background-color: transparent;
    z-index: 999 !important;
}

a.btnn {
    display: block;
    background-color: #291bf9 !important;
    border-radius: 25px !important;
    width: 212px !important;
    padding: 12px 16px !important;
    font-size: 1.2rem !important;
    text-decoration: none !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    text-align: center;
    transition: transform 1s !important;
    margin: 0 auto;
}

a.btnn:hover{
      transform: rotateX(360deg);
}



/**************************** Responsive ***************************/
@media (max-width: 767px) and (min-width: 320px) {
.b1, .b2 {
    display: block;
}
.margin-top-wiziblocks #c1-body .body__wrapper--withoutPadding {
    margin-top: 0px !important;
    padding-top: 9px !important;
}
  a.header__cart__a.header__tab {
   background-size: auto !important;
}
.header__relative {
    background: #ffffff !important;
}
  .header__relative {
    padding: 5px 0px !important;
}
  .header.header--fixed .header__logo img {
    max-height: 60px !important;
}
      .header__logo {
        padding: 3px 140px 4px 15px !important;
    }
  .header__logo__a {
     height: 56px !important;
}
      .header__nav__icon__span {
        background: #070165 !important;
    }
      .nav__itemlvl1--login {
        background: #ffffff !important;
    }
      .nav__itemlvl1 {
        background: #ffffff !important;
    }
 .search--label {
    background-image: url(https://media.cdnws.com/_i/374840/RAW-342/1223/45/00fichier-111.png) !important;
    background-size: inherit;
    background-repeat: no-repeat !important;
    width: 62px !important;
    height: 103px !important;
}
  .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 0px !important;
}
  .prod__price__cur {
    padding: 8px 18px !important;
}
body.wiziblocks-on .prod .prod__article {
    margin: 0 0 14px 0 !important;
 }
  .prd {
    padding: 10px 15px !important;
}
  
  .bloc2 .wizi-txt__item {
   padding-right: 0px !important;
}
  .bloc2 .wiziblocks__item__maxWidth {
     padding: 20px 10px !important;
     background-position: initial;
 }
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 0px !important;
}
  .bloc4 .wizi-txt__item {
    padding-right: 0px !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 40px 10px !important;
    background-position: left;
    }
  .vig .wizi-img--quadruple .wizi-img__content {
    width: calc(100% - 0px);
}
      .single-newsletter {
        padding: 31px 0 38px 0 !important;
       }
  .rea, .footer {
      text-align: center !important;
}
  .footer__wrapper__left__primary__ul__li {
    margin: 0 0px 15px 0 !important;
}
  .powered__p a, .powered__p span {
   color: #ffffff !important;
}
  .nav__wrapper {
    background-color: #ffffff12 !important;
}
    .b1, .b2 {
    display: block;
}
  .b1 .wizi-img--medium:before, .b2 .wizi-img--medium:before {
    padding-top: 53% !important;
}
      .bloc2   {
        margin: 0px 0 -1px !important;
    }
    .bloc4   {
        margin: 0px 0 -1px !important;
    }
  .bl2 .wizi-txt__item {
    padding: 9px !important;
}
  .bl2 .wiziblocks__item__maxWidth {
    margin-top: 0px !important;
    padding: 0px 0px !important;
    background-color: transparent !important;
}
 .ss .wizi-img--small:before {
    padding-top: 54.5% !important;
}
  .bl1 .wizi-wrapper--txt .wizi-txt__item:not(.wizi-txt__item wizi-txt__item--background) {
        padding: 0 0px !important;
    }
}
@media (max-width: 1023px) and (min-width: 768px) {

/******* bug search ***********/
    .header__area.zindex .search--input {
        width: 375px !important;
        border: none;
        background: #fff;
        height: 40px;
        opacity: 1;
        right: 0;
        left: auto;
        cursor: text;
        font-size: 13px;
        padding: 0 20px;
        transition: width 300ms ease 310ms, opacity 300ms ease 310ms !important;
    }
  .header.header--fixed .header__search .search--input, .header.header--fixed .header__search .search--input.focused {
     width: 100%; 
    border: none;
    background: #fff;
    height: 40px;
top: -23px;
        right: -25px;
    left: auto;
}
.search--fieldset {
    display: block !important;
}

.header.header--fixed .header__search .search--wrapper {
    top: 0;
    height: 80px;
}

.search-input__background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    width: 100vw;
    height: 100%;
    height: 100vh;
    background-color: #000;
    opacity: .3;
    z-index: 2;
}
      .header.header--fixed .header__cart {
        margin-left: 16px !important;
    }
  /***************************/

.bl2 .wiziblocks__item__maxWidth {
    margin-top: -90px !important;
    padding: 0px 10px !important;
}
  
      .search--label {
        display: block !important;
    }
  .search--label {
    background-image: url(https://media.cdnws.com/_i/374840/RAW-342/1223/45/00fichier-111.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 22px !important;
    height: 23px !important;
}
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 30px !important;
}
  .bloc1 .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    display: block !important;
}
  .bloc1 .wizi-imgtxt__left, .bloc1 .wizi-imgtxt__right {
    width: 100% !important;
}
      body.wiziblocks-on .prod .prod__article {
        width: 25% !important;
            }
  .bloc2 .wiziblocks__item__maxWidth {
    background-color: transparent !important;
    padding: 50px 70px !important;
      background-position: unset;
}
  .bloc3 .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    display: block !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 30px !important;
}
 .bloc3 .wizi-imgtxt__left,  .bloc3 .wizi-imgtxt__right{
  width: 100% !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    background-color: transparent !important;
    padding: 50px 70px !important;
    background-position: unset;
}
  .bloc4 .wizi-txt__item {
    padding-right: 0px !important;
}
 .bloc1 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small:before {
    padding-top: 63% !important;
}
  .bloc3 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small:before {
    padding-top: 63% !important;
}
  a.header__cart__a.header__tab {
    background-size: auto !important;
}
  .header__nav__icon__span {
    background: #070165 !important;
}
  .header.header--fixed .header__logo img {
    max-height: 85px !important;
}
  .header__relative {
    padding: 3px 0px !important;
}
  .nav__wrapper {
    background-color: #ffffff !important;
}
      .nav__itemlvl1 {
            background: #ffffff !important;
    }
      .nav__itemlvl1--login {
               background: #ffffff !important;
           }
  .b1, .b2 {
    display: block;
}
  .b1 .wizi-img--medium:before, .b2 .wizi-img--medium:before {
    padding-top: 53% !important;
}
      .bloc2   {
        margin: 0px 0 -1px !important;
    }
    .bloc4   {
        margin: 0px 0 -1px !important;
    }
 
}
@media (max-width: 1199px) and (min-width: 1024px) {
  .b1, .b2 {
    display: none;
}
.bloc1 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small:before {
    padding-top: 69%;
}
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 0px !important;
}
.bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 1px !important;
}
.bloc2 .wiziblocks__item__maxWidth {
    padding: 50px 50px !important;
    background-position-x: 73%;
}
  .bloc4 .wiziblocks__item__maxWidth{
    padding: 25px 50px !important;
    /* background-position-x: 73%; */
}
    .bloc2 .wizi-txt__item {
    padding-right: 0px !important;
}
  .bloc4 .wizi-txt__item {
    padding-right: 0px !important;
}
      .header.header--fixed .header__logo {
             min-width: 150px !important;
        width: 250px !important;
    }
      .header.header--fixed .header__area {
         min-width: 200px !important;    
         justify-content: center !important;
    }
    .header__logo--withImg .header__h1 {
         justify-content: center !important;
    }
      .header.header--fixed .header__area {
        min-width: 30px !important;
        justify-content: center !important;
}
      .header.header--fixed .nav {
        margin: 0 0px !important;
    }
      .header.header--fixed .nav__itemlvl1 {
        font-size: 0.9rem !important; 
    }
   .bloc4 .wiziblocks__item__maxWidth {
    background-size: cover;
}
  
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .b1, .b2 {
    display: none;
}
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 0px !important;
}
.bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 1px !important;
}
  .bloc2 .wizi-txt__item {
    padding-right: 0px !important;
}
  .bloc4 .wizi-txt__item {
    padding-right: 0px !important;
}
 
    .bloc4 .wiziblocks__item__maxWidth {
    padding: 70px 90px !important;
}
   .bloc2 .wiziblocks__item__maxWidth {
      padding: 70px 90px !important;
  }
      .header.header--fixed .header__logo {
             min-width: 150px !important;
    }
      .header.header--fixed .header__area {
         min-width: 200px !important;    
         justify-content: center !important;
    }
      .header__logo--withImg .header__h1 {
         justify-content: center !important;
    }
}

@media (max-width: 1600px) and (min-width: 1400px) {
  .b1, .b2 {
    display: none;
}
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 19px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 30px !important;
}
  .bloc2 .wiziblocks__item__maxWidth {
    padding: 70px 90px !important;
}

}

@media (max-width: 2050px) and (min-width: 1024px) {
.nav__wrapper {
    transition: transform 1s !important;
    background: linear-gradient(89deg, #ffffff, #a9a4fdc2, #ffffff);
    background-size: 862% 800%;
    -webkit-animation: rainbow 6s ease infinite;
    -z-animation: rainbow 6s ease infinite;
    -o-animation: rainbow 6s ease infinite;
    animation: rainbow 6s ease infinite;
   
}
}
@media (max-width: 2050px) and (min-width: 768px) {
  
.body {
    padding-top: 0px !important;
}
}
/******************* End responsive ****************************/


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

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