@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
.footer__rating__stars {
    border: 2px solid white;
    border-radius: 15px;
    padding: 10px;
}
.footer__rating__rate {
    margin-right: 15px;
    font-size: 1.625rem;
    color: #ffffff;
}
.stars--lvl0 .stars--lvl1 {
    color: #edff00;
}
.footer__rating__com {
    color: #ffffff;
}
.footer__rating__com:hover {
    color: #ffffff;
}
.footer__input::placeholder {
    color: #000 !important;
}
.page-homepage #header {
    background-color: #0c4e8800 !important;
}
    .page-homepage .header.header--fixed .nav__itemlvl1:hover {
        color: #ffffff !important;
    }
    .nav__itemlvl1 {
             color: #ffffff;
    }
 #header {
    background-color: #3970809e !important;
}
.page-homepage .body__wrapper__maxWidth {
    background-color: #fff !important;
    background-image: url(https://media.cdnws.com/_i/370375/RAW-95/3081/95/new-fd.png);
    background-repeat: no-repeat !important;
    background-position-x: 84% !important;
    background-size: auto !important;
    background-position-y: -2% !important;
  max-width:100%
}


h1 {
    color: #397080 !important;
    text-align: center !important;
    font-family: "Playfair Display", serif !important;
    font-size: 45px !important;
    font-weight: 800 !important;
}
.header {
        padding: 0 0px !important;
    }
h2 {
    color: #0c4e88 !important;
    text-align: left !important;
    font-family: "Playfair Display", serif !important;
    font-size: 33px !important;
    font-weight: 700 !important;
    padding: 20px 0px !important;
}
img.footer__logo__a__img, .header__logo img {
    transition: transform 1.4s !important;
}

img.footer__logo__a__img:hover, .header__logo img:hover {
    transform: rotateX(380deg);
}
.bloc2 h2 {
    color: #397080 !important;
    text-align: left !important;
    font-family: "Playfair Display", serif !important;
    font-size: 33px !important;
    font-weight: 700 !important;
    padding: 20px 0px !important;
}
.bloc1 {
    padding: 33px 0px 52px 0px !important;
}
.vign .wizi-wrapper-multiple-img__left__top__left__wrapper.small, .vign .wizi-wrapper-multiple-img__left__top__right, .vign .wizi-wrapper-multiple-img__left__bottom__left, .vign .wizi-wrapper-multiple-img__left__bottom__right , .vign .wizi-wrapper-multiple-img__right {
    transition: transform .5s !important;
}
.apr1 {
    text-align: center;
}
.apr1 h2 {
    text-align: center !important;
}
.eq h3 {
    color: #000 !important;
    padding: 10px 0px !important;
}

.apr2 h3{
    text-align: center !important;
  padding-bottom:  30px !important;
 color: #0c4e88 !important;
  
}
.eq {
    padding: 0px 110px !important;
    /* box-shadow: 0px 0px 7px 1px #759abb2b !important; */
}
.eq {
    /* background-color: #fff !important; */
    /* background-image: url(https://media.cdnws.com/_i/370375/RAW-64/1871/64/00fichier-21.png); */
    /* background-repeat: no-repeat !important; */
    /* background-size: cover; */
    /* background-position-y: 76% !important; */
}
.eq .wizi-wrapper.wizi-wrapper--imgtxt.wizi-wrapper--imgsmall {
    background-color: #fff !important;
    background-image: url(https://media.cdnws.com/_i/370375/RAW-64/1871/64/00fichier-21.png);
    background-repeat: no-repeat !important;
    background-size: cover;
    background-position-y: 76% !important;
    box-shadow: 0px 0px 8px 1px #759abb63 !important;
    padding: 20px 50px !important;
    border-radius: 20px !important;
}
a.btn {
    background-color: #397080 !important;
    color: #fff !important;
    text-decoration: none !important;
    padding: 12px 20px !important;
    border-radius: 20px !important;
    transition: transform .5s !important;
    display: block;
    width: 210px !important;
    text-align: center;
    display: inline-block;
}
a.btn:hover {
      transform: scale(0.94);
    filter: drop-shadow(2px 4px 6px black);
}
.wizi-wrapper-multiple-img__left__top__left__wrapper.small:hover, .vign .wizi-wrapper-multiple-img__left__top__right:hover, .vign .wizi-wrapper-multiple-img__left__bottom__left:hover, .vign .wizi-wrapper-multiple-img__left__bottom__right:hover , .vign .wizi-wrapper-multiple-img__right:hover {
    transform: scale(0.94);
    filter: drop-shadow(2px 4px 6px black);
}
.bloc1 .wiziblocks__item__maxWidth {
    padding-top: 31px !important;
}
.bloc3 {background-image: url(https://media.cdnws.com/_i/370375/RAW-76/908/76/p1.png) !important;background-attachment: fixed !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}

.bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-color: #07345bba !important;
    padding: 80px 250px !important;
    color: #fff !important;
    background: url(https://media.cdnws.com/_i/370375/RAW-73/721/73/plan-de-travail-5-8.png) top center, url(https://media.cdnws.com/_i/370375/RAW-74/2615/74/bottom.png) bottom center !important;
    background-repeat: no-repeat !important;
}

.bloc3 h3, .bloc5 h3 {
    color: #ffffff !important;
    text-align: left !important;
    font-family: "Playfair Display", serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    padding: 20px 0px !important;
}
h3 {
    color: #397080 !important;
    text-align: left !important;
    font-family: "Playfair Display", serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    padding: 20px 0px !important;
}
.prd h3 {
    text-align: center !important;
}
.bloc4 {
    background-image: url(https://media.cdnws.com/_i/370375/RAW-62/3984/62/00fichier-31.png) !important;
    background-position: left !important;
    background-repeat: no-repeat !important;
    background-size: 15% !important;
    background-position-x: 3% !important;
    background-position-y: 99% !important;
    background-color: transparent !important;
}div#\31 5f1e61f-fde6-47c1-b964-c6769f546d62 {}

.bloc4 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-color: transparent !important;
}

.bloc4 .wizi-imgtxt__wrap {
    padding: 10px 33px 10px 155px !important;
}

.bloc4 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--medium:before {
    padding-top: 56.715% !important;
}

.bloc4 h3 {
    color: #397080 !important;
    text-align: left !important;
    font-family: "Playfair Display", serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    padding: 20px 0px !important;
}

.bloc5 {
    background-image: url(https://media.cdnws.com/_i/370375/RAW-75/2801/75/p2.png)!important;
    background-position: center  !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

.bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-color: #002748ba !important;
    padding: 80px 250px !important;
    color: #fff !important;
    background: url(https://media.cdnws.com/_i/370375/RAW-73/721/73/plan-de-travail-5-8.png) top center, url(https://media.cdnws.com/_i/370375/RAW-74/2615/74/bottom.png) bottom center !important;
    background-repeat: no-repeat !important;
}
  .prod__shadow {
    box-shadow: 0px 0px 6px 1px #308ccd4d !important;
    background-color: #fff !important;
}


.bloc6 h3 {
    color: #397080 !important;
    text-align: left !important;
    font-family: "Playfair Display", serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    padding: 20px 0px !important;
}

.bloc6 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 170px !important;
}
.bloc1 {
    background-color: transparent !important;
}

.bloc1 .wiziblocks__item__maxWidth {
    background-color: transparent !important;
}

.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-color: transparent !important;
}
.vign {
    padding: 80px 180px !important;
    background-image: url(https://media.cdnws.com/_i/370375/RAW-77/546/77/00fichier-1200.png) !important;
background-position: bottom center;
  background-repeat: no-repeat !important;
}
 .vign .wizi-wrapper-multiple-img {
    padding: 80px 120px !important;
}
.bloc2 .wizi-imgtxt__wrap {
    padding: 0px 160px 0px 30px !important;
}
.bloc2 {
    background-color: transparent !important;
}
.wiziblocks__item.slider.wiziblocks__item--fullpage.width-full.medium {
    margin: 0 0 0px !important;
}
.prd .prod.product-list-classic {
    background-color: transparent !important;
}

.prd {
    background-color: transparent !important;
}

.prd .wiziblocks__item__maxWidth {
    background-color: transparent;
}

.bloc6 {
    background-color: transparent !important;
}
.rea {
    background-repeat: no-repeat !important;
    /* background-image: url(https://media.cdnws.com/_i/370375/RAW-80/2788/80/00fichier-41.png) !important; */
    background-position-y: 3% !important;
    background-size: cover;
    background-color: #397080 !important;
}

footer#footer {
    background-color: #397080 !important;
    background-position: center;
    background-size: cover;
    background-position-y: 37% !important;
}

.footer {
    border: none !important;
    padding: 0px 30px 0 !important;
}

.footer__link {
    color: #fff !important;
    margin: 0 0 15px !important;
}

.footer__title {
    color: #fff !important;
}

.powered {
    background: transparent;
    border-top: 1px solid !important;
    border-color: #fff !important;
    margin-top: 0px !important;
    height: 32px !important;
    line-height: 32px !important;
}

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

span.rea__link {
    color: #fff !important;
}
.footer__rs__a.facebook {
    background-image: url(https://media.cdnws.com/_i/370375/RAW-85/2789/85/00fichier-1800.png) !important;
    background-size: auto !important;
}

.footer__rs__a.instagram {
    background-image: url(https://media.cdnws.com/_i/370375/RAW-86/2309/86/00fichier-1900.png) !important;
    background-size: auto !important;
}
.footer__rs__li:not(:last-child) {
    margin: 0 4px 0 0 !important;
}
.rea__item {
    padding: 35px 10px !important;
}
.vign {
    margin: 0 0 -5px !important;
}

.prod-list .bloc h2 {
    font-size: 1.5em!important;
}

h1.h1.prod-list__title.text-center {
    font-size: 2.5em !important;
    text-align: left!important;
}

.prod-list .bloc h2 {
    font-size: 1.5em!important;
}

h1.h1.prod-list__title.text-center {
    font-size: 2.5em !important;
    text-align: left!important;
}

/****************** Responsive *****************/
@media (max-width: 767px) and (min-width: 320px) {
  .page-homepage .header.header--fixed .nav__itemlvl1:hover {
    color: #000 !important;
}
.vign .wizi-wrapper-multiple-img {
    padding: 10px 4px !important;
}

  
.bloc2 .wizi-imgtxt__wrap {
    padding: 0px 10px 0px 10px !important;
}
.bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 80px 9px !important;
   }
  .bloc4 .wizi-imgtxt__wrap {
    padding: 10px 10px 10px 10px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 60px 10px !important;
}
  .bloc6 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 10px !important;
}
  .vign {
    padding: 10px 8px !important;
}
  .rea__item {
    padding: 25px 10px !important;
    text-align: center !important;
}
  .rea__icon {
    position: relative !important;
    top: 5px !important;
    left: 123px !important;
}
  span.rea__link {
    text-align: center !important;
}
      .footer__middle {
        padding-bottom: 0px !important;
    }
      .margin {
        margin-bottom: 6px;
    }
   .footer__form {
    margin-bottom: 18px !important;
}
    .footer__rs__li {
     margin: 0 0 0px 0px !important;
}
   .footer__rs {
    text-align: center !important;
  left: 13px !important;
    position: relative;
 } 
  img.header__logo__a__img {
    filter: invert(1);
}
  .nav__itemlvl1 {
    color: #000;
}
.eq {
    padding: 0px 20px !important;
}
  .eq .wizi-wrapper.wizi-wrapper--imgtxt.wizi-wrapper--imgsmall {
    padding: 20px 9px !important;
    background-position: center;
}
}
@media (max-width: 1023px) and (min-width: 768px) {
.bloc2 .wizi-imgtxt__wrap {
    padding: 0px 0px 0px 30px !important;
}
.vign .wizi-wrapper-multiple-img {
    padding: 30px 20px !important;
}
  
  .page-homepage .header.header--fixed .nav__itemlvl1:hover {
    color: #000 !important;
}
  #header {
    background-color: transparent !important;
} 
  .nav__itemlvl1 {
    color: #000;
}
  img.header__logo__a__img {
    filter: invert(1);
}
  
      body.wiziblocks-on .prod .prod__article {
        width: 25% !important;
}
  .footer__rs__li {
     margin: 0 0 0px 0px !important;
}
  .footer__form {
    margin-bottom: 18px !important;
}
      .margin {
        margin-bottom: 6px;
    }
    .footer__middle {
        padding-bottom: 0px !important;
    }
   .footer__rs {
    text-align: center !important;
  left: 9px !important;
    position: relative;
 } 
.bloc2 .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    display: block !important;
}

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

.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 100px !important;
}
  .bloc3 .wizi-imgtxt__left, .bloc3 .wizi-imgtxt__right {
    width: 100% !important;
}

.bloc3 .wizi-imgtxt, .wizi-imgtxt__left, .bloc3 .wizi-imgtxt__right {
    display: block !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 80px 50px !important;
}
  .bloc3 h3 {
   text-align: center !important;
}
  .bloc3 .wizi-imgtxt__wrap {
    text-align: center !important;
}
  .bloc4 .wizi-imgtxt__wrap {
    padding: 10px 33px 10px 33px !important;
}
  .bloc4 .wizi-imgtxt, .wizi-imgtxt__left, .bloc4 .wizi-imgtxt__right {
    display: block !important;
}
  .bloc4 .wizi-imgtxt__left, .bloc4 .wizi-imgtxt__right {
    width: 100% !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 80px 5px !important;
}
  .bloc6 .wizi-imgtxt.wizi-imgtxt--textTextOneText.wizi-imgtxt--three {
    display: block !important;
}
  .bloc6 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 70px !important;
}
  .bloc6 .wizi-imgtxt__wrap, .bloc6 h3 {
    text-align: center !important;
}
.bloc6 .wizi-imgtxt--textTextOneText .wizi-imgtxt__center--small img{
  max-width: 70% !important;
}
  .bloc6 .wizi-imgtxt--textTextOneText .wizi-imgtxt__center--small:before {
    padding-top: 53% !important;
}
  .vign {
    padding: 20px 10px !important;
}
  .rea__item {
    padding: 15px 10px !important;
}
  .eq {
    padding: 0px 20px !important;
}
.eq .wizi-wrapper.wizi-wrapper--imgtxt.wizi-wrapper--imgsmall {
    padding: 20px 10px !important;
}
  
}

