/*
@import url(/tv5/static/local/font/pluto/stylesheet.css);
@import url(/tv5/static/local/font/plutocond/stylesheet.css);
/*https://css-tricks.com/almanac/properties/f/font-size/*/
/*https://developer.mozilla.org/en-US/docs/Web/CSS/calc*/

@media screen and (min-width: 768px) {
#serie .body .serie-heading.sticky .sticky-wrapper .sticky-title{font-family: pluto_sansmedium;font-weight:normal;letter-spacing:0.15em;text-transform:uppercase;font-size:30px;}
}

@media screen and (min-width: 768px) {
	#serie div.body .share-block{top:67px!important;z-index:50;}
	#serie div.body .share-block.hidden{display:block;}
	#serie div.body .share-block > li > a{background-color:rgba(255,255,255,0.5);}
	html #serie div.body .serie-heading .share-block > li > a:hover, html #serie div.body .serie-heading .share-block > li > a.active {background-color:rgba(255,255,255,0.8)!important;}
	#serie .body .share-block > li > a, #serie .body .share-block > li > a.duo, #serie .body .share-block > li > a.like, #serie .body .share-block > li > a.like.active, #serie .body .share-block > li > a.share, #serie .body .share-block > li > a:hover, #serie .body .share-block > li > a.active{background-image: url('https://tv5.ca/tv5/static/local/images/general-sprite-reversed.png');}
	#serie div.body .share-block > li.saison > select{background: rgba(255, 255, 255, 0.5) no-repeat right center;color:#000;}
	#serie div.body .share-block > li.saison > select:hover {background-color:rgba(255,255,255,0.8)}
	
	#serie.sticky div.body .share-block{display:none;top:0!important;}
}
@media screen and (min-width: 768px) {
#serie div.carousel article div.panel .content-wrapper{display:block;position:relative;height:200px/*130px*/}
/*BOTTOM-RIGHT*/
#serie div.carousel article div.panel .content-wrapper div.details{display:block;position:absolute;margin:0;bottom:0;right:0;}
#serie div.carousel article div.panel .content-wrapper div.details .info{padding:0 30px;border-right:4px solid rgba(255,255,255,0.3)/*#177ef4*/;background:none;}
#serie div.carousel article div.panel .content-wrapper div.details a{width:90px;}
#serie div.carousel article div.panel .content-wrapper div.details span.program {display:block;position:relative;right:-10px;/*max-width:600px;*/}


 
/*#serie div.carousel article div.panel div.details a .icon.video{background-image:url(/tv5/static/local/images/general-sprite.png);top:3px;}*/

#serie div.carousel article div.panel div.details div.info{align:right;}
#serie div.carousel article div.panel div.details div.info div.table{align:right;}
#serie div.carousel article div.panel div.details div.info div.table div.table-cell{align:right;}

#serie div.carousel article div.panel div.details div.info span.program {font-family: "pluto_sansmedium";font-weight: normal;letter-spacing:0.15em;text-transform: uppercase;font-size:40px;line-height:40px;}
#serie div.carousel article div.panel div.details div.info span.episode {
    font-family: pluto_sans_regularregular;
    font-size: 28px;
    font-weight: normal;
    padding-bottom: 0px;
    text-transform: uppercase;
	line-height:32px;
}
#serie div.carousel article div.panel div.details div.info span.time {
	display:inline-block;
	height:20px;
	margin-top:10px;
	padding: 0 0 5px 10px;
    font-family: pluto_sans_regularregular;
	font-family: pluto_sansbold;
    font-size: 15px;
	line-height:25px;
	letter-spacing:0.05em;
    text-transform: uppercase;
	text-shadow: none;
	align:right;
	background: #177ef4;
}
#serie div.carousel article div.panel div.details div.info span.time:empty {display:none}

#serie div.carousel article div.panel div.details div.info span.time em {
	display:block;
	position:relative;
	/*margin:0 0 -30px 4px;*/
	margin: 0 0 0 8px;
	padding: 4px 8px 1px 8px;
	font-family: pluto_sansbold;
	font-size:30px;
	line-height:30px;


	background:#16d1f2;
	float:right;
}

#serie div.carousel article div.panel div.details div.info span.small_text {
    display:inline-block;
	margin-top:30px;
	padding: 4px 8px 2px 8px;
	font-family: pluto_sansbold/*pluto_sans_regularregular*/;
    font-size: 17px;
	letter-spacing:0.9pt;

    text-transform: uppercase;
	text-shadow: none;
	line-height:20px;
	
	
	
	background: #16d1f2 none repeat scroll 0 0;
	
	

}

#serie div.carousel article div.panel div.details div.info span.small_text {
    display:block;
	background:none;
	font-size:12px;
	padding:0;
	margin-top:30px;
	color:rgba(255,255,255,0.9);
	text-shadow:none;

}
}

