@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Patrick+Hand&display=swap');
:root {
    --primary-color: #A1161F;
    --domi-color: #606060;
    --primary-color-hover: #606060;
}
body p{
  color: #000;
  font-family: "Open Sans", sans-serif;
  line-height: 30px !important;
}
h1{
 font-family: "Patrick Hand", cursive;
 font-weight: 400!important;
 color: #A1161F!important;
 font-size: 44px!important;
 line-height: 42px!important;
 background: url(https://media.cdnws.com/_i/368105/RAW-146/761/47/iconh.png) center bottom;
 background-size: auto;
 background-repeat:no-repeat;
 padding-bottom: 50px !important;
}
h2{
   font-family: "Patrick Hand", cursive;
   font-weight: 400!important;
   color: #606060!important;
   font-size: 34px!important;
   line-height: 35px!important;
   background: url(https://media.cdnws.com/_i/368105/RAW-146/761/47/iconh.png) left bottom;
   background-size: auto;
   background-repeat:no-repeat;
   padding-bottom: 45px !important;
   }
h3{
 font-family: "Patrick Hand", cursive;
 font-weight: 400!important;
 color: #A1161F!important;
 font-size: 29px!important;
 line-height: 35px !important;
 background: url(https://media.cdnws.com/_i/368105/RAW-146/761/47/iconh.png) left bottom;
 background-size: auto;
 background-repeat:no-repeat;
 padding-bottom: 40px !important;
}
h5{
   font-family:"Patrick Hand", cursive;
   color: #a1161f !important;
}
/************************ Partie header ****************************/
.body .header.header--fixed .header__account__a {
    background-image: url('https://media.cdnws.com/_i/368105/RAW-151/3626/52/compte.png') !important;
     background-size: contain !important;
    }
.body .header.header--fixed .header__cart__a {
    background-image: url("https://media.cdnws.com/_i/368105/RAW-150/441/51/panier.png")!important;
    background-size: contain!important;
    width: 33px;
    height: 29px;
    }
.nav-perso-off .nav__maxWidth>.nav__itemlvl1{
 font-family:"Open Sans", sans-serif;
 text-transform: uppercase;
 font-weight: 500;
 color: black;
}
.nav__itemlvl1 {
    color: #606060 !important;
    font-size: 0.9rem;
    text-transform: uppercase;
    font-family:"Open Sans", sans-serif;
    font-weight: 500;
    margin-right: 18px !important;
}
 .header.header--fixed .nav__itemlvl1:hover {
        color: #dabf4c !important;
    }
  .header.new-menu.header--fixed.header--translate{
        /* top: 0; */
        background: #faebd7 !important;
    }
   .page-homepage .header.new-menu.header--fixed{
        /* background: #ffffff; */
   }

@media (min-width: 1024px) {
     .header.new-menu.header--translate{
        background: #faebd7;
   }
    .page-homepage .header--transparent.header--fixed {
        background-color: transparent;}}


      .wiziblocks__item.medium {
        margin: 0 0 0px;
    }
.header.header--fixed{
  /* position: initial !important; */
}
.header__opacity {
        /* z-index: 1; */
        width: 100%;
        height: 0;
        /* position: absolute; */
        display: block;
        top: 0;
        left: 0;
        background: none;
        background: -o-linear-gradient(top, rgba(0, 0, 0, .5) 0, transparent 100%);
        background: none;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(0,0,0,.5)",endColorstr="rgba(0,0,0,0)",GradientType=0);
    }
  .header--transparent.header--fixed .search--wrapper .search--input {
        border-color: #9f1a1e !important;
    }
  .header--transparent.header--fixed .search--wrapper .back, .header--transparent.header--fixed .search--wrapper .front {
        background: #9e121e !important;
    }
  .header__wrapper {
   z-index: 999999999999 !important;
   }
    .header.header--fixed .search--wrapper .back, .header.header--fixed .search--wrapper .front {
       
      background: #a1161f !important;
    }
    .header.header--fixed .search--wrapper .search--input {
        border-color: #a1161f !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:#606060!important;
  font-size: 22px;
}
p.prod__price__cur {
    padding: 10px 25px !important;
    background-color: #a1161f !important;
    box-shadow: 2px 5px 6px 1px #0000004d !important;
    font-weight: normal;
    font-size: 15px !important;
    color: #fff !important;
    /* background-image: linear-gradient(to right, #f6df66, #ddab19); */
    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: #A1161F;
    background-position: center;
    background-size: covet;
    background-repeat: no-repeat;
}
.footer__title {
    font-size: 1.1rem !important;
    font-family:"Patrick Hand", cursive;
    color: #fff !important;
    display: block important;
}
.footer__wrapper__bloc__title {
    font-family: "Open Sans", sans-serif;
    font-size: 1.4rem !important;
    color: #fff !important;
    text-transform: uppercase;
}
.rea {
    width: 100%;
    background: #000!important;
    border-top: 2px solid #989590 !important;
}
.rea__item, .rea__item strong {
    color: #fff!important;
    text-align: center;
    /* display: inline-block !important; */
}
.footer__info__text, .footer__link, .backTop__text {
    color: #fff !important;
}
div#\33 22564f3-84eb-40b0-b579-a783da125977 .wizi-imgtxt__right.wizi-imgtxt__right--small {
    opacity: 0;
}
.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;
}
.footer__input {
    border: 1px solid #dce5e900;
    background: #ffffff30;
    height: 50px;
    line-height: 40px;
    color: #10333f;
}
.footer__menu .footer__title {
    display: block;
  font-family:"Patrick Hand", cursive;
}
.footer__btn .hide {
  display: block;
  color: #ffffff;
}
.footer__rs__a.facebook {
    background: transparent no-repeat 100% url(https://media.cdnws.com/_i/368105/RAW-147/2496/48/fb.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{
    padding: 100px 100px !important;
    background: url(https://media.cdnws.com/_i/368105/RAW-169/1755/70/clocher-de-ste-marie-de-re.jpeg);
    background-position: center center;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-attachment:fixed;
}
.bgbloc .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 15px 100px !important;
    background: url('https://media.cdnws.com/_i/368105/RAW-149/3994/50/fondcolor.png');
    background-position: center center;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-attachment:fixed;
    margin-bottom: 30px !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: #ffffff;
}
.bgbloc1 .wiziblocks__item__maxWidth{
    background:#A1161F;
    background-size: cover;
    background-position: center;
    text-align: center;
    background-repeat: no-repeat;
    padding: 60px 60px;
    margin-top: 60px;
}
.bgbloc1 .wiziblocks__item__maxWidth .wizi-txt.wizi-txt--double .wizi-txt__item p{
  color:#fff;
}
div#d1e56d03-5948-462f-a5a4-fc60931b1aae {
    background: #a41522;
    color: white;
}

div#\38 15e5300-314f-4b6a-8c8c-8f68992a020d {
    background: antiquewhite;
    padding: 10px;
    border-radius: 30px;
}

