@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
h1 {
    font-family: "Josefin Sans", sans-serif !important;
    font-size: 2.4rem !important;
    color: #1c1c1c !important;
    text-align: center !important;
    font-weight: 800 !important;
    padding: 20px 0px !important;
}

h2 {
    font-family: "Josefin Sans", sans-serif !important;
    font-size: 2rem !important;
    color: #d3b055 !important;
    text-align: left !important;
    font-weight: 800 !important;
    padding: 20px 0px !important;
}
.sl .wizi-slider--small .wizi-slider__item:before {
    padding-top: 29% !important;
}
h3 {
    font-family: "Josefin Sans", sans-serif !important;
    font-size: 1.9rem !important;
    color: #d3b055 !important;
    font-weight: 800 !important;
    padding: 20px 0px !important;
}
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 100px !important;
}
.bloc2 .wiziblocks__item__maxWidth {
    background-image: url(https://media.cdnws.com/_i/376133/RAW-484/3608/88/image2.png) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-size: contain;
    padding: 110px 90px !important;
    background-color: transparent !important;
}

.bloc3 {
    background-image: url(https://media.cdnws.com/_i/376133/RAW-485/1286/89/para1.png) !important;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.bloc3 .wiziblocks__item__maxWidth {
    background-color: #0000007d !important;
    padding: 90px 100px !important;
}

.bloc3 .wizi-txt__item {
    color: #fff !important;
}

.bloc4 {
    background-color: #d2d5ce !important;
    margin: 0 0 0px !important;
}

.bloc4 .wiziblocks__item__maxWidth {
    background-color: transparent !important;
    padding: 50px 280px !important;
    text-align: center !important;
    color: #000 !important;
}
.bloc6 .wiziblocks__item__maxWidth {
    background-image: url(https://media.cdnws.com/_i/376133/RAW-484/3608/88/image2.png) !important;
    background-repeat: no-repeat !important;
    background-position: right;
    background-size: contain;
    padding: 119px 130px !important;
    background-color: transparent;
}
.bloc2 {
    background-image: url(https://media.cdnws.com/_i/376133/RAW-486/1806/90/para3.png) !important;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: fixed;
}

.bloc6 {
    background-image: url(https://media.cdnws.com/_i/376133/RAW-487/508/91/para2.png) !important;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: fixed;
}

.bloc7 .wiziblocks__item__maxWidth {
    text-align: center;
    padding: 50px 270px !important;
}

.bloc4 h3 {
    color: #000 !important;
}

.reassurance {
    background: linear-gradient(153deg, #b99245, #f6d082, #c49c4f);
}

.reassurance__wrapper__item__text strong {
}

.reassurance__wrapper {
    padding: 30px 39px !important;
}
.log {
    text-align: center;
    padding: 0px 35px !important;
}
.lg {
    text-align: center;
    padding: 0px 320px !important;
}
.WidgetBackground__Container-sc-1ho7q3r-0.iczPsf {
    padding: 35px 0px !important;
}

.prd p.prod__price__cur {
    background: linear-gradient(167deg, rgba(196, 156, 79, 1) 0%, rgba(253, 228, 133, 1) 50%, rgba(226, 191, 105, 1) 100%);
    padding: 8px 30px !important;
    border-radius: 20px !important;
 margin-bottom:1px !important;
}
  p.prod__price__cur {
    background: linear-gradient(167deg, rgba(196, 156, 79, 1) 0%, rgba(253, 228, 133, 1) 50%, rgba(226, 191, 105, 1) 100%);
    padding: 8px 30px !important;
    border-radius: 20px !important;
      margin-bottom:16px !important; 
}
.prod__shadow {
    box-shadow: 0px 0px 9px 1px #d3b0553d !important;
    border-radius: 5px !important;
}

.bloc2 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:last-child {
    padding: 30px 30px !important;
}

.inst {
    padding: 20px 60px !important;
}

.bloc3 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:last-child {
    padding: 70px 50px !important;
    background-color: #0000004f !important;
}

.avis h3 {
    text-align: center;
}

.bloc5 {
    background-color: #d2d5ce !important;
}

.bloc5 .wizi-wrapper.wizi-wrapper--img {
    background-color: transparent !important;
    padding: 0px 180px 50px 180px !important;
    text-align: center !important;
    color: #000 !important;
}

::before {}

.bloc5 .wizi-img--quadruple.wizi-img--small .wizi-img__content:before {
    padding-top: 78.36% !important;
}

.bloc6 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:last-child {
    padding: 50px 30px !important;
}
a.l1 {
    display: block;
    background-color: #fff !important;
    margin-top: -61px !important;
    padding: 20px 14px !important;
    z-index: 999 !important;
    position: relative;
    width: 300px !important;
    margin: 0 auto;
    box-shadow: 0px 0px 8px 1px #d3b05569 !important;
    margin-bottom: 40px !important;
    color: #000 !important;
    font-family: "Josefin Sans", sans-serif !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    min-height: 100px !important;
    vertical-align: middle !important;
    transition: transform 1.4s !important;
}

.reassurance__wrapper__item__icon {
    color: #000 !important;
}

div#footer__newsletter {
    display: none !important;
}
    .nav__wrapper2 .nav__arrow {
        display: block !important;
    }
.powered {
    padding: 8px 20px !important;
}
.nav__arrow {
          right: -12px !important;
}
a.btn {
    background: linear-gradient(167deg, rgba(196, 156, 79, 1) 0%, rgba(253, 228, 133, 1) 50%, rgba(226, 191, 105, 1) 100%);
    padding: 12px 16px !important;
    display: block;
    width: 204px !important;
    text-align: center;
    text-decoration: none !important;
    color: #000 !important;
    font-size: 1.1rem !important;
    margin-top: 15px !important;
    border-radius: 45px !important;
    font-weight: 600 !important;
    transition: transform 1s !important;
}

a.bt {
    background: linear-gradient(167deg, rgba(196, 156, 79, 1) 0%, rgba(253, 228, 133, 1) 50%, rgba(226, 191, 105, 1) 100%);
    padding: 12px 16px !important;
    display: block;
    width: 204px !important;
    text-align: center;
    text-decoration: none !important;
    color: #000 !important;
    font-size: 1.1rem !important;
    margin-top: 26px !important;
    border-radius: 45px !important;
    font-weight: 600 !important;
    margin: 0 auto;
    transition: transform 1s !important;
}
body .header__account__span {
    background-image: url(https://media.cdnws.com/_i/376133/RAW-501/3652/1/00fichier-31.png) !important;
    background-size: contain :im;
}
a.header__cart__a.header__tab {
    background-image: url(https://media.cdnws.com/_i/376133/RAW-500/1889/0/00fichier-41.png) !important;
    background-size: contain;
}
.header__account__span {
    height: 44px !important;
    min-width: 110px !important;
    position: relative;
}
.search--input {
    border-radius: 19px !important;
    border: 1px solid #c49c4f !important;
}
.search--wrapper .search--fieldset {
    border-radius: 10px !important;
}
#search-btn {
    border-radius: 0px 20px 20px 0px !important;
    border-color: #c49c4f !important;
}
.header__account__span {
    color: #58171700 !important;
}
.header__cart__a {
    height: 43px !important;
    padding-right: 15px !important;
}
span.header__cart__text {
    color: #0000 !important;
}

.header__cart {
    margin-left: 0px !important;
}
.topHeader {
    background: #000;
  font-family: 'Josefin Sans', sans-serif;
}
.topHeader3col {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    max-width: 1230px;
    margin: auto;
    color: white;
    font-family: 'Josefin Sans', sans-serif;
    padding: 5px 0px !important;
}
.Adresse {
    margin-left: 25px;
}
.Phone:before {
    content: '';
    margin-right: 5px;
    color: white;
    background-image: url(https://media.cdnws.com/_i/376133/RAW-504/3384/4/phone.png) !important;
    padding-left: 23px !important;
    background-size: contain;
    background-repeat: no-repeat !important;
}
.Adresse:before {
    content: '';
    margin-right: 5px;
    color: white;
    background-image: url(https://media.cdnws.com/_i/376133/RAW-505/953/5/loc.png) !important;
    padding-left: 23px !important;
    background-size: contain;
    background-repeat: no-repeat !important;
}
.bloc5 .wizi-img__content {
    transition: transform 1s !important;
}

.bloc5 .wizi-img__content:hover {
    transform: scale(1.1);
    filter: brightness(0.8);
}
.thsocial {
    margin-left: 25px;
    display: flex;
    align-content: center;
    align-items: center;
  font-family: 'Josefin Sans', sans-serif;
}
.thsocial a img:hover {
    transform: scale(0.95);
    transition: 0.2s;
}
.thsocial a img {
    transition: 0.3s ease-out;
    margin: 6px 0px 0px 4px;
}
a.btn:hover {
    background: linear-gradient(178deg, rgba(196, 156, 79, 1) 0%, rgba(253, 228, 133, 1) 50%, rgb(124 110 77) 100%);
    transform: scale(0.9);
}

a.bt:hover {
    background: linear-gradient(178deg, rgba(196, 156, 79, 1) 0%, rgba(253, 228, 133, 1) 50%, rgb(124 110 77) 100%);
    transform: scale(0.9);
}

.nav__maxWidth {
    justify-content: center !important;
}

.nav__itemlvl1 {
    font-weight: 500 !important;
    text-transform: capitalize;
}

.nav-perso-off .nav__itemlvl1 {
    padding: 11px 0px !important;
}

img.footer__logo__a__img, .header__logo img, img.in {
    transition: transform 1.4s !important;
}

img.footer__logo__a__img:hover, .header__logo img:hover, img.in:hover {
    transform: rotateX(360deg);
}
a.l1:hover {
    background-color: #000 !important;
    color: #fff !important;
    transform: translateY(-18px);
    box-shadow: 0px 0px 6px 1px #d4ad5f !important;
}
/*********************************** Responsive***************************************/


@media (max-width: 767px) and (min-width: 320px) {
  .footer__wrapper__bloc {
    text-align: center !important;
}

.inst {
    padding: 20px 15px !important;
}
  .bloc1 {
    padding: 0 0px !important;
}
.nav-perso-off .nav__label {
       margin: 0 23px 0 0 !important;
       
    }
.wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--medium:before {
    padding-top: 80.715% !important;
}
  .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 1px !important;
}
  .lg {
    text-align: center;
    padding: 0px 7px !important;
}
  .bloc2 .wiziblocks__item__maxWidth {
      padding: 0px 20px !important;
      background-size: cover;
      background-position: 88% !important;
}
    .bloc2 {
    background-position: 630%;
    background-size: cover;
}
    .bloc3 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:last-child {
    padding: 20px 20px !important;
    background-color: #00000082 !important;
}
  .bloc2 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:last-child {
    padding: 20px 6px !important;
}
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 10px 20px !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 40px 0px !important;
}
  .bloc6 .wiziblocks__item__maxWidth {
    padding: 0px 20px !important;
    background-position: 61% !important;
    background-size: cover;
}
    .bloc6 {
    background-position: 628%;
    background-size: cover;
}
  .bloc6 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:last-child {
    padding: 22px 15px !important;
}
  .bloc7 .wiziblocks__item__maxWidth {
    padding: 20px 0px !important;
}
    a.l1 {
    margin-top: -61px !important;
    padding: 18px 1px !important;
    width: 247px !important;
    box-shadow: 0px 0px 8px 1px #d3b05569 !important;
    margin-bottom: 9px !important;
    font-size: 1.2rem !important;
    min-height: 55px !important;
  }
  .avis {
    padding: 10px 20px !important;
}
   .header__cart {
    margin-left: 0px !important;
    padding-top: 8px !important;
}  
  .nav {
        padding: 58px 23px 107px !important;
           }
.bloc5 .wizi-wrapper.wizi-wrapper--img {
    background-color: transparent !important;
    padding: 0px 40px 50px 40px !important;

}
  .Phone {
    width: 100% !important;
    padding: 8px 7px !important;
}

.Adresse {
    width: 100% !important;
    margin-left: 0px !important;
    padding: 8px 7px !important;
}

.thsocial {
    width: 100% !important;
    display: block;
    margin-left: 0px !important;
}

.topHeader3col {
    display: block;
    text-align: center;
}
}
@media (max-width: 1023px) and (min-width: 768px) {
.bloc5 .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 40px 50px 40px !important;

}  
      .nav {
        padding: 168px 33px 107px !important;
    }
  .header__cart {
    margin-left: 0px !important;
    padding-top: 8px !important;
}  

  .search--wrapper .search--fieldset {
        width: 89% !important;
        left: 26px !important;
    }
  .footer__wrapper__bloc.log {
    width: 100% !important;
}

.footer__wrapper__bloc {
    width: 33.33% !important;
}

.footer__wrapper {
    padding: 50px 5px !important;
}

body.wiziblocks-on .prod .prod__article {
    width: 25% !important;
    padding: 0 5px !important;
}

.bloc1 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
    display: block !important;
}

.bloc1 .wizi-imgtxt__right, .bloc1  .wizi-imgtxt__left {
    width: 100% !important;
}
    .nav-perso-off .nav__label {
       margin: 0 23px 0 0 !important;
       
    }
.wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--medium:before {
   padding-top: 62.715% !important
}
  .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 1px !important;
}
  .lg {
    text-align: center;
    padding: 0px 50px !important;
}
  .bloc2 .wiziblocks__item__maxWidth {
      padding: 0px 20px !important;
      background-size: auto !important;
      background-position: 88% !important;
}
    .bloc2 {
    background-position: 630%;
    background-size: cover;
}
    .bloc3 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:last-child {
    padding: 40px 30px !important;
    background-color: #00000082 !important;
}
  .bloc2 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:last-child {
    padding: 20px 6px !important;
}
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 40px 40px !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 40px 40px !important;
}
  .bloc6 .wiziblocks__item__maxWidth {
    padding: 0px 20px !important;
    background-position: 61% !important;
    background-size: auto;
}
    .bloc6 {
    background-position: 628%;
    background-size: cover;
}
  .bloc6 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:last-child {
    padding: 22px 15px !important;
}
  .bloc7 .wiziblocks__item__maxWidth {
    padding: 40px 20px !important;
}
    a.l1 {
    margin-top: -61px !important;
    padding: 18px 1px !important;
    width: 147px !important;
    box-shadow: 0px 0px 8px 1px #d3b05569 !important;
    margin-bottom: 40px !important;
    font-size: 0.9rem !important;
  }
  .avis {
    padding: 10px 20px !important;
}
  .topHeader3col {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    max-width: 1241px;
    margin: 0 auto;
    color: white;
    font-family: 'Josefin Sans', sans-serif;
    padding: 5px 20px !important;
}
}


@media (max-width: 1199px) and (min-width: 1024px) {
.topHeader3col {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    max-width: 1241px;
    margin: 0 auto;
    color: white;
    font-family: 'Josefin Sans', sans-serif;
    padding: 5px 20px !important;
}
.bloc5 .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 80px 50px 80px !important;
}
  
      .nav-perso-off .nav__label {
       margin: 0 23px 0 0 !important;
       
    }
.wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--medium:before {
    padding-top: 92.715% !important;
}
  .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 1px !important;
}
  .lg {
    text-align: center;
    padding: 0px 80px !important;
}
  .bloc2 .wiziblocks__item__maxWidth {
      padding: 0px 20px !important;
      background-size: cover !important;
      background-position: -908% !important;
}
    .bloc2 {
    background-position: 630%;
    background-size: cover;
}
    .bloc3 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:last-child {
    padding: 40px 30px !important;
    background-color: #00000082 !important;
}
  .bloc2 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:last-child {
    padding: 20px 6px !important;
}
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 40px 40px !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 40px 70px !important;
}
  .bloc6 .wiziblocks__item__maxWidth {
    padding: 0px 20px !important;
    background-position: 599% !important;
}
    .bloc6 {
    background-position: 628%;
    background-size: cover;
}
  .bloc6 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:last-child {
    padding: 22px 15px !important;
}
  .bloc7 .wiziblocks__item__maxWidth {
    padding: 50px 80px !important;
}
    a.l1 {
    margin-top: -61px !important;
    padding: 18px 1px !important;
    width: 209px !important;
    box-shadow: 0px 0px 8px 1px #d3b05569 !important;
    margin-bottom: 40px !important;
    font-size: 1.1rem !important;
  }
  .avis {
    padding: 10px 20px !important;
}
}


