.owl_carousel_temoignage{position: relative; max-width: 100% !important; padding-left: 0; padding-right: 0; }
/*.owl_carousel_mixte>.bloc{padding-bottom: 25%;overflow: hidden; }*/
.owl_carousel_temoignage .defilable{ width: 100%; text-align: left;}
.editableZone .owl_carousel_temoignage .defilable, .owl_carousel_temoignage .defilable .owl-stage-outer{ padding-top:2rem; padding-bottom: 3rem;}

.owl_carousel_temoignage .carousels, .owl_carousel_mixte .owl-stage-outer, .owl_carousel_mixte .owl-stage-outer *{height: 100%}
.owl_carousel_temoignage .bloc.elem{margin-top: 10px; min-height:0; display: inline-flex; vertical-align: top; flex-direction: column}
.owl_carousel_temoignage .bloc.elem,
.owl_carousel_temoignage .owl-item{width: 30vw; margin-left: 2.5vw}

.owl_carousel_temoignage .bloc.elem .content{ min-height: 16em; }
.owl_carousel_temoignage .bloc.elem .content::before{display: block;content:"“"; font-size: 12rem; color: var(--color3); font-family: Arial, serif;line-height: 0.1;
  margin-top: 0.5em;}
.owl_carousel_temoignage .bloc.elem{ border-radius: 2rem; box-shadow: 0em 0em 2em #CCC; padding: 3rem;}
.owl_carousel_temoignage .bloc.elem .identifiant, .owl_carousel_temoignage .bloc.elem .identifiant *{margin-bottom: 0;}
.owl_carousel_temoignage .bloc.elem .stars{margin-top: auto;}
.owl_carousel_temoignage .bloc.elem hr{border:none;width: 100%; border-top: 1px solid #CCC; height: 0;background: none}

.owl_carousel_temoignage .bloc.elem .identifiant h3{ font-size:3em }

.owl_carousel_temoignage .bloc.elem .bloc2{min-height: 50px;}
.owl_carousel_temoignage .bloc.elem .bloc2.bloc1-3{ width:20%; }
.owl_carousel_temoignage .bloc.elem .bloc2.bloc1-3.grand{width: 77.5%}
.owl_carousel_temoignage .bloc.elem .background{background-image: none !important}
.owl_carousel_temoignage .bloc.elem .background .BgColorOverImg{background: var(--color3)}

.owl_carousel_temoignage label{ display: inline-block; width: 2rem; height: 2rem; margin-left: 1rem; background: var(--color3);mask-size:contain;mask-position: 50% 50%;mask-image: url("_img/star.svg");mask-repeat: no-repeat;-webkit-mask-size: contain;-webkit-mask-position: 50% 50%;-webkit-mask-image: url("_img/star.svg");-webkit-mask-repeat: no-repeat;}

.owl_carousel_temoignage .stars{text-align: right;}
.owl_carousel_temoignage .stars input{display: none;}
.owl_carousel_temoignage .stars>input:nth-child(1):checked ~ label:nth-child(6){mask-image: url("_img/star2.svg");-webkit-mask-image: url("_img/star2.svg");}

.owl_carousel_temoignage .stars>input:nth-child(2):checked ~ label:nth-child(6),
.owl_carousel_temoignage .stars>input:nth-child(2):checked ~ label:nth-child(7){mask-image: url("_img/star2.svg");-webkit-mask-image: url("_img/star2.svg");}

.owl_carousel_temoignage .stars>input:nth-child(3):checked ~ label:nth-child(6),
.owl_carousel_temoignage .stars>input:nth-child(3):checked ~ label:nth-child(7),
.owl_carousel_temoignage .stars>input:nth-child(3):checked ~ label:nth-child(8){mask-image: url("_img/star2.svg");-webkit-mask-image: url("_img/star2.svg");}

.owl_carousel_temoignage .stars>input:nth-child(4):checked ~ label:nth-child(6),
.owl_carousel_temoignage .stars>input:nth-child(4):checked ~ label:nth-child(7),
.owl_carousel_temoignage .stars>input:nth-child(4):checked ~ label:nth-child(8),
.owl_carousel_temoignage .stars>input:nth-child(4):checked ~ label:nth-child(9){mask-image: url("_img/star2.svg");-webkit-mask-image: url("_img/star2.svg");}

.owl_carousel_temoignage .stars>input:nth-child(5):checked ~ label:nth-child(6),
.owl_carousel_temoignage .stars>input:nth-child(5):checked ~ label:nth-child(7),
.owl_carousel_temoignage .stars>input:nth-child(5):checked ~ label:nth-child(8),
.owl_carousel_temoignage .stars>input:nth-child(5):checked ~ label:nth-child(9),
.owl_carousel_temoignage .stars>input:nth-child(5):checked ~ label:nth-child(10){mask-image: url("_img/star2.svg");-webkit-mask-image: url("_img/star2.svg");}

.editableZone .owl_carousel_temoignage .stars label{cursor:pointer}


.editableZone .owl_carousel_temoignage .bloc.elem:nth-child(2n),
  .owl_carousel_temoignage .owl-item.center .bloc.elem{background-color: var(--color3); color:#FFF}
.editableZone .owl_carousel_temoignage .bloc.elem:nth-child(2n) .content::before,
  .owl_carousel_temoignage .owl-item.center .content::before{color: #FFF; opacity: 0.2}
.editableZone .owl_carousel_temoignage .bloc.elem:nth-child(2n) .background .BgColorOverImg,
.editableZone .owl_carousel_temoignage .bloc.elem:nth-child(2n) .stars label,
  .owl_carousel_temoignage .owl-item.center .background .BgColorOverImg,
  .owl_carousel_temoignage .owl-item.center .stars label{background: #FFF}

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

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


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

.owl_carousel_temoignage .owl-nav, .owl_carousel_temoignage .owl-dots{position: absolute; top: 0;left: 0; width: 100%; height: 100%; pointer-events: none;}
.owl_carousel_temoignage .owl-nav{}
.owl_carousel_temoignage .owl-dots{top: calc(100% + 1em); height: 0}
.owl_carousel_temoignage .owl-nav a{pointer-events: auto;}
.owl_carousel_temoignage .owl-nav .owl-prev{left: 0;}
.owl_carousel_temoignage .owl-nav .owl-next{right: 0;}
.owl_carousel_temoignage .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_temoignage .owl-nav button span{font-size: 0 !important; display: block;}
.owl_carousel_temoignage .owl-nav button span::before, .owl_carousel_temoignage .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_temoignage .owl-nav button.owl-next span{ transform: rotate(180deg); color: #FFF;}
.owl_carousel_temoignage .owl-nav button span::after{transform:rotate(-65deg)}
.owl_carousel_temoignage .owl-nav button:hover{opacity: 1;}
.owl_carousel_temoignage .owl-nav button.owl-prev{opacity: 0.2}
.owl_carousel_temoignage .owl-nav button.owl-prev:hover{opacity: 0.7}


.owl_carousel_temoignage .owl-item .bloc.elem{height: 100%}
.owl_carousel_temoignage .owl-item .bloc.elem{transition-property: background-color; transition-duration: 0.1s}


.owl_carousel_temoignage .bloc2_bgcolor.shapeChange[data-shape="1"]>.bg_choice:first-child,
  .owl_carousel_temoignage .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_temoignage .bloc2_bgcolor.shapeChange[data-shape="1"]>span:first-child + .bg_choice ~ .bg_choice,
  .owl_carousel_temoignage .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_temoignage .owl-item{width:100vw; }
}
@media screen and (max-width:600px) {
  .owl_carousel_temoignage .bloc2_bgcolor{flex-direction: column-reverse;}
  .owl_carousel_temoignage .owl-carousel .owl-item{display: flex; justify-content: flex-start;}
  .owl_carousel_temoignage .bloc2_bgcolor{align-items: stretch;}
  .owl_carousel_temoignage .bloc2_bgcolor>.bg_choice{height: 100%;min-height: max-content;}
  .owl_carousel_temoignage .bloc2_bgcolor.shapeChange[data-shape="1"]>.bg_choice:first-child,
  .owl_carousel_temoignage .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_temoignage .bloc2_bgcolor.shapeChange[data-shape="1"]>span:first-child + .bg_choice ~ .bg_choice,
  .owl_carousel_temoignage .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;}
}