@media (max-width: 1199px) and (min-width: 1024px) {

.bloc2 .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    display: block !important;
}
.vign .wizi-wrapper-multiple-img {
    padding: 40px 30px !important;
}
.bloc2 .wizi-imgtxt__left, .bloc2 .wizi-imgtxt__right {
    width: 100% !important;
}

.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 100px !important;
}
.bloc2 .wizi-imgtxt__wrap {
    padding: 0px 30px 0px 30px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
   padding: 80px 29px !important;
}
  .bloc4 .wizi-imgtxt__wrap {
    padding: 10px 23px 10px 23px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
       padding: 80px 20px !important;
}
  .bloc6 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 30px !important;
}
  .vign {
    padding: 50px 20px !important;
}
  .bloc2 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--large img, .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium img, .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small img {
    min-width: 70% !important;
    min-height: 70% !important;
    max-width: 70% !important;
  }
  .bloc2 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small:before {
    padding-top: 39%;
}
}
@media (max-width: 1399px) and (min-width: 1200px) {
.bloc2 .wizi-imgtxt__wrap {
    padding: 0px 10px 0px 19px !important;
}
.bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
     padding: 80px 70px !important;
   }
  .bloc4 .wizi-imgtxt__wrap {
    padding: 10px 33px 10px 75px !important;
}
  .vign .wizi-wrapper-multiple-img {
    padding: 30px 50px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 80px 60px !important;
  }
  .bloc6 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 60px !important;
}
  .vign {
    padding: 80px 60px !important;
}
}

