@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
h1 {
    font-family: "Poppins", sans-serif !important;
    font-weight: 700 !important;
    padding: 20px 0px !important;
    font-size: 2.5em !important;
}

div#\39 cb69a02-d431-40ae-bff3-a9f657c6de87 {
    padding: 0px 300px;
}

.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 40px 190px 90px 190px !important;
    background-image: url(https://media.cdnws.com/_i/406386/RAW-88/2078/88/motif.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff !important;
}
.page-homepage .body__global {
    background-color: #ffffff !important;
    background-image: url(https://media.cdnws.com/_i/406386/RAW-89/3825/89/00fichier-130.png);
    background-repeat: no-repeat !important;
    background-position: top !important;
    background-size: cover;
    background-attachment: fixed !important;
}
.page-homepage .body__wrapper__maxWidth {
    background-color: transparent;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}
.bloc1 {
    background-color: transparent !important;
}

.bloc1 h1 {
    color: #fff !important;
}

.header__content {
    background-color: rgb(255 255 255 / 40%) !important;
}

.header.new-menu {
    /* background-color: transparent !important; */
}

.header__relative {
    /* background-color: transparent; */
}

h2 {
    font-family: "Poppins", sans-serif !important;
    font-weight: 600 !important;
    padding: 30px 0px !important;
    font-size: 2.2em !important;
}
.bloc2 h3 {
    position: relative;
    background-color: #257cc1d9 !important;
    color: #fff !important;
    padding: 17px 0px !important;
    border-radius: 15px;
    font-weight: 500 !important;
    top: -170px !important;
    display: block !important;
    min-width: 78% !important;
    width: 200px !important;
    margin: 4px auto !important;
}
.prod__shadow {
    box-shadow: 0px 0px 6px 1px #00b4e829 !important;
    border-radius: 10px !important;
}

.prd .wiziblocks__item__maxWidth {
 padding: 50px 60px !important;
}

 

.bl1 {
    padding: 70px 190px !important;
    border-radius: 20px !important;
    box-shadow: 0px 0px 21px 2px #00000021 !important;
    background-image: url(https://media.cdnws.com/_i/406386/RAW-91/1617/91/fond.png);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    text-align: center;
}

div#ca2d1014-02dd-40c6-975c-a78931ca9064 {
    padding: 57px 80px !important;
    margin: 0 0 0px !important;
}

.bloc3 h2 {
    color: #262d60 !important;
}

.bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 140px 50px !important;
}
img.footer__logo__a__img:hover, .header__logo img:hover {
    transform: scale(0.95);
    filter: brightness(0.9);
}
img.footer__logo__a__img, .header__logo img {
     transition: transform 1.4s !important; 
  animation: fadeInDown;
    animation-duration: 2s;
}
.bloc1 .wizi-imgtxt__right.wizi-imgtxt__right--medium {
    animation: bounceInDown;
    animation-duration: 2s;
}
.bloc6 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-color: #00b4e81f !important;
    padding: 10px 0px !important;
}

.bloc6 h2 {
    color: #262d60 !important;
}
.bloc2 .wizi-img__content:nth-child(4) {
    display: none;
}

.bloc2 .wizi-wrapper.wizi-wrapper--img {
    padding: 20px 140px !important;
}

.bloc2 .wizi-img--quadruple .wizi-img__content {
    width: 33.33% !important;
    margin: 5px 10px !important;
    transition: transform 1s !important;
}

