/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; 
}
.owl-carousel .owl-stage {
	display: flex;
    position: relative;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* fix firefox animation glitch */ 
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; 
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); 
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); 
}
.owl-carousel .owl-item {
    position: relative;
    /*min-height: 1px;*/
	min-height: 100%;
	display: flex;
    float: left;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%; 
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none; 
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; 
}
.owl-carousel.owl-loaded {
    display: block; 
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block; 
}
.owl-carousel.owl-hidden {
    opacity: 0; 
}
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden; 
}
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}
.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab; 
}
.owl-carousel.owl-rtl {
    direction: rtl; 
}
.owl-carousel.owl-rtl .owl-item {
    float: right; 
}

/* No Js */
.no-js .owl-carousel {
  display: block; 
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; 
}

.owl-carousel .owl-animated-in {
  z-index: 0; 
}

.owl-carousel .owl-animated-out {
  z-index: 1; 
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; 
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } 
}
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } 
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; 
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
	calculation of the height of the owl-item that breaks page layouts
 */ 
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease; 
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; 
}
.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; 
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; 
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 100ms ease;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease; 
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); 
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; 
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease; 
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; 
}

/*
 * 	Default theme - Owl Carousel CSS File
 */
 .owl-theme .owl-nav {
	margin-top: 10px;
	text-align: center;
	-webkit-tap-highlight-color: transparent; 
}
.owl-theme .owl-nav [class*='owl-'] {
	  color: #FFF;
	  font-size: 14px;
	  margin: 5px;
	  padding: 4px 7px;
	  background: #D6D6D6;
	  display: inline-block;
	  cursor: pointer;
	  border-radius: 3px; 
}
.owl-theme .owl-nav [class*='owl-']:hover {
		background: #869791;
		color: #FFF;
		text-decoration: none; 
}
.owl-theme .owl-nav .disabled {
	  opacity: 0.5;
	  cursor: default; 
}
.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 10px; 
}
.owl-theme .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent; 
}
.owl-theme .owl-dots .owl-dot {
	  display: inline-block;
	  zoom: 1;
	  *display: inline; 
}
 .owl-theme .owl-dots .owl-dot span {
		width: 10px;
		height: 10px;
		margin: 5px 7px;
		background: #D6D6D6;
		display: block;
		-webkit-backface-visibility: visible;
		backface-visibility: visible;
		-webkit-transition: opacity 200ms ease;
		transition: opacity 200ms ease;
		border-radius: 30px; 
}
	  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
		background: #869791; }
  

/* Modele article_owl */
.article_owl .owl-slide > .caption{
    z-index: 100;
    position: absolute;
    left:55%;
    width: 40%;
    bottom:5%;
}
.article_owl .owl-slide > .caption > .title {
    background: #000;
    color : #FFF;
    padding: 5px;
    width: auto;
}
.article_owl .owl-slide > .caption > p {
    background-color: rgba(88, 88, 88, 0.75) ;
    color: #FFF;
    padding: 5px;
}
/* Owl VideoPlayer */
.owl-video-player .owl-main_player,
.owl-video-player .owl-video_thumbs {
  max-width: 960px;
  margin: 0 auto;
}
.owl-video-player .owl-slide {
	display: block;
	width: 100%; /* 1 */
	margin: 0 auto;
}
.owl-video-player .owl-video_thumbs .owl-slide {
	display: inline-block;
  width: auto; /* 1- laisse de l'espace entre les vignettes */
	padding:.5em;
	border: 1px solid black;
	border-radius: 3px;
	margin-right: .5em;
}
.owl-video-player .owl-video_thumbs .owl-slide:hover,
.owl-video-player .owl-video_thumbs .owl-slide.active {
	border: 1px solid silver;
}
.owl-video-player .owl-video_thumbs .owl-slide > a {
	display: block;
}


/* styles spécifiques owl pour section A la une */
.content__bloc_une .owl-item {
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}
@media (min-width: 768px){
	.content__bloc_une .owl-item {
		margin-left: 3rem;
		margin-right: 3rem;
	}
}

/* neutraliser les largeurs et paddings des blocs article-carte-v ou article-carte-h si owl OK */
.content__bloc_une .owl-item .article-carte-v.md\:w50,
.content__bloc_une .owl-item .article-carte-v.md\:w-50,
.content__bloc_une .owl-item .article-carte-v.lg\:w33,
.content__bloc_une .owl-item .article-carte-v.lg\:w-33,
.content__bloc_une .owl-item .article-carte-h.lg\:w50,
.content__bloc_une .owl-item .article-carte-h.lg\:w-50,
.content__bloc_une .owl-item .article-carte-h.lg\:w33,
.content__bloc_une .owl-item .article-carte-h.lg\:w-33 {
	width: 100%;
}
.content__bloc_une .owl-item .article-carte-v.p-2,
.content__bloc_une .owl-item .article-carte-v.p-3,
.content__bloc_une .owl-item .article-carte-v.md\p-4,
.content__bloc_une .owl-item .article-carte-v.md\:p-5,
.content__bloc_une .owl-item .article-carte-v.lg\:px-6,
.content__bloc_une .owl-item .article-carte-v.lg\:px-7,
.content__bloc_une .owl-item .article-carte-h.p-2,
.content__bloc_une .owl-item .article-carte-h.p-3,
.content__bloc_une .owl-item .article-carte-h.md\p-4,
.content__bloc_une .owl-item .article-carte-h.md\:p-5,
.content__bloc_une .owl-item .article-carte-h.lg\:px-6,
.content__bloc_une .owl-item .article-carte-h.lg\:px-7 {
	padding: unset;
} 

.content__bloc_une .owl-nav {
	display: block;
	height: 0;
}
.content__bloc_une .owl-nav .Icon {
	width: 3rem;
	height: 9rem;
	top: 50%;
	opacity: .1;
}
.content__bloc_une .owl-nav .Icon:hover {
	opacity: .3;
}
.content__bloc_une .owl-nav .owl-prev .Icon {
	left: -1.5rem;
}
.content__bloc_une .owl-nav .owl-next .Icon {
	right: -1.5rem;
}
@media (min-width: 768px){
	.content__bloc_une .owl-nav .Icon {
		width: 5rem;
	}
	.content__bloc_une .owl-nav .owl-prev .Icon {
		left: -4rem;
	}
	.content__bloc_une .owl-nav .owl-next .Icon {
		right: -4rem;
	}
}
.content__bloc_une .owl-dots {
	display: flex;
	justify-content: center;
	height: 1rem;
	margin-top: 1rem;
	opacity: .3;
}
.content__bloc_une .owl-dots:hover {
	opacity: 1;
}
.content__bloc_une.owl-carousel button.owl-dot {
	height: .4rem;
	width: 5rem;
	background-color: #a2a1a1;
	margin: 1rem .5rem;
}
.content__bloc_une.owl-carousel button.owl-dot.active {
	background-color: var(--c-claire);
}
