@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&family=Karla:ital,wght@0,200..800;1,200..800&display=swap');
:root {
    --primary-color: #0090D4;
    --domi-color: #E1B669;
    --primary-color-hover: #E1B669;
}
body p{
  color: #000000 !important;
  font-family: "Karla", sans-serif;
  line-height: 30px !important;
}
h1{
 font-family: "El Messiri", sans-serif!important;
 font-weight: 400!important;
 color: #0090D4!important;
 font-size: 44px!important;
 line-height: 42px!important;
 background: url(https://media.cdnws.com/_i/372917/RAW-794/1042/96/motif.png) center bottom;
 background-size: auto;
 background-repeat:no-repeat;
 padding-bottom: 50px !important;
}
h2{
   font-family: "El Messiri", sans-serif!important;
   font-weight: 400!important;
   color: #0090D4!important;
   font-size: 34px!important;
   line-height: 35px!important;
   background: url(https://media.cdnws.com/_i/372917/RAW-794/1042/96/motif.png) left bottom;
   background-size: auto;
   background-repeat:no-repeat;
   padding-bottom: 30px !important;
   }
h3{
 font-family: "El Messiri", sans-serif!important;
 font-weight: 400!important;
 color: #0090D4!important;
 font-size: 29px!important;
 line-height: 35px !important;
 background: url(https://media.cdnws.com/_i/372917/RAW-794/1042/96/motif.png) left bottom;
 background-size: auto;
 background-repeat:no-repeat;
 padding-bottom: 30px !important;
}
h5{
   font-family: "El Messiri", sans-serif!important;
   color: #0090D4!important;
}
/************************ Partie header ****************************/
.body .header.header--fixed .header__account__a {
    background-image: url('https://media.cdnws.com/_i/372917/RAW-824/3449/27/compte.png') !important;
    background-size: contain !important;
    width: 35px;
    height: 35px;
    }
.body .header.header--fixed .header__cart__a {
    background-image: url("https://media.cdnws.com/_i/372917/RAW-823/1803/26/panier.png")!important;
    background-size: contain !important;
    width: 35px;
    height: 35px;
    }
.header--transparent.header--fixed .search--wrapper .search--input {
        border-color: #0190d6;
    }
.header--transparent.header--fixed .search--wrapper .back, .header--transparent.header--fixed .search--wrapper .front {
        background: #0190d6;
    }
.nav-perso-off .nav__maxWidth>.nav__itemlvl1{
 font-family:"Karla", sans-serif;
 text-transform: uppercase;
 font-weight: 500;
 color: #000!important;
}
.nav__itemlvl1 {
    color: #fff;
    font-size: 0.9rem;
    text-transform: uppercase;
    font-family:"Karla", sans-serif;
    font-weight: 500;
    margin-right: 18px !important;
}
 .header.header--fixed .nav__itemlvl1:hover {
        color: #023188 !important;
    }
  .header.new-menu.header--fixed.header--translate{
        top: 0;
        background: #ddc899 !important;
    }
   .page-homepage .header.new-menu.header--fixed{
        background: #ffffff;
        top: 0;
        color: #000;
   }
 .header.new-menu.header--fixed{
        background: #ddc899;
   }
      .wiziblocks__item.medium {
        margin: 0 0 0px;
    }
    .header.header--fixed .search--wrapper .search--input {
        border-color: #0090d4;
    }
.header.header--fixed .search--wrapper .back, .header.header--fixed .search--wrapper .front {
        background: #0090d4;
    }

    .header--transparent.header--fixed .nav .nav__itemlvl1 {
        color: #000;
    }
    .header.header--fixed .nav__itemlvl1 {
        color: #000 !important;
    }
.stylebnt {
    height: 40px;
    line-height: 40px !important;
    padding: 0 20px;
    border-radius: 0;
    text-transform: none;
    font-weight: 600;
    background-color: var(--primary-color);
    color: #fff !important;
    transition: .3s ease !important;
    margin-top: 30px;
    display: inline-block;
    text-decoration: none !important;
}
.stylebnt:hover {
    background-color: #E1B669;
}
.headertop{
  background:#023188;
  padding:20px 20px ;
  justify-content:center;
  width:100%;
}
/** partie top paypal **/
.p {
    display: flex;
    background-color: #023188 !important;
    justify-content: space-around;
    position: relative;
    padding: 10px 10px !important;
}
.top-t {
    color: #fff !important;
    position: relative;
    top: -11px !important;
    padding: 10px !important;
}

    .header.header--fixed {
        position: inherit;
      }
    body:not(.page-homepage).to-fixed {
         padding-top: 0px !important;
    }
/********************************** Fin Header **************************/

/******************************* hover image ********************************/
.blc01 img{
    transition: margin 0.3s ease-in-out;
}
.blc01 img:hover{margin-left:-15px;/* opacity: 0.8 !important; */filter: brightness(1.1);}
.blc02 img:hover {
    margin-top: -5px;
}
/*************************Fin image hover*******************************/

/******************* style produits ********************/
.produit .prod__shadow {
    border: 1px solid #ffffff !important;
    border-radius: 2px !important;
    box-shadow: 0px 0px 6px 1px #00000012 !important;
}
p.prod__price__cur {
    padding: 5px 20px !important;
    background-color: #ffffff!important;
    box-shadow: 2px 5px 6px 1px #0000004d !important;
    font-weight: normal;
    font-size: 13px !important;
    color: #010101 !important;
    border: 1px solid #000;
}
p.prod__price__cur:hover {
    background-color: #000!important;
    color:white!important
}
.prod__name__title{
  color:#000!important;
  font-size: 22px;
}
p.prod__price__cur {
    padding: 10px 25px !important;
    background-color: #0090d4 !important;
    box-shadow: 2px 5px 6px 1px #0000004d !important;
    font-weight: normal;
    font-size: 15px !important;
    color: #fff !important;
    background: #0090D4;
    border: 0px;
}
.produit .prod__shadow {
    border: 1px solid #c0c0c0 !important;
    border-radius: 2px !important;
    box-shadow: 0px 0px 6px 1px #00000012 !important;
    background: #fff;
}
/********************* Fin produit***************************/
/***************************** Partie pied du page Footer *******/
.footer {
    background: #0090D4;
    background-position: center;
    background-size: covet;
    background-repeat: no-repeat;
}
.footer__title {
    font-size: 1.6rem !important;
    font-family:'Prata', serif;
    color: #fff !important;
    display: block important;
}
.footer__wrapper__bloc__title {
    font-family: "Karla", sans-serif;
    font-size: 1.4rem !important;
    color: #fff !important;
    text-transform: uppercase;
}
.rea {
    width: 100%;
    background: #fff!important;
    border-top: 2px solid #a7a2a2 !important;
    margin: 0 auto;
    /* text-align: center; */
    margin-top: 30px;
}
.rea__item, .rea__item strong {
    color: #000!important;
    text-align: center;
    /* display: inline-block !important; */
}
.footer__info__text, .footer__link, .backTop__text {
    color: #fff !important;
}
.footer__bottom {
    border-top: 1px solid #3b665d!important;
}
.backTop__icon:after, .backTop__icon:before {
 border: 1px solid hsl(0deg 0% 0% / 70%)!important;
}
.backTop__icon__arrow:after, .backTop__icon__arrow:before {
  background: #000000!important;
}
.powered {
    background: #000000 !important;
}
.powered__p {
    color: #fff !important;
}
.footer__input {
    border: 1px solid #dce5e900;
    background: #2a262630;
    height: 50px;
    line-height: 40px;
    color: #10333f;
}
.footer__menu .footer__title {
    display: block;
  font-family:"El Messiri", sans-serif;
}
.footer__btn .hide {
  display: block;
  color: #000000;
}
.footer__rs__a.instagram {
    background: transparent no-repeat 100% url(https://media.cdnws.com/_i/368101/RAW-65/1818/65/insta.png);
    background-size: 25px;
}

/********************** fin footer **********************/
.nav__arrow {
    border-top: 1px solid #000000!important;
    border-right: 1px solid #000000!important;
    border-color: #000000!important;
    width: 6px!important;
    height: 6px!important;
    padding-right: 4% !important;
}
/*********** les bloc avec des fond image parallaxe **************/
.bgbloc .wiziblocks__item__maxWidth {
    padding: 100px 100px !important;
    background: #0090D4;
    background-position: center center;
    background-size: cover !important;
    background-repeat: no-repeat;
}
.bgbloc .wiziblocks__item__maxWidth h3{
background: url(https://media.cdnws.com/_i/372917/RAW-794/1042/96/motif.png) center bottom;
 background-size: auto;
 background-repeat:no-repeat;
 padding-bottom: 50px !important;
}
.produit .wiziblocks__item__maxWidth h3{
background: url(https://media.cdnws.com/_i/372917/RAW-794/1042/96/motif.png) center bottom;
 background-size: auto;
 background-repeat:no-repeat;
 padding-bottom: 50px !important;
}
.bgbloc5 .wiziblocks__item__maxWidth h3{
background: url(https://media.cdnws.com/_i/372917/RAW-794/1042/96/motif.png) center bottom;
 background-size: auto;
 background-repeat:no-repeat;
 padding-bottom: 50px !important;
}
.pagevente .wiziblocks__item__maxWidth h2{
background: url(https://media.cdnws.com/_i/372917/RAW-794/1042/96/motif.png) center bottom;
 background-size: auto;
 background-repeat:no-repeat;
 padding-bottom: 50px !important;
}
.pagevente .wiziblocks__item__maxWidth h3{
background: url(https://media.cdnws.com/_i/372917/RAW-794/1042/96/motif.png) center bottom;
 background-size: auto;
 background-repeat:no-repeat;
 padding-bottom: 50px !important;
}
.espacetext .wizi-wrapper.wizi-wrapper--imgtxt .wizi-imgtxt__right {
  padding:10px 20px;
}
.espacetext .wizi-wrapper.wizi-wrapper--imgtxt .wizi-imgtxt__right p {
  color: #606060;
}
.bgbloc .wizi-wrapper.wizi-wrapper--imgtxt .wizi-imgtxt__left p{
  color: #606060;
}
.bgbloc1 .wiziblocks__item__maxWidth{
    background-image: url(https://media.cdnws.com/_i/372917/RAW-795/1468/97/bgfond.png);
    background-size: cover;
    background-position: center;
    text-align: center;
    background-repeat: no-repeat;
  background-attachment:fixed;
    padding: 50px 50px;
}
.bgbloc1 .wizi-wrapper.wizi-wrapper--imgtxt .wizi-imgtxt__left p{
  color:#fff;
}
.bgbloc1 .wizi-wrapper.wizi-wrapper--imgtxt .wizi-imgtxt__left h3{
  color:#fff;
}
.bgbloc2 .wiziblocks__item__maxWidth{
    background-image: url(https://media.cdnws.com/_i/368101/RAW-45/2019/45/fondtext.png);
    background-size: cover;
    background-position: center;
    text-align: center;
    background-repeat: no-repeat;
    background-attachment:fixed;
    padding: 100px 100px;
}
.bgbloc2 .wiziblocks__item__maxWidth .wizi-txt.wizi-txt--one p{
  color:#fff;
}
.bgbloc2 .wiziblocks__item__maxWidth .wizi-txt.wizi-txt--one h3{
 background:url(https://media.cdnws.com/_i/368101/RAW-46/3356/46/picto.png) center bottom !important;
 background-size: auto!important;
 background-repeat:no-repeat!important;
 padding-bottom: 40px !important;
}
.bgproduit .wiziblocks__item__maxWidth .prod__titleList h3{
 background:url(https://media.cdnws.com/_i/368101/RAW-46/3356/46/picto.png) center bottom !important;
 background-size: auto!important;
 background-repeat:no-repeat!important;
 padding-bottom: 40px !important;
}
.bgh1 .wiziblocks__item__maxWidth{
   background: #ebe3d8;
   padding: 60px 20px;
}
.bgh1{
  background: #ebe3d8;
  padding: 20px 20px !important;
  padding-top: 20px !important;
}
.bgproduit .wiziblocks__item__maxWidth{
   padding: 20px 130px !important;
   background: #ebe3d8;
}
.bgvig .wiziblocks__item__maxWidth{
   padding: 60px 120px !important;
   background: #ebe3d8;
}
/********************** fin bloc fond ****************/

/**************------------- RESPONSIVE media -----------------**************/
@media (min-width: 320px) and (max-width: 767px)
 {
   .body .header.header--fixed .header__cart__a {
    margin-top: 10px !important;
}
   .bgbloc .wiziblocks__item__maxWidth {
     padding: 20px 30px !important;
   }
       .nav__itemlvl1 {
        background: #0090d4;
    }
       .header__checkbox--nav:checked~.header .header__nav {
        background: #0090d4;
    }
   .header__relative {
    background: #ddc899;
  }
     .bgbloc .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 15px 15px !important;
   }
   .bgproduit .wiziblocks__item__maxWidth {
    padding: 20px 20px !important;
   }
   .bgbloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 20px;
   }
   .bgbloc2 .wiziblocks__item__maxWidth {
    padding: 15px 15px;
  }
 }

@media (min-width: 768px) and (max-width: 1023px)
 {     .bgbloc2 .wiziblocks__item__maxWidth {
        padding: 15px 15px;
       }
      .bgbloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 20px;
   }
   .bgproduit .wiziblocks__item__maxWidth {
    padding: 20px 20px !important;
   }
   .bgbloc .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 15px 15px !important;
   }
   .header.header--fixed .header__relative {
        background: #ddc899;
    }
         .nav__itemlvl1 {
        background: #0090d4;
    }
       .header__checkbox--nav:checked~.header .header__nav {
        background: #0090d4;
    }
   .bgbloc .wiziblocks__item__maxWidth {
     padding:30px 30px;
   } 
 }

@media (min-width: 1024px) and (max-width: 1199px)
 {
   .bgbloc .wiziblocks__item__maxWidth {
     padding:50px 50px;
   } 
 }

@media (min-width: 1200px) and (max-width: 1400px)
 {
   .bgbloc .wiziblocks__item__maxWidth {
     padding:60px 60px;
   } 
 }

@media (min-width: 1024px) {
    .nav__maxWidth {
        gap: 15px;
    }
}

@media (min-width: 1600px) and (max-width: 2000px)
 {
    .bgbloc .wiziblocks__item__maxWidth {
     padding:80px 80p