@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
h1 {
    font-family: "Open Sans", sans-serif !important;
    text-align: center !important;
    font-size: 2.4rem !important;
    font-weight: 700 !important;
    color: #f29100 !important;
}
    .nav-perso-off .nav__label .nav__a {
        color: #000 !important;
         }
h2 {
    font-family: "Open Sans", sans-serif !important;
    font-size: 1.9rem !important;
    font-weight: 700 !important;
    color: #133d68 !important;
    padding: 20px 0px !important;
}

h3 {
    font-family: "Open Sans", sans-serif !important;
    font-size: 1.7rem !important;
    font-weight: 700 !important;
    color: #f29100 !important;
    padding: 20px 0px !important;
}
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 100px !important;
}
.bloc2 {
    background-image: url(https://media.cdnws.com/_i/375663/RAW-1177/1264/78/para1.png) !important;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}

.bloc2 .wiziblocks__item__maxWidth {
    background-color: #633b0045 !important;
    padding: 80px 150px !important;
}

.bloc2 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:first-child {
    background-color: #fff !important;
    padding: 50px 60px !important;
}

.bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 80px !important;
}
.wiziblocks__item .wizi-form .form .form__fieldset {
        margin-bottom: 15px !important;
    }
.bloc4 {
    background-image: url(https://media.cdnws.com/_i/375663/RAW-1176/659/77/para2.png) !important;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}

.bloc4 .wiziblocks__item__maxWidth {
    background-color: #0000000a !important;
    padding: 80px 150px !important;
}

.bloc4 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:first-child {
    background-color: #fff !important;
    padding: 50px 60px !important;
}

a.btn {
    background-color: #f19203 !important;
    color: #fff !important;
    padding: 12px 20px !important;
    display: block;
    width: 215px !important;
    margin: 0 auto;
    margin-bottom: 30px !important;
    text-decoration: none !important;
    font-size: 1.19rem !important;
    transition: transform .8s !important;
}
a.btn:hover {
  background-color: #133d68 !important;
  transform: scale(1.1);
  box-shadow: 0px 0px 10px 1px #e84e1b6e !important;
}
.rea {
    background-color: #f29100 !important;
}

.rea__item {
    padding: 18px 15px !important;
}

form#footer__newsletter {
    display: none !important;
}

.footer__title {
    color: #e84e1b !important;
    font-size: 1.2rem;
}

.footer__link {
    color: #000 !important;
}

.footer__info__text {
    color: #000 !important;
}

.footer {
    background: #ffffff !important;
    padding: 46px 20px 0;
}

.backTop__text {
    color: #000 !important;
}

.backTop__icon {
    background-color: #f2910066 !important;
    border-radius: 50px !important;
}

.footer__bottom {
    border-top: 1px solid #f291009c;
}

.powered {
    padding: 8px 40px !important;
    border-top: 2px solid #f29100;
    background: #000000;
}

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

.rea__item {
    color: #fff !important;
}

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

.nav__itemlvl1 {
    color: #fff !important;
}

.nav__arrow {
    border-top: 1px solid #ffffff !important;
    border-right: 1px solid #ffffff !important;
    border-color: #fff !important;
}
.header__account__a {
    background-image: url(https://media.cdnws.com/_i/375663/RAW-1180/95/81/00fichier-41.png) !important;
    background-size: auto;
}

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

.header__cart__a {
    background-image: url(https://media.cdnws.com/_i/375663/RAW-1179/2044/80/00fichier-51-copie.png) !important;
    height: 45px !important;
    background-size: auto !important;
}

.header__cart {
    width: 45px !important;
    height: 45px !important;
}
.search--wrapper label .hidden {
    color: #f29100 !important;
}
.prod__shadow {
    box-shadow: 0px 0px 7px 1px #f2910024 !important;
}
.search--wrapper .search--input {
    border: 2px solid #f29100 !important;
    background: #fff0 !important;
}

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

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

.search--wrapper .search--input {
    color: #000000 !important;
} 
.prd p.prod__price__cur {
    background-color: #f29100 !important;
    color: #fff !important;
    padding: 8px 25px !important;
    border-radius: 20px !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);
}
img.footer__logo__a__img {
    width: 80% !important;
}
.vign .wizi-img__content {
    transition: transform .8s !important;
}

.vign .wizi-img__content:hover {
    transform: scale(1.2);
    filter: brightness(0.9);
}
.footer__wrapper {
    width: 80% !important;
}




/********************** Responsive ************************/
@media (max-width: 767px) and (min-width: 320px) {
 .nav__itemlvl1 {
    color: #000 !important;
}
  .header__cart__a {
    height: 53px !important;
}
      .header__nav__icon__span {
        background: #f29100 !important;
    }
  .header__logo__a {
        height: 50px !important;
}
  .prd body.wiziblocks-on .prod .prod__article {
    margin: 0 0 13px 0 !important;
  }
  .bloc2 .wiziblocks__item__maxWidth {
    padding: 40px 20px !important;
}
  .bloc2 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:first-child {
    background-color: #fff !important;
    padding: 20px 15px !important;
}
      .bloc2 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:not(:first-child) {
        margin-top: 0px;
    }
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 40px 16px !important;
}
 .bloc4 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:first-child {
    padding: 20px 15px !important;
}
  .bloc4 {
    background-position: left;

}
  .vign .wizi-img--triple.wizi-img--small .wizi-img__content:before {
    padding-top: 93.81% !important;
}
  .rea__item {
    padding: 15px 10px 15px 69px !important;
}
  .footer__menu {
    padding: 0 0px 0 0 !important;
}
.footer__bloc {
    text-align: center !important;
}
  .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px !important;
}
}

@media (max-width: 1023px) and (min-width: 768px) {
.header {
        padding: 0 0px !important;
    }
    
  .bloc1 .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    display: block !important;
}

.bloc1 .wizi-imgtxt__right, .bloc1 .wizi-imgtxt__left {
    width: 100% !important;
}
 
   .bloc1 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium:before {
    padding-top: 39% !important;
}
  .bloc1 img.wizi-img__item.lazyloaded {
        min-width: 50% !important;
    min-height: 50% !important;
    max-width: 62% !important;
  }
  .bloc1 .wizi-imgtxt__right {
    text-align: center !important;
}
   .bloc2 .wiziblocks__item__maxWidth {
    padding: 40px 60px !important;
}
      .bloc2 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:first-child, .bloc4 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:first-child {
         width: 100% !important;
    }
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 20px !important;
    text-align: center;
}
  .bloc3 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium:before {
    padding-top: 48% !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 50px 70px !important;
}
  .bloc3 .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    display: block !important;
}

