h1{font-family: poppins, sans-serif; font-size: 1.5rem; color:#CCC;}

main>div:not(.editableZone) .requiere>*:not(.bg_choice), .editableZone .requiere .preview>*:not(.bg_choice){margin-right: auto; margin-left: auto; max-width: var(--MaxSizeDefault)}
.jardin h2 b{color: var(--color4)}
.maison h2 b{color: var(--color2)}

h3{font-family: poppins, sans-serif; text-transform: uppercase;font-size:3em;}

.pictos.jardin i{background-color: var(--color4)}
.pictos.maison i{background-color: var(--color2)}

.pictos .picto{margin-top: -10rem;display: inline-block;vertical-align: top; margin-right: 1rem; margin-left: 1rem; width: 18%; max-width: 150px}
.pictos .picto i{border-radius: 50%; margin-left:calc(5% + 1rem);margin-right:calc(5% + 1rem);width:calc(90% - 2rem); height: 0;padding-bottom: calc(90% - 2rem);position: relative;display: block;}
.pictos .picto i img{width: 80%; height:80%; position: absolute;top: 10%;left: 10%;object-fit: contain; object-position: center center}
.pictos .picto p{font-size: 1.3em; margin-top: 1rem;}


.tailles{margin-top: 7rem; margin-bottom: 10rem;}
.tailles h3{line-height: 0;display: inline-block; width: auto ; padding: 1rem; border-radius: 0.5rem;font-size: 2em;
color:#FFF; background-color: var(--color1)}
.tailles h3 strong{display: inline-block;vertical-align: middle; margin-left:0.5rem; margin-right:0.5rem;font-size: 0.8em;padding: 1rem;line-height: 0.5; border-radius: 1.5rem;background-color:#FFF; color: var(--color1)}
.tailles h3 span{display: inline-block;vertical-align: middle;}


.notes{margin-bottom: 10rem;}
.notes.jardin .val::before, .notes.jardin .val i{background-color: var(--color4)}
.notes.maison .val::before, .notes.maison .val i{background-color: var(--color2)}
.notes .note{margin-bottom: 1.2rem;}
.notes .note *{display: inline-block; vertical-align: middle;}
.notes .val{position: relative;padding-left: 1.7rem; padding-right: 1.7rem}
.notes .val::before{content:""; position: absolute; display: block; left: -3px;top:calc(50% - 2px); height:4px; width: calc(100% + 3px); border-radius: 0.5rem}
.notes .val i:nth-child(1)::before{content:"1"; font-style: normal}
.notes .val i:nth-child(2)::before{content:"2"; font-style: normal}
.notes .val i:nth-child(3)::before{content:"3"; font-style: normal}
.notes .val i:nth-child(4)::before{content:"4"; font-style: normal}
.notes .val i:nth-child(5)::before{content:"5"; font-style: normal}
.notes .val i{position: relative; z-index: 2;margin-right: 0.5rem; margin-left:0.5rem;padding:1rem; color: #FFF; font-size: 1.2em; border-radius: 5rem; width: 3rem;height:3rem }
.notes .val strong{padding:1.2rem;position: relative; z-index: 2; width: 4rem;height:4rem;font-size: 2em;color: #FFF;border-radius: 5rem; background-color: var(--color1)}
.notes .val strong>span{font-size: 0;}
.notes .note h3{border-radius: 2rem;font-size: 2em; width:35%; max-width: 130px; color:#FFF; background-color: var(--color1);margin-bottom: 0;}

.thumb.jardin{background-color: var(--color4)}
.thumb.maison{background-color: var(--color2)}


.owl_carousel_mixte{padding-top: 0}
.owl_carousel_mixte .owl-stage-outer{padding-bottom: 5rem; padding-top: 3rem;}
.owl_carousel_mixte .owl-item{ transition-property: transform; transition-duration: 0.5s}
.owl_carousel_mixte .owl-item.center{transform: scale(1.24);z-index: 3; ; }
.owl_carousel_mixte .owl-item.center .backgroundWrapper::after{content:"";display: block; width:100%; height:100%;position: absolute;top:5px; left: 5px; filter:blur(5px); background: rgba(0,0,0,0.2);z-index: -2;}
.owl_carousel_mixte .owl-item .background .BgColorOverImg{transition-property: background-color; transition-duration: 0.5s}
.owl_carousel_mixte .owl-item.center .background .BgColorOverImg::before{content:"";display: block; width:100%; height:100%;position: absolute; background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%);}
.owl_carousel_mixte .owl-item.center .background .BgColorOverImg{ background-color:var(--color4) !important}
.carouselProd .nomProd{display: none;}
.carouselProd a{text-decoration: none}

.pack.animDone .BgColorOverImg{background: var(--color3);animation: strombo; animation-duration: 1s; animation-iteration-count: 3}
@keyframes strombo{
  0%{background: var(--color3);}
  25%{background: var(--color3);}
  28%{background: var(--color2);}
  65%{background: var(--color2);}
  70%{background: var(--color1);}
  65%{background: var(--color1);}
  98%{background: var(--color2);}
  100%{background: var(--color3);}
}


.owl-carousel .owl-nav button{height: 4rem; width: 4rem ; background-color: #FFF; border-radius: 2rem;mix-blend-mode: lighten;}
.owl-carousel .owl-nav button::after, .owl-carousel .owl-nav button::before{content:"" !important; display: block; }
.owl-carousel .owl-nav button span{display: none;}

.owl_carousel_mixte .owl-item .background .bgWrap .bg_img{transition-property:transform; transition-duration: 0.3s}
.owl_carousel_mixte .owl-item:not(.center):hover .background .bgWrap .bg_img{transform:scale(1.05);}

.owl-carousel .owl-nav button::before, 
.owl-carousel .owl-nav button::after{ width:40%;height:3px;background: #000 !important; position: absolute; top: 50%; left:50%; transform: translate(-40%, -160%) rotate(45deg); border-radius: 3px}
.owl-carousel .owl-nav button::after{transform: translate(-40%, 60%) rotate(-45deg);}
.owl-carousel .owl-nav button.owl-prev{transform:rotate(-180deg);}




.mediaPlus>.bloc{display: flex; justify-content: center;flex-wrap: wrap;}
.mediaPlus>.bloc>.bloc2{width: 47.5%; padding: 0;}
.mediaPlus>.bloc>.bloc2:first-of-type,
.mediaPlus>.bloc>.bloc2:last-of-type{margin-left:1.25%; margin-right:1.25%}
.mediaPlus>.bloc>.bloc2>.backgroundWrapper{padding-bottom: 75%}
@media screen and (max-width: 600px) {
  .pictos .picto{width: 25%}
  .prodHeader .espace{padding-bottom: 65% !important}
  
  .carouselProd .title{display: none;}
  .carouselProd .nomProd{display: inline-block; font-size: 0.8em;line-height: 1.2em; padding-bottom: 2em}
  .owl_carousel_mixte + .espace{padding-bottom: 15% !important}
}