.bloc4 .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 50px !important;
}
.bloc4 .wizi-img__content:hover, .bloc5 .wizi-img__content:hover {
    transform: scale(0.95);
    filter: drop-shadow(2px 2px 6px #00000060);
}

.bloc2 .wizi-img__content:hover {
    transform: scale(0.95);
    filter: drop-shadow(2px 2px 6px #00000060);
}
.bloc4 .wizi-img--triple.wizi-img--small .wizi-img__content:before, .bloc5 .wizi-img--triple.wizi-img--small .wizi-img__content:before {
    padding-top: 88.81% !important;
}

.bloc4 .wizi-img__content, .bloc5 .wizi-img__content {
    height: 285px;
    transition: transform 1s !important;
}

.bloc5 .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 50px 120px 50px !important;
}

.bloc6 .wizi-imgtxt__left {
    padding: 0px 0px 20px 140px !important;
}

.bloc6 .wizi-imgtxt__right {
    margin-top: -100px !important;
}

.bloc6 {
    z-index: 999 !important;
}

.bloc7 h2 {
    color: #262d60 !important;
}

.bloc7 .wiziblocks__item__maxWidth {
    padding: 50px 150px !important;
    background-image: url(https://media.cdnws.com/_i/406386/RAW-91/1617/91/fond.png);
    background-position: top;
    background-size: auto;
    background-repeat: no-repeat;
}

.bloc7 .wizi-txt__item:nth-child(2) {
    align-content: center !important;
    padding: 30px 50px !important;
}

.bloc8 .wiziblocks__item__maxWidth {
    padding: 60px 170px !important;
    /* background-color: #e0f6fc !important; */
    /* background-image: url(https://media.cdnws.com/_i/406386/RAW-91/1617/91/fond.png); */
    /* background-position: top; */
    /* background-size: auto; */
    /* background-repeat: no-repeat; */
    text-align: center;
}

.rea {
    background-color: #00b4e8;
}

.rea__item {
    padding: 20px 20px !important;
    color: #fff !important;
}



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

.header__logo {
    padding: 10px 210px;
}
a.bt:hover{
    transform: rotateX(360deg);
    background-color: #00b4e83d !important;
}
a.bt {
    transition: transform .8s !important;
    background-color: #ffffff29 !important;
    text-decoration: none !important;
    padding: 13px 20px !important;
    color: #ffffff !important;
    display: block;
    width: 260px;
    text-align: center;
}
a.bt2:hover {
 transform: rotateX(360deg);
 background-color: #00b4e87d !important;
}

a.bt2 {
    transition: transform .8s !important;
    background-color: #00b4e8 !important;
    text-decoration: none !important;
    padding: 13px 20px !important;
    color: #ffffff !important;
    display: block;
    width: 260px;
    text-align: center;
}

.footer__title {
    font-family: "Poppins", sans-serif !important;
    color: #000 !important;
    font-size: 1.5em !important;
    text-transform: inherit !important;
}

.footer__link {
    color: #000 !important;
}

.footer__info__text {
    color: #000 !important;
}

.footer__desc {
    color: #000 !important;
}

.backTop__text {
    color: #000 !important;
}

.powered {
    padding: 11px 40px !important;
    background: #257cc1 !important;
}

.backTop__icon {
    background-color: #00000030 !important;
    border-radius: 50% !important;
}

.footer {
    background: #fff !important;
}
.form__field.form__field--mail.form__field--required {}

.form__field {
}
div#\36 69a709a-f638-452b-a850-b9ab69fefbfb {
    margin: 0px 0 0px !important;
}
.form__text {
    background: #ffffff;
    box-shadow: 0px 0px 5px 1px #0000001a !important;
}

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

.powered__p {
    color: #fff !important;
}
.eyUDVT {
    padding: 40px 360px !important;
}
/************************* responsive*************************/
@media (max-width: 719px) and (min-width: 320px){
    .page-homepage .body__wrapper__maxWidth {
        background-color: transparent;
    }
  .header__logo {
    padding: 10px 20px;
}
      .page-homepage .body__wrapper {
        background: transparent !important;
    }
  .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 40px 0px 90px 0px !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 20px 0px !important;
}
  .bl1 {
    padding: 30px 20px !important;
}
  div#ca2d1014-02dd-40c6-975c-a78931ca9064 {
    padding: 30px 15px !important;
    margin: 0 0 0px !important;
}
  h2 {
    font-size: 1.6em !important;
}
  h1 {
    font-size: 2.1em !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 10px !important;
}
  .bloc2 .wizi-img--quadruple .wizi-img__content {
    width: 100% !important;
    margin: 5px 0px !important;
}
      .bloc2 .wizi-img__content {
        height: 235px;
    }
  .bloc2 h3 {
    position: relative;
    background-color: #257cc1d9 !important;
    color: #fff !important;
    padding: 13px 0px !important;
    border-radius: 15px;
    font-weight: 500 !important;
    top: -123px !important;
    display: block !important;
    min-width: 92% !important;
    width: 200px !important;
    margin: 4px auto !important;
    font-size: 1.3em !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px !important;
}
  .bloc4 .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 0px !important;
}
  .bloc4 .wizi-img__content, .bloc5 .wizi-img__content {
    height: 135px;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--img {
    padding: 20px 0px 120px 0px !important;
}
  .bloc6 .wizi-imgtxt__left {
    padding: 0px 15px 20px 15px !important;
    text-align: center;
}
  .bloc6 .wizi-imgtxt__right {
    margin-top: 0px !important;
}
  .bloc7 .wiziblocks__item__maxWidth {
    padding: 30px 0px !important;
}
  .bloc7 .wizi-txt__item:nth-child(2) {
    padding: 10px 10px !important;
}
  .bloc8 .wiziblocks__item__maxWidth {
    padding: 50px 20px !important;
}
  .form__button {
    margin-bottom: 20px !important;
}
  .rea__item {
    padding: 20px 20px 20px 70px !important;
  }
  .footer__bloc {
    text-align: center !important;
}
  .bloc7 .wizi-wrapper--txt .wizi-txt__item {
        padding: 0 0px !important;
    }
  .bloc3 .wizi-imgtxt__right {
       padding: 10px 10px 30px 10px !important;
  }
  .eyUDVT {
    padding: 20px 0px !important;
}
   .page-homepage .header__nav__icon__span {
    background: #000 !important;
  }
}