@media (max-width: 1399px) and (min-width: 1200px) {
  .bloc5 .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 120px 50px 120px !important;

}
.wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--medium:before {
    padding-top: 85.715% !important;
}
  .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 1px !important;
}
  .lg {
    text-align: center;
    padding: 0px 80px !important;
}
  .bloc2 .wiziblocks__item__maxWidth {
      padding: 0px 20px !important;
      background-size: contain !important;
      background-position: 172% !important;
}
    .bloc2 {
    background-position: -50%;
}
    .bloc3 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:last-child {
    padding: 40px 30px !important;
    background-color: #0000004f !important;
}
  .bloc2 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:last-child {
    padding: 20px 6px !important;
}
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 40px 20px !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 40px 100px !important;
}
  .bloc6 .wiziblocks__item__maxWidth {
    padding: 0px 20px !important;
    background-position: 141% !important;
}
    .bloc6 {
    background-position: -76%;
}
  .bloc6 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:last-child {
    padding: 22px 30px !important;
}
  .bloc7 .wiziblocks__item__maxWidth {
    padding: 50px 80px !important;
}
    a.l1 {
    margin-top: -61px !important;
    padding: 18px 4px !important;
    width: 249px !important;
    box-shadow: 0px 0px 8px 1px #d3b05569 !important;
    margin-bottom: 40px !important;
  }
  .avis {
    padding: 10px 20px !important;
}
}