@media screen and (max-width: 767px){
#serie div.carousel article div.panel div.details div.info {padding: 0 10px 0 0;}

#serie div.carousel article div.panel div.details div.info span.program {
    text-transform: uppercase;
	font-family: pluto_sansmedium;
    font-size: 13px;
    font-weight: normal;
	letter-spacing:0.15em;
	line-height:15px;
	text-shadow:none;
	/*word-break: break-all;*/
}
#serie div.carousel article div.panel div.details div.info span.episode {
    text-transform: uppercase;
	font-family: pluto_sans_regularregular;
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 3px;
	line-height:15px;
	text-shadow:none;
}

#serie div.carousel article div.panel div.details div.info span.time {
    font-family: pluto_sans_regularregular;
    font-size: 12px;
	color:#42c0f6;/*#3fc6fb;*/
	text-transform: uppercase;
	text-shadow:none;
}
#serie div.carousel article div.panel div.details div.info span.time em {
	font-family: pluto_sans_regularregular;
	font-style:normal;
	font-weight:normal;
	word-spacing:-0.15em;
}

#serie div.carousel article div.panel div.details div.info span.small_text{
	font-family: pluto_sans_regularregular;
	text-transform: uppercase;
	font-size: 12px;
	color:#33c6f8;
	text-shadow:none;
}
}













/*BOTTOM-LEFT*/
@media screen and (min-width: 768px) {
html #serie div.carousel article div.panel .content-wrapper div.details.bottom-left{display:block;position:absolute;width:auto;min-height:150px;margin:0;padding:40px 0 0 0;bottom:0;right:0;left:0;float:none;background:none;}
html #serie div.carousel article div.panel .content-wrapper div.details.bottom-left>a{display:block;position:absolute;top:-150px;left:0;right:0;width: 100%;margin:0;float:none;}
html #serie div.carousel article div.panel .content-wrapper div.details.bottom-left>a span{display:block;position:relative;margin:auto;}
html #serie div.carousel article div.panel.no-video .content-wrapper div.details.bottom-left>a{display:none;}

html #serie div.carousel article div.panel .content-wrapper div.details.bottom-left .info{display:block;position:relative;width:100%;max-width:100%!important;margin:0;padding:0;border:none;text-align:center;/*background:rgba(0,0,0,0.3);*/}
html #serie div.carousel article div.panel .content-wrapper div.details.bottom-left .info .table{display:block;position:relative;width:100%;max-width:100%;height:auto;}
html #serie div.carousel article div.panel .content-wrapper div.details.bottom-left .info .table-cell{display:block;position:relative;width:100%;max-width:100%;}

#serie div.carousel article div.panel .content-wrapper div.details.bottom-left .info .table-cell span.program {display:block;position:relative;right:-10px;max-width:auto;padding:12px 0;font-size:70px;line-height: 70px;text-align:center;text-indent:-10px;}
/*#serie div.carousel article div.panel .content-wrapper div.details.bottom-left .info .table-cell span.time {display:block;position:relative;right:-10px;max-width:auto;font-size:70px;padding:10px 0;}*/
#serie div.carousel article div.panel div.details.bottom-left a .icon.video{background-image:url(/tv5/static/local/images/general-sprite.png);top:3px;}
}

/*TOP-RIGHT*/
@media screen and (min-width: 768px) {
html #serie div.carousel article div.panel .content-wrapper div.details.top-right{display:block;position:absolute;width:50%;min-height:150px;margin:0;padding:40px 0 0 0;bottom:0;right:0;left:auto;float:none;background:none;}
html #serie div.carousel article div.panel .content-wrapper div.details.top-right>a{display:block;position:absolute;top:auto;left:0;right:0;bottom:0;height:150px;width: 100%;margin:0;float:none;}
html #serie div.carousel article div.panel .content-wrapper div.details.top-right>a span{display:block;position:relative;margin:auto;}
html #serie div.carousel article div.panel.no-video .content-wrapper div.details.top-right>a{display:none;}
html #serie div.carousel article div.panel .content-wrapper div.details.top-right .info{display:block;position:relative;width:100%;max-width:100%!important;margin:0;padding:0;border:none;text-align:center;/*background:rgba(0,0,0,0.3);*/}
html #serie div.carousel article div.panel .content-wrapper div.details.top-right .info .table{display:block;position:relative;width:100%;max-width:100%;height:auto;}
html #serie div.carousel article div.panel .content-wrapper div.details.top-right .info .table-cell{display:block;position:relative;width:100%;max-width:100%;}
#serie div.carousel article div.panel .content-wrapper div.details.top-right .info .table-cell span.program {display:block;position:relative;right:-10px;max-width:auto;padding:12px 0;font-size:50px;line-height: 50px;text-align:center;text-indent:-10px;}
/*#serie div.carousel article div.panel .content-wrapper div.details.top-right .info .table-cell span.time {display:block;position:relative;right:-10px;max-width:auto;font-size:70px;padding:10px 0;}*/
#serie div.carousel article div.panel div.details.top-right a .icon.video{background-image:url(/tv5/static/local/images/general-sprite.png);top:3px;}
}
@media screen and (min-width: 1280px) {
	html #serie div.carousel article div.panel .content-wrapper div.details.top-right{top:-250px;}
	html #serie div.carousel article div.panel .content-wrapper div.details.top-right>a{height:150px;}

	#serie div.carousel article div.panel .content-wrapper div.details.top-right .info .table-cell span.program {font-size:55px;line-height: 55px;}
}
@media screen and (min-width: 990px) and (max-width: 1279px) {
	html #serie div.carousel article div.panel .content-wrapper div.details.top-right{top:-180px;}
	html #serie div.carousel article div.panel .content-wrapper div.details.top-right>a{height:125px;}
	#serie div.carousel article div.panel .content-wrapper div.details.top-right .info .table-cell span.program {font-size:45px;line-height: 45px;}
}
@media screen and (min-width: 768px) and (max-width: 989px) {
	html #serie div.carousel article div.panel .content-wrapper div.details.top-right{top:-150px;font-size:35px;}
	html #serie div.carousel article div.panel .content-wrapper div.details.top-right>a{height:125px;}
	#serie div.carousel article div.panel .content-wrapper div.details.top-right .info .table-cell span.program {font-size:35px;line-height: 35px;}
}