@media (max-width: 1023px) and (min-width: 720px){
  .header__logo__a {
    height: 74px !important;
}
  .page-homepage .header__nav__icon__span {
    background: #ffffff !important;
  }
.page-homepage .body__wrapper{
    background: transparent !important;
}
  .page-homepage .body__wrapper__maxWidth {
    background-color: transparent;
}
  .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 50px 90px 50px !important;
}
  .bloc1 .wizi-imgtxt {
    display: block !important;
}

.bloc1 .wizi-imgtxt__left, .bloc1 .wizi-imgtxt__right {
    width: 100% !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 20px 0px !important;
}
  div#ca2d1014-02dd-40c6-975c-a78931ca9064 {
    padding: 40px 20px !important;
}
  .bl1 {
    padding: 40px 30px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 10px !important;
}
      .bloc2 .wizi-img__content {
        height: 185px;
    }
.bloc2 h3 {
    position: relative;
    background-color: #257cc1d9 !important;
    color: #fff !important;
    padding: 6px 0px !important;
    border-radius: 15px;
    font-weight: 500 !important;
    top: -111px !important;
    display: block !important;
    min-width: 70% !important;
    width: 176px !important;
    margin: 4px auto !important;
    font-size: 1em !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px !important;
}
  .bloc3 .wizi-imgtxt {
    display: block !important;
}

