@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Lugrasimo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lugrasimo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
:root {
     --primary-color: #CCBAAC !important;
         --primary-color-hover: #CCBAAC !important;
}
@media (min-width: 1024px) {
    .header.header--fixed .nav__itemlvl1 {
        font-weight: 900 !important;
    }
}
.prod .prod__name {
    font-family: "Cormorant Garamond", serif;
}
h1 {
    font-family: "Cormorant Garamond", serif;
    font-size: 1.8rem !important;
    color: #1c1c1c !important;
    text-align: center;
    font-weight: 700 !important;
    padding: 20px 0px !important;
}
.wiziblocks__item .wizi-form .form .form__fieldset {
    margin-bottom: 27px !important;
}
h2 {
    font-family: "Cormorant Garamond", serif;
    font-size: 2rem !important;
    color: #CCBAAC !important;
    font-weight: 700 !important;
    padding: 20px 0px !important;
}
.prod-infos__title {
    font-size: 1.4rem !important;
}
h3 {  font-family: "Cormorant Garamond", serif;font-size: 2rem !important;color: #CCBAAC !important;font-weight: 500 !important;padding: 30px 0px !important;text-align: center;}

.bloc1 {
    text-align: center;
    padding: 0px 20px 10px 20px !important;
}

a.btn {
    background: linear-gradient(118deg, #eed9d2 0%, #ebe4e2fa 50%, #CCBAAC 100%);
    padding: 15px 22px !important;
    border-radius: 20px !important;
    margin-bottom: 1px !important;
    color: #000 !important;
    text-decoration: none !important;
    font-size: 1.3rem !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    margin-top: 20px !important;
    display: block;
    width: 250px !important;
    margin: 0 auto;
    transition: transform 1.4s !important;
}

.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 130px !important;
}
div#footer__newsletter {
    display: none;
}
form#footer__newsletter {
    display: none;
}

.footer__link {
    color: #000 !important;
}

.footer__info__text {
    color: #000 !important;
}

.backTop__text {
    color: #000 !important;
}

.backTop__icon {
    background-color: #a8856d54 !important;
    border-radius: 50px !important;
}