@media (max-width: 1600px) and (min-width: 1400px) {
  .bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 1px !important;
}
  .lg {
    text-align: center;
    padding: 0px 140px !important;
}
  .bloc2 .wiziblocks__item__maxWidth {
      padding: 0px 20px !important;
}
  .bloc2 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:last-child {
    padding: 20px 0px !important;
}
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 50px 40px !important;
}
  .bloc4 .wiziblocks__item__maxWidth {
    padding: 40px 200px !important;
}
  .bloc6 .wiziblocks__item__maxWidth {
    padding: 0px 20px !important;
}
  .bloc6 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:last-child {
    padding: 22px 30px !important;
}
  .bloc7 .wiziblocks__item__maxWidth {
    padding: 50px 140px !important;
}
}

/********** end Responsive**********/


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

@media (max-width: 2100px) and (min-width: 1200px) {
  
.bloc1 .wizi-imgtxt__right.wizi-imgtxt__right--medium, a.bt {
    animation: reveal linear;
    animation-timeline: view();
    animation-range-start: cover 0%;
    animation-range-end: contain 25%;
}
.bloc3 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:last-child {
    padding: 24px;
    animation: slide linear;
    animation-timeline: view();
    animation-range-start: cover 0%;
    animation-range-end: contain 25%;
}
.bloc4 .wizi-imgtxt__right.wizi-imgtxt__right--large, h3 {
    animation: reveal linear;
    animation-timeline: view();
    animation-range-start: cover 0%;
    animation-range-end: contain 25%;
    vertical-align: bottom !important;
    margin-bottom: -21px !important;
}
.bloc2 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:last-child, .bloc4 .wizi-wrapper.wizi-wrapper--txt, .vi {
  animation: top linear;
    animation-timeline: view();
    animation-range-start: cover 0%;
    animation-range-end: contain 25%;
}
    .bloc6 .wizi-wrapper--txt .wizi-txt--double .wizi-txt__item:last-child {
    padding: 24px;
    animation: slide2 linear;
    animation-timeline: view();
    animation-range-start: cover 0%;
    animation-range-end: contain 25%;
    }
}
@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**********/
.topHeader {
    display: none;
}

