@font-face {
  font-family: 'Bebas';
  src: url('../font/Bebas-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
@font-face {
  font-family: 'Arabswell';
  src: url('../font/arabswell_1.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}  

@font-face {
  font-family: 'MyriadPro';
  src: url('../font/MyriadProWeb-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}  

@font-face {
  font-family: 'Tajawal';
  src: url('../font/Tajawal-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}  

@font-face {
  font-family: 'Tajawal';
  src: url('../font/Tajawal-Bold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
  font-weight: bold;
}  




@font-face {
  font-family: "MyriadPro";
  src: url("../font/myriadpro-light.eot"); /* IE9 Compat Modes */
  src: url("../font/myriadpro-light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../font/myriadpro-light.otf") format("opentype"), /* Open Type Font */
    url("../font/myriadpro-light.svg") format("svg"), /* Legacy iOS */
    url("../font/myriadpro-light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../font/myriadpro-light.woff") format("woff"), /* Modern Browsers */
    url("../font/myriadpro-light.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}




@font-face {
  font-family: "MyriadProBold";
  src: url("../font/MyriadProRegular.eot"); /* IE9 Compat Modes */
  src: url("../font/MyriadProRegular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../font/MyriadProRegular.otf") format("opentype"), /* Open Type Font */
    url("../font/MyriadProRegular.svg") format("svg"), /* Legacy iOS */
    url("../font/MyriadProRegular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../font/MyriadProRegular.woff") format("woff"), /* Modern Browsers */
    url("../font/MyriadProRegular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MyriadProBold";
  src: url("../font/MyriadPro-BoldCond.eot"); /* IE9 Compat Modes */
  src: url("../font/MyriadPro-BoldCond.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../font/MyriadPro-BoldCond.otf") format("opentype"), /* Open Type Font */
    url("../font/MyriadPro-BoldCond.svg") format("svg"), /* Legacy iOS */
    url("../font/MyriadPro-BoldCond.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../font/MyriadPro-BoldCond.woff") format("woff"), /* Modern Browsers */
    url("../font/MyriadPro-BoldCond.woff2") format("woff2"); /* Modern Browsers */
  font-weight: bold;
  font-style: normal;
}


@font-face {
  font-family: 'snrt';
  src: url('../font/snrt-Bold.eot');
  src: url('../font/snrt-Bold.eot?#iefix') format('embedded-opentype'),
  url('../font/snrt-Bold.woff2') format('woff2'),
  url('../font/snrt-Bold.woff') format('woff'),
  url('../font/snrt-Bold.ttf') format('truetype'),
  url('../font/snrt-Bold.svg#AbuDhabiMedia-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'snrt';
  src: url('../font/snrt-Regular.eot');
  src: url('../font/snrt-Regular.eot?#iefix') format('embedded-opentype'),
  url('../font/snrt-Regular.woff2') format('woff2'),
  url('../font/snrt-Regular.woff') format('woff'),
  url('../font/snrt-Regular.ttf') format('truetype'),
  url('../font/snrt-Regular.svg#AbuDhabiMedia-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'tifinagh';
  src: url('../font/TifinaghAbudrar.eot');
  src: url('../font/TifinaghAbudrar.eot?#iefix') format('embedded-opentype'),
  url('../font/TifinaghAbudrar.woff2') format('woff2'),
  url('../font/TifinaghAbudrar.woff') format('woff'),
  url('../font/TifinaghAbudrar.ttf') format('truetype'),
  url('../font/TifinaghAbudrar.svg#TifinaghAbudrar') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'tifinagh';
  src: url('../font/TifinaghAbudrar-Light.eot');
  src: url('../font/TifinaghAbudrar-Light.eot?#iefix') format('embedded-opentype'),
  url('../font/TifinaghAbudrar-Light.woff2') format('woff2'),
  url('../font/TifinaghAbudrar-Light.woff') format('woff'),
  url('../font/TifinaghAbudrar-Light.ttf') format('truetype'),
  url('../font/TifinaghAbudrar-Light.svg#TifinaghAbudrar-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


body{
	background-color:#FFF;
	background: #ECE9E6;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	color:#141414;
	font-family: MyriadPro, snrt, tifinagh;
}

body.video {
    background: #232526;
    background: -webkit-linear-gradient(to right, #232526, #414345);
    background: linear-gradient(to right, #232526, #414345);
    color: #fff;
    font-family: MyriadPro, snrt, tifinagh;
}
h1,h2,h3,h4,h5{
	font-family: MyriadProBold, snrt, tifinagh;
	text-transform:uppercase;
    font-weight: bold;
}
p{
	font-family:MyriadPro, snrt, tifinagh;
}
@media screen and (max-width: 767px) {
	.h2, h2 {
		font-size: 1.2rem;
	}
}

button {
    outline: none;
    color: #141414;
    font-family: MyriadProBold, snrt, tifinagh;
    font-size: 1em !important;
    text-transform: uppercase;
	text-decoration:none;
}
button:focus {
    outline: none;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #fff;
	margin-left: auto;
    margin-right: auto;
}
a, a:hover, a:visited, a:focus{
    color: #333;
    font-family: MyriadProBold, snrt, tifinagh;
    font-size: 1em;
    text-transform: uppercase;
	text-decoration:none;
}
@media screen and (max-width: 1023px) {
	.h2, h2 {
		font-size: 1.5em;
	}
	a, a:hover, a:visited, a:focus{
		font-size: 1em;
	}
}


.bg-light{
	background-color:#ECE9E6 !important;
	color:#000000 !important;
}

.bg-light a{
	color:#000000 !important;
}


.bg-dark{
	background: linear-gradient(to right, #232526, #414345);
	color:#ffffff !important;
    background: #232526;
    background: #000 !important;

}

.bg-dark a{
	color:#ffffff !important;
}

.hover{
	cursor:pointer;
	position:relative;
	text-transform:uppercase;
}
.hover:before {
    content: "";
    position: absolute;
    /* bottom: -5px; */
	bottom: -10px;
    width: 0px;
    height: 5px;
    margin: 5px 0 0;
    transition: all 0.2s ease-in-out;
    transition-duration: 0.3s;
    opacity: 0;
    background-color: #37557e;
    /* background-color: #fff; */
}
.bg-dark .hover:before {
    background-color: #fff;
}

.hover:hover:before {
	opacity:1;
	width: 100%;
}

.hide{
	opacity:0;
}
/*********SPACING**********/
.pt-n5 {
    padding-top: -3rem!important;
}
.pb-n5 {
    padding-bottom: -3rem!important;
}
.pl-n5 {
    padding-left: -3rem!important;
}
.pr-n5 {
    padding-right: -3rem!important;
}
.mt-n5 {
    margin-top: -5rem!important;
}
.mt-n6 {
    margin-top: -6rem!important;
}
@media screen and (max-width: 767px) {
	.mt-n5, .mt-n6 {
		margin-top: 1rem!important;
	}
}
.mb-n5 {
    margin-bottom: -4rem!important;
}
.ml-n5 {
    margin-left: -4rem!important;
}
.mr-n5 {
    margin-right: -4rem!important;
}

.slick-slide{
	z-index:4;
	margin-top: 15px;
    margin-bottom: 15px;
	cursor:pointer;
	position:relative;
	opacity: 0.5;
	/* font-family:'MyriadProBold'; */
	overflow: hidden;
	transition: all ease-in-out .2s;
}
.slick-slide .date{
	font-size:0.8em
}


.slick-slide.slick-active{
	opacity: 1;
}

.slick-slide .slide-over, .genre-item .slide-over{
	display:none;
	opacity:0;
	position:absolute;
	bottom:-500px;
	left:0;
	width:100%;
	height:100%;
	/* background:rgba(0,0,0,0.5); */
	color:#fff;
	padding:0px;
	transition:all 0.3s cubic-bezier(0, 1.15, 0.16, 0.74);
	background: rgb(24,24,24);
	/* background: linear-gradient(0deg, rgba(24,24,24,0.6502976190476191) 19%, rgba(102,102,102,0.3841911764705882) 40%, rgba(255,255,255,0) 96%); */
	/*background: linear-gradient(0deg, rgba(24,24,24,0.6502976190476191) 19%, rgba(255,255,255,0) 70%);*/
}
/*.genre-item.jt-item .slide-over{

    width: calc(100% - 30px);
    margin-left: 15px;
}

*/


@media screen and (min-width: 1024px) {
	.slick-slide:hover .slide-over, .genre-item:hover .slide-over{
		display:block;
		opacity:1;
		bottom:0px;
	}
}
.slick-slide .slide-over img, .genre-item .slide-over img{
	width:25px;
}
.slick-slide .slide-over a:after, .genre-item .slide-over a:after{
	background:none !important;
}

.slick-slide .slide-over a, .genre-item .slide-over a{
	color:#fff;
}

.slide-over .slide-buttons{
    /*transform:scale(1);*/
}






.slick-slide .slide-info{
    display: block;
    opacity: 1;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 15px;
    transition: all 0.3s cubic-bezier(0, 1.15, 0.16, 0.74);
    background: rgba(24,24,24,0.2);
 }

.genre-item .slide-info {
    display: block;
    opacity: 1;
    position: absolute;
    bottom: 0px;
    
    width: calc(100%);
    height: 100%;
    color: #fff;
    padding: 15px;
    transition: all 0.3s cubic-bezier(0, 1.15, 0.16, 0.74);
    background: rgba(24,24,24,0.2);
    margin: 0;
}

.slick-slide .slide-info img, .genre-item .slide-info img, .genre-content .genre-item .slide-info img  {

    width: 25px;
    
 }




.slick-slide.prg-new > a:after {
	/* content: ''; */
    /* z-index: 9999; */
    /* position: absolute; */
    /* left: 5px; */
    /* top: 5px; */
    /* height: 20px; */
    /* width: 50px; */
    /* background: url(../img/assets/new.png); */
    /* background-size: contain; */
    /* background-repeat: no-repeat; */
	content: 'nouveau';
    z-index: 9999;
    position: absolute;
    left: 5px;
    top: 5px;
    height: fit-content;
    width: fit-content;
    background: red;
    background-size: contain;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 0.8em;
    font-family: MyriadPro;
    padding: 2px 9px;
    font-weight: bold;
    text-transform: lowercase;
    border-radius: 5px;
	
}

.slick-slide.prg-soon > a:after {
    /* content: ''; */
    /* z-index: 9999; */
    /* position: absolute; */
    /* left: 5px; */
    /* top: 5px; */
    /* height: 20px; */
    /* width: 50px; */
    /* background: url(../img/assets/new.png); */
    /* background-size: contain; */
    /* background-repeat: no-repeat; */
    content: 'nouveau';
    z-index: 9999;
    position: absolute;
    left: 5px;
    top: 5px;
    height: fit-content;
    width: fit-content;
    background: red;
    background-size: contain;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 0.8em;
    font-family: MyriadPro;
    padding: 2px 9px;
    font-weight: bold;
    text-transform: lowercase;
    border-radius: 5px;
}

@media screen and (min-width: 768px) {
	/* Carousel Row on Hover */
	.slick-track:hover  .slick-active:nth-child(1):hover{
		  transform:translateX(12.5%) scale(1.25)  !important;
	}
	.slick-track:hover  .slick-active:nth-child(1):hover ~ .slick-slide{
		transform:translateX(25%) !important;
	}

	.slick-track:hover  .slick-slide{
		  transform:translateX(-12.5%);
	}
	.slick-slide:hover{
		transform: scale(1.25) !important;
	}
	.slick-slide:hover ~ .slick-slide{
		transform:translateX(12.5%);
	}
}
@media screen and (max-width: 767px) {
	.slick-slide.prg-new > a:after {
		left: auto;
		right: 0px;
		bottom: 0px;
		padding: 0px 2px;
		border-radius: 1px;
		top: auto;
	}
	.slick-slide.prg-soon > a:after {
		left: auto;
		right: 0px;
		bottom: 0px;
		padding: 0px 2px;
		border-radius: 1px;
		top: auto;
	}
}
.slick-prev {
    left: 0px;
}

.slick-next {
    right: 0px;
}

.slick-prev:before {
    color: #fff;
	font-size: 20px;
	margin-left:10px;
}
.slick-next:before {
    color: #fff;
	font-size: 20px;
	margin-left:15px;
}
/*
.slick-next:before {
    color: #fff;
    font-size: 30px;
    background: #333;
    padding-top: 4px;
    padding-left: 4px;
    border-radius: 50%;
}
.slick-prev:before {
    color: #fff;
    font-size: 30px;
    background: #333;
    padding-top: 4px;
    padding-right: 4px;
    border-radius: 50%;
}
*/

.slick-slide .prg_info{
	opacity:0;
	background-color:rgba(0,0,0,0.8);
	background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7203256302521008) 80%);
	position:absolute;
	top: 0px;
	left: 0;
	text-align: center;
	height: calc(100% - 5px);
    width: 100%;
    z-index: 100;
	transition: all 0.3s ease-in-out;
    cursor:pointer;	
	display:none;
}

.slick-slide:hover .prg_info{
	opacity:1;
}
.slick-slide .prg_info.episode{
	opacity:1 !important;
	background:none;
	overflow: hidden;
	display:none;
}
.slick-slide .prg_info.episode:before{
	/* content: " "; */
    width: 100%;
    height: 75%;
    position: absolute;
    bottom: -20%;
    left: -25%;
    background: rgb(0,0,0);
    /* background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 50%); */
    /* background-position-x: -50%; */
    border-radius: 50%;
    opacity: 0.8;
}

.slick-slide .number{
	/* font-size:4em; */
	/* color:#fff; */
	/* position:absolute; */
	/* bottom: -10px; */
    /* left: 10px; */
	/* font-weight:bold; */
	/* z-index:9; */
	/* text-shadow: 1px 1px 10px #000000; */
}
.slick-slide .descriptionold{
	font-size:0.8em;
	color:#141414;
	position:absolute;
	bottom: 5px;
    right: 10px;
	z-index:9;
	/* text-shadow: 1px 1px 10px #000000; */
}
/*.jt .slick-slide .description{
    font-size: 0.7em;
    color: #141414;
    position: absolute;
    bottom: 0;
    right: 5px;
    z-index: 9;
    
}
.slick-slide .nomold{
	font-size:0.8em;
	color:#fff;
	position:absolute;
	top: 5px;
    left: 10px;
	z-index:9;
	text-shadow: 1px 1px 10px #000000;
}
.jt .slick-slide .nom{
	font-size:0.7em;
	color:#fff;
	position:absolute;
	top: 0px;
    left: 5px;
	z-index:9;
	text-shadow: 1px 1px 10px #000000;
}
.jt .slick-slide:before{
	content:'';
	position:absolute;
	top: 0px;
    left: -20px;
	height:20%;
	width:50%;
	background: linear-gradient(180deg, #FFC107 0%, #f19536 100%);
	opacity:0.8;
	transform: skew(15deg, 0deg);
}
.jt .slick-slide:after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: -20px;
    height: 20%;
    width: calc( 50% + 20px );
    background: #fff;
    opacity: 0.8;
    transform: skew(15deg, 0deg);
}
.jt .slick-slide.finale:before{
	background: linear-gradient(180deg, #3e82b1 0%, #b2cbdc 100%);
}
.jt .slick-slide.principale:before{
	background: linear-gradient(180deg, #FFC107 0%, #f19536 100%);
}
.jt .slick-slide.laayoune:before{
	background: linear-gradient(180deg, #22a59f 0%, #a9e2e0 100%);
}
.jt .slick-slide.francais:before{
	background: linear-gradient(180deg, #166aca 0%, #a7bfda 100%);
}
.jt .slick-slide.espagnol:before{
	background: linear-gradient(180deg, #e50301 0%, #e2b3b2 100%);
}
.jt .slick-slide.dialecte:before{
	background: linear-gradient(180deg, #09c537 0%, #9edaad 100%);
}
.jt .slick-slide.addahira:before{
	background: linear-gradient(180deg, #4b13ca 0%, #b0a2d0 100%);
}*/

.episode .slick-slide:before{
	/* content:''; */
	position:absolute;
	bottom: 0px;
    left: -20px;
	height:20%;
	width:50%;
	background: linear-gradient(180deg, #3F51B5 0%, #181818 100%);
	opacity:0.8;
	transform: skew(-15deg, 0deg);
}
/* .episode .slick-slide:after{ */
	/* content:''; */
	/* position:absolute; */
	/* top: 0px; */
    /* right: -20px; */
	/* height:20px; */
	/* width:90%; */
	/* background: rgb(121,35,9); */
	/* background: linear-gradient(180deg, rgba(121,35,9,1) 0%, rgba(255,149,0,0.4990371148459384) 100%); */
	/* opacity:0.8; */
	/* transform: skew(15deg, 0deg); */
/* } */
.slick-slide .title{
	font-size:0.8em;
	color:#fff;
	position:absolute;
	bottom: 7px;
    left: 10px;
	font-family:MyriadProBold, snrt, tifinagh;
}
@media screen and (min-width: 1960px) {
	.slick-slide .prg_info.episode:before {
		bottom: -30%;
	}
}
.slick-slide .prg_info.episode .badge{
	opacity:0;
	transition-delay: 0.6s;
	transition: all 0.3s ease-in-out;	
}
.slick-slide:hover .prg_info.episode .badge{
	opacity:1;
}
.slick-slide .prg_info .prg-text{
    top: 50%;
    position: absolute;
    /* transform: translate(0%,-50%); */
    margin-left: 10px;
    width: auto;
	font-family:MyriadProBold, snrt, tifinagh;
}
.slick-slide .prg_info .prg-link {
    width: auto;
	top: 70%;
	left:10px;
    position: absolute;
    /* transform: translate(50%,-50%); */
}
.slick-slide .prg_info .prg-link {
    font-size:0.5em;
}
.slick-slide .prg_info .prg-link img {
    width: auto;
}
.slick-slide .prg_info  img {
    width: auto;
}

.slick-slide .prg_info .prg-genre {
    width: auto;
	bottom:10px;
	left:10px;
    position: absolute;
	font-size:0.5em;
	/* font-family:'MyriadProBold'; */
    /* transform: translate(50%,-50%); */
}

.slick-slide .prg_info.episode .prg-text{
	top:calc(100% - 30px);
    position: absolute;
    /* transform: translate(0%,-50%); */
    margin-left: 10px;
    width: auto;
	font-family:MyriadProBold, snrt, tifinagh;
	transition: all 0.3s ease-in-out;	
}
.slick-slide:hover .prg_info.episode .prg-text{
	top:calc(100% - 50px);
}



.slick-dotted.slick-slider {
    margin-bottom: 10px;
}
.slick-dots {
    position: absolute;
    top: -25px;
    width: auto;
    /* left: 15px; */
    right: 15px;
}
.slick-dots li:only-child {
    display:none;
}

.slick-dots li {
    width: 20px;
    height: 5px;
}
.slick-dots li button {
	width: 20px;
    height: 5px;
}

.slick-dots li button:before {
    width: 20px;
    height: 5px;
    content: '';
    opacity: .25;
    color: #666;
	border: solid 1px #fff;
    background: #fff;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #fff;
}

.slick-track {
    margin-left: 0;
    margin-right: 0;
}


.slick-prev, .slick-next {
    width: 80px;
    height: calc(100% - 60px);

    width: 45px;
    height: 45px;


    background: #212529c2;
    border-radius: 50%;
    
}

.slick-prev:hover, .slick-next:hover {
    background: rgb(12,198,244);
    border-radius: 50%;
}

.slick-disabled {
    background: none !important;
}

.separator{
	border-bottom: solid 1px #333;
	height:25px;
	margin-bottom:50px;
}

.badge {
    font-size: 14px !important;
    font-family: MyriadPro, snrt, tifinagh !important;
    text-transform: none !important;
}
.badge.badge-live{
	border-radius: 5px;
	font-family: 'MyriadPro';
	/* text-transform: lowercase; */
	padding-left: 10px;
	float: right;
	margin-left: 12px;
	/* font-weight: bold; */
	font-size:18px !important;
	margin-top:6px;
}


.badge-danger{
	background-color: #de2b2b !important;
}
.badge.badge-live i{
	font-size:18px !important;
	
}

@media screen and (max-width: 1023px){
    .badge.badge-live{
        font-size:18px !important;
        margin-top:-2px;
    }
    .badge.badge-live i{
        font-size:10px !important;
    }
}

.pave h2{
	width:fit-content;
}

li.date select{
    height: 25px !important;
    padding: 0;
    /* padding-left: 15px; */
    font-family: MyriadProBold, snrt, tifinagh;
    font-size: 0.8em;
    text-transform: uppercase;
    line-height: unset;
    border: none;
}



@media screen and (max-width: 767px) {
	.slick-slide .prg_info{
		display:none;
	}
	.slick-slide .prg_info.episode{
		display:none;
	}
	.slick-slide .prg_info .prg-genre {
		bottom: 5px;
	}
	.separator {
		margin-bottom: 10px;
	}
}



.popup .popup-title {
	margin-left:10px;
	margin-top:5vh;
	font-family:MyriadProBold, snrt, tifinagh;
	width: 100%;
    text-align: center;	
}

.popup .close-popup {
	position: relative;
	z-index: 999;
	cursor: pointer;
	display: block;
	width: auto;
	-webkit-transition: margin 600ms;
	-moz-transition: margin 600ms;
	transition: margin 600ms;
	cursor: pointer;
	font-size: 0.5rem;
}

.modal{
	padding:0 !important;
}

@media (min-width: 576px){
	.modal-dialog {
		max-width: 100vw;
		margin-top: 75px;
	}
}

.modal-content {
    background-color: #181818;
    border: none;
	border-radius: 0;
}
.modal-header {
    border-bottom: none;
}
.modal-dialog {
    margin: 0;
}
.video-container{
	margin-top:10vh;
}
.video-player {
    width: 100%;
    /* margin: auto; */
    height: 90vh;
}
*:focus {
    outline: 0;
}

@media screen and (max-width: 767px) {
	
	.video-player{
		height: auto;
		position: absolute;
		top: 10vh;
		width: 100vw;
		margin: auto;
	}
	.video-player iframe{
		min-height: 25vh;
	}
	.popup .popup-title {
		margin-left:10px;
		margin-top:5vh;
		font-family:MyriadProBold, snrt, tifinagh;
		width: 100%;
		text-align: left;
	}

}






/*toggle-icon*/
.popup-close-icon {
	display: block;
	position: relative;
	width: 100%;
	margin: -2.2em auto 0 0.2em;
	-webkit-transition: margin 600ms;
	-moz-transition: margin 600ms;
	transition: margin 600ms;
	cursor: pointer;
}

.popup-close-icon  .bar {
	display: block;
	width: 3.8em;
	height: 0.2em;
	margin: 0.9em;
	border-right: 2.8em solid #fff;
	border-left: 0.6em solid #d6d6d6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition-property: -webkit-transform, margin, border-right-color, box-shadow;
	-moz-transition-property: -moz-transform, margin, border-right-color, box-shadow;
	transition-property: transform, margin, border-right-color, box-shadow;
	-webkit-transition-duration: 600ms;
	-moz-transition-duration: 600ms;
	transition-duration: 600ms;
}
.popup-close-icon  .bar:nth-of-type(1) {
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	transition: opacity 300ms;
}
.popup-close-icon  .bar:nth-of-type(2) {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

/*pushed*/
.popup-close-icon  {
	margin: -3.2em 0 0 0.7em;
}

.popup-close-icon  .bar:nth-of-type(1) {
	opacity: 0;
}

.popup-close-icon  .bar:nth-of-type(2) {
	margin-left: 1.4em;
	-webkit-transform: rotate(-137deg) translateY(-1.5em);
	-moz-transform: rotate(-137deg) translateY(-1.5em);
	-ms-transform: rotate(-137deg) translateY(-1.5em);
	-o-transform: rotate(-137deg) translateY(-1.5em);
	transform: rotate(-137deg) translateY(-1.5em);
}

.popup-close-icon  .bar:nth-of-type(3) {
	margin-left: 0.5em;
	-webkit-transform: rotate(-42deg);
	-moz-transform: rotate(-42deg);
	-ms-transform: rotate(-42deg);
	-o-transform: rotate(-42deg);
	transform: rotate(-42deg);
}


.popup-close-icon  .bar:nth-of-type(2) {
	border-right-color: #e9b8b9;
	border-right-color: #fff;
	box-shadow: 0.4em 0 0.6em 0.1em rgba(205,40,44,0.75);
	box-shadow: 0.4em 0 0.6em 0.1em rgba(255,255,255,0.75);
}
.popup-close-icon  .bar:nth-of-type(3) {
	border-right-color: #ddf1da;
	border-right-color: #fff;
	box-shadow: 0.4em 0 0.6em 0.1em rgba(83,228,68,0.65);
	box-shadow: 0.4em 0 0.6em 0.1em rgba(255,255,255,0.65);
}

/*pushed*/
.video-player-container{
	width:100%;
	position:relative;
	transition: width 600ms;
	color:#fff;
}
.close-video{
	position: absolute;
    left: 15px;
    z-index: 9999;
    top: 0;
}
.open-episodes{
	position: absolute;
    right: 15px;
    z-index: 9999;
    top: 0;
}
.video-close-icon  {
	margin: 0;
}
.video-container .video-title{
	position:relative;
	/* top:11vh; */
	left:50%;
	transform:translateX(-50%);
	padding-top:10px;
}
.play-episode{
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
}
.play-episode img{
	width:100%;
}
.play-episode .number {
    font-size: 4em;
    color: #fff;
    position: absolute;
    bottom: -10px;
    left: 10px;
    font-weight: bold;
    z-index: 9;
    text-shadow: 1px 1px 10px #000000;
}
.autres-episodes .play-episode:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: -20px;
    height: 20%;
    width: 50%;
    background: linear-gradient(180deg, #3F51B5 0%, #181818 100%);
    opacity: 0.8;
    transform: skew(-15deg, 0deg);
}
.autres-episodes{
	display:none;
	padding:0 15px;
	width:0px;
	transition: width 600ms;
	height:90vh;
	overflow: auto;
}
.autres-episodes::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
.video-container.video-menu .autres-episodes{
	display:block;
	width:15%;
}
.video-container.video-menu .video-player-container{
	width:85%;
	position:relative;
}
.video-container i{
	cursor:pointer;
}
.video-container{
	margin-bottom:15px;
	height:90vh;
	background: #181818;
}


/*****************************/
/*      GRILLE               */
/*****************************/
.bg-grille-fixed{
	position:fixed;
	width: 100%;
	top:75px;
	z-index:1;
}
@media screen and (max-width: 767px) {
	.bg-grille-fixed{
		top:70px;
	}
}
.bg-grille{
	background-color:#222;
}
.grille-channels {
	background:#eaeaea;
	/* min-height:100px; */
	/* max-height:100px; */
}
.grille-channels img{
	width:50px !important;
	transition:all 0.3s linear;
	cursor:pointer;
	filter: grayscale(1);
}
.grille-channels .active img{
	filter: none;
}
.grille-channels img:hover{
	filter: none;
}

.grille-channels .active{
	/* background-color:#333; */
}

/* .grille-channels .active img{ */
	/* width:60px !important; */
/* } */

.days{
	background:#333;
}
.bg-grille .days a{
	font-size:0.7em;
	color:#ccc !important;
}
.bg-grille .days .active{
	background:#222;
}
.bg-grille .days .active a{
	color:#fff !important;
}
.grille-line{
	border-bottom:solid 1px #3a3a3a;
}
.grille-line:last-child{
	border-bottom:none;
}
.grille-line-now{
	background-color: #666;
    /* border-top: solid 1px #F0F0F0; */
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}

.grille-line-now  .grille-image {
	/* padding:0; */
}

.grille-line a {
	font-family:MyriadPro;
	font-size:1em;
}

.grille-time {
    text-align: center;
    font-size: 1.2em;
    line-height: 20px;
}

.grille-progress{
    position: relative;
    z-index: 10;
    background: #e4701e;
    top: 0;
    height: 5px;
    margin-top: -5px;
}



.grille-time .now{
	font-size:0.4em;
}
.grille-content {
    /* font-size:1.2em; */
	line-height:20px;
}
.grille-content p{
    font-size:0.8em;
	padding: 0;
    margin: 0;
}
.grille-image > img {
    height: 20rem !important;
}

.genre-first{
    /* background: url("img/skew-first.png"); */
	/* background-position:top right; */
    color: #fff;
    font-size: 0.8em;
    /* padding-left: 5px; */
    /* padding-right: 30px; */
	float:left;
	height:30px;
	line-height: 30px;
}

.grille-line-now .genre-first{
    /* background: url("img/skew-first-light.png"); */
	/* background-position: top right; */
    /* color: #333; */
}

.bg-grille .grille-content {
    color:#fff;
}
.bg-grille .grille-line-now .grille-content {
    color:#fff;
}

.bg-grille .grille-time {
    color:#fff;
}
.bg-grille .genre-first{
    /* background: url("img/skew-first-light.png"); */
	/* background-position: top right; */
    color: #fff;
}

.bg-grille .grille-line-now{
	background-color:#333;
	border:none;
	color:#fff !important;
}

.bg-grille .grille-line-now p{
	color:#fff !important;
	font-size:0.8em;
}

.bg-grille .grille-line-now .genre-first{
    /* background: url("img/skew-first.png"); */
	/* background-position: top right; */
    color: #fff;
}

.bg-grille .grille-channels {
	background:#222;
}

.bg-grille a{
	color:#fff !important;
}


@media only screen and (max-width: 767px) {
	.grille-time {
		text-align: center;
		font-size: 1em;
		line-height: 20px;
	}
	.grille-content {
		font-size: 0.85em;
		line-height: 20px;
	}
	
	.grille-channels  .channels-row{
		flex-wrap: nowrap;
		overflow-x: scroll;
	}
}

@media (max-width: 767px){
  .seven-cols .col1-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
	width: 12% !important;
	flex: 0 0 12%!important;
	max-width: 12%;
	float:left;
    text-align:center;
	padding-left:7.5px !important;
  }
  .seven-cols{
	  flex-wrap: nowrap;
	  overflow-x: scroll;
  }
  .grille-channels .col-3 {
		padding: 0;
		flex: 0 0 23%;
		max-width: 23%;
	}
  
}
@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
	float:left;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 6.666666666666667% !important;
	flex: 0 0 6.666666666666667%;
	float:left;
  }
  
}
  
@media (min-width: 1200px) {
  .seven-cols .col1-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 6.666666666666667% !important;
	flex: 0 0 6.666666666666667%;
	float:left;
  }
}


/*css ACTUALITÉS et MODULE TABLE*/
.text-actualiter {
	padding: 15px;
    margin-top: -15px;
    color: #141414;
    font-family: MyriadProBold, snrt, tifinagh;
    text-transform: uppercase;
    text-decoration: none;
}
img.team_logo {
    width: 30px;
}
.moduletable td.game_day {
    text-align: center;
}
.moduletable td {
    padding: .25rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.tablemodule{
	border: 2px solid #dee2e6;
	background: #fff;
	opacity: 0.8;
	width: 100%;
}
.module_title{
text-align:center;	
}
.rl_tabs-title{
text-align:center;
padding-top: 10px;	
}
.vs_score {
text-align:center;		
}
.first a:hover p {
  margin-left: 0px; 
 transition: all 0.3s linear;
    font-size: 17px;
}
.last a:hover p {
  margin-left: -40px; 
  transition: all 0.3s linear;
    font-size: 17px;
}
.previous-last a  p {     
   margin-left:-35px;
}
 .previous a  p {
   margin-left:-18px;
}
.next-first  a  p {
   margin-left:22px;
}
.next  a  p {
   margin-left:9px;
}
.active a:hover p {
	transition: all 0.3s linear;
	font-size: 17px;
	margin-left: -20px;
}
a#tab-pro {
    text-align: center;
}

a#tab-res {
    text-align: center;
}

a#tab-classement {
    text-align: center;
}


/*********NEWS********/
.news-content h1, .news-content h2, .news-content h3, .news-content h4, .news-content h5, .news-content h6 {
	font-family:MyriadPro;
	text-transform:none;
	font-weight:bold;
}
.news-content h3{
	font-size:1.5em;
}
.breadcrumb {
    background-color: #ffffff;
}

.card a {
	font-family:MyriadPro;
	text-transform:none;
	font-size:1em;
}
.card-title{
	font-weight:bold;
}

.snrt-content h2{
	font-size:1.3em;
	position:relative;
}

.snrt-content h2:after {
    content: "";
    width: 20px;
    height: 4px;
    opacity: 1;
    position: absolute;
    bottom: -10px;
    left: 0;
    transition: all 0.2s ease-in-out;
    transition-duration: 0.75s;
    background: #37557e;
}
.snrt-content h3{
	font-size:1.2em;
	position:relative;
}
.snrt-content h4, .snrt-content h5, .snrt-content h6{
	font-size:1em;
	position:relative;
}

.pulse-button {

  position: relative;
  width: 15px;
  height: 15px;
  border: none;
  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  border-radius: 50%;
  background-color: #e84c3d;
  /* background-color: #ffffff; */
  /* position: absolute; */
	/* margin-left: 10px; */
	/* top: 50%; */
	/* transform: translateY(-65%); */
	margin-top: 50%;
	transform: translateY(-65%);
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.pulse-button:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

/* Soufiane podcast */


.playlist li, .playlist div {
    color: #fff;
    cursor: pointer;
    margin: 0;
    background: rgba(255,255,255,0.1);
    padding: 5px;
    margin-top: 5px;
}
.player {
    background: none;
    height: 220px;
    position: relative;
    width: 100%;
    z-index: 2;
	color:#fff;
}
.playlist {
    background-color: transparent;
    list-style-type: none;
    margin: -10px 0 0 2px;
    padding-bottom: 10px;
    padding-top: 15px;
    position: relative;
    width: 100%;
    z-index: 1;
    margin: 0px auto;
    padding: 0;
}
.playlist li > a, .playlist div > a {
    color: #fff;
    text-decoration: none;
}

.playlist ul li {
    color: white;
	padding:5px;
	background: rgba(255,255,255,0.1);
	margin-top:5px;
}
.progressbar {
    background-color: #fff;
    cursor: pointer;
    z-index: 1;
    right: 0;
    height: 11px;
    left: auto;
    position: absolute;
    width: 70%;
    top: 170px;
    margin: 0px;
}
.progressbar div {
    width: 0%;
    height: 11px;
    position: absolute;
    left: 0;
    top: 0;
}
.bar-played {
    background: #e86144;
    z-index: 2;
}
.timeHolder {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    bottom: 35px;
    position: absolute;
    margin: 0px;
    width: 30%;
}
.controls {
    cursor: pointer;
    left: 0px;
    position: absolute;
    top: 65px;
    left: 115px;
}

@media (max-width: 767px){
	.controls {
		padding: 0.5em;
		width: 100%;
		text-align: center;
		font-size: 12px;
		top:150px;
		left:0;
	}
	.timeHolder {
		color: #ffffff;
		font-size: 14px;
		font-weight: bold;
		bottom: -5px;
		position: absolute;
		margin: 0px;
		width: 50%;
	}
	.progressbar {
		width: 50%;
		top: auto;
		bottom:0px;
		margin: 0px;
	}
	.volume {
		left: auto;
		top: auto;
		right: 0;
		bottom: 75px;
	}
	.artist {
		color: #eeeeee;
		font-size: 12px;
		top: 95px;
	}
	.controls > div {
		background-size: contain !important;
		width:40px !important;
		height:40px !important;
	}
	.playlist {
		margin-top: 30px;
	}
	.datepicker{
		display:none !important;
	}
}


.volume {
    height: 11px;
    left: auto;
    position: absolute;
    top: 142px;
    width: 140px;
    right: 0;
}
.volume-adjust > div > div {
    height: 11px;
    background: #e86144;
}

.datepicker-inline {
    width: 100%;
	color:#eaeaea;
}
.datepicker td, .datepicker th {
    text-align: center;
    width: 5%;
    height: 50px;
    border-radius: 0;
    border: none;
	background: rgba(255,255,255,0.1);
}
.datepicker table tr td.new, .datepicker table tr td.old {
    color: #fff;
    background: rgba(255,255,255,0.5);
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
   background: rgba(255,255,255,0.25);
}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
    background: rgba(255,255,255,0.25);
    cursor: pointer;
}
.podcast-bg{

	background-image: url(../img/podcast.jpg);

	background-size: contain;

}

h2.podcast-text {

    color: white;

}

#podcast .slick-slide .title {

    position: inherit;

    font-size: 15px;

}

#podcast a i {
   display:none;
}
#podcast a:hover i {
   /* background-color: #ffffff8a;
    border-radius: 28px;*/
	font-size: 40px;
	color: #ba1ebfa6;
	display:none;
}

.podcast-play {

color: #ffffff96;

    position: absolute;

    padding: 15px;

    margin: 16px 0px 0px 50px;

    font-size: 30px;

}

p.genre {

  font-size: 10px;

    color: white;

    margin: -15px 0px 0px 0px;

}
/*
.slick-prev:before, .slick-next:before {

    color: #fff !important;

}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {

    

    outline: none;

    background: #ffffff8a;

    width: 5%;

}

.slick-dots li button:before {

    border: solid 1px #fff !important;

    background: #fff !important;

}
*/
.playlist .audio{

	background-color: #ffffff9c;

    width: 100%;

    height: 40px;

	margin: auto;

    margin-top: 3px;

    margin-bottom: 3px;

    text-align: center;

    padding: 10px 0;

}

span.left {

    float: left;

	margin-left: 10px;

}

span.right {

    float: right;

	margin-right: 10px;

}

/*playlist*/

.playlist-bg{

	background-image: url(../img/bg-img.jpg);

}

.playlist ul li {

    color: white;

}

.playlist .filter .float-left  .hover:before{

   background-color: white !important;

   color:white !important;

}



.playlist .filter .float-left .filter-active:before {

   background-color: white !important;

   color:white !important;

}

/*player*/



@-webkit-keyframes playing {

  0% {

    width: 0%; }



  100% {

    width: 100%; } }



@-moz-keyframes playing {

  0% {

    width: 0%; }



  100% {

    width: 100%; } }



@-o-keyframes playing {

  0% {

    width: 0%; }



  100% {

    width: 100%; } }



@keyframes playing {

  0% {

    width: 0%; }



  100% {

    width: 100%; } }



 



#player {

  

  display: block;

  overflow: hidden;

  padding: 0 0 1em 0;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px;

 /* -webkit-box-shadow: #d8dcdd 0 5px 10px; 

  -moz-box-shadow: #d8dcdd 0 5px 10px;

   box-shadow: #d8dcdd 0 5px 10px; */}

 


/*
.controls {

     padding: 0.5em;

    width: 91%;

    text-align: center;

    font-size: 12px;



}

  .controls ul li {

    display: inline-block;

    margin-right: .17em;

    padding: .9em;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7f8c8d), color-stop(100%, #95a5a6));

    background-image: -webkit-linear-gradient(top, #7f8c8d, #95a5a6);

    background-image: -moz-linear-gradient(top, #7f8c8d, #95a5a6);

    background-image: -o-linear-gradient(top, #7f8c8d, #95a5a6);

    background-image: linear-gradient(top, #7f8c8d, #95a5a6);

    text-align: center;

    -webkit-transition-property: all;

    -moz-transition-property: all;

    -o-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 0.2s;

    -moz-transition-duration: 0.2s;

    -o-transition-duration: 0.2s;

    transition-duration: 0.2s;

    -webkit-transition-timing-function: ease-in;

    -moz-transition-timing-function: ease-in;

    -o-transition-timing-function: ease-in;

    transition-timing-function: ease-in; }

    .controls ul li:hover {

      cursor: pointer;

      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1abc9c), color-stop(100%, #16a085));

      background-image: -webkit-linear-gradient(top, #ffffffa6, #ffffffa6);

      background-image: -moz-linear-gradient(top, #1abc9c, #16a085);

      background-image: -o-linear-gradient(top, #1abc9c, #16a085);

      background-image: linear-gradient(top, #1abc9c, #16a085); }



.play {

  padding: 1.6em !important; }



.time {

  width: 100%;

  background-color: #ced2d3;

  height: 8px;

  display: block;

  overflow: hidden; }



.progress {

  -webkit-animation: playing 60s infinite;



  -moz-animation: playing 60s infinite;



  -o-animation: playing 60s infinite;



  animation: playing 60s infinite;

  display: block;

  height: 8px;

  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #d35400), color-stop(100%, #f1c40f));

  background-image: -webkit-linear-gradient(left, #d35400, #f1c40f);

  background-image: -moz-linear-gradient(left, #d35400, #f1c40f);

  background-image: -o-linear-gradient(left, #d35400, #f1c40f);

  background-image: linear-gradient(left, #d35400, #f1c40f); }



.icon-heart {

  color: #e74c3c; }



.icon-star-empty {

  color: #babebf; }

  



.btn {

  font-size: 1em;

  color: #ecf0f1; }*/

/*calendrier*/



.calendrier-bg{

	/* background-image: url(../img/calendrier.jpg); */
	background: linear-gradient(180deg, rgba(77,37,103,1) 0%, rgba(24,24,24,1) 100%);
	/* background-size: cover; */

}

h2.calendrier-text {

    color: white;

}

 blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

.elegant-calencar table {

	border-spacing: 2px;

}

.clearfix:before,

.clearfix:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.clearfix:after {

    clear: both;

}

/**

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

 */

.clearfix {

    *zoom: 1;

}

a, a:hover {

    text-decoration: none;

}

.img-responsive {

    max-width: 100%;

    height: auto;

}



 



.elegant-calencar {

  

   width: 100%; 

    /* height: 31em; */

    /* border: 1px solid #c9c9c9; */

    /* -webkit-box-shadow: 0 0 5px #c9c9c9; */

    /* box-shadow: 0 0 5px #c9c9c9; */

    text-align: center;

    margin: 4em auto;

    position: relative;

}



#header {

    height: 5em;

    background-color: #ffffff7a;

	/* width: 25em; */

	width: 100%;

}

@media (max-width: 500px){

	    width: 20em;

}

.pre-button, .next-button {

    margin-top: 0.4em;

    font-size: 3em;

    -webkit-transition: -webkit-transform 0.5s;

    transition: transform 0.5s;

    cursor: pointer;

    /* width: 1em; */

    height: 1em;

    line-height: 1em;

        color: #ffffff;

    border-radius: 50%;

}



.pre-button:active,.next-button:active{

    -webkit-transform: scale(0.7);

    -ms-transform: scale(0.7);

    transform: scale(0.7);

}



.pre-button {

    float: left;

    margin-left: 0.5em;

}



.next-button {

    float: right;

    margin-top: -48px;

}



.head-info {

    /* float: left; */

    /* width: 16em; */

	width: 65%;

    margin: auto;

    margin-top: 28px;

}



.head-day {

   /* font-size: 2em; */

    color: #fff;

}



.head-month {

  

    /* font-size: 2em; */

    line-height: 1;

    color: #fff;

}



#calendar {

    width: 100%;

}



#calendar tr {

    height: 2em;

    line-height: 2em;

}

#calendar td#disabled {

    background-color: #ffffff36 !important;

}

#calendar  thead tr {

    color: #ffffff;

	font-weight: 700;

	text-transform: uppercase;

}



#calendar  tbody tr {

    color: #252a25;

}



#calendar  tbody td{

    border: solid 5px #fff0;

    cursor: pointer;

    -webkit-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

    font-size: 20px;

    font-weight: bold;

    color: white;

	    background-color: #ffffff7a;

}



#calendar tbody td:hover, .selected {

        color: #3e1747 !important;

    background-color: #ffffff !important;

    border: none;

}



#calendar tbody td:active {

    -webkit-transform: scale(0.7);

    -ms-transform: scale(0.7);

    transform: scale(0.7);

}