.rea {
    background: linear-gradient(153deg, #a4867d, #ece5e3, #edd9d3);
}

.rea__item {
    padding: 10px 20px !important;
}

.avis {background-color: #ffffffe8 !important;
       padding: 50px 30px 65px 30px!important;}

div#fbbb2655-ce5e-42d5-aa56-36abf546db59 {
    background-image: url(https://media.cdnws.com/_i/376101/1902/122/6/carpediem-concept-store-bg-avis.jpeg) !important;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    padding: 100px 160px !important;
}

.bloc3 {
    background-image: url(https://media.cdnws.com/_i/376101/1940/3645/44/carpediem-concept-store-bg-avis.jpeg) !important;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    padding: 70px 310px !important;
    text-align: center;
}

.bloc3 .wiziblocks__item__maxWidth {
    background-color: #ffffffdb !important;
    padding: 80px 70px !important;
}

.inst {
    padding: 35px 50px !important;
}

.powered {
    padding: 9px 20px !important;
}


.tel2 {
    color: #000 !important;
}

.thsocial {
    margin-left: 25px;
    display: flex;
    align-content: center;
    align-items: center;
    font-family: "Open Sans", sans-serif !important;
}
.Adresse {
    margin-left: 25px;
    color: #000 !important;
}
.Adresse:before {
    content: '';
    margin-right: 5px;
    color: white;
    background-image: url(https://media.cdnws.com/_i/376101/RAW-1880/402/83/00fichier-40.png) !important;
    padding-left: 18px !important;
    background-size: 70%;
    background-repeat: no-repeat !important;
}
.thsocial img {padding: 0px 5px !important;width: 28px !important;transition: transform 1.4s !important;}

.thsocial img:hover {
    transform: rotateX(360deg);
}

.prd p.prod__price__cur {
    background: linear-gradient(118deg, #eed9d2 0%, #ebe4e2fa 50%, #CCBAAC 100%);
    padding: 4px 15px !important;
    color: #000 !important;
}
p.prod__price__cur {
     background: linear-gradient(118deg, #eed9d2 0%, #ebe4e2fa 50%, #CCBAAC 100%);
     padding: 4px 15px !important;
     color: #000 !important;
     margin-bottom: 11px !important;
}
.prod__shadow {
    box-shadow: 0px 0px 9px 1px #CCBAAC3d !important;
}
.vi .wizi-img--triple.wizi-img--small .wizi-img__content:before {
 
    padding-top: 95.81% !important;
}
.vi .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 190px !important;
}
.vi {
    margin: 0 0 10px !important;
}
.reassurance {
    background: linear-gradient(153deg, #a4867d, #ece5e3, #edd9d3);
}

.footer__title {
    font-family: "Open Sans", sans-serif !important;
    font-size: 1.3rem !important;
    font-weight: 500 !important;
    padding: 15px 0px !important;
}
.footer {
    background: #ffffff;
}
    .footer {
        padding: 36px 30px 0 !important;
    }
.reassurance__wrapper {
    padding: 23px 40px !important;
}

.vi .wizi-img__content {
  transition: transform .8s !important;  
}
.vi .wizi-img__content:hover, a.btn:hover {
  transform: scale(1.02);
  filter: drop-shadow(2px 4px 6px #00000029);
}



/********************** Responsive********************/

.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px !important;
}
  div#fbbb2655-ce5e-42d5-aa56-36abf546db59 {
     padding: 39px 14px !important;
}
    .avis {
    padding: 40px 20px 40px 20px !important;
}
    .bloc1 {
    padding: 0px 0px 10px 0px !important;
}
  .bloc3 {
      padding: 40px 10px !important;
  }
  .vi .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 0px !important;
}

.thsocial {display: block;padding: 6px 0px !important;margin-left: 0px;}
.Adresse {
    margin-left: 0px;
    padding: 6px 0px !important;
}

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

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


.footer__wrapper {
    text-align: center;
}

      .rea__item {
        padding: 15px 10px 15px 69px !important;
    }
}
@media (max-width: 1023px) and (min-width: 720px) {
  .footer__menu.footer__bloc.margin.log {
    width: 100% !important;
}
  .footer__bottom {
    padding-top: 0px !important;
}

.footer__bloc {
    margin: 0 0 0px !important;
}


  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px !important;
}
  div#fbbb2655-ce5e-42d5-aa56-36abf546db59 {
     padding: 64px 57px !important;
}
    .avis {
    background-color: #ffffffeb !important;
    padding: 30px 30px 45px 30px !important;
}
  .bloc3 {
      padding: 40px 60px !important;
  }
    .bloc3 .wiziblocks__item__maxWidth {
    background-color: #ffffffdb !important;
    padding: 50px 50px !important;
}
  .vi .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 0px !important;
}
  .bloc2 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
    display: block !important;
}

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

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

.footer__wrapper__bloc.log {
    width: 100% !important;
}

.footer__wrapper__bloc {}

.footer__wrapper__bloc {
    width: 32% !important;
}

.footer__wrapper {
    padding: 40px 20px !important;
}

.footer__wrapper__bloc:nth-child(odd) {
    padding-right: 0px !important;
}

.footer__wrapper__bloc:nth-child(2n) {
    padding-left: 0px !important;
}
 
}


@media (max-width: 1199px) and (min-width: 1024px) {
  .bloc2 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 84.946%;
}
.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px !important;
}
  div#fbbb2655-ce5e-42d5-aa56-36abf546db59 {
     padding: 70px 70px !important;
}
  .bloc3 {
      padding: 60px 100px !important;
  }
  .vi .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 10px !important;
}
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px !important;
}
  div#fbbb2655-ce5e-42d5-aa56-36abf546db59 {
     padding: 70px 70px !important;
}
  .bloc3 {
      padding: 60px 100px !important;
  }
  .vi .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 50px !important;
}
}
@media (max-width: 1600px) and (min-width: 1400px) {
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 40px !important;
}
  div#fbbb2655-ce5e-42d5-aa56-36abf546db59 {
     padding: 70px 70px !important;
}
  .bloc3 {
      padding: 60px 100px !important;
  }
  .vi .wizi-wrapper.wizi-wrapper--img {
    padding: 0px 50px !important;
}
}

 /******************* end ************************/




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

