/* CAROUSEL */

.carousel{
    width:100%;
    position: relative;
    /* margin-top: 50px; */
}
.carousel-container{
    align-items:center;
    display:flex;
    height: 275px;
    margin:0 auto;
    max-width:1000px;
    position:relative;
}
.disneyplus .carousel-container{
    height: 375px;
}
.carousel-item{
    height: 90px;
    opacity:.4;
    position:absolute;
    transition:all .3s ease-in-out;
    width: 161px;
    z-index:0;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15) !important;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15) !important;
}
.carousel-item.carousel-item-selected{
    height: 253px;
    opacity:1;
    left:50%;
    transform:translateX(-50%);
    width: 450px;
    z-index:2;
}
.carousel-item img{
	max-width:100%;
	display:block;
	opacity: 0;
}
.carousel-item.carousel-item-previous,
.carousel-item.carousel-item-next{
    height: 140px;
    opacity:1;
    width: 250px;
    z-index:1;
}
.carousel-item.carousel-item-previous{
    left: 10%;
    transform:translateX(-50%);
}
.carousel-item.carousel-item-next{
    left: 90%;
    transform:translateX(-50%);
}
.carousel-item.carousel-item-first{
    left: -15%;
    transform:translateX(-50%);
}
.carousel-item.carousel-item-last{
    left: 115%;
    transform:translateX(-50%);
}
.carousel-item .carousel-inner{
	position:relative;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.carousel-item .carousel-inner.affiche{
	background-size: 100%;
	background-position:center;
}
.carousel-item.carousel-item-selected .carousel-inner{
	display: flex;
    justify-content: center;
    align-items: center;
}
.carousel-item .bouton{
	position:absolute;
	bottom:5px;
}
.netflix .carousel-item .bouton,
.disneyplus .carousel-item .bouton{
	background-color: rgba(133,133,133,0.7)!important;
	border-radius:20px!important;
	padding:7px!important;
	border:1px solid #FFF;
}
.netflix .carousel-item .bouton:hover,
.disneyplus .carousel-item .bouton:hover{
	background-color: rgba(75,75,75,0.8)!important;
}
.hbomax .carousel-item .bouton{
	background-color: #260b39!important;
	border-radius:20px!important;
	padding:7px!important;
	border:1px solid #FFF;
}
.hbomax .carousel-item .bouton:hover{
	background-color: #fff!important;
}
.hbomax .carousel-item .bouton:hover svg{
	fill: #260b39!important;
}
.mycanal .carousel-item .bouton{
	background-color: #1b1e22;
	border-radius:0px!important;
	padding:7px!important;
}
.mycanal .carousel-item .bouton:hover{
	background-color: #000!important;
}
.carousel-item.carousel-item-previous .bouton,
.carousel-item.carousel-item-first .bouton{
	left:5px;
}
.carousel-item.carousel-item-next .bouton,
.carousel-item.carousel-item-last .bouton{
	right:5px;
}
.carousel-item .bouton svg{
	width:24px;
	height:24px;
	fill:#ffffff;
	display:block;
}
.carousel-item.carousel-item-previous .bouton svg,
.carousel-item.carousel-item-next .bouton svg{
	width:20px;
	height:20px;
}
.carousel-item.carousel-item-first .bouton svg,
.carousel-item.carousel-item-last .bouton svg{
	width:16px;
	height:16px;
}
.carousel-controls{
    position: absolute;
    width: 100%;
    height: 100%;
    left:0px;
    top: 0%;
    z-index: 2;
    pointer-events: none;
}
.flickity-prev-next-button,
.carousel-controls button{
	outline:none;
    height: 100%;
    border:0;
    padding:5px;
    cursor:pointer;
    padding: 5px 10px;
    top: 0%;
    bottom: 0%;
    pointer-events: all;
    background-color:transparent;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	filter: drop-shadow(0 0 1px #000);
}
.flickity-prev-next-button:focus,
.flickity-prev-next-button:hover,
.flickity-prev-next-button:active,
.carousel-controls button:focus,
.carousel-controls button:hover,
.carousel-controls button:active{
    background-color:transparent;
    padding: 5px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	filter: drop-shadow(0 0 4px #000);
}
.flickity-prev-next-button svg,
.carousel-controls button svg{
    width:25px;
    height:25px;
    display:block;
    fill:#fff;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.flickity-prev-next-button:focus svg,
.flickity-prev-next-button:hover svg,
.flickity-prev-next-button:active svg,
.carousel-controls button:focus svg,
.carousel-controls button:hover svg,
.carousel-controls button:active svg{
    width:35px;
    height:35px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.flickity-prev-next-button,
.carousel-controls-previous,
.carousel-controls-next{
    position:absolute;
    top:130px;
}
.flickity-prev-next-button.previous,
.carousel-controls-previous{
    left: 0px;
}
.flickity-prev-next-button.next,
.carousel-controls-next{
    right: 0px;
}
.flickity-prev-next-button:before{
	content: "";
    transition: opacity .4s ease;
    width: 45px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 0;
    background: transparent;
}
.flickity-prev-next-button.previous:before{
    background: -moz-linear-gradient(left,rgba(0,0,0,.4) 0,rgba(17,17,17,0) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0,rgba(0,0,0,.4)),color-stop(100%,rgba(17,17,17,0)));
    background: -webkit-linear-gradient(left,rgba(0,0,0,.4),rgba(17,17,17,0));
    background: -o-linear-gradient(left,rgba(0,0,0,.4) 0,rgba(17,17,17,0) 100%);
    background: -ms-linear-gradient(left,rgba(0,0,0,.4) 0,rgba(17,17,17,0) 100%);
    background: linear-gradient(90deg,rgba(0,0,0,.4) 0,rgba(17,17,17,0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$leftColor,endColorstr=$rightColor,GradientType=1);
}
.flickity-prev-next-button.next:before{
    background: -moz-linear-gradient(left,transparent 0,rgba(17,17,17,.4) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0,transparent),color-stop(100%,rgba(17,17,17,.4)));
    background: -webkit-linear-gradient(left,transparent,rgba(17,17,17,.4));
    background: -o-linear-gradient(left,transparent 0,rgba(17,17,17,.4) 100%);
    background: -ms-linear-gradient(left,transparent 0,rgba(17,17,17,.4) 100%);
    background: linear-gradient(90deg,transparent 0,rgba(17,17,17,.4));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$leftColor,endColorstr=$rightColor,GradientType=1);
}
.flickity-prev-next-button:hover:before{
	opacity:1;
}

.gallery {
	/* background: #EEE; */
	margin-bottom: 10px;
}

.gallery-cell {
	width:50%;
	/* width: 100%; */
	height: 350px;
	margin-right: 10px;
	/* margin: auto; */
}

.gallery-cell .carousel-inner:not(.affiche) {
	background-size: 100% auto;
	background-position: center;
}

@media screen and (max-width: 878px) {
	.gallery-cell {
		height: 250px;
	}
}
@media screen and (max-width: 768px) {
	.gallery-cell {
		height: 210px;
	}
}
@media screen and (max-width: 628px) {
	.gallery-cell {
		height: 190px;
	}
}

@media screen and (max-width: 568px) {
	.gallery-cell {
		height: 160px;
	}
}
@media screen and (max-width: 410px) {
	.gallery-cell {
		height: 130px;
	}
}

/* cell number */
.gallery-cell:before {
	display: block;
	text-align: center;
	line-height: 300px;
	font-size: 80px;
	color: white;
}

.gallery-cell .carousel-inner {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.gallery-cell .carousel-inner.affiche {
    background-position:center;
}
.primevideo .gallery-cell .carousel-inner:not(.affiche) {
    background-size: 100%;
    background-position:center;
}
.gallery-cell .carousel-inner img {
    opacity:0;
	max-width:100%;
}

/*! Flickity v1.0.0
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
    position: relative;
}

.flickity-enabled:focus {
    outline: none;
}

.flickity-viewport {
	overflow: hidden;
	position: relative;
	height: 100%;
}

.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
		    user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
	position: absolute;
	top: 50%;
	border: none;
	cursor: pointer;
	/* vertically center */        
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
		    transform: translateY(-50%);
}

.flickity-prev-next-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #D70202;
}


/* ---- page dots ---- */

.flickity-page-dots {
	position: absolute;
	width: 100%;
	bottom:-15px;
	right:0px;
	z-index:100;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 1;
}
.hbomax .flickity-page-dots{
	/* display:none; */
}

.flickity-rtl .flickity-page-dots {
	direction: rtl;
}

.normal .flickity-page-dots .dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	background-color: rgba(255, 255, 255, 0.75);
	border-radius: 50%;
	cursor: pointer;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18),0 4px 15px 0 rgba(0,0,0,0.15) !important;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 0px 1px 0 rgba(0,0,0,0.15) !important;
}
.flickity-page-dots .dot {
	background-color: rgba(0, 0, 0, 0.5);
	display: inline-block;
	-webkit-box-shadow:none!important;
	box-shadow:none!important;
	width: calc(100% / 5 - 20px);
	height: 5px;
	border-radius:0px;
	margin: 0 5px;
	cursor: pointer;
}
.clair .flickity-page-dots .dot {
	background-color: #b0bac1;
}
.hbomax .flickity-page-dots .dot{
	background-color: rgba(136, 133, 249, 0.35);
}
.lexcorp .flickity-page-dots .dot,
.dianaBVS .flickity-page-dots .dot,
.argus .flickity-page-dots .dot{
	background-color: rgba(0, 0, 0, 0.35);
}
.argus .flickity-page-dots .dot{
	background-color: rgba(255, 255, 255, 0.35);
}
.thebatman .flickity-page-dots .dot{
	height:10px;
	background-color: #00d8f8;
	border:1px solid #11788c;
}

.flickity-page-dots .dot.is-selected {
	background-color: #2096f3;
	border-radius:10px;
}
.clair .flickity-page-dots .dot.is-selected {
    -webkit-box-shadow: 0 5px 11px 0 rgba(32, 150, 243, 0.73),0 4px 15px 0 rgba(32, 150, 243,0.73) !important;
    box-shadow: 0 1px 4px 0 rgba(32, 150, 243,0.73),0 1px 10px 0 rgba(32, 150, 243,0.73) !important;
}
.hbomax .flickity-page-dots .dot.is-selected {
	background-color: #ffffff;
}
.lexcorp .flickity-page-dots .dot.is-selected {
	background-color: #e4741a;
	-webkit-box-shadow:none!important;
	box-shadow:none!important;
}
.dianaBVS .flickity-page-dots .dot.is-selected {
	background-color: #e2dac2;
	-webkit-box-shadow:none!important;
	box-shadow:none!important;
}
.argus .flickity-page-dots .dot.is-selected {
	background-color: #FFF;
	-webkit-box-shadow:none!important;
	box-shadow:none!important;
}
.thebatman .flickity-page-dots .dot.is-selected {
	background-color: #11788c;
	-webkit-box-shadow:none!important;
	box-shadow:none!important;
}