/* STARTER */
h1, .prod-list__title, .prod-list__title, .title-page, h1 {text-transform: uppercase;
font-weight: 900 !important; padding-bottom: 0 !important; margin-bottom : 0 !important }
h2, body.body .wiziblocks__item h2 {
    font-size: 2rem !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    padding-bottom: 1%;
}
.fromagestitre {    text-align: center;}
.parallax-container.loaded, .wizi-wrapper--textOnImg img.wizi-img__item  {/* filter: brightness(0.5); */}
/*Permet d'appliquer un effet sur le logo lorsqu'il est trop sombre en entête qui scroll*/
.header.new-menu.header--fixed.header--transparent.header--notTranslate img.header__logo__a__img, 
.header.new-menu.header--fixed.header--transparent.header--translate 
.header__content.headroom.headroom--not-bottom.headroom--not-top.headroom--unpinned,
.header.new-menu.header--fixed.header--translate.header--transparent img.header__logo__a__img
{/* filter: brightness(10); */}
.prod.product-list-classic.product-list-classic--categories {/* background: white; */border-radius: 12px;/*border: solid orange;*/}
.prod-list-cat__tabs div.selected, .prod-list-cat__tabs div:focus {background: #bda477 !important;}
.prod-list-cat__tabs div:hover {    background: #e29556 !important;}
body.wiziblocks-on .prod .prod__article.fixed .prod__corner__top, body.wiziblocks-on .prod .prod__article.fixedTemp .prod__corner__top, body.wiziblocks-on .prod .prod__article:hover .prod__corner__top {
    background: #ffffff00 !important;
    box-shadow: none !important;
    }
button#add-cart-btn {
    font-weight: 900;
}
.prod.product-list-classic.product-list-classic--categories {/* background: white; *//* box-shadow: #0000000a 0px 0px 10px; */}


/*HEADER*/
.header.new-menu.header--fixed.header--translate .header__content.headroom.headroom--not-bottom.headroom--not-top.headroom--unpinned, 
.header.new-menu.header--fixed.header--translate .header__content.headroom.headroom--not-top.headroom--unpinned.headroom--bottom,
.header.new-menu.header--fixed.header--translate .header__content.headroom.headroom--not-top.headroom--not-bottom.headroom--pinned,
.header.new-menu.header--fixed.header--translate {background: #000000 !important;}

.page-homepage .header.new-menu.header--fixed.header--translate {background: transparent!important}


.header.new-menu.header--fixed.header--translate .header__content.headroom.headroom--not-bottom.headroom--not-top.headroom--unpinned label.header__account__a.header__tab,
.header.new-menu.header--fixed.header--translate .header__content.headroom.headroom--not-top.headroom--not-bottom.headroom--pinned label.header__account__a.header__tab,
.header.new-menu.header--fixed.header--translate .header__content.headroom.headroom--not-top.headroom--unpinned.headroom--bottom label.header__account__a.header__tab,
.header.new-menu.header--fixed.header--translate .header__content.headroom.headroom--not-bottom.headroom--not-top.headroom--unpinned a.header__cart__a.header__tab,
.header.new-menu.header--fixed.header--translate .header__content.headroom.headroom--not-top.headroom--unpinned.headroom--bottom  a.header__cart__a.header__tab,
.header.new-menu.header--fixed.header--translate .header__content.headroom.headroom--not-top.headroom--not-bottom.headroom--pinned   a.header__cart__a.header__tab, 
.header.new-menu.header--fixed.header--translate label.header__account__a.header__tab,
.header.new-menu.header--fixed.header--translate  a.header__cart__a.header__tab {
    filter: brightness(5.5);
}
.header.new-menu.header--fixed.header--translate .header__content.headroom.headroom--not-bottom.headroom--not-top.headroom--unpinned label.header__account__a.header__tab:hover,
.header.new-menu.header--fixed.header--translate .header__content.headroom.headroom--not-top.headroom--unpinned.headroom--bottom label.header__account__a.header__tab:hover,
.header.new-menu.header--fixed.header--translate .header__content.headroom.headroom--not-top.headroom--not-bottom.headroom--pinned label.header__account__a.header__tab:hover,
.header.new-menu.header--fixed.header--translate label.header__account__a.header__tab:hover,
.header.new-menu.header--fixed.header--translate .header__content.headroom.headroom--not-bottom.headroom--not-top.headroom--unpinned a.header__cart__a.header__tab:hover,
.header.new-menu.header--fixed.header--translate .header__content.headroom.headroom--not-top.headroom--unpinned.headroom--bottom  a.header__cart__a.header__tab:hover,
.header.new-menu.header--fixed.header--translate .header__content.headroom.headroom--not-top.headroom--not-bottom.headroom--pinned a.header__cart__a.header__tab:hover,
 .header.new-menu.header--fixed.header--translate  a.header__cart__a.header__tab:hover{
    filter: inherit;
}
a.wiziBtn {    text-transform: uppercase;}

@media (min-width: 720px) {
    .header.header--fixed .header__logo {width :300px} 
    .header.header--fixed .search--wrapper .back, .header.header--fixed .search--wrapper .front {background:white}
    .header.header--fixed .search--wrapper .search--input {border-color : white;/* color: white; */}
}


/*Fonction qui permet d'afficher une image dans les textes de wiziblock sans qu'elles soient étirées*/
img.resize {
    position: initial !important;
    top: initial !important;
    left: initial !important;
    -webkit-transform: initial !important;
    -ms-transform: initial !important;
    transform: initial !important;
    min-width: initial !important;
    min-height: initial !important;
    max-width: 100% !important;
    width: initial !important;
    height: initial !important;
    -o-object-fit: initial !important;
    object-fit: initial !important;
    opacity: initial !important;
    background-position: initial !important;
    background-size: initial !important;
    background-repeat: initial !important;
}

.prod__slider__wrapper.slick-initialized:after, .prod__slider__wrapper.slick-initialized:before {background: #ffffff00;}
.prod.product-list-classic {    justify-content: center;}


@media (min-width: 1024px) {
    .nav-perso-off .nav__label .nav__a {
        font-size: 1rem;
        background: transparent;
        color: white;
        text-transform: uppercase;
        font-weight: bold;
    }
}

#e4ef9632-0cc2-490e-8045-d435f75a6bdd .form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

#e4ef9632-0cc2-490e-8045-d435f75a6bdd .form__fieldset {
  width: 100%;
}

#e4ef9632-0cc2-490e-8045-d435f75a6bdd 
.form__field--long-answer {
  grid-column: 1 / -1;
}

#e4ef9632-0cc2-490e-8045-d435f75a6bdd 
.form__field--btnArea {
  grid-column: 1 / -1;
}

@media (max-width: 768px) {
  #e4ef9632-0cc2-490e-8045-d435f75a6bdd .form {
    grid-template-columns: 1fr;
  }
}

.prod-infos p:not(:empty):not(:last-child) {
    margin-bottom: 16px;
}
/* END STARTER */ 

/*FAQ*/
.wz-faq-accordion__wrapper .wz-faq-accordion__wrapper__item:first-child {    border-top-left-radius: 10px;    border-top-right-radius: 10px;}
div#ae98872a-e498-4578-8fa4-9706044e6938 {    max-width: 920px !important;    min-width: inherit;}

/*MENU*/
a.nav__itemlvl1.nav__itemlvl1--with-subnav {   text-transform: uppercase;    font-weight: bold !important;    font-size: 1.5em !important;    color : white}
.nav__sublevel.nav__sublevel--centered {top: 50px;}
.nav__sublevel.nav__sublevel--centered {    background: #464747;}

/*Accueil hero*/
.wiziblocks__item.wiziblocks__item--fullpage.width-full.wiziblocks__item--withoutBackground.medium .wizi-txt.wizi-txt--large {    max-width: 990px;    min-width: inherit;}
.wiziblocks__item.wiziblocks__item--fullpage.width-full.wiziblocks__item--withoutBackground.none .wizi-txt.wizi-txt--large {
    max-width: 1090px;    min-width: inherit;}
.wizi-wrapper--textOnImg.wizi-wrapper--large:before {    padding-top: 0;}

/*accueil menu contextuel*/
.CatFromages .wizi-img__content__wrapper__icon {display : none}
.CatFromages picture img {   filter: brightness(0.3); transition :0.8s ease-out;}
.CatFromages .wizi-img__content:hover picture img  {filter: inherit;transition :0.8s ease-out;}
.CatFromages .wizi-img__content__wrapper__text * {color: white !important;font-size: 2rem !important;transition:0.8s ease-out}
.CatFromages .wizi-img__content:hover .wizi-img__content__wrapper__text * {opacity:0; transition:0.8s ease-out}
.wz-faq-accordion.wz-faq-accordion--all h3 {    font-size: 1rem !important;}
.wz-faq-accordion__wrapper__item__head {    padding: 10px 0 0px 20px;}
.Lait .wiziblocks__item__maxWidth {max-width:100%!important}
.Laits .wiziblocks__item__maxWidth {    background: black;}
.Laits.wiziblocks__item.width-medium {max-width: 100% !important;padding: 3% 0;background: black;color: white;}
.CatFromages > div {    background: black;}
@media (min-width: 1024px) {
.CatFromages .wizi-img--quadruple.wizi-img--picto .wizi-img__content {    margin: 0;    width: 25%;}}

/**/
.prod.product-list-classic.product-list-classic--categories img.prod__img.loader {    border-radius: 310px;}

h1.h1.prod-list__title.text-center {
    /* padding-bottom: 5%; */
    /* background: url(https://media.cdnws.com/_i/422880/71/3786/71/from-terroir-soustitre.png) bottom center no-repeat; */
    /* background-size: 30%; */
    }

section#bloc-home-1 {   padding :2%;    background :white ;    box-shadow: 0px 0px 10px #00000017;}
.header__nav__icon__span {    background: white;}

.fromages .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    background: url(https://media.cdnws.com/_i/422880/79/642/79/from-terroir-fond-noir.jpeg) right no-repeat;
    background-color: black;}
.fromages * {    color: white !important;}

/*Filtre*/
.filter__title {color : white}
.filter__item__content {    border-radius: 30px;}
.filter__sublevel {    max-width: 90%;    margin: auto;    text-align: center;    margin-left: 5% !important;}
.filter {    border-radius: 6px;    background: #464747;    box-shadow: 0px 0px 10px #00000017;}

/*Bloc epicerie*/
.Epiceriebloc {    background: url(https://media.cdnws.com/_i/422880/89/2270/89/from-terroir-epicerie2.jpeg) no-repeat right center;    background-color: black;}
.Epiceriebloc * {    color: white;}

/* LIGNES PRODUITS */
.Favoris picture.prod__picture.with-loading.loaded * {    border-radius: 50%;}
.Epicerie .prod-list-cat__tabs {    display: none;}

/*FORMULAIRE*/
div#cd64f779-6d5f-416f-9867-adf801449239 {    background: #e29556;    padding: 2% 0 !important;}
div#cd64f779-6d5f-416f-9867-adf801449239 .wiziblocks__item__maxWidth {    background: #e29556;    max-width: 900px;}
.form__field.form__field--btnArea.form__field--right {    justify-content: flex-start;}
.form__field.form__field--btnArea.form__field--right input.form__button.button {    background: black;}
.form__field.form__field--btnArea.form__field--right input.form__button.button:hover {    background: grey;}
.form__fieldset {   margin: 1%; }
@media (min-width: 720px) { 
.form__fieldset {    width: 48%;    margin: 1%; }
}

@media (max-width:719px) {
    .header__logo {background:#464747;}
    label#search-label {filter: brightness(6.5)}
}

@media (max-width:1023px) {
    .nav__wrapper, .nav__itemlvl1 {background:#464747}
    .nav__itemlvl1--login {color:white}
    body.wiziblocks-on .prod .prod__article:hover .prod__corner__top { box-shadow : inherit !important}
}
@media (min-width: 720px) and (max-width: 1023px) {
    .header__checkbox--nav:checked~.header .nav, .header.new-menu.header--fixed.header--transparent.header--notTranslate {background:#464747}
    a.header__cart__a.header__tab {filter: brightness(6.5);}
    a.header__cart__a.header__tab:hover {filter: brightness(1);}
}

@media (min-width: 1024px) {
    body.wiziblocks-on .prod .prod__article {width:33%}}

/*Page VALEURS*/
.ValeurHero.wiziblocks__item.wiziblocks__item--fullpage.width-full.wiziblocks__item--withoutBackground.medium .wizi-txt.wizi-txt--large {    max-width: inherit;}
.ValeurHero.wiziblocks__item.wiziblocks__item--fullpage.width-full.wiziblocks__item--withoutBackground.medium {    margin-top: -70px !important;}
.page-info .wrapperPage.wrapperPage--options.fullsize, .page-info .breadcrumbs {    display: none;}
body.body.webp-support.product-list-effect-slider.margin-top-wiziblocks.header-b.footer-e.product-list-a.product-page-c.sidebar-hidden.body--backgroundNotWhite.body--fontSize-medium.body--maxRow-medium.body--withoutBackgroundImage.with-webp.wiziblocks-on.wrapper--fullsize.customer-logoff.page-info.nav-perso-off.new-bloc.search-predictive-off.highlight-b.respo.xl.desktop.chrome.chrome146.load-end {}
Valeurbloctxt > div {    max-width: 1000px !important;    min-width: inherit !important;}
.Valeurbloctxt > div {    max-width: 1780px;    margin: auto;}


/*ANIMATION FROMAGE ACCUEIL*/
@media (min-width: 1024px) {
div#afba3b84-95ee-43ca-8121-190dbeba7fb8 {margin: 0;position: absolute;z-index: 1;background: transparent;margin: auto;text-align: center;margin-top: -90px;background: url(https://media.cdnws.com/_i/422880/97/1604/97/from-terroir-lettrage.png) center no-repeat;background-size: 30%;background-position: -53%;transition :300000s ease-out}
div#afba3b84-95ee-43ca-8121-190dbeba7fb8:hover {margin: 0;position: absolute;z-index: 1;background: transparent;margin: auto;text-align: center;margin-top: -90px;background: url(https://media.cdnws.com/_i/422880/97/1604/97/from-terroir-lettrage.png) center no-repeat;background-size: 60%;background-position: 63%;transition :0.2s ease-out}
}
@media (max-width: 1023px) {
div#afba3b84-95ee-43ca-8121-190dbeba7fb8 {display:none}
}

/* Animation de rotation simple et sobre */
@keyframes rotation {
  0% {
    transform: rotate(0deg); /* Position initiale */
  }
  100% {
    transform: rotate(360deg); /* Rotation complète */
  }
}

/* Applique l'animation sur l'image */
.rotating-image {
  display: inline-block;
  animation: rotation 5s linear infinite; /* Durée de la rotation (10s) et animation infinie */
  transition: transform 0.5s ease; /* Transition douce au cas où l'animation serait interrompue */
  width: 7%;
}

div#e554d3dd-1654-4a3c-9ab0-a81313fec907 {
    z-index: 0;
}

/*Effet*/
@media (max-width: 2100px) and (min-width: 1200px) {
      .bloc1 .wizi-imgtxt__wrap  {
        animation: slide1 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
        padding-top: 90px;
    }
@keyframes slide1 {
  from{
  transform: translateX(100%);
  opacity:0;
  }
  to {
  transform: translateX(0%);
  opacity:1;
  }
}

  
            .fromagestitre {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-wrap: wrap;
                gap: 15px;
                margin: 20px 0;
            }
            .fromagestitre img {
                max-width: 60px;
                height: auto;
                object-fit: contain;
                border-radius: 10px;
                transition: transform 1s ease-in-out;
                will-change: transform;
            }
            .fromagestitre img:nth-child(1) { animation: float 4s ease-in-out infinite alternate; }
            .fromagestitre img:nth-child(2) { animation: float 4.3s ease-in-out infinite alternate; }
            .fromagestitre img:nth-child(3) { animation: float 4.5s ease-in-out infinite alternate; }
            .fromagestitre img:nth-child(4) { animation: float 4.2s ease-in-out infinite alternate; }
            .fromagestitre img:nth-child(5) { animation: float 4.6s ease-in-out infinite alternate; }
            .fromagestitre img:nth-child(6) { animation: float 4.1s ease-in-out infinite alternate; }
            .fromagestitre img:nth-child(7) { animation: float 4.4s ease-in-out infinite alternate; }
            @keyframes float {
                0%   { transform: translateY(0) rotate(0deg); }
                25%  { transform: translateY(-6px) rotate(-1deg); }
                50%  { transform: translateY(0) rotate(0deg); }
                75%  { transform: translateY(6px) rotate(1deg); }
                100% { transform: translateY(0) rotate(0deg); }
            }
            @media (max-width: 768px) {
                .fromagestitre img { max-width: 45px; margin: 5px; }
            }