#today {

  /*  background-color: #ffffff !important;

        color: #3e1747 !important;*/

}



#disabled {

    cursor: default;

    background: #fff;

}



#disabled:hover {

    background: #fff;

    color: #c9c9c9;

}



#reset {

    display: block;

    position: absolute;

    right: 2.8em;

    top: 0.3em;

    z-index: 999;

    color: #fff;

    font-family: serif;

    cursor: pointer;

    padding: 0 0.5em;

    height: 1.8em;

    border: 0.1em solid #fff;

    border-radius: 4px;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



#reset:hover {

    color: #e5b2f1;

    border-color: #8c0ea98f;

}



#reset:active{

    -webkit-transform: scale(0.8);

    -ms-transform: scale(0.8);

    transform: scale(0.8);     

}



.date-event {
    color: #1aafff;
    font-size: 1em;
    font-family: "MyriadPro";
}



#event hr {

        border-top: 4px solid #fff !important;

}

#event p {

    color: white;

}

 

/*sondage*/

.sondage-bg{

	background-image: url(../img/bg-img.jpg);

	background-size: contain;

}

.sondage {

    color: white;

}

h2.sondage-text {

    color: white;

}

.reponse input[type="checkbox"],.reponse input[type="radio"] {

  position: absolute;

  left: -9999px;

}



