@import url('https://fonts.googleapis.com/css2?family=Rubik+Dirt&display=swap');
h1 {
    font-family: "Rubik Dirt", system-ui !important;
    font-size: 2.6em !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    padding: 30px 0px !important;
}

.page-homepage .bloc1 .wiziBtn__wrapper {
    justify-content: flex-start !important;
}

h2 {
    font-family: "Rubik Dirt", system-ui !important;
    font-size: 2em !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    padding: 30px 0px !important;
    color: #000 !important;
}

h3 {
    font-family: "Rubik Dirt", system-ui !important;
    font-size: 1.6em !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    padding: 30px 0px !important;
    color: #000 !important;
}
.bloc4 h3{
    color: #fff !important;
}
.prd .wiziblocks__item__maxWidth {
    background-color: #ffede5 !important;
    padding: 30px 20px !important;
}

.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-image: url(https://media.cdnws.com/_i/417626/RAW-45/1553/45/00fichier-203.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 50px 130px !important;
}

.bloc2 .wizi-imgtxt__left.wizi-imgtxt__left--small {
    background-image: url(https://media.cdnws.com/_i/417626/RAW-74/1729/74/fiche.png) !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}

.bloc2 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small img {
    top: 53% !important;
    left: 64% !important;
}
.bloc3 .wiziblocks__item__maxWidth {
    background-color: #ff8010 !important;
    padding: 90px 170px 230px 170px !important;
    background-image: url(https://media.cdnws.com/_i/417626/RAW-52/3809/52/00fichier-303.png) !important;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}

.nav__itemlvl1 {
    text-transform: uppercase;
    font-weight: 600;
}

.nav-perso-off .nav__maxWidth {
    padding: 13px 0 !important;
}
.bloc4 .wiziblocks__item__maxWidth {
    margin-top: -161px !important;
    background-color: transparent !important;
    z-index: 99 !important;
    position: relative;
    padding-bottom: 80px !important;
}

.bloc4 {
    background-color: transparent !important;
    z-index: 99 !important;
    position: relative;
}

.bloc4 .wizi-txt__item {
    margin: 5px 8px !important;
    border-radius: 3px !important;
    box-shadow: 0px 0px 5px 3px #00000038 !important;
}
.bloc4 .wiziBtn__wrapper {
    justify-content: flex-start;
}

.bloc4 .wizi-txt__item:nth-child(1) {
    background: linear-gradient(0deg, rgb(0 0 0 / 72%) 0%, rgb(0 0 0 / 72%) 115%), url(https://media.cdnws.com/_i/417626/RAW-47/452/47/512664611-122130317366833854-2795258345701400528-n.jpeg);
    padding: 20px 30px !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.bloc4 .wizi-txt__item:nth-child(2) {
    background: linear-gradient(0deg, rgb(0 0 0 / 72%) 0%, rgb(0 0 0 / 72%) 115%), url(https://media.cdnws.com/_i/417626/RAW-48/359/48/554061400-122148214376833854-358744559267279433-n.jpeg);
    padding: 20px 30px !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff !important;
    margin-top: 30px !important;
    margin-bottom: -30px !important;
}
.bloc4 .wizi-txt__item:nth-child(3) {
    background: linear-gradient(0deg, rgb(0 0 0 / 72%) 0%, rgb(0 0 0 / 72%) 115%), url(https://media.cdnws.com/_i/417626/RAW-49/406/49/525349341-122137343378833854-3674300715719535517-n.jpeg);
    padding: 20px 30px !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.bloc4 .wizi-txt__item:nth-child(4) {
    background: linear-gradient(0deg, rgb(0 0 0 / 72%) 0%, rgb(0 0 0 / 72%) 115%), url(https://media.cdnws.com/_i/417626/RAW-50/2341/50/adobestock-1446408909-large.jpeg);
    padding: 20px 30px !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff !important;
    margin-top: 30px !important;
    margin-bottom: -30px !important;
}
.bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 130px !important;
}
.bloc6 .wizi-wrapper.wizi-wrapper--imgtxt.wizi-imgtxt--reverse.wizi-wrapper--imglarge {
    background-image: url(https://media.cdnws.com/_i/417626/RAW-64/2462/64/00fichier-403.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5px 20px !important;
    background-color: #ffede5 !important;
}
.rea__item {
    padding: 20px 20px !important;
}

 .search--fieldset {
        box-shadow: 0px 0px 6px -1px #00000047;
        border-radius: 5px !important;
    }

.bloc6 {
    padding: 45px 130px 0px 130px !important;
}

.bloc6 .wiziBtn__wrapper, .bloc2 .wiziBtn__wrapper, .bloc5 .wiziBtn__wrapper {
    justify-content: flex-start;
}

.bloc6 .wizi-imgtxt__right.wizi-imgtxt__right--small {
    margin-top: -80px !important;
}

.bloc6 a.wiziBtn {
    box-shadow: 0px 0px 11px 2px #0000001f !important;
}
  .powered {
    height: 25px !important;
    line-height: 25px !important;
    background: #ff8010 !important;
}
.bloc1 a, .bloc6 a, .bloc4 a, .bloc2 a, .bloc5 a  {
    transition: transform 1s !important;
}
.bloc1 a:hover, .bloc6 a:hover, .bloc4 a:hover, .bloc2 a:hover,.bloc5 a:hover {
    transform: rotateX(360deg) !important;
} 
.header__logo img:hover {
    transform: scale(0.95);
    filter: drop-shadow(2px 4px 6px #00000070);
}
.header__logo img, .nav {
     transition: transform 1.4s !important;
     animation: fadeInDown;
     animation-duration: 3s;
}
.prd .prod__shadow {
    box-shadow: 2px 2px 3px 1px #00000021 !important;
    background-color: #fff !important;
    border-radius: 5px !important;
}
.form__fieldset {
    margin-bottom: 20px !important;
}
.footer__rs__a {
    color: #ff8010 !important;
    background-color: #000000 !important;
}
.footer {
    background: #ff8010 !important;
}
.rea {
    border-top: 1px solid #00000014 !important;
}
.footer {
    border-top: 1px solid #0000000f !important;
}
.powered {
    border-top: 2px solid #000 !important;
}
/****************************** responsive*************************/
@media (max-width: 719px) and (min-width: 320px){
.bloc1 {
  padding: 0 0px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 0px !important;
}
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 60px 10px 190px 10px !important;
}
  .bloc4 {
    padding: 0 0px !important;
  }
    .bloc4 .wizi-txt__item:nth-child(1), .bloc4 .wizi-txt__item:nth-child(2), .bloc4 .wizi-txt__item:nth-child(3), .bloc4 .wizi-txt__item:nth-child(4) {
        padding: 10px !important;
        margin: 10px !important;
  }
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 0px !important;
}
  .bloc6 .wizi-imgtxt__right.wizi-imgtxt__right--small {
    margin-top: 0px !important;
}
  .rea__item {
    padding: 15px 20px 20px 70px !important;
}
  .bloc4 {
    padding: 0 6px !important;
}
  .bloc6 {
    padding: 45px 20px 0px 20px !important;
}
  .bloc6 .wizi-imgtxt__left {
    padding: 20px 0px 0 !important;
}
.bloc2 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small img {
    top: 52% !important;
    left: 67% !important;
}
  .bloc2 .wizi-imgtxt__left.wizi-imgtxt__left--small {
    background-size: 51%;
}
     .wizi-wrapper--formBackground .wizi-form {
        max-width: 568px !important;
        background-color: #0000007a !important;
        padding: 0px !important;
        border-radius: 5px !important;
        box-shadow: 1px 1px 3px 1px #000000 !important;
    }
}
@media (max-width: 1023px) and (min-width: 720px){
    .wizi-wrapper--formBackground .wizi-form {
    max-width: 568px !important;
    background-color: #0000007a !important;
    padding: 20px !important;
    border-radius: 5px !important;
    box-shadow: 1px 1px 3px 1px #000000 !important;
}    
  body.wiziblocks-on .prod .prod__article {
        padding: 0 2px !important;
        width: 25% !important;
    }
.bloc1 .wizi-imgtxt {
    display: block !important;
}

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

.bloc2 .wizi-imgtxt {
    display: block !important;
}

.bloc2 .wizi-imgtxt__left, .bloc2 .wizi-imgtxt__right {
    width: 100% !important;
}
.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 0px !important;
}
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 60px 60px 190px 60px !important;
}
  .bloc4 .wizi-txt__item:nth-child(1), .bloc4 .wizi-txt__item:nth-child(2), .bloc4 .wizi-txt__item:nth-child(3), .bloc4 .wizi-txt__item:nth-child(4) {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 10px !important;
}
  .bloc5 .wizi-imgtxt {
     display: block !important;
  }
.bloc5 .wizi-imgtxt__left, .bloc5 .wizi-imgtxt__right{
   width: 100% !important;
}
  .bloc6 {
    padding: 45px 10px 0px 10px !important;
}
  .bloc6 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 0px 0px 0px 0px !important;
}
.bloc6 .wizi-imgtxt--textSmallRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 119.403% !important;
}
}
@media (max-width: 1199px) and (min-width: 1024px){
.bloc1 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 0px 0px 0px 10px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 0px !important;
}
  .bloc2 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small:before {
    padding-top: 59% !important;
}
   .bloc4 .wizi-txt__item:nth-child(1), .bloc4 .wizi-txt__item:nth-child(2), .bloc4 .wizi-txt__item:nth-child(3), .bloc4 .wizi-txt__item:nth-child(4) {
    padding: 20px 15px !important;
}
  .bloc4 .wiziBtn {
    padding: 14px 15px !important;
    font-size: 0.98em !important;
}
.bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 0px !important;
}
  .bloc6 {
    padding: 45px 40px 0px 40px !important;
}
  .bloc5 .wizi-imgtxt__right {
    padding: 20px 20px 20px 20px !important;
}
  .bloc6 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 0px 10px 0px 20px !important;
}
  .bloc6 .wizi-imgtxt__right.wizi-imgtxt__right--small {
    margin-top: -118px !important;
}
  .bloc6 .wizi-imgtxt--textSmallRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 116.403% !important;
}
  .bloc6 .wizi-imgtxt__wrap {
        padding: 0px 0 !important;
    }
  .bloc4 h3 {
    font-size: 1.4em !important;
}
}
@media (max-width: 1399px) and (min-width: 1200px){
.bloc1 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 20px 0px 20px 20px !important;
} 
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 0px !important;
}
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 60px 50px 190px 50px !important;
}
   .bloc4 .wizi-txt__item:nth-child(1), .bloc4 .wizi-txt__item:nth-child(2), .bloc4 .wizi-txt__item:nth-child(3), .bloc4 .wizi-txt__item:nth-child(4) {
    padding: 20px 15px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 30px !important;
}
  .bloc6 {
    padding: 45px 40px 0px 40px !important;
}
  .bloc6 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 0px 10px 10px 20px !important;
}
}
@media (max-width: 1599px) and (min-width: 1400px){

  .bloc1 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 20px 10px 20px 20px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 0px !important;
}
  .bloc4 .wizi-txt__item:nth-child(1), .bloc4 .wizi-txt__item:nth-child(2), .bloc4 .wizi-txt__item:nth-child(3), .bloc4 .wizi-txt__item:nth-child(4) {
    padding: 20px 15px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 60px !important;
}
  .bloc6 {
    padding: 45px 60px 0px 60px !important;
}
  .bloc6 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 0px 50px 0px 20px !important;
}
}
@media (max-width: 1800px) and (min-width: 1600px){
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 20px !important;
}
}
  @media (max-width: 2020px) and (min-width: 1024px){
  .wizi-wrapper--formBackground .wizi-form {
    max-width: 568px !important;
    background-color: #0000007a !important;
    padding: 20px !important;
    border-radius: 5px !important;
    box-shadow: 1px 1px 3px 1px #000000 !important;
}
}
/********************* Animation scrolling*************/

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


/***************************** end responsive******************/