@media (max-width: 2100px) and (min-width: 1200px) {
 
h3, .btn {
    animation: reveal linear;
    animation-timeline: view();
    animation-range-start: cover 0%;
    animation-range-end: contain 25%;
 
     
}
 .vi {
  animation: top linear;
    animation-timeline: view();
    animation-range-start: cover 0%;
    animation-range-end: contain 10%;
}
    .log {
    animation: slide2 linear;
    animation-timeline: view();
    animation-range-start: cover 0%;
    animation-range-end: contain 15%;
    }
}
 
@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**********/
.powered {
    background: #CCBAAC;
}

.powered__p {
    color: #ffffff;
}

div#f456ba72-d842-4c25-8370-1db6906476f2 {
    z-index: 99;
}

.wizi-img.wizi-img--banner.wizi-img--small {
    margin-top: -110px;
}

.inst {
    padding: 0px 0px !important;
}

div#ec51e8ba-9801-4fec-8fc0-37cb76f62776 {
    margin-bottom: 0px;
}

/* TEST */
.bgtexte .wizi-imgtxt__right {
    position: relative; /* Nécessaire pour que l'image puisse être positionnée absolument */
    background-color: #CCBAAE;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

.bgtexte .wizi-imgtxt__wrap {
    border-style: solid;
    border-color: #FFFFFF;
}

.bgtexte .wizi-imgtxt__wrap img {
    display: block;
    margin: 0 auto;
    width: 80px; /* Définit une largeur fixe de 200px */
    height: auto; /* Maintient le ratio d'aspect en ajustant automatiquement la hauteur */
}

.bgtexte .wizi-imgtxt__wrap::before {
    content: url('https://media.cdnws.com/_i/376101/1914/2011/18/carpediem-concept-store-plume-gauche.jpeg'); /* Ton image */
    position: absolute;
    bottom: 0px; /* Place l'image à 10px du bas */
    left: 0px;  /* Place l'image à 10px de la gauche */
    height: auto;
    z-index: 1; /* Place l'image au-dessus du background-color */
}

.bgtexte .wizi-imgtxt__wrap p, .wizi-imgtxt__wrap h2 {
    position: relative; /* Nécessaire pour que le texte soit bien positionné */
    z-index: 2; /* Place le texte au-dessus de l'image */
}

/* Image en haut à droite */
.bgtexte .wizi-imgtxt__wrap::after {
    content: url('https://media.cdnws.com/_i/376101/1915/3122/19/carpediem-concept-store-plume-droite.jpeg'); /* Ton image */
    position: absolute;
    top: 0px; /* Place l'image en haut */
    right: 0px; /* Place l'image à droite */
    height: auto;
    z-index: 1; /* Image placée au-dessus du fond mais sous le texte */
}

.bgtexte .wizi-imgtxt__wrap {
    padding-bottom: 40px;
    padding-top: 40px;
}
/* BLOC 2 */
.bloc2 .wizi-imgtxt__left {
    position: relative; /* Nécessaire pour que l'image puisse être positionnée absolument */
    background-color: #CCBAAE;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

.bloc2 .wizi-imgtxt__wrap {
    border-style: solid;
    border-color: #FFFFFF;
}

.bloc2 .wizi-imgtxt__wrap img {
    display: block;
    margin: 0 auto;
    width: 80px; /* Définit une largeur fixe de 200px */
    height: auto; /* Maintient le ratio d'aspect en ajustant automatiquement la hauteur */
}

.bloc2 .wizi-imgtxt__wrap::before {
    content: url('https://media.cdnws.com/_i/376101/1914/2011/18/carpediem-concept-store-plume-gauche.jpeg'); /* Ton image */
    position: absolute;
    bottom: 0px; /* Place l'image à 10px du bas */
    left: 0px;  /* Place l'image à 10px de la gauche */
    height: auto;
    z-index: 1; /* Place l'image au-dessus du background-color */
}

.bloc2 .wizi-imgtxt__wrap p, .wizi-imgtxt__wrap h2 {
    position: relative; /* Nécessaire pour que le texte soit bien positionné */
    z-index: 2; /* Place le texte au-dessus de l'image */
}

/* Image en haut à droite */
.bloc2 .wizi-imgtxt__wrap::after {
    content: url('https://media.cdnws.com/_i/376101/1915/3122/19/carpediem-concept-store-plume-droite.jpeg'); /* Ton image */
    position: absolute;
    top: 0px; /* Place l'image en haut */
    right: 0px; /* Place l'image à droite */
    height: auto;
    z-index: 1; /* Image placée au-dessus du fond mais sous le texte */
}
.wizi-txt__background {
    position: relative; /* Nécessaire pour que l'image "absolue" se positionne à l'intérieur de ce div */
    background: #ccbaae; /* Votre couleur de fond beige/cuivre */
    padding: 20px; /* Optionnel, pour créer un peu d'espace autour du texte */
}

/* Ajouter l'image en haut à droite */
.wizi-txt__background::after {
    content: url('https://media.cdnws.com/_i/376101/1915/3122/19/carpediem-concept-store-plume-droite.jpeg');
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
    max-width: 100px; /* Ajustez la taille si nécessaire */
    z-index: 1; /* Place l'image au-dessus du fond */
}
.bloc2 .wizi-imgtxt__wrap {
    padding-bottom: 40px;
    padding-top: 40px;
}

i.far.fa-question-circle {
    display: none;
}

div#a9f416f5-7c08-4690-8c53-ad1109c15cae {
    margin-bottom: 0px;
}

/* MODIF 16.10.2024 */
@media (min-width: 720px) {
    .header.header--fixed .header__logo img {
        max-height: 100px;
    }
}
p.prod-details__brand {
    display: none;
}
.wizi-txt__background {
    position: relative; /* Nécessaire pour que l'image pseudo-élément se positionne par rapport à ce conteneur */
    background: #ccbaae; /* Couleur de fond */
    padding: 50px; /* Optionnel, crée de l'espace autour du texte */
    border: 2px white solid;
}

.wizi-txt__background::before {
    content: url('https://media.cdnws.com/_i/376101/1914/2011/18/carpediem-concept-store-plume-gauche.jpeg');
    position: absolute;
    bottom: 0px; /* Place l'image en bas du conteneur */
    left: 0px;  /* Place l'image sur le côté gauche du conteneur */
    width: 50px; /* Contrôle la largeur de l'image pour qu'elle soit plus petite */
    height: auto; /* Maintient les proportions de l'image */
    z-index: 1; /* Place l'image au-dessus du fond mais en dessous du contenu du texte */
}
.footer__bloc.footer__logo {
    display: none;
}
form.footer__form {
    display: none;
}
@media (min-width: 1024px) {
    .wizi-wrapper .wizi-formImg img {
        min-height: 30% !important;
    }
}
@media (min-width: 1024px) {
    .footer__middle {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: none;
        flex-wrap: nowrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        align-items: center;
        flex-direction: row-reverse;
    }
}
@media (min-width: 1024px) {
    .wizi-img--triple.wizi-img--picto .wizi-img__content {
        width: calc(24.3% - 30px);
    }
}
header#header {
    background-color: white;
}
.share__wrapper {
    display: none;
}
@media (min-width: 720px) {
    .header.header--fixed .header__logo {
        width: 250px;
    }
}
@media (min-width: 1024px) {
    .header.header--fixed {
        height: 100px;
    }
}
.rea {
    background: #CCBAAC;
}
.prod-list__left {
    display: none !important;
}
select {
    width: 30%;
}
a {
    text-decoration: none;
    color: black;
}
@media (min-width: 1024px) {
    .prod-infos__desc {
         margin-top: 0px !important;
    }
}
@media (min-width: 1024px) {
    .prod-list__right {
        width: 100% !important;
    }
}
div#\32 da9be89-07fd-4c8c-a361-8cc378a5e94b {
    margin-top: 40px;
}
.wizi-img--large:before {
    padding-top: 46% !important;
}


@media only screen and (max-width: 767px) {
    .trois-images .wizi-img.wizi-img--simple.wizi-img--triple.wizi-img--large {
        display: flex;
        flex-wrap: nowrap; /* Empêche le retour à la ligne */
    }

    .trois-images .wizi-img__content {
        flex: 1 1 auto; /* Assure que chaque image prend la même largeur */
        height: 150px; /* Hauteur fixe pour uniformiser la taille des images */
    }

    .trois-images .wizi-img__item {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Assure que chaque image remplit le conteneur en gardant les proportions */
    }
}
.prod-list .wz-pagination {
    display: none !important;
}

span.so-dates.state__date {
    display: none!important;
}