@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

.bloc1 h1 {
    font-family: "Pacifico", cursive !important;
    font-size: 2em !important;
    color: #fff !important;
    padding: 20px 0px !important;
    font-weight: 500 !important;
}
h1 {
    font-family: "Pacifico", cursive !important;
    font-size: 2em !important;
    color: #000 !important;
    padding: 20px 0px !important;
    font-weight: 500 !important;
}

.bloc1 .wizi-txt__item:nth-child(1) {
    color: #ffff !important;
}

.bloc1 .wiziblocks__item__maxWidth {
    background: linear-gradient(90deg, rgb(0 0 0 / 87%) 29%, rgba(0, 0, 0, 0.56) 69%) !important;
    padding: 90px 120px !important;
}

.bloc1 {
    background-image: url(https://media.cdnws.com/_i/419410/RAW-37/1536/37/01fichier-11.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bloc1 .wiziBtn__wrapper {
    justify-content: left !important;
}
#search-btn {
         border-radius: 15px !important;
}
.search--wrapper .search--input{
  border-radius: 15px !important;
}
h2 {
    font-family: "Pacifico", cursive !important;
    font-size: 2em !important;
    color: #000000 !important;
    padding: 20px 0px !important;
    font-weight: 500 !important;
}
.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    background: #fbd2a15c !important;
    padding: 20px 130px !important;
}

