@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');
:root {
    --primary-color: #EA4D1B;
    --domi-color: #000;
    --primary-color-hover: #EA4D1B;
}
.checkout__index:hover {
    background: #EA4D1B!important;
}
.nav__wrapper2 a:hover, a.nav__itemlvl1:hover{
  font-weight: 550 !important;
  color: var(--primary-color);
}
body, p{
  font-family: 'Roboto', sans-serif;
  color:#000!important;
  font-size:16px;
}
button, html, input, select, textarea{
font-family: 'Roboto', sans-serif;
}
.powered__p{
  color:#fff!important;
}
h1{font-family: 'Poppins', sans-serif!important;font-weight: 600!important;color: #EA4D1B!important;font-size:45px!important;line-height: 1;}
h2{font-family: 'Poppins', sans-serif!important;font-weight: 600!important;color: #000!important;font-size:35px!important;line-height: 35px!important;}
h3{font-family: 'Poppins', sans-serif!important;font-weight: 600!important;color: #000!important;font-size:30px!important;line-height: 35px !important;}
.styleh3{
 font-size: 20px!important;
 line-height: 25px !important;
}
.nav-perso-off .nav__maxWidth>.nav__itemlvl1{
    font-family: 'Roboto', sans-serif!important;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--primary-color);
}
.nav__itemlvl1 {
    color: var(--primary-color-hover);
    font-size: 0.9rem;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif!important;
    font-weight: 500;
    margin-right: 25px !important;
}
.nav__wrapper {
    background: white;
}
.nav-perso-on .nav {
    padding: 0px 0!important;
}
.nav, .nav__wrapper {
margin:0 0!important;
  max-width: none !important;
}
/******************************* hover image ********************************/
.blc01 img{
    transition: margin 0.3s ease-in-out;
}
.blc01 img:hover{
margin-left:-15px;
}
.blc02 img:hover {
    margin-top: -5px;
}
/**********************************/
/******************* style produits ********************/
.produit .prod__shadow {
    border: 1px solid #eee !important;
    border-radius: 20px !important;
    box-shadow: 0px 0px 6px 1px #00000012 !important;
}
p.prod__price__cur {
    padding: 7px 24px !important;
    background-color: #EA4D1B !important;
    box-shadow: 2px 2px 6px 1px #0000004d !important;
    font-weight: normal;
    font-size: 13px !important;
    color:#fff !important;
}
p.prod__price__cur:hover {
    background-color: #ea4d1bb8 !important;
}
/**********/
.bgbloctitre .wiziblocks__item__maxWidth {
    background-color: #ffffff;
    padding: 40px 20px;
    text-align: center;
    color:#000 !important;
}
.bgbloc .wiziblocks__item__maxWidth {
    background-color: #ffffff;
    padding: 30px 60px;
    text-align: center;
    color:#000 !important;
}
.bgbloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-image: url(https://media.cdnws.com/_i/354416/RAW-127/3659/28/fond1.png);
    background-size: cover;
    background-position: right;
    color: #fff!important;
    padding: 25px 200px;
    /* text-align: center; */
    background-repeat: no-repeat;
}
.bgbloc1 .wizi-imgtxt__left.wizi-imgtxt__left--medium, .bgbloc2 .wizi-imgtxt__right.wizi-imgtxt__right--medium{
  height:0;
}
.bgbloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-image: url(https://media.cdnws.com/_i/354416/RAW-128/933/29/fond2.png);
    background-size: cover;
    background-position: center;
    color: #000!important;
    padding: 20px 200px;
    /* text-align: center; */
}
.bgbloc2 .wizi-wrapper.wizi-wrapper--imgtxt .wizi-imgtxt__wrap h2 , .bgbloc2 .wizi-wrapper.wizi-wrapper--imgtxt .wizi-imgtxt__wrap p{
  color:#fff!important;
}
.bgbloc1 .wizi-wrapper.wizi-wrapper--imgtxt .wizi-imgtxt__wrap h2 , .bgbloc1 .wizi-wrapper.wizi-wrapper--imgtxt .wizi-imgtxt__wrap p{
  color:#fff!important;
}
.bgbloc3 .wiziblocks__item__maxWidth{
    background-image: url(https://media.cdnws.com/_i/354416/RAW-129/1151/30/bg.png);
    background-size: cover;
    background-position: center;
    color: #000!important;
    padding: 4px 345px;
    /* text-align: center; */
}
.bgbloc .wiziblocks__item__maxWidth .wizi-wrapper.wizi-wrapper--txt p{color:#000 !important;text-align: left;text-align: justify;/* min-height: 5px; */}
.fondbg .wizi-wrapper {
    background-image: url(https://media.cdnws.com/_i/353091/RAW-68/233/68/fond.png);
    background-size: cover;
    background-position: center;
    color: #fff!important;
    padding: 200px 100px;
}
.bgbloc .wizi-txt__item{
  background-color: #E8E8E8;
  border-radius: 15px;
  padding: 15px 15px!important;
  color: #000 !important;
  box-shadow: 0px 0px 6px 1px #00000012 !important;
  margin: 5px 15px;
}
.bgbloc .wizi-txt__item:hover {
    transition: 0.8s ease-out;
    box-shadow: #00000038 10px 10px 10px;
    transform: translateY(10px);
}
.wizi-txt__item h3{
  color:#EA4D1B!important;
}
.wizi-txt__item p{
  color:#000!important;
}
.stylebnt{
     background:#EA4D1B;
     padding: 7px 50px;
     border: 1px solid #EA4D1B;
     color: #fff;
     -ms-transform: scale(1.2);
     -webkit-transform: scale(1.2);
     transform: scale(0.9);
     box-shadow: 7px -5px 0px 0px #000000 !important;
}
.stylebnt:hover {
    background: #ea4d1bb0;
    padding: 7px 50px;
    border: 1px solid #EA4D1B;
    color: #000;
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(0.9);
    box-shadow: 7px -5px 0px 0px #0000008f !important;
}
.footer__wrapper__bloc__title {
    font-family: 'Cinzel', serif!important;
    font-size: 1.4rem !important;
    color: #071C3E !important;
    text-transform: uppercase;
}
.footer {
    background-color:#fff;
    background-position: center;
    background-size: cover;
}
.rea {
    width: 100%;
    background: #000 !important;
}
.rea__item, .rea__item strong {
    color: #ffffff !important;
}
.rea__item.rea__item {
    display: flex;
}
span.rea__link {
    display: block;
    position: relative;
    left: 11px !important;
    top: 9px !important;
    text-align: left;
}
.footer__title {
  font-size: 1.4rem !important;
  font-family: 'Poppins', sans-serif!important;
  color:#000!important;
}
.footer__info__text, .footer__link, .backTop__text {
    color: #000 !important;
    font-family: 'Roboto', sans-serif;
}
.footer__bottom {
    border-top: 1px solid #000000 !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;
}
.nav__sublevel .nav__flex.ps {
    max-height: inherit!important;
}
.nav__arrow {
    border-top: 1px solid #EA4D1B!important;
    border-right: 1px solid #EA4D1B!important;
    border-color: #EA4D1B!important;
    width: 6px!important;
    height: 6px!important;
}
.nav-perso-on .nav__arrow {
    right: 15px !important;
}
.margin-top-wiziblocks #c1-body .body__wrapper--withoutPadding .wiziblocks__item.margin-top-small{
       margin-top:0px!important; 
}
.flexbloc{
  display: flex;
}
.wizi-img--triple.wizi-img--picto .wizi-img__content {
    margin: 2px !important;
}
footer img{
  width: 265px;
}
.flexbloc img{
  max-height: 26px;
    padding-right: 5px;
}
.wiziblocks__item--fullpage.bgbloc1{
    background: #000!important; 
}
.header{
  padding:0 0px !important;
}
/******************** media *********************/
@media (min-width: 300px) and (max-width: 600px)
{  
  .nav__itemlvl1 {
    background: #e84e1e;
}
  .styleh3{
 font-size: 14px!important;
 line-height: 20px !important; 
}
  .bgbloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 5px 5px;
}
 .bgbloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 5px 5px;
}
 .bgbloc3 .wiziblocks__item__maxWidth{
   padding: 20px 20px;
 }
 .bgbloc .wiziblocks__item__maxWidth{
     padding: 5px 5px;
     padding-left: 0px !important;
  }
  h1 {
    font-size: 27px !important;
    padding-bottom: 5px !important;
    line-height: 29px!important;
}
  h2 {
    font-size: 23px!important;
    line-height: 27px !important;
}
    h3 {
    font-size: 22px!important;
    line-height: 28px !important;
}
  .nav__itemlvl1 {
    color: #ffffff!important;
    font-size: 0.9rem;
    padding: 5px 5px !important;
}
 .header__checkbox--nav:checked~.header .header__nav {
    background: #000;
}
}
@media (min-width:610px) and (max-width:1024px)
{
    .nav__itemlvl1 {
    background: #e84e1e !important;
}
 .bgbloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 15px 15px;
}
 .bgbloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 15px 15px;
}
 .bgbloc3 .wiziblocks__item__maxWidth{
   padding: 20px 20px;
 }
  h1 {
    font-size: 30px !important;
    padding-bottom: 5px !important;
    line-height: 29px!important;
}
  h2 {
    font-size: 27px!important;
    line-height: 30px;
}
    h3 {
    font-size: 25px!important;
    line-height: 30px;
}
  .nav__itemlvl1 {
    color: #ffffff!important;
    font-size: 0.6rem;
    padding: 5px 5px !important;
}

}
@media (min-width: 760px) and (max-width: 1000px)
{.footer__menu {
    width: 22% !important;
}
.footer__title {
    font-size: 1.0rem !important;
}
   .header__logo__a {
    height: 90px;
}
}

