
.owl_carousel_mixte2{position: relative; max-width: 100% !important; padding-left: 0; padding-right: 0}
/*.owl_carousel_mixte>.bloc{padding-bottom: 25%;overflow: hidden; }*/
.owl_carousel_mixte2 .defilable{ width: 100%; text-align: left;}

.owl_carousel_mixte2 .carousels, .owl_carousel_mixte .owl-stage-outer, .owl_carousel_mixte .owl-stage-outer *{height: 100%}
.owl_carousel_mixte2 .bloc.elem{margin-top: 10px; min-height:0; display: inline-flex; vertical-align: top;}
.owl_carousel_mixte2 .bloc.elem,
.owl_carousel_mixte2 .owl-item{width: 60vw; margin-left: 2.5vw}
.owl_carousel_mixte2 .bloc.elem .bg_choice{padding: 2rem}


.editableZone .owl_carousel_mixte2 .defilable{ overflow-x: scroll; overflow-y: hidden}
.editableZone .owl_carousel_mixte2 .carousels{width: 500vw; height: 100%;}
.editableZone .owl_carousel_mixte2 .carousels, .owl_carousel_mixte2 .owl-stage{display: flex;}

.owl_carousel_mixte2 .owl-dots{text-align: center;}
.owl_carousel_mixte2 .owl-dots>button.owl-dot{pointer-events: auto;display: inline-block; background: #CCC; width: 10px; height: 10px; border-radius: 10px; margin:5px}
.owl_carousel_mixte2 .owl-dots>button.active{display: inline-block; background: #434343}


.owl_carousel_mixte2 .owl-stage .bloc.elem{width: 100%; margin: 0; margin-left: 0; margin-top: 0;}

.owl_carousel_mixte2 .owl-nav, .owl_carousel_mixte2 .owl-dots{position: absolute; top: 0;left: 0; width: 100%; height: 100%; pointer-events: none;}
.owl_carousel_mixte2 .owl-nav{}
.owl_carousel_mixte2 .owl-dots{top: calc(100% + 1em); height: 0}
.owl_carousel_mixte2 .owl-nav a{pointer-events: auto;}
.owl_carousel_mixte2 .owl-nav .owl-prev{left: 0;}
.owl_carousel_mixte2 .owl-nav .owl-next{right: 0;}
.owl_carousel_mixte2 .owl-carousel .owl-nav button{color:#000; padding:0 0.5rem !important; margin: 0;pointer-events: auto; position: absolute; top: 50%;transform: translateY(-50%); opacity: 0.5}
.owl_carousel_mixte2 .owl-nav button span{font-size: 0 !important; display: block;}
.owl_carousel_mixte2 .owl-nav button span::before, .owl_carousel_mixte2 .owl-nav button span::after{display: block;content:""; background-color: currentColor;
width: 3rem; height:4px; transform: rotate(65deg); border-radius: 4px; transform-origin: 0;
}
.owl_carousel_mixte2 .owl-nav button.owl-next span{ transform: rotate(180deg); color: #FFF;}
.owl_carousel_mixte2 .owl-nav button span::after{transform:rotate(-65deg)}
.owl_carousel_mixte2 .owl-nav button:hover{opacity: 1;}
.owl_carousel_mixte2 .owl-nav button.owl-prev{opacity: 0.2}
.owl_carousel_mixte2 .owl-nav button.owl-prev:hover{opacity: 0.7}


.owl_carousel_mixte2 .owl-item .bloc.elem{height: 100%}
.owl_carousel_mixte2 .owl-item{opacity: 0.25; transition: opacity; transition-duration: 0.1s}
.owl_carousel_mixte2 .owl-item.center{opacity: 1}

.owl_carousel_mixte2 .bloc2_bgcolor.shapeChange[data-shape="1"]>.bg_choice:first-child,
  .owl_carousel_mixte2 .bloc2_bgcolor.shapeChange[data-shape="1"]>span:first-child + .bg_choice{border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important}
.owl_carousel_mixte2 .bloc2_bgcolor.shapeChange[data-shape="1"]>span:first-child + .bg_choice ~ .bg_choice,
  .owl_carousel_mixte2 .bloc2_bgcolor.shapeChange[data-shape="1"]>.bg_choice:first-child ~ .bg_choice{border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important}



@media screen and (max-width:950px) {
  .owl_carousel_mixte2 .owl-item{width:100vw; }
}
@media screen and (max-width:600px) {
  .owl_carousel_mixte2 .bloc2_bgcolor{flex-direction: column-reverse;}
  .owl_carousel_mixte2 .owl-carousel .owl-item{display: flex; justify-content: flex-start;}
  .owl_carousel_mixte2 .bloc2_bgcolor{align-items: stretch;}
  .owl_carousel_mixte2 .bloc2_bgcolor>.bg_choice{height: 100%;min-height: max-content;}
  .owl_carousel_mixte2 .bloc2_bgcolor.shapeChange[data-shape="1"]>.bg_choice:first-child,
  .owl_carousel_mixte2 .bloc2_bgcolor.shapeChange[data-shape="1"]>span:first-child + .bg_choice{ border-bottom-right-radius: 2rem !important; border-bottom-left-radius: 2rem !important; border-top-right-radius: 0 !important; border-top-left-radius: 0 !important;}
  .owl_carousel_mixte2 .bloc2_bgcolor.shapeChange[data-shape="1"]>span:first-child + .bg_choice ~ .bg_choice,
  .owl_carousel_mixte2 .bloc2_bgcolor.shapeChange[data-shape="1"]>.bg_choice:first-child ~ .bg_choice{ border-top-left-radius: 2rem !important; border-top-right-radius: 2rem !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;}
}
