.genre-content  {
	overflow:hidden;
}
.prg-over{ 
	position:absolute;
    bottom: -100px;	
	height:80%;
	left:0;
	display:none;
	opacity:0;
	background:linear-gradient(0deg, rgba(24,24,24,0.6502976190476191) 19%, rgba(102,102,102,0.3841911764705882) 40%, rgba(255,255,255,0) 96%);
	transition: all 0.3s cubic-bezier(0, 1.15, 0.16, 0.74);
}

.genre-content .genre-item:hover  .prg-over{
	display:block;
	opacity:1;
	bottom: 15px;
}
.prg-over img{ 
	width:25px !important;
	filter: none !important;
	padding-left:0 !important;
	padding-right:0 !important;
}
.prg-over a{ 
	color:#fff;
}
.program-item {
	/* overflow:hidden; */
}
.program-item img{
	transition: all 0.3s linear;
}
.program-item:hover img{
	transform:scale(1.1);
}

.genre-content .genre-item  {
    position:relative;
	display: inline-block;
    cursor: pointer;
	transition: all 0.3s linear;
	overflow:hidden;
}

.genre-content .genre-item  img{
	transition: all 0.3s linear;
	width:100%;
	/*padding:15px;*/
}


.genre-content .genre-item .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: 100%;
    width: calc(100% - 30px);
    z-index: 100;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    margin-left: 15px;
}

.genre-content .genre-item:hover .prg_info{
	opacity:1;
}

.genre-content .genre-item .prg_info .prg-text{
    top: 50%;
    position: absolute;
    /* transform: translate(0%,-50%); */
    margin-left: 10px;
    width: auto;
	font-family:MyriadProBold, snrt, tifinagh;
}
.genre-content .genre-item .prg_info .prg-link {
    width: auto;
	top: 70%;
	left:10px;
    position: absolute;
    /* transform: translate(50%,-50%); */
}
.genre-content .genre-item .prg_info .prg-link {
    font-size:0.5em;
}
.genre-content .genre-item .prg_info .prg-link img {
    width: auto;
}
.genre-content .genre-item .prg_info  img {
    width: auto;
}

.genre-content .genre-item .prg_info .prg-genre {
    width: auto;
	bottom:10px;
	left:10px;
    position: absolute;
	font-size:0.5em;
}