@media (max-width: 600px) {
    h1 {
        font-size: 1.8rem !important;
    }
}

@media (max-width: 600px) {
    h2 {
        font-size: 1.4rem !important;
    }
}

/* Appliquer ces styles uniquement sur mobile */
@media (max-width: 768px) {
    /* Appliquer le grid layout à .wizi-img pour mobile */
    .bloc5 .wizi-img {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2 colonnes égales */
        gap: 10px; /* Espace entre les images */
    }

    /* Conteneur de chaque image */
    .bloc5 .wizi-img__content {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    /* Images */
    .bloc5 .wizi-img__item {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Remplir le conteneur sans déformer l'image */
    }
}

/* Appliquer un layout à deux colonnes uniquement sur mobile */
@media (max-width: 768px) {
.vi .wizi-img {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2 colonnes égales */
        gap: 10px; /* Espacement entre les images */
    }

.vi .wizi-img__content {
        width: 100%;
        height: auto;
        padding: 10px; /* Ajouter du padding pour que le contenu respire */
        box-sizing: border-box; /* S'assurer que le padding est inclus dans la largeur */
    }

.vi .wizi-img__item {
        width: 100%;
        height: auto;
        object-fit: cover; /* Remplir le conteneur sans déformer l'image */
    }

    /* Styles pour le texte */
.vi .we-align-center {
        text-align: center;
        font-size: 1rem; /* Ajuster la taille de police pour mobile */
        word-wrap: break-word; /* Casser les mots qui sont trop longs */
        white-space: normal; /* Permettre les retours à la ligne */
    }

.vi .l1 {
        display: block;
        margin: 0 auto;
        max-width: 100%; /* S'assurer que le lien ne dépasse pas la largeur */
        padding: 5px 0; /* Un peu de padding pour espacer */
    }
}

/* FOOTER */
/* Mise en page optimisée pour mobile */
@media (max-width: 768px) {
    /* Réduire les marges et padding pour économiser de l'espace */
    .footer__wrapper__bloc {
        margin-bottom: 15px; /* Réduire l'espacement entre les blocs */
        padding: 10px; /* Ajouter un léger padding pour que les blocs respirent */
    }

    /* Organiser "Infos Pratiques", "À propos" et "Contact" en deux colonnes */
    .footer__wrapper__bloc:nth-child(2),
    .footer__wrapper__bloc:nth-child(3),
    .footer__wrapper__bloc:nth-child(4) {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2 colonnes égales */
        gap: 10px; /* Espace réduit entre les colonnes */
    }

    .footer__wrapper__bloc__title {
        text-align: left; /* Texte aligné à gauche pour économiser de l'espace */
        font-size: 1rem; /* Réduire la taille des titres pour mobile */
    }

    .footer__wrapper__bloc__ul,
    .footer__wrapper__bloc__infos {
        font-size: 0.9rem; /* Réduire la taille du texte pour une meilleure compacité */
        text-align: left; /* Alignement à gauche pour une lecture plus facile */
    }

    /* Gérer le formulaire de newsletter pour qu'il reste compact */
    .footer__wrapper__bloc__form {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0; /* Éliminer les padding superflus */
    }

    .footer__wrapper__bloc__form__fieldset {
        width: 100%;
        max-width: 300px; /* Limiter la largeur pour mobile */
        margin-bottom: 10px; /* Réduire l'espacement entre les champs */
    }

    .footer__wrapper__bloc__form__fieldset__label__input,
    .footer__wrapper__bloc__form__fieldset__button {
        width: 100%;
    }

    /* Gérer les icônes de réseaux sociaux pour qu'elles soient centrées */
    .footer__wrapper__bloc__social {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    /* Agrandir le logo sans qu'il soit trop petit */
    .footer__wrapper__bloc.log img {
        width: 100%;
        max-width: 150px; /* Limiter la taille maximale du logo pour ne pas le rendre trop grand */
        display: block;
        margin: 0 auto; /* Centrer le logo */
    }
}
/* TEST */