.side-label {

  display: block;

  position: relative;

  margin: 10px 0;

  padding-left: 35px;

  cursor: pointer;

}



.side-label::before, .side-label::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

}



input[type="radio"] + .side-label::before,

input[type="radio"] + .side-label::after {

  border-radius: 50%;

}



.side-label::before {

  display: block;

  width: 20px;

  height: 20px;

  border: 2px solid #fff;  

}



input:focus + .side-label::before {

  border-color: #9ab593;

}



.side-label::after {

  display: none;

  width: 12px;

  height: 12px;

  margin: 4px;

  background-color: #9ab593;

}



input:checked + .side-label::after {

  display: block;

}




/*************Schedule****************/
span.schedule {
 font-size: 1.7em;
}

.grille-chaineinter.active:before {
    content: "";
    position: absolute;
    display: block;
    overflow: hidden;
    top: 0;
    left: 50%;
    margin-left: -.5rem;
    border-width: .5rem;
    border-style: solid;
    border-color: #ebebeb transparent transparent transparent;
}

.grille-alaoula.active:before {
    content: "";
    position: absolute;
    display: block;
    overflow: hidden;
    top: 0;
    left: 50%;
    margin-left: -.5rem;
    border-width: .5rem;
    border-style: solid;
    border-color: #ebebeb transparent transparent transparent;
}
.grille-arriyadia.active:before {
    content: "";
    position: absolute;
    display: block;
    overflow: hidden;
    top: 0;
    left: 50%;
    margin-left: -.5rem;
    border-width: .5rem;
    border-style: solid;
    border-color: #ebebeb transparent transparent transparent;
}
 