.custombutton {
  border: none;
  color: #fff;
  background-image: linear-gradient(30deg, #EA4D1B, #C39C42);
  border-radius: 20px;
  background-size: 100% auto;
  font-family: inherit;
  font-size: 17px;
  padding: 0.6em 1.5em;
 }
 
 .custombutton:hover {
  background-position: right center;
  background-size: 200% auto;
  -webkit-animation: pulse 2s infinite;
  animation: pulse512 1.5s infinite;
 }
 
 @keyframes pulse512 {
  0% {
   box-shadow: 0 0 0 0 #000000;
  }
 
  70% {
   box-shadow: 0 0 0 10px rgb(218 103 68 / 0%);
  }
 
  100% {
   box-shadow: 0 0 0 0 rgb(218 103 68 / 0%);
  }
 }


.state>span {
    background: #EA4D1B;
}


.discoverbutton, p.prod__price__cur {
  border: none;
  color: #fff;
  background-image: linear-gradient(30deg, #EA4D1B, #C39C42);
  border-radius: 20px;
  background-size: 100% auto;
  font-family: inherit;
  font-size: 17px;
  padding: 0.6em 1.5em;
 }
 
 .discoverbutton:hover,  .prod__price__cur:hover {
  background-position: right center!important;
  background-size: 200% auto!important;
  -webkit-animation: pulse 2s infinite!important;
  animation: pulse513 1.5s infinite!important;
 }
 
 @keyframes pulse513 {
  0% {
   box-shadow: 0 0 0 0 #ea4d1b;
  }
 
  70% {
   box-shadow: 0 0 0 10px rgb(218 103 68 / 0%);
  }
 
  100% {
   box-shadow: 0 0 0 0 rgb(218 103 68 / 0%);
  }
 }