@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

.header.header--fixed.header--notTranslate {
        top: 0px !important;
  padding: 30px 0px;
    }
.bloc1 {
    background-image: url(https://media.cdnws.com/_i/408314/RAW-42/3136/42/slider.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.lgg img:hover {
    transform: scale(1.1);
    filter: drop-shadow(2px 4px 6px black);
}
.lgg img {
transition: transform 0.8s !important;
}
a.lgg {
    display: block;
  transition: transform 0.8s !important;
}
.bloc1 .wiziblocks__item__maxWidth {
    background-color: #00000000 !important;
    padding: 238px 900px 210px 195px !important
}

.slider {
    display: none !important;
}
.bloc1 h1 {
    font-family: "Work Sans", sans-serif;
    color: #fff !important;
    padding: 30px 0px !important;
    font-size: 2.3em !important;
}

.bloc1 .wizi-txt__item {
    color: #ffff !important;
    background-image: url(https://media.cdnws.com/_i/408314/RAW-53/1726/53/motif2.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-position-y: 22%;
    background-size: auto;
    background-repeat: no-repeat;
    padding-left: 45px !important;
}

h2 {
    font-family: "Work Sans", sans-serif !important;
    color: #bd9027 !important;
    padding: 30px 0px !important;
    font-size: 1.9em !important;
}

.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-color: #bd9027 !important;
    padding: 20px 100px !important;
}

.bloc2 h2 {
    color: #000 !important;
}

.bloc2 .wizi-imgtxt__left {
    margin-top: -110px !important;
    margin-bottom: -110px !important;
}

div#\32 355c3b3-3a3c-4f0c-8867-f2c735c49708 {}

.bloc3 {
    background-color: #bd9027 !important;
}

.bloc3 h2 {
    color: #000 !important;
}

.bloc4 .wizi-txt__item:nth-child(1) {
    background-color: #00000036 !important;
    background-image: url(https://media.cdnws.com/_i/408314/RAW-49/1176/49/00fichier-40.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: auto;
}

.bloc4 .wizi-txt__item:nth-child(2) {
    background-color: transparent !important;
}

.bloc4 .wizi-txt__item {
    padding: 70px 70px !important;
    align-items: start;
    align-content: start;
}

.bloc4 h2 {
    color: #000 !important;
}
.footer__rs__a.facebook {
     filter: invert(1);
}
img.header__logo__a__img:hover, .header__logo img:hover {
    transform: scale(0.95);
    filter: drop-shadow(0px 2px 3px #00000080);
}
div#da10176d-13d6-4e59-bd09-4b6a0a050561 {
    margin: 0 0 0px !important;
}
.footer__rs__a.instagram {
     filter: invert(1);
}
img.header__logo__a__img, .header__logo img {
    transition: transform 0.8s !important;
    animation: flipInX;
    animation-duration: 3s;
}
.bloc5 {
    background-color: #bd9027 !important;
}
.prod-list .bloc--cat {
    margin-bottom: 26px !important;
}
.bloc5 h2 {
    color: #000 !important;
}

.bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 100px !important;
}

.bloc2 {
    z-index: 9 !important;
}

h1 {
    font-family: "Work Sans", sans-serif;
    color: #000000 !important;
    padding: 30px 0px !important;
}
.rea__item {
    padding: 20px 20px !important;
}

.rea {
    background-color: #ffffff;
}

.powered {
    background-color: #000000 !important;
    height: 35px !important;
    line-height: 35px !important;
}

.code {
    background-color: #00000047 !important;
    padding: 50px 110px !important;
    background-image: url(https://media.cdnws.com/_i/408314/RAW-45/2676/45/fond.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    background: linear-gradient(270deg, rgb(255 255 255 / 97%) 53%, rgb(255 255 255 / 82%) 100%), url(https://media.cdnws.com/_i/408314/RAW-61/1827/61/fond00.png);
}

.bloc3-3 {
    display: inline-flex;
    width: 100% !important;
}

.bl1 {
    padding: 225px 120px 80px 70px !important;
    width: 50% !important;
    display: block;
    background-image: url(https://media.cdnws.com/_i/408314/RAW-46/3394/46/motif.png) !important;
    background-position: top left;
    background-position-y: 36%;
    background-size: auto;
    background-repeat: no-repeat;
    padding-left: 40px !important;
}

.tx1, .tx2 {
    padding: 65px 40px;
    margin: 15px 5px !important;
}
.tx1 h3 {
    color: #fff !important;
}

.tx2 {
    color: #fff !important;
    background: linear-gradient(0deg, rgb(0 0 0 / 93%) 28%, rgb(0 0 0 / 70%) 69%, rgb(0 0 0 / 17%) 100%), url(https://media.cdnws.com/_i/408314/RAW-52/918/52/image2.png);
}
.tx1 {
    color: #fff !important;
    background: linear-gradient(0deg, rgb(0 0 0 / 93%) 28%, rgb(0 0 0 / 70%) 69%, rgb(0 0 0 / 17%) 100%), url(https://media.cdnws.com/_i/408314/RAW-51/1699/51/image22.png);
}

.bl2 {
    width: 50% !important;
    display: block;
}

.tx2 h3 {
    color: #eee !important;
}
.prod__shadow {
    box-shadow: 0px 0px 4px 1px #00000017 !important;
    margin: 5px 7px !important;
    border-radius: 5px !important;
}

.prd .wiziblocks__item__maxWidth {
    padding: 20px 40px 120px 40px !important;
}
.bloc2 .wizi-imgtxt__wrap {
    background-image: url(https://media.cdnws.com/_i/408314/RAW-46/3394/46/motif.png) !important;
    background-position: top left;
    background-position-y: 22%;
    background-size: auto;
    background-repeat: no-repeat;
    padding-left: 42px !important;
}

.bloc2 .wizi-imgtxt__right {
    padding: 20px 80px 20px 30px !important;
}

.bl1 h2 {
    color: #000 !important;
}

.bloc3 .wizi-imgtxt__right {
    padding: 20px 90px 20px 0px;
}

.bloc4 .wizi-txt__item:nth-child(3) {
    background-image: url(https://media.cdnws.com/_i/408314/RAW-48/775/48/image5.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
}

div#c8b32f7b-9096-47b0-b52a-373c0dfc763a {
    margin: 0 0 0px  !important;
}
.wrapper1{
  position: relative;
  left: 0%;
  transform: translate(-50%, 53%);
}
 
.wrapper1 a{
  display: block;
  width: 255px;
  padding: 1px 8px;
  line-height: 40px;
  font-size: 16px !important;
  text-decoration: none !important;
  color: #ffffff !important;
  border-top: 1px solid #e4b868a1;
  border-bottom: 1px solid #e4b868a1;
  letter-spacing: 0.1px;
  text-align: center;
  position: relative;
   transition: all .35s;
  background-color: #ffffff0a !important;
}
.wrapper1 a:hover:after{
  width: 100%;
}
.wrapper1 a span{
  position: relative;
  z-index: 999;
}
.wrapper1 a:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #ffbd4b1a;
  transition: all .35s;
  border-top: 1px solid #ffffff00;
  border-bottom: 1px solid #ffffff00;
}
.wrapper1 a:hover{
  color: #ffffff !important;
  border-top: 1px solid #00000000;
  border-bottom: 1px solid #00000000;
}

.wrapper2{
  position: relative;
  left: 50%;
  transform: translate(-50%, 64%);
}
 
.wrapper2 a{
  display: block;
  width: 255px;
  padding: 1px 8px;
  line-height: 40px;
  font-size: 16px !important;
  text-decoration: none !important;
  color: #ffffff !important;
  border-top: 1px solid #e4b868a1;
  border-bottom: 1px solid #e4b868a1;
  letter-spacing: 0.1px;
  text-align: center;
  position: relative;
  transition: all .35s;
  background-color: #ffffff0a !important;
}
.wrapper2 a:hover:after{
  width: 100%;
}
.wrapper2 a span{
  position: relative;
  z-index: 999;
}
.wrapper2 a:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #ffbd4b1a;
  transition: all .35s;
  border-top: 1px solid #ffffff00;
  border-bottom: 1px solid #ffffff00;
}
.wrapper2 a:hover{
  color: #ffffff !important;
  border-top: 1px solid #00000000;
  border-bottom: 1px solid #00000000;
}
.wrapper3{
  position: relative;
  left: 50%;
  transform: translate(-50%, 30%);
}
 
.wrapper3 a{
  display: block;
  width: 255px;
  padding: 1px 8px;
  line-height: 40px;
  font-size: 16px !important;
  text-decoration: none !important;
  color: #000000 !important;
  border-top: 1px solid #000000a1;
  border-bottom: 1px solid #000000a1;
  letter-spacing: 0.1px;
  text-align: center;
  position: relative;
  transition: all .35s;
  background-color: #ffffff1a !important;
}
.wrapper3 a:hover:after{
  width: 100%;
}
.wrapper3 a span{
  position: relative;
  z-index: 999;
}
.wrapper3 a:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #0000001a;
  transition: all .35s;
  border-top: 1px solid #ffffffc2;
  border-bottom: 1px solid #ffffffc2;
}
.wrapper3 a:hover{
  color: #000000 !important;
  border-top: 1px solid #00000000;
  border-bottom: 1px solid #00000000;
}
.bloc3 .wizi-imgtxt__wrap {
    background-image: url(https://media.cdnws.com/_i/408314/RAW-46/3394/46/motif.png) !important;
    background-position: top left;
    background-position-y: 32%;
    background-size: auto;
    background-repeat: no-repeat;
    padding-left: 32px !important;
}

.header__opacity {
    background: linear-gradient(180deg, rgb(0 0 0 / 96%) 0, #00000000) !important;
}
.footer__link {
    color: #000 !important;
}

.footer__btn {
    margin-right: 0px !important;
    padding: 0px 10px !important;
    background: #b79225;
}

.footer__btn .hide {
    color: #;
    color: #000 !important;
}

.footer__title {
    color: #000 !important;
}
.rs1 {
    width: 50%;
    margin: 0px auto;
    justify-content: center;
    position: relative;
    display: flex;
}

.rs {
    display: flex;
    justify-content: center;
    position: relative;
}

.lk {
    background-color: #bd90270a !important;
    text-align: center !important;
    box-shadow: 0px 0px 8px 1px #00000030 !important;
    border-radius: 5px !important;
    padding: 40px 20px;
}

div#\31 d3178d8-255c-44d7-88da-8ac2f2797b05 {
    padding: 30px 280px !important;
    margin: 0 0 10px !important;
}

.rs2 iframe {
    justify-content: center;
    position: relative;
    display: flex;
    margin: 0 auto;
    text-align: center;
    width: 500px !important;
}

.rs2 {
    width: 50%;
    margin: 0px auto;
    justify-content: center;
    position: relative;
    display: grid;
}

.prd .prod__price__cur {
    background-color: #000 !important;
    color: #fff !important;
    padding: 5px 10px !important;
}
/************************************* Responsive***********************************/
@media (max-width: 719px) and (min-width: 320px){
.bloc1 .wiziblocks__item__maxWidth {
     padding: 20px 20px 20px 20px !important;
}
  .bloc1 .wizi-txt__item {
    color: #ffff !important;
    background-image: url(https://media.cdnws.com/_i/408314/RAW-53/1726/53/motif2.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-position-y: 6%;
    background-size: auto;
    background-repeat: no-repeat;
    padding-left: 25px !important;
}
  .bloc1 h1 {
         font-size: 1.8em !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 20px 0px 20px 0px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 0px !important;
}
  .bloc2 .wizi-imgtxt__left {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
  .bloc2 .wizi-imgtxt__right {
    padding: 20px 10px 20px 10px !important;
}
  .bloc2 .wizi-imgtxt__wrap {
    background-position-y: 5%;
    padding-left: 21px !important;
}
  .code {
    padding: 50px 10px !important;
}
   .bloc3-3 {
    display: block;
}
    .tx1, .tx2 {
    padding: 55px 20px;
    margin: 15px 0px !important;
}
  .bl1, .bl2 {
    width: 100% !important;
  }
  .bl1 {
    padding: 25px 30px 30px 20px !important;
    background-position-y: 18%;
}
    .bloc3 .wizi-imgtxt__right {
    padding: 20px 10px 40px 10px;
}
    .bloc4 .wizi-txt__item {
    padding: 30px 20px !important;
}
    .bloc4 .wizi-txt__item:nth-child(3){
        display: none !important;
    }
       div#\31 d3178d8-255c-44d7-88da-8ac2f2797b05 {
    padding: 30px 5px !important;
}
  .rs {
    display: block;
}
  .rs1 {
    width: 100%;
    padding: 20px;
}
  .rs2 {
    width: 100%;
    padding: 0px;
}
    .lk {
    padding: 30px 10px;
}
    .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 8px !important;
}
    .bloc5 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 78.946% !important;
}
  .wrapper3 {
    margin-bottom: 46px !important;
}
  .wrapper1 {
    margin-bottom: 30px !important;
}
  .prd .wiziblocks__item.width-large.wiziblocks__item--fullpage {
    padding: 0 6px !important;
}
  .rea__item {
    padding: 20px 20px 20px 70px !important;
}
}

@media (max-width: 1023px) and (min-width: 720px){
.bloc1 .wiziblocks__item__maxWidth {
    padding: 98px 50px 90px 50px !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 0px 0px 10px 0px !important;
}
  .bloc2 .wizi-imgtxt {
    display: block !important;
}

.bloc2 .wizi-imgtxt__left, .bloc2 .wizi-imgtxt__right {
    width: 100% !important;
}
  .bloc2 .wizi-imgtxt__left {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 20px !important;
}
  .code {
    padding: 20px 50px !important;
}
  .bloc3-3 {
    display: block;
}
  .bl1, .bl2 {
    width: 100% !important;
  }
  .bl1 {
    padding: 25px 30px 30px 70px !important;
}
  .bloc3 .wizi-imgtxt {
    display: block !important;
  }
  .bloc3 .wizi-imgtxt__left, .bloc3 .wizi-imgtxt__right {
    width: 100% !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt.wizi-wrapper--imglarge {
    padding: 40px 40px !important;
}
  .bloc4 .wizi-txt__item:nth-child(3) {
    display: none !important;
}
  div#\31 d3178d8-255c-44d7-88da-8ac2f2797b05 {
    padding: 30px 30px !important;
}
  .rs {
    display: block;
}
  .rs1 {
    width: 100%;
    padding: 20px;
}
  .rs2 {
    width: 79%;
    padding: 20px;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px !important;
}
  .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 20px 0px 20px 20px;
}
  .bloc5 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 83.946% !important;
}
}
@media (max-width: 1199px) and (min-width: 1024px){
.bloc1 .wiziblocks__item__maxWidth {
    padding: 168px 120px 150px 105px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px !important;
}
  .bloc2 .wizi-imgtxt__right {
    padding: 0px 30px 10px 0px !important;
}
  .code {
    padding: 20px 30px !important;
}
  .bl1 {
    padding: 225px 30px 80px 70px !important;
    width: 50% !important;
    background-position-y: 28%;
}
  .tx1, .tx2 {
    padding: 45px 20px;
}
  .bloc3 .wizi-wrapper--imglarge .wizi-imgtxt__right {
        width: 51.34% !important;
    }
  .bloc3 .wizi-imgtxt__right {
    padding: 0px 30px 0px 0px;
}
  .bloc4 .wizi-txt__item {
    padding: 10px 20px !important;
}
  div#\31 d3178d8-255c-44d7-88da-8ac2f2797b05 {
    padding: 30px 20px !important;
}
  .lk {
    padding: 40px 0px;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 10px !important;
}
  .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 77.946%;
}
  .bloc5 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 77.946% !important;
}
}
@media (max-width: 1399px) and (min-width: 1200px){
.bloc1 .wiziblocks__item__maxWidth {
    padding: 208px 220px 150px 125px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 10px !important;
}
  .bloc2 .wizi-imgtxt__right {
    padding: 0px 20px 0px 0px !important;
}
  .bloc2 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--large:before {
    padding-top: 94% !important;
}
  .code {
    padding: 50px 40px !important;
}
  .tx1, .tx2 {
    padding: 54px 20px;
}
  .bl1 {
    padding: 275px 30px 80px 70px !important;
    background-position-y: 39%;
    padding-left: 40px !important;
}
  .bloc3 .wizi-imgtxt__right {
    padding: 0px 30px 0px 0px;
}
  .bloc3 .wizi-wrapper--imglarge .wizi-imgtxt__left--small:before {
    padding-top: 64.214% !important;
}

.bloc3 .wizi-wrapper--imglarge .wizi-imgtxt__left {
    width: 54.66% !important;
}

.bloc3 .wizi-wrapper--imglarge .wizi-imgtxt__right {
    width: 41.34% !important;
}
  .bloc4 .wizi-txt__item {
    padding: 20px 20px !important;
}
  div#\31 d3178d8-255c-44d7-88da-8ac2f2797b05 {
    padding: 30px 50px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 20px !important;
}
  .bloc5 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 74.946% !important;
}
}
@media (max-width: 1599px) and (min-width: 1400px){
.bloc1 .wiziblocks__item__maxWidth {
    padding: 198px 330px 170px 195px !important;
}
  .bloc2 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--large:before {
    padding-top: 96% !important;
}
  .bloc2 .wizi-imgtxt__right {
    padding: 20px 0px 20px 30px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 50px !important;
}
  .code {
    padding: 50px 60px !important;
  }
  .tx1, .tx2 {
    padding: 55px 20px;
    margin: 15px 5px !important;
}
  .bloc3 .wizi-imgtxt__right {
    padding: 20px 40px 20px 0px;
}
  .bloc3 .wizi-wrapper--imglarge .wizi-imgtxt__right {
        width: 41.34% !important;
    }
  .bloc3 .wizi-wrapper--imglarge .wizi-imgtxt__left--small:before {
    padding-top: 43.214% !important;
}
  .bloc4 .wizi-txt__item {
    padding: 20px 30px !important;
 }
  div#\31 d3178d8-255c-44d7-88da-8ac2f2797b05 {
    padding: 30px 130px !important;
}
  .lk {
    padding: 20px 20px;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 60px !important;
}
  .bloc5 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 66.946% !important;
}
}
@media (max-width: 1800px) and (min-width: 1600px){
.bloc1 .wiziblocks__item__maxWidth {
    padding: 170px 510px 210px 195px !important;
}
  .bloc2 .wizi-imgtxt__right {
    padding: 20px 10px 20px 30px !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 20px 40px 70px 40px !important;
}
  .code {
    padding: 50px 60px !important;
}
  .bloc3 .wizi-imgtxt__right {
    padding: 20px 60px 20px 0px;
}
  div#\31 d3178d8-255c-44d7-88da-8ac2f2797b05 {
    padding: 30px 180px !important;
}
  .bloc5 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 59.946% !important;
}
}
@media (max-width: 2020px) and (min-width: 1801px) {
    .header--transparent.header--fixed .header__logo img {
        max-height: 114px !important;
    }
}
/**************************** Scrolling *************************/
@media (max-width: 2100px) and (min-width: 1200px) {
.bloc2 .wizi-imgtxt__wrap, .bloc3 .wizi-imgtxt__wrap, .bloc4 .wizi-txt__item:nth-child(1), .bloc5 .wizi-imgtxt__wrap{
       animation: slide linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 20%;
}
.bloc2 .wizi-imgtxt__left, .bl1, .bloc4 .wizi-txt__item:nth-child(2){       
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 20%;
    }
 .prd h2, .tx1 h3, .tx2 h3{
         animation: reveal linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 20%;
              
    }
{        animation: top linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 15%;
    }
}
@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 *************************/

@media (min-width: 720px) {
    .header.header--fixed .header__logo img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 85px;
    }
}

/*PA*/
p.Insta a {
    color: white !important;
    text-decoration: inherit !important;
    background: url(https://media.cdnws.com/_i/408314/91/2045/91/insta.png) left center no-repeat;
    padding: 10% 0 10% 7%;
}

p.YT a {
    color: white !important;
    text-decoration: inherit !important;
    background: url(https://media.cdnws.com/_i/408314/90/511/90/youtube.png) left center no-repeat;
    padding: 10% 0 10% 7%;
}

p.Insta {
    margin-bottom: 30px !important;
}

.bloc2 .wiziBtn__wrapper a {
    background: black !important;
}