@import url('https://fonts.googleapis.com/css2?family=Fugaz+One&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');
h1 {
    font-size: 2.3em !important;
    font-weight: 500 !important;
    color: #788954 !important;
    padding: 20px 0px !important;
}

h2 {
    font-size: 2.1em !important;
    font-weight: 500 !important;
    color: #788954 !important;
    padding: 20px 0px !important;
}
 h3 {
    font-size: 2.1em !important;
    font-weight: 600 !important;
    color: #788954 !important;
    padding: 20px 0px !important;
}

.vign h3, .vign2 h3 {
    font-size: 2.1em !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    padding: 20px 0px !important;
}

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

.bloc4 h2 {
    color: #ffffff !important;
    padding: 20px 0px !important;
    text-align: center !important;
}

a.btn1 {
    color: #788954 !important;
    font-weight: 500 !important;
    padding: 13px 15px !important;
    text-align: center !important;
    display: block;
    width: 305px !important;
    background-color: #78895421 !important;
    box-shadow: 0px 0px 5px 1px #0000002b !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    transition: transform 2s !important;
}

.prd {
    background-color: #e0af584a !important;
}

.prd .wiziblocks__item__maxWidth {
    background-color: transparent;
    padding: 25px 50px 55px 50px !important;
}

.vign .wizi-txt__item:nth-child(1) {
    /* background-image: url(https://media.cdnws.com/_i/388801/RAW-62/3125/62/bg1.png) !important; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
    color: #000000 !important;
    padding: 50px 20px !important;
    align-content: end !important;
}
.vign .wizi-txt__item:nth-child(2) {
    background-image: url(https://media.cdnws.com/_i/404361/RAW-94/454/94/arts-de-la-table.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
    color: #fff !important;
    padding: 50px 20px !important;
    align-content: end !important;
}
.vign .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item, .vign2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item {
    margin: 5px 10px !important;
}
.vign .wizi-txt__item:nth-child(3) {
    background-image: url(https://media.cdnws.com/_i/404361/RAW-95/3897/95/objets-d-arts.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
    color: #fff !important;
    padding: 50px 20px !important;align-content: end !important;
}

.vign2 .wizi-txt__item:nth-child(1) {
    background-image: url(https://media.cdnws.com/_i/404361/RAW-96/2435/96/objets-de-collection.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
    color: #fff !important;
    padding: 50px 20px !important;align-content: end !important;
}
.vign2 .wizi-txt__item:nth-child(2) {
    background-image: url(https://media.cdnws.com/_i/404361/RAW-97/2099/97/bouquinerie.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
    color: #fff !important;
    padding: 50px 20px !important;align-content: end !important;
}
.vign2 .wizi-txt__item:nth-child(3) {
    background-image: url(https://media.cdnws.com/_i/404361/RAW-110/1573/11/bijoux.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
    color: #fff !important;
    padding: 50px 20px !important;
    align-content: end !important;
}


.bloc2 .wizi-imgtxt__right {
    background-color: #e0af58 !important;
    height: 100%;
}

.bloc4 {
    background-image: url(https://media.cdnws.com/_i/404361/RAW-111/340/12/fond-panomo.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.bloc4 .wiziblocks__item__maxWidth {
    background-color: #000000bd !important;
    padding: 50px 50px !important;
}

.bloc4 .wizi-txt__item {
    color: #fff !important;
    text-align: center;
    padding: 60px 20px !important;
}

img.lg {
    filter: invert(0);
    width: 260px !important;
    padding: 20px 20px;
  transition: transform 2s !important;
}
img.lg:hover {
    transform: rotateX(360deg);
    filter: drop-shadow(1px 2px 3px #fff);
}
.wid {
    width: 100% !important;
    display: flex;
    max-width: 100%;
}

.ins {
    background-color: #788954;
    width: 50% !important;
    text-align: center;
    padding: 20px 20px;
}

.avi {
    background-color: #e0af58;
    width: 50% !important;
    text-align: center;
    padding: 20px 20px;
}

.ins h2 {
    color: #fff !important;
}

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

.bloc6 h2 {
    color: #fff !important;
}

.bloc6 {
    text-align: center;
    display: block;
    !i;!;
    width: 96% !important;!i;!;
    padding: 40px 50px !important;!i;!;
    !i;!;
    !i;!;
     */
    background-color: #ffffff0a !important;
    background: linear-gradient(79deg, #788954, #788954, #96922c, #e0af58, #e0af58, #788954);
    background-size: 1800% 1800%;
    -webkit-animation: bt 7s ease infinite;
    -z-animation: bt 7s ease infinite;
    -o-animation: bt 7s ease infinite;
    animation: bt 7s ease infinite;
    !i;!;
}
@-webkit-keyframes bt {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes bt {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes bt {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes bt { 
    0%{background-position:0% 82%}
    50%{background-position: 100% 44%;}
    100%{background-position:0% 82%}
}

a.btnv {
    background-color: #000000ad;
    padding: 13px 20px;
    display: block;
    width: 250px;
    text-align: center;
    text-decoration: none !important;
    color: #fff !important;
    transition: transform 1.3s !important;
}



.bloc6 .wiziblocks__item__maxWidth {
    background-color: transparent;
    color: #fff !important;
    padding: 0px 100px !important;
}
a.btt {
    background-color: #fff;
    padding: 13px 20px;
    display: block;
    width: 230px;
    margin: 0 auto;
    text-decoration: none !important;
    transition: transform 1.3s !important;
}

.reassurance {
    background-color: #788954;
}

.reassurance__wrapper {
    padding: 20px 40px;
    background-color: #788954;
}
.reassurance__wrapper__item__text {
    color: #fff !important;
}

.reassurance__wrapper__item__text strong {
    color: #fff !important;
}

.reassurance__wrapper__item__icon {
    color: #ffffff;
}

.footer__wrapper {
    background-color: #fff !important;
    padding: 30px 180px;
}
.header__logo img {
    transition: transform 1.4s !important;
}

.header__logo img:hover {
    transform: rotateY(360deg);
}
.footer__wrapper__bloc--newsletter__title {
    text-transform: inherit !important;
    color: #000 !important;
    font-family: "Playfair Display", serif !important;
}
.prd .prod__shadow {
    box-shadow: 0px 0px 8px 1px #00000024 !important;
    background-color: #fff !important;
}
.footer__wrapper__bloc__title {
    color: #000 !important;
}

.footer__wrapper__bloc__ul__li__link {
    color: #000 !important;
}
a.btn1:hover {
    transform: rotateX(360deg);
}

a.btnv:hover {
    transform: rotateX(360deg);
}

a.btt:hover {
    transform: rotateX(360deg);
}

.bloc1 {
    padding: 40px 70px !important;
}

.bloc3 {
    padding: 50px 70px !important;
}

.bloc5 {
    padding: 50px 70px !important;
}

.vign, .vign2 {
    padding: 10px 0px !important;
}
.powered {
    background: #e0af58 !important;
    padding: 7px 20px !important;
}

.footer__wrapper__bloc__form__fieldset__button__text {
    text-transform: inherit !important;
}




/**************************** Responsive *************************/
@media (max-width: 1500px) and (min-width: 1400px) {
  .bloc2 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium:before {
    padding-top: 70% !important;
}
      .nav__itemlvl1 {
           margin: 0 30px 0 0 !important;
    }
}

@media (max-width: 1399px) and (min-width: 1200px) {
.bloc1 {
    padding: 40px 40px !important;
}
  .bloc2 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium:before {
    padding-top: 90% !important;
}
  .bloc3 {
    padding: 40px 40px !important;
}
  .bloc4 .wizi-txt__item {
    padding: 30px 20px !important;
}
  .bloc5 {
    padding: 40px 40px !important;
}
  .bloc6 .wiziblocks__item__maxWidth {
    padding: 0px 20px !important;
}
  .footer__wrapper {
    padding: 30px 70px;
}
      .nav__itemlvl1 {
        font-size: 0.9rem;
           margin: 0 13px 0 0;
         }
}
@media (max-width: 1199px) and (min-width: 1024px) {
.bloc1 {
    padding: 40px 40px !important;
}
  .bloc2 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium:before {
    padding-top: 50% !important;
}
  .bloc3 {
    padding: 40px 40px !important;
}
  .bloc4 .wizi-txt__item {
    padding: 30px 20px !important;
}
  .bloc5 {
    padding: 40px 40px !important;
}
  .bloc6 .wiziblocks__item__maxWidth {
    padding: 0px 20px !important;
}
  .footer__wrapper {
    padding: 30px 30px;
}
      .nav__itemlvl1 {
        font-size: 0.9rem;
           margin: 0 13px 0 0;
         }
  .bloc2 .wizi-imgtxt {
    display: block !important;
}

.bloc2 .wizi-imgtxt__left, .bloc2 .wizi-imgtxt__right {
    width: 100% !important;
    height: inherit;
}
}

@media (max-width: 1023px) and (min-width: 720px) {
.bloc1 {
    padding: 30px 50px !important;
}
  .bloc1 .wizi-imgtxt {
    display: block !important;
}

.bloc1 .wizi-imgtxt__left, .bloc1 .wizi-imgtxt__right {
    width: 100% !important;
}

body.wiziblocks-on .prod .prod__article {
    width: 25% !important;
}
  .prd .wiziblocks__item__maxWidth {
    background-color: transparent;
    padding: 25px 20px 55px 20px !important;
}
    .bloc2 .wizi-imgtxt {
    display: block !important;
}

.bloc2 .wizi-imgtxt__left, .bloc2 .wizi-imgtxt__right {
    width: 100% !important;
    height: inherit;
}
  .bloc3 {
    padding: 50px 40px !important;
}
    .bloc3 .wizi-imgtxt {
    display: block !important;
}

.bloc3 .wizi-imgtxt__left, .bloc3 .wizi-imgtxt__right {
    width: 100% !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 10px 20px !important;
}
  .bloc5 .wizi-imgtxt {
    display: block !important;
}

.bloc5 .wizi-imgtxt__left, .bloc5 .wizi-imgtxt__right {
    width: 100% !important;
}

  .bloc5 {
    padding: 40px 30px !important;
}
  .bloc6 .wiziblocks__item__maxWidth {
     padding: 0px 0px !important;
}
  .footer__wrapper {
    padding: 20px 40px;
}
  .wid {
    display: block;
}
  .ins, .avi {
    width: 100% !important;
 }
}

@media (max-width: 719px) and (min-width: 320px) {
.bloc1 {
    padding: 20px 20px !important;
}
a.btn1 {
    width: 255px !important;
    margin-bottom: 20px;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 25px 10px 55px 10px !important;
}
  .bloc2 .wizi-imgtxt__right {
    height: inherit;
}
  .bloc3 {
    padding: 30px 20px !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    background-color: #0000005c !important;
    padding: 10px 10px !important;
}
   .wid {
    display: block;
}
  .ins, .avi {
    width: 100% !important;
 }
  .bloc5 {
    padding: 30px 10px !important;
}
  .bloc6 .wiziblocks__item__maxWidth {
     padding: 0px 0px !important;
}
  .bloc6 {
    padding: 30px 30px !important;
}
  .footer__wrapper {
    background-color: #fff !important;
    padding: 30px 10px;
}
}
/**************************** End Responsive *************************/

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

@media (max-width: 2100px) and (min-width: 1200px) {
 .vign .wizi-txt__item:nth-child(3), .vign2 .wizi-txt__item:nth-child(3), .bl .wizi-imgtxt__right.wizi-imgtxt__right--small, .bl3 .wizi-imgtxt__wrap{
       animation: slide linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 35%;
}
     .bloc1 .wizi-imgtxt__wrap, .vign .wizi-txt__item:nth-child(1), .vign2 .wizi-txt__item:nth-child(1), .bloc5 .wizi-imgtxt__left.wizi-imgtxt__left--small, .bloc3 .wizi-imgtxt__wrap, .bl .wizi-imgtxt__wrap, .bl3 .wizi-imgtxt__left.wizi-imgtxt__left--small{
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 35%;
    }
  .prd h3, .vign .wizi-txt__item:nth-child(2), .vign2 .wizi-txt__item:nth-child(2), .bloc3 .wizi-imgtxt__right.wizi-imgtxt__right--small, a.btt, .bl4 .wizi-txt.wizi-txt--large{
        animation: reveal linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 35%;
      
        
    }
 .bloc1 .wizi-imgtxt__right.wizi-imgtxt__right--small, .bloc2 .wizi-imgtxt__wrap, .bloc4 .wizi-txt__item, .bloc5 .wizi-imgtxt__wrap, .bl2 .wizi-txt.wizi-txt--large{
        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**********/