/*TOP-LEFT*/
@media screen and (min-width: 768px) {
html #serie div.carousel article div.panel .content-wrapper div.details.top-left{display:block;position:absolute;width:100%;min-height:150px;margin:0;padding:40px 0 0 0;bottom:0;right:0;left:auto;float:none;background:none;}
html #serie div.carousel article div.panel .content-wrapper div.details.top-left>a{display:block;position:absolute;top:auto;left:0;right:0;bottom:0;height:150px;width: 100%;margin:0;float:none;}
html #serie div.carousel article div.panel .content-wrapper div.details.top-left>a span{display:block;position:relative;margin:auto;}
html #serie div.carousel article div.panel.no-video .content-wrapper div.details.top-left>a{display:none;}
html #serie div.carousel article div.panel .content-wrapper div.details.top-left .info{display:block;position:relative;width:100%;max-width:100%!important;margin:0;padding:0;border:none;text-align:center;/*background:rgba(0,0,0,0.3);*/}
html #serie div.carousel article div.panel .content-wrapper div.details.top-left .info .table{display:block;position:relative;width:100%;max-width:100%;height:auto;}
html #serie div.carousel article div.panel .content-wrapper div.details.top-left .info .table-cell{display:block;position:relative;width:100%;max-width:100%;}
#serie div.carousel article div.panel .content-wrapper div.details.top-left .info .table-cell span.program {display:block;position:relative;right:-10px;width:80%;max-width:auto;margin:auto;padding:12px 0;font-size:50px;line-height: 50px;text-align:center;text-indent:-10px;}
/*#serie div.carousel article div.panel .content-wrapper div.details.top-left .info .table-cell span.time {display:block;position:relative;right:-10px;max-width:auto;font-size:70px;padding:10px 0;}*/
#serie div.carousel article div.panel div.details.top-left a .icon.video{background-image:url(/tv5/static/local/images/general-sprite.png);top:3px;}
}
@media screen and (min-width: 1280px) {
	html #serie div.carousel article div.panel .content-wrapper div.details.top-left{top:-250px;}
	html #serie div.carousel article div.panel .content-wrapper div.details.top-left>a{height:150px;}

	#serie div.carousel article div.panel .content-wrapper div.details.top-left .info .table-cell span.program {font-size:75px;line-height: 75px;}
}
@media screen and (min-width: 990px) and (max-width: 1279px) {
	html #serie div.carousel article div.panel .content-wrapper div.details.top-left{top:-180px;}
	html #serie div.carousel article div.panel .content-wrapper div.details.top-left>a{height:125px;}
	#serie div.carousel article div.panel .content-wrapper div.details.top-left .info .table-cell span.program {font-size:60px;line-height: 60px;}
}
@media screen and (min-width: 768px) and (max-width: 989px) {
	html #serie div.carousel article div.panel .content-wrapper div.details.top-left{top:-150px;font-size:35px;}
	html #serie div.carousel article div.panel .content-wrapper div.details.top-left>a{height:125px;}
	#serie div.carousel article div.panel .content-wrapper div.details.top-left .info .table-cell span.program {font-size:50px;line-height: 50px;}
}

/*NONE*/
@media screen and (min-width: 768px) {
#serie div.carousel article div.panel .content-wrapper div.details.none{display:none;}
}