.plyr__volume input[type=range] {
    left: -15px;
    margin-left: 20px;
}
.grille-idaatamazight.active {
    background-color: #13214a;
	padding: 0.40rem!important;
}
.grille-idaawatania.active {
    background-color: #ad0f19;
	padding: 0.40rem!important;
}
.grille-chaineinter.active {
    background-color: #852dad;
	padding: 0.40rem!important;
}
.grille-alaoula.active {
    background-color: #c05c00;
	padding: 0.40rem!important;
}
.grille-arriyadia.active {
    background-color: #007ac6;
	padding: 0.40rem!important;
}
.grille-aflam.active {
    background-color: #b63226;
	padding: 0.40rem!important;
}
.grille-almaghribia.active {
    background-color: #758189;
	padding: 0.40rem!important;
}
.grille-athaqafia.active {
    background-color: #640075;
	padding: 0.40rem!important;
}
.grille .p-1 {
    padding: 0.43rem!important;
}
span.animateur {
    margin-left: 15px;
    font-size: 0.9em;
    /* font-weight: 700; */
	display:table;
	line-height: 1rem;
	/* color: #b3b1b1; */
	color: #eaeaea;
}

span.prog {
    font-family: "MyriadProBold, snrt, tifinagh";
    margin-left: 15px;
    font-size: 1em;
    display: table;
    line-height: 1.1rem;
    letter-spacing: 1px;
}
.emi-content{
	top:3px;
}
.player-audio .plyr__progress {
    display: none;
}
.grille-chaineinter{
		border-left: solid 1px #852dad;
 
	}