/*
@media screen and (max-width: 575px) {
	.genre-item{
		width:50%;
	}
	.genre-content .genre-item:nth-child(2n)  img{
		transition: all 0.3s linear;
		width:100%;
		padding-right:15px;
		padding-left:7.5px;
	}
	.genre-content .genre-item:nth-child(2n+1)  img{
		transition: all 0.3s linear;
		width:100%;
		padding-left:15px;
		padding-right:7.5px;
	}
	.genre-content .genre-item.active  img{
		transform:none;
	}
	.genre-content .genre-item.next  img{
		transform:none;
	}
	.genre-content .genre-item.previous  img{
		transform:none;
	}
	.genre-content .genre-item.first  img{
		transform:none;
	}
	.genre-content .genre-item.next-first  img{
		transform:none;
	}
	.genre-content .genre-item.last  img{
		transform:none;
	}
	.genre-content .genre-item.previous-last  img{
		transform:none;
	}

}
@media screen and (min-width: 576px) {
	.genre-item{
		width:50%;
	}
	.genre-content .genre-item:nth-child(2n)  img{
		transition: all 0.3s linear;
		width:100%;
		padding-right:15px;
		padding-left:7.5px;
	}
	.genre-content .genre-item:nth-child(2n+1)  img{
		transition: all 0.3s linear;
		width:100%;
		padding-left:15px;
		padding-right:7.5px;
	}
	.genre-content .genre-item.active  img{
		transform:none;
	}
	.genre-content .genre-item.next  img{
		transform:none;
	}
	.genre-content .genre-item.previous  img{
		transform:none;
	}
	.genre-content .genre-item.first  img{
		transform:none;
	}
	.genre-content .genre-item.next-first  img{
		transform:none;
	}
	.genre-content .genre-item.last  img{
		transform:none;
	}
	.genre-content .genre-item.previous-last  img{
		transform:none;
	}
}
@media screen and (min-width: 768px) {
	.genre-item{
		width:33.3333%;
	}
	.genre-content .genre-item:nth-child(3n)  img{
		transition: all 0.3s linear;
		width:100%;
		padding-right:15px;
		padding-left:7.5px;
	}
	.genre-content .genre-item:nth-child(3n+1)  img{
		transition: all 0.3s linear;
		width:100%;
		padding-left:15px;
		padding-right:7.5px;
	}
	.genre-content .genre-item:nth-child(3n+2)  img{
		transition: all 0.3s linear;
		width:100%;
		padding-left: 11px;
		padding-right: 11px;
	}
	.genre-content .genre-item.active  img{
		transform:none;
	}
	.genre-content .genre-item.next  img{
		transform:none;
	}
	.genre-content .genre-item.previous  img{
		transform:none;
	}
	.genre-content .genre-item.first  img{
		transform:none;
	}
	.genre-content .genre-item.next-first  img{
		transform:none;
	}
	.genre-content .genre-item.last  img{
		transform:none;
	}
	.genre-content .genre-item.previous-last  img{
		transform:none;
	}
}

@media screen and (min-width: 992px) {
	.genre-item{
		width:20%;
	}
	.genre-content .genre-item:nth-child(5n)  img{
		transition: all 0.3s linear;
		width:100%;
		padding-right:15px;
		padding-left:7.5px;
	}
	
	.genre-content .genre-item:nth-child(5n)  .prg-over{
		transition: all 0.3s linear;
		width:calc(100% - 22.5px);
		margin-right:15px;
		margin-left:7.5px;
	}
	.genre-content .genre-item:nth-child(5n+1)  img{
		transition: all 0.3s linear;
		width:100%;
		padding-left:15px;
		padding-right:7.5px;
	}
	.genre-content .genre-item:nth-child(5n+1)  .prg-over{
		transition: all 0.3s linear;
		width:calc(100% - 22.5px);
		margin-left:15px;
		margin-right:7.5px;
	}
	.genre-content .genre-item:nth-child(5n+2)  img{
		transition: all 0.3s linear;
		width:100%;
		padding-right:11px;
		padding-left:11px;
	}
	.genre-content .genre-item:nth-child(5n+2)  .prg-over{
		transition: all 0.3s linear;
		width:calc(100% - 22px);
		margin-right:11px;
		margin-left:11px;
	}
	.genre-content .genre-item:nth-child(5n+3)  img{
		transition: all 0.3s linear;
		width:100%;
		padding-right:11px;
		padding-left:11px;
	}
	.genre-content .genre-item:nth-child(5n+3)  .prg-over{
		transition: all 0.3s linear;
		width:calc(100% - 22px);
		margin-right:11px;
		margin-left:11px;
	}

	.genre-content .genre-item:nth-child(5n+4)  img{
		transition: all 0.3s linear;
		width:100%;
		padding-right:11px;
		padding-left:11px;
	}
	
	.genre-content .genre-item:nth-child(5n+4)  .prg-over{
		transition: all 0.3s linear;
		width:calc(100% - 22px);
		margin-right:11px;
		margin-left:11px;
	}
	
	
	.genre-content .genre-item.active {
		transform:scale(1.2);
	}
	
	.genre-content .genre-item.active  img{

	}
	.genre-content .genre-item.next {
		transform:translateX(7.5%);
	}
	
	.genre-content .genre-item.previous {
		transform:translateX(-7.5%);
	}

	.genre-content .genre-item.first {
		transform:scale(1.2) translateX(7.5%);
	}
	
	.genre-content .genre-item.next-first {
		transform:translateX(15%);
	}

	.genre-content .genre-item.last{
		
		transform:scale(1.2) translateX(-7.5%);

	}
	.genre-content .genre-item.previous-last {

		transform:translateX(-15%);
	}

}

@media screen and (min-width: 1960px) {
	.genre-item{
		width:12.5%;
	}
	
	.genre-content .genre-item:nth-child(8n)  img{
		transition: all 0.3s linear;
		width:100%;
		padding-right:15px;
		padding-left:7.5px;
	}
	.genre-content .genre-item:nth-child(8n)  .prg-over{
		transition: all 0.3s linear;
		width:calc(100% - 22.5px);
		margin-right:15px;
		margin-left:7.5px;
	}
	.genre-content .genre-item:nth-child(8n+1)  img{
		transition: all 0.3s linear;
		width:100%;
		padding-left:15px;
		padding-right:7.5px;
	}
	.genre-content .genre-item:nth-child(8n+1)  .prg-over{
		transition: all 0.3s linear;
		width:calc(100% - 22.5px);
		margin-right:7.5px;
		margin-left:15px;
	}
	.genre-content .genre-item:nth-child(8n+2)  img{
		transition: all 0.3s linear;
		width:100%;
		padding-right:11px;
		padding-left:11px;
	}
	.genre-content .genre-item:nth-child(8n+2)  .prg-over{
		transition: all 0.3s linear;
		width:calc(100% - 22px);
		margin-right:11px;
		margin-left:11px;
	}
	.genre-content .genre-item:nth-child(8n+3)  img{
		transition: all 0.3s linear;
		width:100%;
		padding-right:11px;
		padding-left:11px;
	}
	
	.genre-content .genre-item:nth-child(8n+3)  .prg-over{
		transition: all 0.3s linear;
		width:calc(100% - 22px);
		margin-right:11px;
		margin-left:11px;
	}
	.genre-content .genre-item:nth-child(8n+4)  img{
		transition: all 0.3s linear;
		width:100%;
		padding-right:11px;
		padding-left:11px;
	}
	
	.genre-content .genre-item:nth-child(8n+4)  .prg-over{
		transition: all 0.3s linear;
		width:calc(100% - 22px);
		margin-right:11px;
		margin-left:11px;
	}
	.genre-content .genre-item:nth-child(8n+5)  img{
		transition: all 0.3s linear;
		width:100%;
		padding-right:11px;
		padding-left:11px;
	}
	
	.genre-content .genre-item:nth-child(8n+5)  .prg-over{
		transition: all 0.3s linear;
		width:calc(100% - 22px);
		margin-right:11px;
		margin-left:11px;
	}
	.genre-content .genre-item:nth-child(8n+6)  img{
		transition: all 0.3s linear;
		width:100%;
		padding-right:11px;
		padding-left:11px;
	}
	
	.genre-content .genre-item:nth-child(8n+6)  .prg-over{
		transition: all 0.3s linear;
		width:calc(100% - 22px);
		margin-right:11px;
		margin-left:11px;
	}
	.genre-content .genre-item:nth-child(8n+7)  img{
		transition: all 0.3s linear;
		width:100%;
		padding-right:11px;
		padding-left:11px;
	}
	
	.genre-content .genre-item:nth-child(8n+7)  .prg-over{
		transition: all 0.3s linear;
		width:calc(100% - 22px);
		margin-right:11px;
		margin-left:11px;
	}
	
	.genre-content .genre-item.active {
		transform:scale(1.2);
	}
	.genre-content .genre-item.next {
		transform:translateX(7.5%);
	}
	.genre-content .genre-item.previous {
		transform:translateX(-7.5%);
	}


	.genre-content .genre-item.first {
		transform:scale(1.2) translateX(7.5%);
	}
	.genre-content .genre-item.next-first {

		transform:translateX(15%);
	}

	.genre-content .genre-item.last {
		transform:scale(1.2) translateX(-7.5%);
	}
	.genre-content .genre-item.previous-last {

		transform:translateX(-15%);
	}
}

*/



