.ProduitAccueil .wiziblocks__item__maxWidth {    display: flex;    flex-direction: column-reverse;}
.prod.product-list-classic.product-list-classic--categories {    display: flex;    justify-content: center;}
.ProduitAccueil, .ProduitAccueil * {    background: transparent;}
.bloc2 .wizi-imgtxt__left.wizi-imgtxt__left--medium, .bloc1 .wizi-imgtxt__right.wizi-imgtxt__right--medium { animation: float 6s ease-in-out infinite;}
.displaynone {  display: none;}
#e8b785c6-85d4-4b42-9abc-41849c06eb74 {  margin-bottom: -8%;  position: relative;  z-index: 1;  background: transparent;}
#\35 f7bf0f7-2e17-4f42-bae1-dd6ad2a28c7e {  position: relative;  z-index: 0;}
.ProduitAccueil .prod.product-list-classic.product-list-classic--categories {  margin-bottom: 2%;  position: relative;  z-index: 1;  background: transparent;}
.ProduitAccueil .prod__top__wrapper {    border-radius: 300px;}
h1, .prod-list__title, .prod-list__title, .title-page, h1 {font-style: italic;}
h2, h3, h4, h5, h6 {font-size: 1.8rem !important;line-height: 1 !important;padding-bottom: 3% !important;font-style: italic;}
body.body p {    padding-bottom: 10px !important;}
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: initial !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;
}
#beed517e-6f48-48fe-bd77-32383186b43c {  margin-bottom: -8%;  background: transparent;  position: relative;  z-index: 1;}
#c2a10d74-2a93-46f4-8407-f6b3110be5ae {  position: relative;  z-index: 0;  margin-bottom: -6px;}
#\33 49b38e6-ddf9-45f1-a3f7-7f7260060bf7 {  position: relative;  z-index: 1;  margin-top: -6%;  background: transparent;}
.rea {  border-color: #f95107;}
.wizi-imgtxt.wizi-imgtxt--TextSmallLeftTextRight.wizi-imgtxt--half {  display: flex;}
a.nav__itemlvl1.nav__item.nav__itemlvl1--link {    font-family: 'Audiowide';}
.wizi-txt.wizi-txt--large {  background: url(https://media.cdnws.com/_i/420447/56/877/56/drinkaster-ligne-asteroide.png) bottom center no-repeat !important;}
.footer__wrapper__left {    width: 100%;    display: flex;    justify-content: center;
    align-items: center;    flex-direction: column;}
.ProduitAccueil .prod__top {animation: float 6s ease-in-out infinite;/* height: 150% !important; */}


/*MEDIA QUERRY*/
@media (max-width: 1400px) {
    
}
@media (max-width: 719px) 
.wizi-imgtxt.wizi-imgtxt--textSmallRightTextLeft.wizi-imgtxt--half {    display: flex;    flex-direction: column-reverse;}
}
@media (max-width: 1023px) {
    .wizi-txt.wizi-txt--large {/*! background:  inherit !important; */padding: 0 !important;margin: 0 !important;padding-bottom: 10% !important;background-size: contain !important;}
    .wizi-wrapper--textOnImg.wizi-wrapper--small:before {  padding-top:10%}
}

@media (min-width: 1024px) {
    .header.header--fixed {border-color: #f95107;}
body.wiziblocks-on .prod .prod__article.fixed, body.wiziblocks-on .prod .prod__article.fixedTemp, body.wiziblocks-on .prod .prod__article:hover, 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: transparent !important;}
    .ProduitAccueil {    margin-top: -10% !important;    position: relative;    z-index: 1;}
}
@media (min-width: 1920px) {.wizi-txt.wizi-txt--large {background-repeat:repeat-x !important}
							div#e8b785c6-85d4-4b42-9abc-41849c06eb74, #\33 49b38e6-ddf9-45f1-a3f7-7f7260060bf7, div#beed517e-6f48-48fe-bd77-32383186b43c {display:none}
						   }

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

}
  

@media (max-width: 2100px) and (min-width: 1200px) 
    {
      .bloc2{
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }
}
@keyframes slide2 {
  from{
  transform: translateX(100%);
  opacity:0;
  }
  to {
  transform: translateX(0%);
  opacity:1;
  }
}
}


@keyframes float {
	0% {
		
		transform: translatey(0px) ;
		
	}
	50% {
		
		transform: translatey(-20px) rotate3d(1, 1, 1, 3deg);
		filter: drop-shadow(0px 20px 4px #00000042);
		
	}
	100% {
		
		transform: translatey(0px);
	}
}
@media (max-width: 2100px) and (min-width: 1200px) {
    .bloc1 {
        animation: slide1 2s ease-out forwards; /* Remplacez les propriétés non supportées */
    }
}

@keyframes slide1 {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0%);
        opacity: 1;
    }
}

@media (max-width: 2100px) and (min-width: 1200px) {
    .bloc2 {
        animation: slide2 2s ease-out forwards; /* Remplacez les propriétés non supportées */
    }
}

@keyframes slide2 {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0%);
        opacity: 1;
    }
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px) rotate3d(1, 1, 1, 3deg);
        filter: drop-shadow(0px 20px 4px #00000042);
    }
    100% {
        transform: translateY(0px);
    }
}


@media (max-width: 2100px) and (min-width: 1200px) {
    .bloc1 {
        animation: slide1 2s ease-out forwards; /* Remplacez les propriétés non supportées */
    }
}

@keyframes slide1 {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0%);
        opacity: 1;
    }
}

@media (max-width: 2100px) and (min-width: 1200px) {
    .bloc2 {
        animation: slide2 2s ease-out forwards; /* Remplacez les propriétés non supportées */
    }
}

@keyframes slide2 {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0%);
        opacity: 1;
    }
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px) rotate3d(1, 1, 1, 3deg);
        filter: drop-shadow(0px 20px 4px #00000042);
    }
    100% {
        transform: translateY(0px);
    }
}