.grille .slick-slide {
    border-left: solid 1px #eaeaea;
}
div.grille .slick-slide {
    margin: 0;
}
.grille{
	padding:0px;
	margin:0px;
    height: 54px;
}
.grille button.slick-next.slick-arrow {
    top: 12px;
	filter: brightness(0) invert(1);
	padding-left: 50px;
}
.grille button.slick-prev.slick-arrow {
    top: 12px;
	filter: brightness(0) invert(1);
	padding-right: 50px;
}
button.slick-disabled:before{
	display:none;
}


.plyr--audio .plyr__control.plyr__tab-focus {
    display:block;
}

.plyr__volume {
 /*   transform: rotate(-90deg);
    top: -40px;*/
     
}
 
button.plyr__control.plyr__tab-focus {
  /*  margin-top: -130px !important;*/
}
.grille ul.slick-dots {
    display: none !important;
}
.player-audio {
    top: -4px;
}
@media screen and (max-width: 767px){
	.player-audio {
		top: -8px;
	}
	div.grille .slick-slide {
		margin: 0;
		min-height: 65px;
	}
	div.grille .slick-slide.slick-active .active {
		margin: 0;
		min-height: 65px;
	}
}
.player-audio button.plyr__control {
    margin-left: 10px !important;
}
.player-audio .plyr__controls {
    margin-top: 15px;
}
.player-audio .plyr__volume {
    left: -15px;
}
.player-audio .plyr__volume input[type=range] {
    left: -15px;
    margin-left: 20px;
    /* width: 60px; */
	width: auto;
}