.featured-program-container {
    position: relative;
	height: 40vw;
	width: 100%;
	overflow: hidden;
	background-color: #141414;
	color:#fff;
}
.featured-program {
    position: relative;
	height: 40vw;
	width: 100%;
}
.featured-program  h2{
    font-size: 3em;
    font-weight: bold;
}
.featured-program h4 {
    line-height: 2em;
}
/*.featured-program  i{
    font-size: 1.3em;
}

a:hover i{

}
a  i{
    transition:all 0.3s linear;
	
}
.featured-program  .btn:hover i{
    font-size: 1.3em;
	padding-left:10px;
}*/
@media screen and (max-width: 1023px) {
	.featured-program h2 {
		font-size: 2em;
	}
	.featured-program p {
		font-size: 0.8em;
		margin-top:15px;
	}
	
}
.featured-program  a{
    color:#fff;
}
.featured-program > div:nth-child(2):after {
    content: "";
    width: 100%;
    height: 92vh;
    position: absolute;
    top: 0;
    /*background-image: radial-gradient(circle at 0 20%,hsla(0,0%,9%,0) 60%,hsla(0,0%,9%,.6) 80%,#181817 82%) ,linear-gradient(180deg,hsla(0,0%,9%,.05) 60%,#181818);*/
	/* background-image: radial-gradient(circle at 0 0%,hsla(0,0%,5%,0) 65%,hsla(0,0%,9%,.6) 70%,#181817 90%) ,linear-gradient(180deg,hsla(0,0%,9%,.05) 80%,#181818); */
}