.bloc3 .wizi-imgtxt__left, .bloc3 .wizi-imgtxt__right {
    width: 100% !important;
}
  .bloc4 .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 0px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 0px 20px 0px !important;
}
  .bloc4 .wizi-img__content, .bloc5 .wizi-img__content {
    height: 203px;
}
  .bloc6 .wizi-imgtxt {
    display: block !important;
  }
  .bloc6 .wizi-imgtxt__left, .bloc6 .wizi-imgtxt__right {
  width: 100% !important;
  }
  .bloc6 .wizi-imgtxt__right {
    margin-top: 0px !important;
}
  .bloc6 .wizi-imgtxt__left {
    padding: 0px 80px 20px 80px !important;
}
  .bloc7 .wiziblocks__item__maxWidth {
    padding: 50px 30px !important;
}
  .bloc7 .wizi-txt__item:nth-child(2) {
    padding: 30px 10px !important;
}
  .bloc8 .wiziblocks__item__maxWidth {
    padding: 40px 10px !important;
}
      .form__fieldset {
        margin-bottom: 10px !important;
    }
      body.wiziblocks-on .prod .prod__article {
        width: 25% !important;
        padding: 0 6px !important;
    }
  .eyUDVT {
    padding: 20px 70px !important;
}
}
@media (max-width: 1199px) and (min-width: 1024px){
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px 60px 0px !important;
}
  .bloc1 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 20px 0px 20px 20px !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 50px 10px !important;
}
  div#ca2d1014-02dd-40c6-975c-a78931ca9064 {
    padding: 27px 30px !important;
}
  .bl1 {
    padding: 50px 20px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 0px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px !important;
}
  .bloc2 .wizi-img__content {
    height: 317px;
}
  .bloc2 h3 {
    position: relative;
    background-color: #257cc1d9 !important;
    color: #fff !important;
    padding: 17px 0px !important;
    border-radius: 15px;
    font-weight: 500 !important;
    top: -150px !important;
    display: block !important;
    font-size: 1.4em !important;
    min-width: 88% !important;
    width: 200px !important;
    margin: 4px auto !important;
}
  .bloc3 .wizi-imgtxt__right {
    padding: 20px 20px 20px 0px;
}
  .bloc4 .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 0px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 0px 120px 0px !important;
}
  .bloc4 .wizi-img__content, .bloc5 .wizi-img__content {
    height: 222px;
}
  .bloc6 .wizi-imgtxt__left {
    padding: 0px 0px 20px 20px !important;
}
  .bloc7 .wiziblocks__item__maxWidth {
    padding: 40px 0px !important;
}
  .bloc8 .wiziblocks__item__maxWidth {
    padding: 60px 40px !important;
}
  .eyUDVT {
    padding: 20px 150px !important;
}
}
@media (max-width: 1399px) and (min-width: 1200px){
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px 60px 20px !important;
}
 .bloc1 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 20px 10px 20px 20px !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 30px 20px !important;
}
  .bl1 {
    padding: 40px 30px !important;
}
  div#ca2d1014-02dd-40c6-975c-a78931ca9064 {
    padding: 50px 40px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 0px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px !important;
}
  .bloc4 .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 0px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 0px 120px 0px !important;
}
  .bloc4 .wizi-img__content, .bloc5 .wizi-img__content {
    height: 237px;
}
  .bloc6 .wizi-imgtxt__left {
    padding: 0px 0px 20px 20px !important;
}
  .bloc6 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--medium:before {
    padding-top: 82.715% !important;
}
  .bloc7 .wiziblocks__item__maxWidth {
    padding: 50px 0px !important;
}
  .bloc8 .wiziblocks__item__maxWidth {
    padding: 50px 50px !important;
}
  .eyUDVT {
    padding: 20px 220px !important;
}
}
@media (max-width: 1599px) and (min-width: 1400px){
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 70px 90px 60px !important;
}
  .bl1 {
    padding: 70px 90px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--img {
    padding: 20px 0px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 40px !important;
}
  .bloc4 .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 0px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 0px 120px 0px !important;
}
  .bloc6 .wizi-imgtxt__left {
    padding: 0px 0px 20px 90px !important;
}
  .bloc7 .wiziblocks__item__maxWidth {
    padding: 50px 20px !important;
}
  .bloc8 .wiziblocks__item__maxWidth {
    padding: 60px 50px !important;
}
  .eyUDVT {
    padding: 20px 200px !important;
}
}
@media (max-width: 1800px) and (min-width: 1600px){
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 80px 90px 80px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 50px !important;
}
  .bloc7 .wiziblocks__item__maxWidth {
    padding: 50px 80px !important;
}
  .bloc8 .wiziblocks__item__maxWidth {
    padding: 60px 90px !important;
}
  .eyUDVT {
    padding: 20px 210px !important;
}
}
@media (max-width: 2020px) and (min-width: 1024px){
.nav {
    background-color: #00b4e8;
    width: 100% !important;
    min-width: 100%;
    padding: 5px 0 !important;
}
      .header {
        padding: 0 0px !important;
    }
  .nav__itemlvl1 {
    color: #fff !important;
}

}
@media (max-width: 2020px) and (min-width: 720px){
.header.new-menu {
    background-color: transparent !important;
}
  .header__content {
   background-color: rgb(255 255 255 / 40%) !important;
}
  .header__relative {
    background-color: transparent;
}
 .page-homepage .header__cart__a, .page-homepage .header__account__a {
    filter: invert(1) !important;
}
  .page-homepage .search--wrapper label .hidden {
    color: #fff !important;
}
  .page-homepage .search--wrapper .search--input {
   background: #ffffff00;
  }
  .page-homepage .search--wrapper .search--input:focus {
    color: #fff !important;
  }
 .page-homepage .search--fieldset {
           box-shadow: 0px 0px 3px 3px #ffffff17 !important;
        border-radius: 30px !important;
}
   .search--fieldset {
           box-shadow: 0px 0px 3px 3px #00b4e81c !important;
        border-radius: 30px !important;
}
   .page-homepage .search--wrapper .close span {
        background: #ffffff !important;
  }
  .page-homepage .search--wrapper .search--input {
        border: 2px solid #ffffff;
  }
 .page-homepage .search--input::placeholder {
    color: #fff !important;
  }
}
/*********************** end responsive*********************/

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

@media (max-width: 2100px) and (min-width: 1200px) {
.bloc6 .wizi-imgtxt__right, .bloc7 .wizi-txt__item:nth-child(2){
       animation: slide linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
}
 .bloc7 .wizi-txt__item:nth-child(1){
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }
.prd h2,.bl1 h2, .bloc3 .wizi-imgtxt__left, .bloc8 .wizi-formImg, .bloc2 .wizi-wrapper.wizi-wrapper--img{
        animation: reveal linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
              
    }
.bloc3 .wizi-imgtxt__right, .bloc4 .wizi-wrapper.wizi-wrapper--img, .bloc5 .wizi-wrapper.wizi-wrapper--img{
        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**********/