div#\38 b142dfb-36ee-4846-8bba-afee63b4d2af div {
    background: transparent;
}

div#\38 b142dfb-36ee-4846-8bba-afee63b4d2af {
    background: antiquewhite;
    padding: 10px!important;
}
.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;
}
.bgcontact .wiziblocks__item__maxWidth .wizi-txt.wizi-txt--one h3{
 background:url(https://media.cdnws.com/_i/368105/RAW-146/761/47/iconh.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/368105/RAW-146/761/47/iconh.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)
 {
   .bgbloc .wiziblocks__item__maxWidth {
     padding:20px 20px;
   }
       .nav__itemlvl1 {
        background: #A1161F;
        color: #fff !important;
    }
       .header__checkbox--nav:checked~.header .header__nav {
        background: #A1161F;
    }
   .header__relative {
    background: #faebd7;
  }
     .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: #faebd7;
    }
         .nav__itemlvl1 {
        background: #A1161F;
        color: #fff !important;
    }
       .header__checkbox--nav:checked~.header .header__nav {
        background: #A1161F;
    }
   .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: 1600px) and (max-width: 2000px)
 {
    .bgbloc .wiziblocks__item__maxWidth {
     padding:80px 80p}
 }

@media (min-width: 720px) {
    .header.header--fixed .header__logo img { max-height:100px} 
    .header.header--fixed { background:antiquewhite}
    .page-homepage .header.header--fixed {background: transparent;}
}

/*POPUP*/
@media (max-width:720px) {

div#popup div {
    top: 30vw !important;
    left: 0 !important;
    transform: initial !important;
}

    }