.player-audio .plyr--audio .plyr__controls {
    /* background: #5d5c5c!important; */
    /* border-radius: 22px!important; */
    color: #fff!important;
    padding: 0px!important;
    width: 160px!important;
}
.controls .stop {
    background-size: cover;
}
.controls .play {
    background-size: cover;
}
.controls .pause {
    background-size: cover;
}
.controls .fwd {
    background-size: cover;
}
.controls .rew {
    background-size: cover;
}
.controls .play{
margin: 5px 5px 5px 5px;
width: 30px;
    height: 30px;
	}
.controls .rew,.controls .pause, .controls .fwd, .controls .stop{
	
	width: 30px;
    height: 30px;
}
.channel-live{
	/* position:absolute; */
}

.plyr--audio{
	/* margin-left:70px; */
}

.plyr--audio .plyr__controls {
    background: transparent;
    border-radius: inherit;
    color: #fff;
    padding: 10px;
}
.schedule, .prog{
	font-family: MyriadProBold, snrt, tifinagh;
    margin-left: 25px;
	font-size: 0.8em;
}

.player-audio .plyr__time {
	display:none;
}
/*.plyr--full-ui input[type=range] {
    color: #fff;
}*/

.live-radio:before {
    content: '';
    animation: circle 3s infinite;
    background: red;
    border-radius: 50%;
    clip-path: circle(25%);
    height: 10px;
    width: 10px;
    position: absolute;
    left: 10px;
	top: 50%;
    transform: translateY(-50%);
}
.live-radio {
    padding-right:10px;
}

