/* ******************************** */
/* Web TV */
/* ******************************** */
/* Vidéo en cours */
.webtv { margin-bottom: 36px; max-width: 100%; }
.webtv:after { display: block; content: ''; clear: both; width: auto; height: 0; }
.webtv .video { float: left; margin-right: 20px; max-width: 100%; }
.webtv .infos { overflow: hidden; }
.webtv .infos .date { margin-bottom: 6px; }
/* Liste "HTML" */
.webtv-list {}
.webtv-list .item { padding: 10px; margin: 20px 0; cursor: pointer; }
.webtv-list .item.selected { background: #F2F2F2; cursor: default; }
.webtv-list .item .pic { float: left; margin-right: 20px; }
.webtv-list .item .content { overflow: hidden; }
.webtv-list .item .content .titre { margin-top: 0; }
.webtv-list .item .content .date { font-weight: bold; margin-bottom: 2px; }
.webtv-list .item .content .description { display: none; }
.webtv-list .item .content .play { margin: 8px 0 0 0; }

/* Playlist simple */
.webtv.tn { background: #222222; max-width: none; }
.webtv.tn .video { float: none; margin: 0; }
.webtv.tn .webtv-list { font-size: 11px; color: #cacaca; overflow: hidden; }
.webtv.tn .webtv-list-scroller { overflow: auto; }
.webtv.tn .webtv-list-scroller .mCSB_container { margin-right: 20px !important; }
.webtv.tn .webtv-list .item { margin: 0; padding: 0; }
.webtv.tn .webtv-list .item.selected { background: #3a3a3a; }
.webtv.tn .webtv-list .item-wrp { padding: 14px 10px; }
.webtv.tn .webtv-list .item-wrp:after { display: block; content: ''; width: auto; height: 0; clear: both; }

.webtv.tn .webtv-list .item .content .titre { font-weight: bold; line-height: 1em; font-size: 11px; }
.webtv.tn .webtv-list .item .content .resume, .webtv.tn .webtv-list .item .content .description { font-size: 10px; color: #757676; }
.webtv.tn.pll .video { float: right; }
.webtv.tn.pll .webtv-list { float: left; }
.webtv.tn.plr .video { float: left; }
.webtv.tn.plr .webtv-list { float: right; }
.webtv.tn.plt { position: relative; }
.webtv.tn.plt .video { position: absolute; left: 0; right: 0; bottom: 0; }

/* Globaux */
.webtv_video { overflow: hidden; position: relative; }
.webtv .mejs__poster, .webtv.tn .mejs__poster { background-size: cover; }

@media (max-width: 992px){
    .webtv .video { float: none; margin-right: 0; }
}