.featured-program-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: top;
    height: 40vw;
    /* opacity: 0.25; */
    pointer-events: none;
}
.featured-program-img{
	position:absolute;
}
.featured-program-logo{
	transform:translateX(50%);
}

.featured-program-bg1:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 5.46875vw;
	top: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(20, 20, 20, 0)), to(#141414));
    background-image: -webkit-linear-gradient(bottom, rgba(20, 20, 20, 0) 0%, #141414 100%);
    background-image: -moz- oldlinear-gradient(bottom, rgba(20, 20, 20, 0) 0%, #141414 100%);
    background-image: -o-linear-gradient(bottom, rgba(20, 20, 20, 0) 0%, #141414 100%);
    background-image: linear-gradient(to top, rgba(20, 20, 20, 0) 0%, #141414 100%);
}
.featured-program-bg1:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 5.46875vw;
	bottom: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 20, 20, 0)), to(#141414));
    background-image: -webkit-linear-gradient(top, rgba(20, 20, 20, 0) 0%, #141414 100%);
    background-image: -moz- oldlinear-gradient(top, rgba(20, 20, 20, 0) 0%, #141414 100%);
    background-image: -o-linear-gradient(top, rgba(20, 20, 20, 0) 0%, #141414 100%);
    background-image: linear-gradient(to bottom, rgba(20, 20, 20, 0) 0%, #141414 100%);
}



@media screen and (max-width: 1023px){
	
	.featured-program-container {
		position: relative;
		height: auto;
		width: auto;
	}
	.featured-program {
		position: relative;
		height: auto;
		width: auto;
	}
	.featured-program-bg {
		height: 90vh;
	}
	.featured-program-bg:before {
		width: auto;
	}
	.featured-program-bg:after {
		width: auto;
	}
}



/********EQUIPE NATIONALE****/




.en-program-container {
    position: relative;
	/* height: 40vw; */
	height:auto;
	width: 100%;
	overflow: hidden;
	background-color: #141414;
	color:#fff;
}
.en-program-container  span{
    font-size: 0.8em;
}
.en-program {
    position: relative;
	/* height: 40vw; */
	height:auto;
	width: 100%;
}

@media screen and (max-width: 1023px) {
	.en-program h2 {
		font-size: 2em;
	}
	.featured-program p {
		font-size: 0.8em;
	}
	
}
.en-program  a{
    color:#fff;
}
.en-program > div:first-child:after {
    /* content: ""; */
    width: 100%;
    height: 92vh;
    position: absolute;
    top: 0;
    /*background-image: radial-gradient(circle at 0 20%,hsla(0,0%,9%,0) 60%,hsla(0,0%,9%,.6) 80%,#181817 82%) ,linear-gradient(180deg,hsla(0,0%,9%,.05) 60%,#181818);*/
	background: #181818;
	opacity:0.5;
	left: 0;
    z-index: 0;
	
}
.en-program > div:nth-child(2):after {
    /* content: ""; */
    width: 100%;
    height: 92vh;
    position: absolute;
    top: 0;
    /*background-image: radial-gradient(circle at 0 20%,hsla(0,0%,9%,0) 60%,hsla(0,0%,9%,.6) 80%,#181817 82%) ,linear-gradient(180deg,hsla(0,0%,9%,.05) 60%,#181818);*/
	background-image: radial-gradient(circle at 0 0%,hsla(0,0%,5%,0) 65%,hsla(0,0%,9%,.6) 70%,#181817 90%) ,linear-gradient(180deg,hsla(0,0%,9%,.05) 80%,#181818);
}

.en-program-videos{
	position: relative;
    z-index: 1;
	
	overflow:auto;
    max-height: 55vh;
	margin-bottom:15px;
}

.en-program-videos:before{
	/* content: ""; */
    width: 200%;
    /* height: 150px; */
    height: 30vh;
    position: absolute;
    bottom: 0;
    /* background-image: radial-gradient(circle at 0 20%,hsla(0,0%,9%,0) 60%,hsla(0,0%,9%,.6) 80%,#181817 82%) ,linear-gradient(180deg,hsla(0,0%,9%,.05) 60%,#181818); */
    background: #181818;
    opacity: 0.5;
    left: -15px;
    z-index: 0;

}

.en-program-content{
	position: relative;
    z-index: 1;
}
.en-program-content .h3, .en-program-content h3 {
    font-size: 1.25rem;
}
.en-program-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: top;
    height: 40vw;
    opacity: 1;
    pointer-events: none;
}

.en-program-bg:before1 {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 5.46875vw;
	top: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(20, 20, 20, 0)), to(#141414));
    background-image: -webkit-linear-gradient(bottom, rgba(20, 20, 20, 0) 0%, #141414 100%);
    background-image: -moz- oldlinear-gradient(bottom, rgba(20, 20, 20, 0) 0%, #141414 100%);
    background-image: -o-linear-gradient(bottom, rgba(20, 20, 20, 0) 0%, #141414 100%);
    background-image: linear-gradient(to top, rgba(20, 20, 20, 0) 0%, #141414 100%);
}
.en-program-bg:after1 {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 5.46875vw;
	bottom: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 20, 20, 0)), to(#141414));
    background-image: -webkit-linear-gradient(top, rgba(20, 20, 20, 0) 0%, #141414 100%);
    background-image: -moz- oldlinear-gradient(top, rgba(20, 20, 20, 0) 0%, #141414 100%);
    background-image: -o-linear-gradient(top, rgba(20, 20, 20, 0) 0%, #141414 100%);
    background-image: linear-gradient(to bottom, rgba(20, 20, 20, 0) 0%, #141414 100%);
}

.en-program .date-group{
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	border-top:solid 1px #eaeaea;
	border-bottom:solid 1px #eaeaea;
}
.en-program .tab-pane{
	padding-top:15px;
}
.en-program .tab-content{
	max-height: 55vh;
    /* overflow-y: scroll; */
	overflow:auto;
	overflow-y: auto;
    overflow-x: hidden;
}

.en-program .nav-pills .nav-link.active, .en-program .nav-pills .show>.nav-link {
    color: #fff;
    /*border-bottom: solid;*/
    border-radius: 0;
    background: none;
    position:relative;
}

.en-program .nav-pills .nav-link.active:before, .en-program .nav-pills .show>.nav-linke:before {
    content: "";
    position: absolute;
    display: block;
    overflow: hidden;
    top: -5px;
    left: 50%;
    margin-left: -.5rem;
    border-width: .5rem;
    border-style: solid;
    border-color: #ebebeb transparent transparent transparent;
}



.en-program ::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.en-program ::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.en-program ::-webkit-scrollbar-thumb
{
	background-color: #666666;
}




@media screen and (max-width: 1023px){
	
	.en-program-container {
		position: relative;
		height: 100vh;
		width: auto;
	}
	.en-program {
		position: relative;
		height: 60vh;
		width: auto;
	}
	.en-program-bg {
		height: 100vh;
	}
	.en-program-bg:before {
		width: auto;
	}
	.en-program-bg:after {
		width: auto;
	}
	.en-program .tab-content{
		max-height: 50vh;
	}
	.en-program-videos:before{
		height: 0vh;
	}
	.en-program > div:first-child:after {
		height: 100vh;
	}
}

@media screen and (min-width: 1600px){
	
	/*.en-program  .en-program-left{
		max-width:20% !important;
	}
	.en-program-videos .col-md-4{
		max-width:25% !important;
	}
	
	.en-program-right{
		
	}*/
}

.genre-content .genre-item.prg-new  a:after {
	content: '';
    z-index: 9999;
    position: absolute;
    right: 15px;
    top: 15px;
    height: 50px;
    width: 70px;
    background: url(../img/assets/new.png);
    background-size: contain;
    background-repeat: no-repeat;
	
}
.genre-content .genre-item.prg-new .prg-over a:after{
	background:none !important;
}

/**********TILES*************/
.banner-tiles{
	padding-top: 75px;
}
.tiles{
	display: inline-block;
	margin-bottom: -5px;
}
.tile{
	float:left;
	padding:1px;
}

/****************GRILLE HORIZONTALE***************/
.grille-horiz .slick-slide {
 	margin:0px;
}
.grille-horiz .slick-prev:before,.grille-horiz  .slick-next:before {
    /*color: #fff;
    font-size: 30px;*/
    margin-left: 0px;
}

.grille-horiz .slick-prev,.grille-horiz .slick-next {
    /*width: 35px;
    height: 100%;*/
}

.grille-horiz .info {
    margin-top: .75rem;
    max-height: 2.1875rem;
}
.grille-horiz .grille-item, .grille-horiz .replay {
    display: inline-block;
    text-align: center;
    position: relative;
    overflow: hidden;
    height: 3.4375rem;
    vertical-align: top;
    padding: 0 5px;
    background-color: rgba(112,110,110,.8);
    color: #fff;
    border-left: 1px solid #ffffff;
    font-size: 1rem;
    cursor: pointer;
}

.main-roller-content {
    white-space: nowrap;
    font-size: 0;
    width: 100%;
    z-index: 1;
}

.grille-horiz .when {
    float: left;
    margin-right: 10px;
    line-height: 2.1875rem;
    font-size: 2rem;
    font-weight: 100;
    margin-left: 45px;
}

.grille-horiz .title-pr {
    font-weight: 700;
}

.grille-horiz .subtitle, .grille-horiz .title-pr {
    font-size: .825rem;
    line-height: 1rem;
    text-align: left;
}
.grille-horiz .subtitle, .grille-horiz .title-pr, .grille-horiz .what, .grille-horiz .who {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}




.grille-horiz .replay {
    text-decoration: none;
    padding: 0 5px;
    color: #fff;
    background-color: #008d46;/*#e1001b;*/
    font-size: 1rem;
    text-transform: uppercase;
    padding-top: .75rem;
}

.grille-horiz .replay .info {
    margin-top: 0;
}


.grille-horiz .badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 100%;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
	margin-left:25px;
}

.grille-horiz a i {
    font-size: 0.8em;
}

.grille-horiz a:hover i {
    font-size: 0.8em;
    padding-left: 0px;
}

.grille-horiz .grille-item.active {
    background-color: #201e1e;
}

.grille-horiz .grille-item.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-horiz  .plyr__control[data-plyr="play"] {
    margin-right:0;
}
.grille-horiz  .plyr {
    max-width: 75%;
    min-width: 50px;
	float: right;
	margin-top: -.75rem;
}

.grille-horiz .plyr--audio .plyr__control.plyr__tab-focus,.grille-horiz  .plyr--audio .plyr__control:hover,.grille-horiz  .plyr--audio .plyr__control[aria-expanded=true] {
    background: #181818;
    color: #fff;
}

.grille-horiz .plyr--full-ui input[type=range] {
    color: #eee;
}


.grille-horiz .subtitle-full {
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}





.program-title-sm{
	font-size:18px!important;
	color:#333;
}

.search-results .program-title-sm{
	color:#fff;
}
.program-title-lg{
	font-size:38px!important;
	color:#333;
}
.program-description-sm{
	color:#181818;
	font-size:16px!important;
}
hr {
    border-top: 1px solid #e0e0e0;
}
.page-title{
	font-size: 1.5rem!important;
	color:#333;
}



.bg-dark .program-title-sm{
	font-size:18px!important;
	color:#fff;
}
.bg-dark .program-title-lg{
	font-size:38px!important;
	
	color:#fff;
}
.bg-dark .program-description-sm{
	color:#fff;
	font-size:18px!important;
}
.bg-dark hr {
    border-top: 1px solid #666;
}
.bg-dark .page-title{
	font-size: 1.5rem!important;
	color:#e0e0e0;
}
.bg-dark .program-title-sm, .featured-program .program-title-sm {
    font-size: 24px!important;
    color: #fff;
}

@media screen and (max-width: 1023px){
	.program-title-sm{
		font-size:18px!important;
		color:#fefefe;
	}
	.program-description-sm{
		color:#181818;
		font-size:14px!important;
	}
	
	.featured-program .program-description-sm{
		color:#fefefe;
	}
	hr {
		border-top: 1px solid #e0e0e0;
	}
	.page-title{
		font-size: 1.2rem!important;
		color:#333;
	}


	.program-title-lg{
		font-size:24px!important;
		color:#333;
	}

	.bg-dark .program-title-lg{
		font-size:24px!important;
		color: #fff !important;
	}




	.bg-dark .program-title-sm{
		font-size:18px!important;
		color:#fff;
	}
	 .featured-program .program-title-lg{
		font-size:24px!important;
		
		color:#fff;
	}
	.bg-dark .program-description-sm{
		color:#fff;
		font-size:14px!important;
	}
	.bg-dark hr {
	    border-top: 1px solid #666;
	}
	.bg-dark .page-title{
		font-size: 24px!important;
		color:#fff;
	}
	.bg-dark .program-title-sm, .featured-program .program-title-sm {
	    font-size: 18px!important;
	    color: #fff;
	}

	.badge.badge-live {
	    font-size: 12px;
	}

}

.news-title a{
	font-family:MyriadPro !important;
	text-transform:none;
	font-size:.8em;
}


.episode-program-title{
	
}


.widget-html-title{
	font-size:60px;
	font-family:MyriadProBold, snrt, tifinagh;
	font-weight: bold;
	color:#333;
	position:relative;
}

.bg-dark .widget-html-title{
	color:#fff;
}

.widget-html-title:before {
    content: "";
    position: absolute;
    z-index: 0;
    bottom: 0;
    background: rgb(0,190,236);
    height: 10px;
    left: 50%;
    right: 100%;
    width: 50%;
    animation: drawborder 2s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

.widget-html-subtitle{
	font-size:30px;
	font-family:MyriadProBold, snrt, tifinagh;
	font-weight: bold;
	color:#333;
	position:relative;
}
.bg-dark .widget-html-subtitle{
	color:#fff;
}

.widget-html-text{
	font-size:16px;
	color:#333;
}
.bg-dark .widget-html-text{
	color:#fff;
}

.pave-gauche .widget-html-title:before {
    left: 0%;
    right: auto;
    width: 50%;
}

.pave-html-bg .widget-html-title{
	color:#fff;
}

.pave-html-bg .widget-html-subtitle{
	color:#fff;
}

.pave-html-bg .widget-html-text{
	color:#fff;
}



@media screen and (max-width: 768px){

	.widget-html-title{
		font-size:36px;
		width:100%;
	}

	.widget-html-title:before {
	    left: 25%;
	    right: 0;
	    bottom: -5px;
	    width: 50%;

	}

	.widget-html-subtitle {
	    font-size: 24px;
	}
}

@media screen and (min-width:769px and max-width: 1199px){

	.widget-html-title{
		font-size: 48px;
	}
	.widget-html-title:before {
	    left: 50%;
	    right: 100%;
	    width: 50%;
	}
}










/********RESULTATS****/

.results .date-group{
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	border-top:solid 1px #eaeaea;
	border-bottom:solid 1px #eaeaea;
}
.results .tab-pane{
	padding-top:15px;
}
.results .tab-content{
	max-height: 300px;
    /* overflow-y: scroll; */
	overflow:auto;
	overflow-y: auto;
    overflow-x: hidden;
}

.results .nav-pills .nav-link.active, .results .nav-pills .show>.nav-link {
    color: #fff;
    /*border-bottom: solid;*/
    border-radius: 0;
    background: none;
    position:relative;
}

.results .nav-pills .nav-link.active:before, .results .nav-pills .show>.nav-linke:before {
    content: "";
    position: absolute;
    display: block;
    overflow: hidden;
    top: -5px;
    left: 50%;
    margin-left: -.5rem;
    border-width: .5rem;
    border-style: solid;
    border-color: #ebebeb transparent transparent transparent;
}



.results .badge{

    color: #fff!important;
    border: none!important;
    border-bottom: solid 1px #fff;
    border-radius: 15px;
    font-size: 14px !important;
    border: none!important;
    color: #fff!important;
    background-color: #545b62!important;
    border-color: #4e555b!important;
    text-align: center!important;
    padding: 10px!important;
    min-height: 35px!important;
    cursor: pointer;
}

.results .badge.active {
    color:#333 !important;
    background-color: #fff !important;
}

.results ::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.results ::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.results ::-webkit-scrollbar-thumb
{
	background-color: #666666;
}