.badge.badge-live-radio {
    border-radius: 5px;
    font-family: 'MyriadPro';
    /* text-transform: lowercase; */
    padding-left: 10px;
    float: right;
    margin-left: -20px;
    /* font-weight: bold; */
    font-size: 15px;
    margin-top: 15px;
}
.badge.badge-live-radio i {
    font-size: 10px;
}

.badge.badge-live-tv {
    border-radius: 5px;
    font-family: 'MyriadPro';
    /* text-transform: lowercase; */
    padding-left: 10px;
    /* float: right; */
    /* margin-left: -20px; */
    /* font-weight: bold; */
    font-size: 15px;
    margin-top: 15px;
}
.badge.badge-live-tv i {
    font-size: 10px;
}

.title-live-tv{
	font-size: 1.3em;
    font-family: MyriadProBold, snrt, tifinagh;
    margin-top: 15px;
    padding-right: 10px;
    text-transform: uppercase;
}

@media screen and (min-width: 768px){
	.prg-hor .slick-track:hover .slick-slide:hover {
		transform: none !important;
	}
	.prg-hor .slick-track:hover .slick-slide {
		transform: none !important;
	}
	.prg-hor .slick-track:hover .slick-active:nth-child(1):hover ~ .slick-slide {
		transform: none !important;
	}
}


