@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

h1 {
    font-family: "Rubik", sans-serif !important;
    color: #2b5ea3 !important;
    font-size: 2.35em !important;
    font-weight: 300 !important;
    text-align: center !important;
}
.emergency-bar__button a:hover {
    background-color: #ee3f42a1 !important;
    transform: scale(1.1);
}
.nav__maxWidth {
  justify-content:center !important;
}
.emergency-bar__button a {
    transition: transform 1.4s !important;
}
.bloc1 {
    text-align: center !important;
}
body .header__account__span {
    background-image: url(https://media.cdnws.com/_i/372119/RAW-174/3157/75/00fichier-50.png) !important;
    background-size: contain !important;
    padding-right: 32px;
    font-weight: 600 !important;
}

body .header__cart__a {
    background-image: url(https://media.cdnws.com/_i/372119/RAW-175/1579/76/00fichier-40.png) !important;
}

.header__cart__a {
    background-size: contain !important;
    padding-right: 32px !important;
}

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

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

.header__cart__text {
    font-weight: 600 !important;
}
h2 {
    font-family: "Rubik", sans-serif !important;
    color: #ee3f42 !important;
    font-size: 2.1em !important;
    font-weight: 300 !important;
    text-align: center !important;
    padding: 20px 0px !important;
}
h3 {
    background-image: url(https://media.cdnws.com/_i/372119/RAW-160/1410/61/00fichier-201.png) !important;
    background-repeat: no-repeat !important;
    background-position: bottom center;
    padding-bottom: 46px !important;
    margin-bottom: 19px !important;
    font-family: "Rubik", sans-serif !important;
    color: #000000 !important;
    font-size: 1.8em !important;
    font-weight: 300 !important;
}
.log- .wizi-img--triple.wizi-img--small .wizi-img__content:before {
    padding-top: 50.81% !important;
}
.log- .wizi-img--small img {
      min-width: 40% !important;
    max-width: 60% !important;
}
.bloc2 h3 {
    background-image: url(https://media.cdnws.com/_i/372119/RAW-160/1410/61/00fichier-201.png) !important;
    background-repeat: no-repeat !important;
    background-position: bottom left;
    padding-bottom: 46px !important;
    margin-bottom: 19px !important;
    font-family: "Rubik", sans-serif !important;
    color: #ffffff !important;
    font-size: 1.8em !important;
    font-weight: 300 !important;
    text-align: left !important;
}

.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-image: url(https://media.cdnws.com/_i/372119/RAW-161/2125/62/00fichier-401.png) !important;
    background-color: #2b5ea3 !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
    background-attachment: fixed !important;
    padding: 50px 170px !important;
    background-position: center;
}

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

.bloc2 .wizi-imgtxt__right {
    color: #fff !important;
}

.bloc3 h3 {
    background-image: url(https://media.cdnws.com/_i/372119/RAW-160/1410/61/00fichier-201.png) !important;
    background-repeat: no-repeat !important;
    background-position: bottom left;
    padding-bottom: 46px !important;
    margin-bottom: 19px !important;
    font-family: "Rubik", sans-serif !important;
    color: #ee3f42 !important;
    font-size: 1.8em !important;
    font-weight: 300 !important;
    text-align: left !important;
}

.bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 170px !important;
}

.bloc4 {
    background-image: url(https://media.cdnws.com/_i/372119/RAW-162/3950/63/parallaxe.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-attachment: fixed !important;
}

.bloc4 .wiziblocks__item__maxWidth {
    background-color: #246dd0c2 !important;
    padding: 90px 230px !important;
    text-align: center !important;
    color: #ffff;
    border-radius: 25px !important;
    box-shadow: 0px 0px 11px 1px #00000038 !important;
}

.bloc4 h3 {
    background-image: url(https://media.cdnws.com/_i/372119/RAW-160/1410/61/00fichier-201.png) !important;
    background-repeat: no-repeat !important;
    background-position: bottom center;
    padding-bottom: 46px !important;
    margin-bottom: 19px !important;
    font-family: "Rubik", sans-serif !important;
    color: #ffffff !important;
    font-size: 1.8em !important;
    font-weight: 300 !important;
    text-align: center !important;
}
.bloc4 {
    padding: 0px 0px !important;
    border-radius: 25px !important;
}
.bloc5 h3 {
    background-image: url(https://media.cdnws.com/_i/372119/RAW-160/1410/61/00fichier-201.png) !important;
    background-repeat: no-repeat !important;
    background-position: bottom left;
    padding-bottom: 46px !important;
    margin-bottom: 19px !important;
    font-family: "Rubik", sans-serif !important;
    color: #ee3f42 !important;
    font-size: 1.8em !important;
    font-weight: 300 !important;
    text-align: left !important;
}

.bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 150px !important;
}

a.btnn {
    background-color: #2b5ea3 !important;
    padding: 14px 23px !important;
    text-decoration: none!important;
    color: #ffff !important;
}

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

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

.reassurance__wrapper__item__text {
    color: #fff !important;
}

.reassurance__wrapper {
    padding: 39px 37px !important;
}
div#footer__newsletter {
    display: none !important;
}
.prod__shadow {
    box-shadow: 0px 0px 9px 1px #2b5ea326 !important;
}
.vign .wizi-img__content, .log- .wizi-img__content {
        transition: transform 1.4s !important;
}
.vign .wizi-img__content:hover, .log- .wizi-img__content:hover {
    transform: scale(1.1);
    /* filter: saturate(0.5); */
}
.bloc5 .wizi-imgtxt__left.wizi-imgtxt__left--small {
    transition: transform 1.4s !important;
}

.bloc5 .wizi-imgtxt__left.wizi-imgtxt__left--small:hover {
    transform: rotate(5deg);
}

.bloc3 .wizi-imgtxt__right.wizi-imgtxt__right--small:hover {
    transform: rotate(-5deg);
}

.bloc3 .wizi-imgtxt__right.wizi-imgtxt__right--small {
    transition: transform 1.4s !important;
}

span {}

.emergency-bar span {
    text-decoration: none !important;
}

.emergency-bar a {
    text-decoration: none !important;
}

.powered {
    background: #2b5ea3 !important;
    padding: 7px 20px !important;
    border-top: 3px solid #e25657;
}
a.btnn:hover {
    background-position: right center;
    background-size: 240% auto;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 1.5s infinite;
    transform: scale(0.98);
}

@keyframes pulse {

  0% {box-shadow: 0 0 1px 0 #2f5881;}

 30% {box-shadow: 0 0 0 10px #2f58814f;}

  60% {box-shadow: 0 0 0 11px #d06e7452;}
90% {box-shadow: 0 0 0 15px #ee010140;}
 
  100% {box-shadow: 0 0 0 0 #2f587f;}
}
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); */
}
nav.nav {
    background-color: #2b5ea3 !important;
}

.nav__itemlvl1 {
    color: #fff !important;
    font-weight: 500;
}

.nav__wrapper {
    padding: 7px  0px !important;
}

.nav__wrapper2 .nav__arrow {
    display: block !important;
}

.nav__arrow {
    right: -11px;
    border-top: 1px solid #ffffff !important;
    border-right: 1px solid #ffffff;
    border-color: #fff !important;
}

.header__relative {
    padding: 12px 40px !important;
}

/**************************** scrolling ***************************/
@media (max-width: 2100px) and (min-width: 1200px) {
   .bloc2 .wizi-imgtxt__right, .bloc4 .wizi-txt__item {
        padding: 24px;
        animation: top linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 25%;
    }
     .vign {
        animation: reveal linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 25%;
    }
      .bloc5 .wizi-imgtxt__wrap {
        animation: slide linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 45%;
    }
     .bloc3 .wizi-imgtxt__wrap {
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 50%;
    }
}
@keyframes reveal {
  
  from{
  transform: scale(0);
  opacity:0;
  }
  to {
  transform: scale(1);
  opacity:1;
  }
}
  @keyframes slide {
  from{
  transform: translateX(100%);
  opacity:0;
  }
  to {
  transform: translateX(0);
  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;
  }
}
  @keyframes top1 {
  from{
  transform: translateY(100%);
  opacity:0;
  }
  to {
  transform: translateY(0);
  opacity:1;
  }
}
    @keyframes bottom {
  from{
  transform: translateY(-100%);
  opacity:0;
  }
  to {
  transform: translateY(0%);
  opacity:1;
  }
}
/**************************** end scrolling ***************************/


/**************************** responsive ***************************/
@media (max-width: 767px) and (min-width: 320px) {
      .header__logo {
        padding: 4px 140px 7px 15px !important;
    }
.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
     padding: 30px 2px !important;
   }
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 5px !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 20px 20px !important;
  }
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 0px !important;
}
  .footer__wrapper__bloc {
    text-align: center !important;
}
  .log- .wizi-img__content:first-child {
    display: none !important;
}

.log- .wizi-img__content:last-child {
    display: none !important;
}
   .nav__itemlvl1 {
    color: #000 !important;
  }
  .header__relative {
    padding: 3px 10px !important;
}
      .header__cart__a {
        background-size: 30px !important;
    }
  .emergency-bar {
    padding: 8px 40px !important;
  }
  .header__logo__a {
    height: 49px !important;
}
  .bloc1 {
    padding: 0px 2px !important;
  }
  .bloc1 .wizi-wrapper--txt .wizi-txt__item:not(.wizi-txt__item wizi-txt__item--background) {
        padding: 0 3px !important;
    }
}
@media (max-width: 1023px) and (min-width: 768px) { 
.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 30px !important;
   }
      body.wiziblocks-on .prod .prod__article {
        width: 25% !important;
       
    }
  .bloc2 .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    display: block !important;
}

.bloc2 .wizi-imgtxt__left, .bloc2 .wizi-imgtxt__right {
    width: 100% !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 60px !important;
}
  .bloc3 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
    display: block !important;
}

.bloc3 .wizi-imgtxt__left, .bloc3 .wizi-imgtxt__right {
    width: 100% !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 60px 40px !important;
    }
  .bloc5 .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    display: block !important;
}

.bloc5 .wizi-imgtxt__left, .bloc5 .wizi-imgtxt__right {
    width: 100% !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 30px !important;
}
     .search {
    left: -142px !important;
}
  .header__cart__a {
    background-size: 32px !important;
}
  .nav__itemlvl1 {
    color: #000 !important;
  }
  .header__logo__a {
    height: 80px !important; 
}
}

@media (max-width: 1199px) and (min-width: 1024px) { 
.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
       padding: 50px 0px !important;
    }
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 20px !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 90px 50px !important;
  }
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 0px !important;
}
}

@media (max-width: 1399px) and (min-width: 1200px) {
.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 10px !important;
    }
.bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 30px !important;
}
.bloc4 .wiziblocks__item__maxWidth {
    background-color: #246dd0c2 !important;
    padding: 70px 40px !important;
 }
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 70px 40px !important;
   }
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 30px !important;
}

}

@media (max-width: 1600px) and (min-width: 1400px) {
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
     padding: 50px 20px !important;
 }
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 20px !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
     padding: 90px 50px !important;
 }
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 10px !important;
}
} 
  /**************************** end responsive ***************************/