.bloc2 {
    background-image: url(https://media.cdnws.com/_i/419410/RAW-42/2265/42/fond.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

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

.bloc3 .wiziblocks__item__maxWidth {
    padding: 40px 130px !important;
}

.bloc4 h3 {
    /* font-family: "Pacifico", cursive !important; */
    font-size: 1.4em !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    text-align: center;
    margin-top: -90px !important;
}
.bloc5 h3 {
    /* font-family: "Pacifico", cursive !important; */
    font-size: 1.4em !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    text-align: center;
    margin-top: -90px !important;
}
.bloc4 .wizi-txt__item:nth-child(1) h3:before {
    background-image: url(https://media.cdnws.com/_i/419410/RAW-46/2988/46/vignette1.png);
    padding: 153px 0px 10px 20px !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 160px;
    content: '';
    width: 228px !important;
    display: block !important;
    margin: 0 auto;
}
.bloc4 .wizi-txt__item:nth-child(2) h3:before {
    background-image: url(https://media.cdnws.com/_i/419410/RAW-44/1395/44/vignette.png);
    padding: 153px 0px 10px 20px !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 160px;
    content: '';
    width: 228px !important;
    display: block !important;
    margin: 0 auto;
}
.bloc4 .wizi-txt__item:nth-child(3) h3:before {
    background-image: url(https://media.cdnws.com/_i/419410/RAW-49/3987/49/vignette7.png);
    padding: 153px 0px 10px 20px !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 160px;
    content: '';
    width: 228px !important;
    display: block !important;
    margin: 0 auto;
}
.bloc4 .wizi-txt__item:nth-child(4) h3:before {
    background-image: url(https://media.cdnws.com/_i/419410/RAW-51/3375/51/vignette6.png);
    padding: 153px 0px 10px 20px !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 160px;
    content: '';
    width: 228px !important;
    display: block !important;
    margin: 0 auto;
}

.bloc4 .wizi-txt__item {
    text-align: center !important;
    background-color: #000 !important;
    margin: 5px 8px;
    color: #fff !important;
    border-radius: 40px !important;
    padding: 20px 20px !important;
    box-shadow: 0px 0px 7px 3px #0000002e !important;
}

.bloc4 .wiziblocks__item__maxWidth {
    padding: 20px 10px !important;
}
.prd .wiziblocks__item__maxWidth {
    padding: 10px 50px !important;
}

.bloc5 .wizi-txt__item:nth-child(1) h3:before {
    background-image: url(https://media.cdnws.com/_i/419410/RAW-50/1104/50/vignette5.png);
    padding: 163px 0px 10px 20px !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 160px;
    content: '';
    width: 228px !important;
    display: block !important;
    margin: 0 auto;
}
.bloc5 .wizi-txt__item:nth-child(2) h3:before {
    background-image: url(https://media.cdnws.com/_i/419410/RAW-47/368/47/vignette3.png);
    padding: 153px 0px 10px 20px !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 160px;
    content: '';
    width: 228px !important;
    display: block !important;
    margin: 0 auto;
}
.bloc5 .wizi-txt__item:nth-child(3) h3:before {
    background-image: url(https://media.cdnws.com/_i/419410/RAW-45/3626/45/vignette4.png);
    padding: 153px 0px 10px 20px !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 160px;
    content: '';
    width: 228px !important;
    display: block !important;
    margin: 0 auto;
}

.bloc5 .wizi-txt__item {
    text-align: center !important;
    background-color: #000 !important;
    margin: 5px 8px;
    color: #fff !important;
    border-radius: 40px !important;
    padding: 20px 20px !important;
    box-shadow: 0px 0px 7px 3px #0000002e !important;
}

.bloc5 .wiziblocks__item__maxWidth {
    padding: 49px 120px 20px 120px !important;
}
.bloc6 .wizi-wrapper.wizi-wrapper--imgtxt {
    background: #000000 !important;
    padding: 20px 130px !important;
    color: #fff !important;
}

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

.bloc7 .wizi-wrapper.wizi-wrapper--imgtxt.wizi-wrapper--imgsmall {
    background: linear-gradient(265deg, rgb(0 0 0 / 93%) 0%, rgb(0 0 0 / 68%) 115%), url(https://media.cdnws.com/_i/419410/RAW-52/255/52/518253446-122220555434129156-287883553115581000-n.jpeg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

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

.bloc7 .wizi-imgtxt__right {
    color: #fff !important;
    padding: 20px 220px 20px 50px !important;
}

.bloc7 .wiziBtn__wrapper {
    justify-content: left;
}

.bloc7 .wizi-imgtxt__wrap {
    padding: 20px 110px 20px 20px !important;
}
.rea {
    background: linear-gradient(265deg, rgb(220 195 152 / 69%) 0%, rgb(220 195 152 / 69%) 115%), url(https://media.cdnws.com/_i/419410/RAW-42/2265/42/fond.png);
}
a.wiziBtn {
    filter: drop-shadow(2px 4px 6px #00000021);
    box-shadow: 4px 4px 9px 0px #00000000 !important;
    transition: transform 1.2s !important;
  padding: 14px 24px !important
}
a.wiziBtn:hover {
    transform: scale(1.1);
    filter: drop-shadow(2px 4px 6px #00000099);
}
.nav__maxWidth {
    animation: fadeInUp;
    animation-duration: 3s;
}
.header__search, .header__area {
    animation: fadeInRight;
    animation-duration: 3s;
}
    .wiziblocks__item .wizi-form .form .form__fieldset {
        margin-bottom: 10px !important
    }
    .nav__maxWidth {
        justify-content: center !important;
        padding: 8px 5px !important;
    }
.header__logo img:hover {
    transform: scale(0.95);
    filter: drop-shadow(2px 4px 6px #00000070);
}
.header__logo img {
     transition: transform 1.4s !important; 
  animation: fadeInDown;
    animation-duration: 3s;
}
.rea__item {
    color: #000 !important;
    padding: 20px 20px !important;
}

.rea__item strong {
    color: #000 !important;
}

.header__content {linear-gradient(265deg, rgb(220 195 152 / 69%) 0%, rgb(220 195 152 / 69%) 115%), url(
    https: //media.cdnws.com/_i/419410/RAW-42/2265/42/fond.png);
    background: linear-gradient(265deg, rgb(220 195 152 / 59%) 0%, rgb(220 195 152 / 59%) 115%), url(https://media.cdnws.com/_i/419410/RAW-42/2265/42/fond.png);
}

.header__relative {
    background-color: transparent  !important;
}
.single-newsletter__wrapper__content__form__fieldset__label__input {
    background-color: #dcc398;
    border: 0px !important;
}

.footer {
    padding: 40px 0 40px !important;
}

.powered {
    background-color: #dcc398 !important;
    padding: 7px 20px;
}
    .single-newsletter__wrapper__content__form__fieldset__btn {
        background-color: #000 !important;
    }
.prd .prod__shadow {
    box-shadow: 0px 0px 5px 1px #0000001f !important;
    border-radius: 15px !important;
}

.bloc5 h3, .bloc4 h3 {
    font-size: 1.3em !important;
    padding: 0px 0px 19px !important;
}
/************************** responsive**********************/
@media (max-width: 719px) and (min-width: 320px){
.bloc1 .wiziblocks__item__maxWidth {
    padding: 30px 10px !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 10px 10px !important;
}
.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 10px !important;
}
  .bloc2 .wizi-imgtxt__right {
    padding: 20px 10px 20px 10px !important;
}
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 40px 0px !important;
}
  .bloc4 .wizi-txt__item {
    margin-bottom: 90px !important;
}
    .bloc5 .wizi-txt__item {
    margin-bottom: 90px !important;
}
  .bloc5 .wiziblocks__item__maxWidth {
    padding: 20px 10px !important;
}
  .bloc5 .wizi-txt__item h3:before {
    padding: 153px 0px 10px 20px !important;
    width: 228px !important;
}
  .bloc6 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 10px !important;
}
.bloc7 .wizi-imgtxt__left.wizi-imgtxt__left--small {
    display: none !important;
}
  .bloc7 .wizi-imgtxt__right {
    padding: 20px 20px 20px 20px !important;
}
  .bloc7 .wizi-imgtxt__wrap {
    padding: 20px 0px 20px 0px !important;
}
  .rea__item {
    padding: 20px 20px 20px 70px !important;
}
  i.fa.fa-solid.fa-arrow-right.single-newsletter__wrapper__content__form__fieldset__btn__arrow {
    filter: invert(1) !important;
}
}


@media (max-width: 1023px) and (min-width: 720px){
  .prd .wiziblocks__item__maxWidth {
    padding: 10px 20px !important;
}
.bloc1 .wiziblocks__item__maxWidth {
    padding: 20px 40px !important;
}
body.wiziblocks-on .prod .prod__article {
    width: 25% !important;
    padding: 0 5px;
}
.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 0px !important;
}
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 40px 10px !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 20px 50px !important;
}
  .bloc4 .wizi-txt__item {
    margin: 78px 18px;
}
 
   .bloc5 .wiziblocks__item__maxWidth {
    padding: 20px 50px !important;
}
  .bloc5 .wiziblocks__item__maxWidth {
    padding: 20px 50px 20px 50px !important;
}
  .bloc5 .wizi-txt__item {
    margin: 88px 8px;
}
  .bloc6 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 10px !important;
}
  .bloc6 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 20px 0px 20px 20px !important;
}
  .bloc7 .wizi-imgtxt__right {
    color: #fff !important;
    padding: 0px 0px 0px 0px !important;
}
  .bloc7 .wizi-imgtxt__wrap {
    padding: 20px 30px 20px 0px !important;
}
    body.wiziblocks-on .prod .prod__article {
        padding: 0 5px !important;
        width: 25% !important;
    }
}
@media (max-width: 1199px) and (min-width: 1024px){
.bloc1 .wiziblocks__item__maxWidth {
    background: linear-gradient(90deg, rgb(0 0 0 / 87%) 29%, rgba(0, 0, 0, 0.56) 69%) !important;
    padding: 30px 25px !important;
}
  .prd .wiziblocks__item__maxWidth
 {
    padding: 0px 20px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 0px !important;
}
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 40px 60px !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 0px 20px !important;
}
  .bloc4 .wizi-txt__item {
    margin: 1px 3px;
    padding: 7px 4px !important;
}
  .bloc4 .wizi-txt__item:nth-child(1) h3:before,  .bloc4 .wizi-txt__item:nth-child(2) h3:before,  .bloc4 .wizi-txt__item:nth-child(3) h3:before,  .bloc4 .wizi-txt__item:nth-child(4) h3:before {
    padding: 161px 0px 10px 20px !important;
    background-position: top 22px center;
    background-size: 150px;
    width: 165px !important;
}
  .bloc6 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 30px !important;
}
.bloc7 .wizi-imgtxt__right {
    padding: 20px 10px 20px 10px !important;
}
}
@media (max-width: 1399px) and (min-width: 1200px){
.bloc1 .wiziblocks__item__maxWidth {
    padding: 40px 50px !important;
}
 
  .prd .wiziblocks__item__maxWidth {
    padding: 20px 30px !important;
}
.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 22px !important;
}
.bloc6 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 20px !important;
}
  .bloc7 .wizi-imgtxt__wrap {
    padding: 20px 10px 20px 20px !important;
}
  .bloc7 .wizi-imgtxt__right {
    padding: 20px 50px 20px 10px !important;
}
  .bloc4 .wizi-txt__item {
    margin: 5px 3px;
    padding: 13px 7px !important;
}
    .bloc5 .wizi-txt__item {
    margin: 5px 3px;
    padding: 13px 7px !important;
}
}
@media (max-width: 1699px) and (min-width: 1400px){
.bloc1 .wiziblocks__item__maxWidth {
    padding: 50px 80px !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 20px 30px !important;
}
.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 60px !important;
}
.bloc6 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 60px !important;
}
  .bloc7 .wizi-imgtxt__wrap {
    padding: 20px 10px 20px 20px !important;
}
  .bloc7 .wizi-imgtxt__right {
    padding: 20px 110px 20px 50px !important;
}
}
/************************** end **************************/
/******* Animation scrolling*************/

@media (max-width: 2100px) and (min-width: 1200px) {
.bloc4 .wizi-txt__item:nth-child(1), .bloc5 .wizi-txt__item:nth-child(1) {
       animation: slide linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
}
 .bloc6 .wizi-imgtxt__left, .bloc4 .wizi-txt__item:nth-child(4), .bloc5 .wizi-txt__item:nth-child(4), .bloc5 .wizi-txt__item{
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }
.prd h2, .bloc2 .wizi-imgtxt__left.wizi-imgtxt__left--small, .bloc3 .wizi-wrapper, .bloc4 .wizi-txt__item:nth-child(2), .bloc4 .wizi-txt__item:nth-child(3), .bloc5 .wizi-txt__item:nth-child(2){
        animation: reveal linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
              
    }
 .bloc2 .wizi-imgtxt__right, .bloc6 .wizi-imgtxt__right.wizi-imgtxt__right--small, .bloc7 .wizi-imgtxt__wrap{
        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**********/