@media (max-width: 767px){
	
	.schedule, .prog {
		margin-left: 0px;
	}
	.badge.badge-live-radio {
		border-radius: 5px;
		font-family: 'MyriadPro';
		/* text-transform: lowercase; */
		padding-left: 10px;
		float: right;
		margin-left: -20px;
		/* font-weight: bold; */
		font-size: 15px;
		margin-top: 15px;
		position: absolute;
		right: 15px;
	}
	.plyr--audio {
		margin-left: 15px;
	}
	.grille {
		height: auto;
	}
}


@media print 
{
	header, footer{
		display:none;
	}
}

@media (min-width: 768px){
	.episode-video-player{
	    height:auto;
        /*min-height:80vh;*/
	}
    .episode-video-player iframe{
        /*min-height:80vh;*/
    }
}
@media (max-width: 767px){
	.episode-video-player{
	    height:30vh;
	}
}


.episode-program-info{
	background:#333;
}

.episode-program-title{
	font-family: MyriadProBold, snrt, tifinagh;
    color:#fff;
}

.news-filter .active img{
    background: #eaeaea;
    border-radius: 5px;
    /*padding-left: 5px;
    padding-right: 5px;*/
}

a.voir-plus{
    font-size:14px !important;
}

@media (max-width: 768px){
    a.voir-plus{
        display: none;
    }
}

a.program-title-slide-over{
    font-family: MyriadProBold, snrt, tifinagh;
    font-weight: Bold;
    font-size:16px !important;
}

.slick-slide a.program-title-slide-over{
    font-size:calc(16px / 1.2) !important;
}

.slick-slide a.program-title-slide-info, .genre-item a.program-title-slide-info{
    font-family: MyriadProBold, snrt, tifinagh;
    font-weight: Bold;
    font-size:16px!important;
}

.slide-over .badge{
    font-size:calc(12px) !important;
}
.slide-info .badge{
    font-size:12px !important;
}
.slick-slide .slide-over .badge{
    font-size:calc(12px / 1.2) !important;
}







.genre-content .genre-item img,
.slick-slide img,
.slick-slide .slide-over, 
.genre-item .slide-over,
.grille-line img,
.grille-left-now img,
.az-item img,
.pave-program-image img{
    border-radius:10px !important;
}





/********A SUPPRIMER***********/

/*.syno-chaine-32, .syno-chaine-36{
    visibility:hidden;
}*/





.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background: #dc3545;
    color: #fff;
}
.plyr__control--overlaid {
    background: rgba(220,53,69,0.8);
}
.plyr--full-ui input[type=range] {
    color: #dc3545;
}



.chaine-dropdown img{
  width:25%;
}

.playlist-container{display:none;}

::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

.forja-iframe{
	width:100%; 
	max-width: 100%; 
	height: 75vh;
	border:none;
}

@media (max-width: 768px){
    .forja-iframe{
		width:100%; 
		max-width: 100%; 
		height: 25vh;
		border:none;
	}
}