@media (max-width: 1599px) and (min-width: 1400px) {
.bloc2 .wizi-imgtxt__wrap {
    padding: 0px 20px 0px 30px !important;
}
 .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
       padding: 80px 80px !important;
} 
  .bloc4 .wizi-imgtxt__wrap {
    padding: 10px 33px 10px 95px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 80px 100px !important;
}
  .vign  .wizi-wrapper-multiple-img {
    padding: 50px 80px !important;
}
 
}
@media (max-width: 1700px) and (min-width: 1600px) {
.vign {
    padding: 80px 80px !important;
}
  
}


/************* End responsive******************************/


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

@media (max-width: 2100px) and (min-width: 1024px) {
   
 .bloc6 .wizi-imgtxt__left, .bloc3 .wizi-imgtxt__left.wizi-imgtxt__left--small,   .bloc5 .wizi-imgtxt__left.wizi-imgtxt__left--small  {
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 50%;
    }
     .bloc6 .wizi-imgtxt__right {
        animation: slide linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 45%;
    }
     .bloc2 .wizi-imgtxt__wrap, .bloc2 h2,  .bloc6 .wizi-imgtxt__center.wizi-imgtxt__center--small, .bloc4 .wizi-imgtxt__wrap{
        animation: reveal linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 20%;
    }
 }
@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**********/
.bloc1 {
    padding: 33px 0px 52px 80px !important;
}
.emergency-bar__text .we-indent-1, body.body .with-editorjs .we-indent-1, body.body .wiziblocks__item .we-indent-1 {
    padding-left: 0em !important;
}
@media (min-width: 720px) {
    .header.header--translate {
        background: #84A6B0;
    }
}