.bloc3 .wizi-imgtxt__right, .bloc3 .wizi-imgtxt__left {
    width: 100% !important;
}

.bloc3 img.wizi-img__item.lazyloaded {
    min-width: 80% !important;
    min-height: 100% !important;
    max-width: 60% !important;
}
      .header__logo {
      padding: 6px 230px !important;
      
    }
  .bloc4 {
    background-position: right;
}
  .header__cart {
    height: 95px !important;
}

.header__logo__a {
    height: 74px !important;
}

.header__nav__icon__span {
    background: #f29100 !important;
}

body.wiziblocks-on .prod .prod__article {
    width: 25% !important;
}

.vign .wizi-img--triple.wizi-img--small .wizi-img__content:before {
    padding-top: 99.81% !important;
}

.footer__menu.footer__bloc.margin.log {
    width: 100% !important;
}

img.footer__logo__a__img {
    width: 25% !important;
}

.footer__wrapper {
    width: 100% !important;
}
  .nav__itemlvl1 {
    color: #000 !important;
}
  .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 40px !important;
}
}

@media (max-width: 1199px) and (min-width: 1024px) {
.header {
        padding: 0 0px !important;
    }
      .nav-perso-off .nav__itemlvl1 {
             padding: 6px  !important;
          }
      .nav-perso-off .nav__label {
        margin: 0 3px 0 0 !important;
            }
  .nav__itemlvl1 {
        font-size: 0.9rem !important;
  }
  .bloc1 .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    display: block !important;
}

.bloc1 .wizi-imgtxt__right, .bloc1 .wizi-imgtxt__left {
    width: 100% !important;
}
 
   .bloc1 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium:before {
    padding-top: 39% !important;
}
  .bloc1 img.wizi-img__item.lazyloaded {
        min-width: 50% !important;
    min-height: 50% !important;
    max-width: 62% !important;
  }
  .bloc1 .wizi-imgtxt__right {
    text-align: center !important;
}
   .bloc2 .wiziblocks__item__maxWidth {
    padding: 60px 50px !important;
}
      .bloc2 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:first-child, .bloc4 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:first-child {
         width: 130% !important;
    }
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 70px !important;
}
  .bloc3 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium:before {
    padding-top: 48% !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 50px 60px !important;
}
  .bloc3 .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    display: block !important;
}

.bloc3 .wizi-imgtxt__right, .bloc3 .wizi-imgtxt__left {
    width: 100% !important;
}

.bloc3 img.wizi-img__item.lazyloaded {
    min-width: 80% !important;
    min-height: 100% !important;
    max-width: 60% !important;
}
      .header__logo {
      padding: 6px 230px !important;
      
    }
  .bloc4 {
    background-position: right;
}
  .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 50px !important;
}
}

@media (max-width: 1399px) and (min-width: 1200px) {
.bloc1 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium:before {
    padding-top: 82% !important;
}
  .bloc2 .wiziblocks__item__maxWidth {
    padding: 80px 120px !important;
}
      .bloc2 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:first-child, .bloc4 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:first-child {
         width: 130% !important;
    }
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px !important;
}
  .bloc3 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium:before {
    padding-top: 82% !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 60px 90px !important;
}
      .header {
        padding: 0 0px !important;
}
      .nav-perso-off .nav__label {
           margin: 0 6px 0 0 !important;
         }
  .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 20px !important;
}
}

@media (max-width: 1600px) and (min-width: 1400px) {
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 20px !important;
}
  .bloc2 .wiziblocks__item__maxWidth {
    padding: 40px 40px !important;
}
  .bloc2 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:first-child {
    padding: 40px 40px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 50px 40px !important;
}
      .header {
        padding: 0 0px;
    }
}


/******* end ************/



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

@media (max-width: 2100px) and (min-width: 1200px) {
  .bloc1 .wizi-imgtxt__left.wizi-imgtxt__left--medium, .bloc3 .wizi-imgtxt__left.wizi-imgtxt__left--medium, a.btn {
        animation: reveal linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 35%;
    }
     .bloc2 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:first-child, .bloc4 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:first-child {
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 35%;
    }
      .bloc1 h2, .bloc3 h3 {
        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**********/