.owl_carousel{
	position: relative; padding-top:15px;
}

.owl_carousel .carousels{height: 100%}

.owl_carousel>.PadTopHeight{position: relative;}
/********************************************************
 * 						 adaptive
 *******************************************************/
.owl_carousel{--margeOwl:var(--marge,0.5%);}
/*.editableZone .owl_carousel{--margeOwl:var(--marge, 5px);}*/
	.owl_carousel .carousels.owl-carousel{height: 100%;}
	.editableZone .owl_carousel .carousels.owl-carousel:not(.owl-loaded){width: 400%;display: block;}
		/*0*/
		/*.owl_carousel>.PadTopHeight{--margeCalcul:calc( var(--margeOwl) * (5/4) );}*/
		.owl_carousel>.PadTopHeight{--margeCalcul:var(--margeOwl);}
			.owl_carousel .background{width: calc( (5% - var(--margeCalcul)) + (var(--margeCalcul) * (4/20)));margin-right: 0;margin-left: var(--margeCalcul)}
			.owl_carousel .background span.help4sort{display: none;}
		/*
		.owl_carousel>.PadTopHeight{--margeCalcul:calc( (5% - (var(--margeOwl) * 4)) / 5  );}
			.owl_carousel .background{width: calc(5% - var(--margeOwl)) ;margin-right: 0; margin-left: var(--margeCalcul)}
		*/
		/*1*/
			.owl_carousel.shapeChange[data-shape="1"] .background{width: calc( (6.325% - var(--margeCalcul)) + (var(--margeCalcul) * (3/25)));margin-right: 0;margin-left: var(--margeCalcul)}
		/*2*/
		.owl_carousel.shapeChange[data-shape="2"] .background{width: calc( (8.3325% - var(--margeCalcul)) + (var(--margeCalcul) * (2/3)));margin-right: 0;margin-left: var(--margeCalcul)}
		/*3*/
		.owl_carousel.shapeChange[data-shape="3"] .background{width: calc( (12.5% - var(--margeCalcul)) + (var(--margeCalcul) * (1/2)));margin-right: 0;margin-left: var(--margeCalcul)}
		/*4*/
		.owl_carousel.shapeChange[data-shape="4"] .background{width: 25%;}



/********************************************************
 * 						 Full
 *******************************************************

body .page>div>div.bg_choice>.owl_carousel{--margeOwl:var(--marge, 2.5vw);}

	.editableZone>div.bg_choice>.owl_carousel .carousels{width: 500%;}
		/*0*
		.page>div>div.bg_choice>.owl_carousel .background{width: calc(20vw - var(--margeOwl)) ; }
		/*1*
		.page>div>div.bg_choice>.owl_carousel.shapeChange[data-shape="1"] .background{width: calc(25.30vw - var(--margeOwl) )}
		/*2*
		.page>div>div.bg_choice>.owl_carousel.shapeChange[data-shape="2"] .background{width: calc(33.33vw - var(--margeOwl) )}
		/*3*
		.page>div>div.bg_choice>.owl_carousel.shapeChange[data-shape="3"] .background{width: calc(50vw - var(--margeOwl) )}
		/*4*
		.page>div>div.bg_choice>.owl_carousel.shapeChange[data-shape="3"] .background{width: calc(100vw - var(--margeOwl) )}
*/



.owl_carousel>.bloc{padding-bottom: 25%;overflow: hidden; }
.owl_carousel .defilable{ width: 100%; height: 100%; position: absolute; top: 0;left: 0; text-align: left;}

.owl_carousel .carousels, .owl_carousel .owl-stage-outer, .owl_carousel .owl-stage-outer *{height: 100%}
.owl_carousel .background{padding: 0;padding-bottom: 0 !important;height: 100%; min-height:0; display: inline-block;}


.editableZone .owl_carousel .defilable{ overflow-x: scroll; overflow-y: hidden;}
.carousels.owl-carousel:not(.owl-loaded)>.background:first-child{margin-left: 0;}


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


.owl_carousel .owl-carousel.owl-loaded .owl-stage .owl-item>.background{width: 100% !important; margin-left: 0 !important; }
.owl_carousel .owl-nav button{margin-top: 7.5px;display: block; z-index: 2;position: absolute;top: 50%; height: 7rem; transform:translateY(-50%);  width: 3rem; mask-size: auto 100%;mask-repeat: no-repeat;mask-position: center center;-webkit-mask-size: auto 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center center; background-color: rgba(255,255,255,0.5) !important; font-size: 0 !important; color: transparent !important}
.owl_carousel .owl-nav .owl-next{ mask-image:url("_img/n.svg");-webkit-mask-image:url("_img/n.svg"); right: 0}
.owl_carousel .owl-nav .owl-prev{ mask-image:url("_img/p.svg");-webkit-mask-image:url("_img/p.svg"); left: 0;}

.editableZone .owl_carousel .owlCarouseldelay, .editableZone .owl_carousel .owlCarouselMarg{position: absolute; top: -11px; left: 50%; text-shadow: 1px 1px #FFF, -1px -1px #FFF, -1px 1px #FFF, 1px -1px #FFF;display: none;color:	#934025;cursor:pointer}
.editableZone .owl_carousel .owlCarouseldelay{transform: translateX(-5rem);} .editableZone .owl_carousel .owlCarouselMarg{transform: translateX(3rem);}
.editableZone .owl_carousel.hover .owlCarouseldelay, .editableZone .owl_carousel.hover .owlCarouselMarg{display: block;}