/* CSS Document */
/* Style pour rubrique TV5Monde emission */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    /*line-height: 1;*/
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* STYLES GENERAUX */
strong, b {font-weight:bold;}
em, i {font-style:italic;}

/* ALERTE */
.solo {
    line-height: 1.1;
    font-family: 'Work Sans', sans-serif;
    color: #222222;
}
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    border: 1px solid transparent;
}
.alert-warning {
    background-color: #fff3cd;
    border-color: #ffeeba;
}

/* CORRECTIF METANAV */
#tv5monde-metanav-container {
    border-bottom: 5px solid #ebebeb;
}

/* TOOLBAR */
div#emissions-toolbar {position: fixed; top: 0; left: 0; z-index: 50000; width: 100%; height: 30px; padding-top: 5px; background: #1cace6; color: #ffffff; font-family: Arial; font-size: 18px; /*font-weight: bold;*/ }
div#emissions-toolbar span#status { margin: 0 5px; padding: 0 5px; background: #ffffff; color: #1cace6; }
div#emissions-toolbar a { color: #ffffff; text-decoration: underline; }
div#emissions-toolbar span#status a { color: #1cace6; text-decoration: none; }
div#emissions-toolbar span#status a:hover { text-decoration: underline; }

/* PUB */
#pubFooter {max-width:100%;overflow:hidden;}
#pubtop {background: #f4f4f4 none repeat scroll 0 0;border: 0 none; max-width:100%;overflow:hidden;padding: 25px 0;text-align: center;}
#publiciteTop
.embed, .player {max-width:100%; overflow:hidden; }
#publiciteTop iframe,
.embed iframe,
#publiciteTop object,
#publiciteTop embed,
#publiciteTop img {max-width:100% !important; height:auto;}

html {overflow-y:scroll; }
body {background:#fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust:none}
a {text-decoration:none; color:#222;}
.media img,
.embed img {max-width:100%; height:auto; display:block; transition: all 0.8s ease-in-out 0s;}
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}

.emission-content {position:relative; font-family: 'Work Sans', sans-serif; color:#222; line-height:1.1; min-height:320px;}
.container {padding-left:15px; padding-right:15px; margin:0 auto;}

/* MENU */
.header-content {border-bottom:5px solid #00abe9; margin-bottom:15px; padding-top:11px; }
.menu-content {background:#222; color:#fff; max-width:400px; padding:35px 0 35px 35px; position:absolute; top:0; bottom:0; left:-400px; transition:left 1s; font-family:'Roboto Condensed', sans-serif; font-size:1.125em; box-sizing:border-box; width:100%; overflow-y:auto; overflow-x:hidden; z-index:100;}
.nano-content {overflow-x: hidden; overflow-y: auto; height:100%;}
.menu-content p {font-weight:bold; margin-bottom:30px;}
.menu-show .menu-content {left:0;}
.menu-content a {color:#fff;}
.menu-content li {margin-bottom:25px; font-weight:300;}
.menu-hamburger {background:url(../img/sprite.svg) no-repeat 0 0; width:42px; height:42px; margin:0 14px 8px 0; float:left;}
.menu-close {position:absolute; right:20px; top:10px; width:30px; height:30px; z-index:100; cursor:pointer;}
.menu-close:before {background:url(../img/sprite.svg) no-repeat right 0; width:11px; height:11px; content:''; position:absolute; left:10px; top:10px;}
.emission-titre {font-family:'Roboto Condensed', sans-serif; text-transform:uppercase; font-weight:700; font-size:1.125em; line-height:42px; position:relative;}
.emission-titre p {float:left}

/* LANDING */
.landing h1 {font-size:1.25em; padding-bottom:5px;}
.last-episodes {background:#f5f7f6; margin-bottom:30px;}
.last-episodes .slick-next {right:2px; top:56px;}
.last-episodes .slick-prev {left:2px; top:56px;}
.last-episodes .container {padding:15px 0 25px 0;}
.last-episodes .list-item {float:left; width:201px; padding-left:6px}
.last-episodes .slick-slide {opacity:0.5;}
.last-episodes .slick-active {opacity:1;}
.last-episodes .list-item h2 { font-weight:700; margin-top:5px; padding-right:10px;}
.last-episodes .list-item:first-child .emission-text {display:none;}
.last-episodes .list-item:first-child { padding-left:15px}

.emission-date {color:#1cace6; font-weight:700; font-size:0.75em; margin-top:5px; }
.emission-text,
.last-episodes .list-item h3 {font-size:0.813em; line-height:1.3; margin-top:5px; padding-right:10px;}

.titre-all {font-size:1.25em; font-weight:700; margin-bottom:20px;}
.emissions-all li,
.emissions-all {padding-bottom:25px; clear:both;}
.emissions-all li .media {float:right; margin-left:15px; margin-bottom:15px; width:36%;}
.emissions-all li .media img {float:right;}
.emission-categ {font-size:0.813em; text-transform:uppercase; color:#555; font-family:'Roboto Condensed', sans-serif;}
.emissions-all li h3 {font-weight:700; margin-top:5px;}

/* FICHE EMISSION */
.main-content {padding-bottom:30px;}
.custom-border,
.custom-color {transition:2s;}
.emission-fiche .header-content {border-color:#fff;}
.emission-header .media {position:relative; margin-bottom:15px;}
.emission-header .media:after {content:''; background:rgba(0,0,0, 0.4); position:absolute; left:0; right:0; top:0; bottom:0; z-index:1;}
.emission-fiche h1 { font-size:1.625em; font-weight:700; color:#fff; position:absolute; bottom:25px; left:0; padding:0 20px; z-index:2;}
.emission-logo {position:absolute; right:0; top:0; height:38px;}
.emission-logo img {max-height:100%; width:auto;}

.headertext {line-height:21px; font-size:15px;}
.voirdernier {position:relative; padding-left:60px; margin:25px 0; display:block;}
.voirdernier:before {width:50px; height:50px; position:absolute; left:0; content:""; background:url(../img/sprite.svg) no-repeat -168px 0;}
.voirtitre {font-family:'Roboto Condensed', sans-serif;font-weight:300;line-height:21px;color:#1cace6;}
.voirdernier h2 {font-family:'Roboto Condensed', sans-serif; font-weight:600; line-height:22px; font-size:1.250em;}

.list-episodes {padding:13px 0;}
.list-episodes .custom-border {border-bottom:7px solid #fff; width:127px; display:block; margin-bottom:35px;}
.list-episodes-content {background:#f5f7f6; padding-top:14px; padding-bottom:35px; margin-bottom:10px;}
.list-episodes-content .slick-next {right:2px; top:49px;}
.list-episodes-content .slick-prev {left:2px; top:49px;}
.list-episodes h2 {font-weight:700; font-size:1.25em; margin-bottom:20px;}
.list-episodes h3 {font-size:14px; font-family:'Roboto Condensed', sans-serif; font-weight:700; margin-bottom:10px;}
.list-episodes-content .list-item {width:178px; float:left; margin-right:14px;}
.list-episodes-content.container {padding-right:0;}
.list-episodes .media {margin-bottom:10px;}
.episodejour {color:#747474; font-size:0.75em;}
.episodejour span {display:block; position:relative; padding-left:20px; margin-top:4px;}
.episodejour span:before {content:''; position:absolute; width:12px; height:12px; background:url(../img/sprite.svg) no-repeat -457px 0; left:0; top:1px;}

.transnav { text-align:center;}
.transnav li {display:inline-block;}
.emission-btn { padding:15px 0; min-width:290px; border:2px solid #1cace6; text-align:center; display:block; margin:0 7px 7px 7px; font-family:'Roboto Condensed', sans-serif; font-size:1.063em; font-weight:700; line-height:18px; box-sizing:border-box;}
.emission-btn span {padding-right:40px; position:relative;}
.emission-btn span:after {content:''; width:28px; height:28px; background:url(../img/sprite.svg) no-repeat -257px 0; position:absolute; right:0; top:-4px;}
.grille-btn span:after {background-position:-222px 2px; top:-2px;}
.grille-btn span {padding-right:35px;}

.emission-fiche-content { margin-top:10px; padding-left:0; padding-right:0; }
.emission-fiche-content .custom-border {border-top:5px solid #fff; display:block; margin-left:15px; margin-right:15px;}
#pubMiddle {width:300px; min-height:250px; }
.pubcontainer {border:1px solid #d4d4d6; background:#e3e5e2; padding:6px; width:314px; box-sizing:border-box; margin:0 auto;}
.pubcontainer p {text-align:left; font-size:11px; margin-bottom:5px;}
.emission-promo {text-align:center; margin-top:30px;}
.emission-promo li {display:inline-block; padding:0 14px 14px 14px; vertical-align:top; overflow:hidden; width:100%; box-sizing:border-box;}
.emission-promo .embed {border:1px solid #b3b3b3;}
.emission-promo li:last-child {width:auto; padding-left:0; padding-right:0;}

.data-bloc {padding:15px; border:2px solid #1cace6; line-height:1.2em !important; text-align: left; font-size:14px;}
.data-bloc h3 {margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #1cace6; font-family:'Roboto Condensed', sans-serif; font-size:17px; font-weight:700;}
.timetable span {position:relative; padding-right:35px;}
.timetable span:after {position:absolute; top:-2px; right:0; content:''; width:28px; height:28px; background:url(../img/sprite.svg) no-repeat -222px 2px;}

.podcast-platform { clear: both; }
.podcast-platform + .podcast-platform { margin-top: 15px; }
.podcast-platform img { float: left; width: 36px; margin-right: 10px; }
.podcast-platform span { font-size: 1.3em; }

.emission-blocs.container {background:#f5f7f6; margin-top:30px; padding:35px 0; color:#333;}
.emission-bloc {max-width:800px; margin:0 auto 20px auto; padding:0 15px;}
.emission-bloc a {font-weight:bold; color:#333; text-decoration:#00abe9 underline;}
.emission-bloc h2 {font-size:1.625em; font-family:'Roboto Condensed', sans-serif; margin-bottom:12px; font-weight:700; color:#333;}
.emission-bloc .media {margin-bottom:10px;}
.blocinfo {line-height:21px;}
.blocinfo p {padding-bottom:10px;}
.bloclegende {color:#999; font-size:11px; margin-top:10px; max-width:500px;}

/* FICHE EPISODE */
.episode-player .embed, .episode-player .player {margin-bottom:10px;}
.chapitres .list-item {width:215px; margin-right:14px; float:left;}
.chapitres .media {float:left; margin-right:10px; width:80px;}
.chapitre-text {font-size:13px; padding-left:90px;}
.episode-player {margin-bottom:30px;}
.episode-fiche h1 {font-size:1.625em; font-weight:700; font-family:'Roboto Condensed', sans-serif; margin:18px 0;}
.share-btn {margin-bottom:10px;}
.share-btn li {display:inline-block; vertical-align:top;}
.episode-diffusion {font-size:13px; color:#777; margin-bottom:15px;}
.episode-info .date { font-weight:700;}
.episode-info .minute { font-weight:700; padding-left:5px;}
.episode-info .duree:before {content:'-';}
.episode-text {font-size:0.938em; line-height:21px; height:auto; transition:height 1s;}
.episode-text div {padding-bottom:20px;}
.episode-text div a {color:#1cace6;}
.episode-emission {font-size:1.063em; font-family:'Roboto Condensed', sans-serif; color:#777;}
.episode-emission span {padding-left:5px; font-weight:bold; color:#1cace6;}
.episode-emission span a {color:#1cace6;}
.episode-info .emission-btn {padding:7px 15px 8px 12px; margin:25px auto 0 auto; width:100%; max-width:290px}
.episode-info .emission-btn span {display:block; text-align:left; padding-right:60px; }
.episode-info .emission-btn span:after {top:50%; margin-top:-14px;}
.episode-plus {display:none;}
.plusinfo .episode-plus {display:block; margin-top:5px; font-size:15px; font-weight:700;}
.plusinfo.open .episode-text {padding-bottom:0; transition:height 1s, padding 1s;}
.js .open .episode-text:after {height:0; transition:height 2s;}
.plusinfo .episode-plus:after {content:''; width:20px; height:20px; background:url(../img/sprite.svg) no-repeat -295px 0; display:inline-block; position:relative; top:5px; margin-left:5px;}
.plusinfo.open .episode-plus:after{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.js .episode-text  {height:150px; position:relative; padding-bottom:20px; transition:height 1s, padding 1s;}
.js .plusinfo .episode-text  {overflow:hidden;}
.plusinfo .episode-text:after {content:''; box-shadow: inset 0 -20px 20px -10px #fff; height:20px; position:absolute; bottom:0; left:0; right:0; transition:height 2s;}
.episode-fiche .emission-blocs {margin-bottom:20px;}

 /* PAGE DE LISTE */
.pubfixed .pubcontainer {position:absolute; left:50%; margin-left:-157px;}
.pubfixed .all-episodes .list-item:nth-child(5),
.pubfixed .all-episodes .list-item:nth-child(6) { margin-top:300px;}
.emission-liste h1 {font-weight:700; font-size:1.25em; margin-bottom:20px; padding-top:20px;}
.all-episodes h2 {font-size:14px; font-family:'Roboto Condensed', sans-serif; font-weight:700; margin-bottom:10px;}
.all-episodes .media {margin-bottom:10px;}
.all-episodes .list-item {width:45.5%; margin-bottom:30px;}
.all-episodes .list-item:nth-child(odd) {margin-left:3%; float:left; clear:both; }
.all-episodes .list-item:nth-child(even) {margin-right:3%; float:right; }

.more-episodes {text-align:center;}
.more-episodes a {display:inline-block; margin:10px auto 20px auto; border:2px solid  #1cace6; padding:10px 30px; font-family:'Roboto Condensed', sans-serif; font-size:1.063em; font-weight:700; }

.js .list-item-hidden,
.more-episodes.hidden { display:none;}

/*JQUERY PLUGIN SLICK*/
.slick-disabled {display:none !important;}
.slick-arrow {position:absolute; top:25px; z-index:1; text-indent:-200px; width:31px; height:31px; border:none; overflow:hidden; cursor:pointer;}
.slick-prev {left:-10px; background:url(../img/sprite.svg) no-repeat -416px 0;}
.slick-next {right:-10px; background:url(../img/sprite.svg) no-repeat -375px 0;}

/*JQUERY PLUGIN NANOSCROLLER*/
.nano > .nano-content:focus {
    outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
    display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
    display: block;
}
.nano > .nano-pane {
    background : rgba(28,172,230,.25);
    position   : absolute;
    width      : 15px;
    right      : 0;
    top        : 0;
    bottom     : 0;
    visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
    opacity    : .01;
    -webkit-transition    : .2s;
    -moz-transition       : .2s;
    -o-transition         : .2s;
    transition            : .2s;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
    border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
    background: #1cace6;
    background: rgba(28,172,230,.50);
    position              : relative;
    margin                : 0 1px;
    -moz-border-radius    : 3px;
    -webkit-border-radius : 3px;
    border-radius         : 3px;
    cursor:move;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
    visibility : visible\9; /* Target only IE7 and IE8 with this hack */
    opacity    : 0.99;
}


@media screen and (max-width:755px) {
    .menu-hamburger {background-size:420px;}
    .emission-fiche .header-content,
    .episode-fiche .header-content {margin-bottom:9px;}
}

@media screen and (min-width:360px) {
    .emission-fiche h1 {font-size:2em;}
}

@media screen and (min-width:376px) {
    .alignleft {float:left; margin-right:25px; max-width:45%;}
    .alignright {float:right; margin-left:25px; max-width:45%;}
}
.aligncenter img {width: 100%}

@media screen and (min-width:450px) {
    .emission-fiche h1 {font-size:2.5em;}
    .emission-fiche h1 span {display:block; max-width:480px;}
    .emission-promo li { max-width:410px;}
    .emission-promo li:last-child {padding-left:14px; padding-right:14px;}
    .chapitres .list-item {width:156px; padding-right:6px; }
    .chapitre-text { padding-left:0;}
    .chapitres .media {float:none; margin-right:0; width:156px;}
    .chapitres img {margin-bottom:10px;}
}

@media screen and (min-width:600px) {
    .container,
    .emission-bloc {padding-left:35px; padding-right:35px;}

    .landing h1 {background:#f5f7f6; padding:0}
    .landing h1 .container {max-width:575px; display:block; padding-top:20px; padding-bottom:5px;}
    .last-episodes .container {max-width:595px; }
    .last-episodes {overflow:hidden; padding-right:20px;}
    .last-episodes .container {padding-left:15px; padding-right:15px;}
    .last-episodes .list-item:first-child {width:100%; padding-left:0;}
    .last-episodes .list-item:nth-child(5) {clear:left;}
    .last-episodes .list-item {width:33.33%; padding-left:0; margin-bottom:30px; position:relative;}
    .last-episodes .list-item a {padding-left:20px; display:block;}
    .last-episodes .list-item .emission-date {position:absolute; top:0; margin:0; padding:8px 13px; color:#fff; background:#1cace6;}
    .last-episodes .list-itemi:first-child h2 {font-size:1.5em;}
    .last-episodes .list-item:first-child h3 {font-size:1.063em; font-weight:500;}
    .last-episodes .list-item:first-child .emission-text {display:block; font-size:0.938em;}
    .emission-text,
    .last-episodes .list-item h3,
    .last-episodes .list-item h2 {margin-top:10px;}

    .last-episodes .list-item .media {position:relative;}
    .last-episodes .list-item .media:before {content:""; background:url(../img/sprite.svg) no-repeat -24px 0; background-size:210px auto; position:absolute; left:50%; top:50%; width:46px; height:46px; margin-left: -23px; margin-top:-23px; z-index:100;}

    .emissions-all li {width:31.33%; float:left; clear:none;}
    .emissions-all li .media {float:none; width:100%; margin-left:0; }
    .emissions-all li .media img {float:none;}
    .emissions-all li {padding-left:3%; display:block;}
    .emissions-all li:nth-child(3n+1) {padding-left:0; clear:both;}

    .emission-fiche-content .custom-border {margin:0;}

    .all-episodes .list-item {width:43%;}
    .all-episodes .list-item:nth-child(odd) {margin-left:5%; }
    .all-episodes .list-item:nth-child(even)  {margin-right:5%; }
}

@media screen and (min-width:756px) {
    .emission-content {font-size:0.875em;}

    .header-content {border-bottom:7px solid #00abe9; padding-top:15px}
    .menu-hamburger {margin:0 14px 14px 0; width:48px; height:48px; }
    .emission-logo {height:50px;}
    .emission-titre {font-size:1.875em; line-height:48px;}

    .landing h1 {font-size:1.625em;}
    .last-episodes .list-item h2 {font-size:1.188em; margin-top:10px;}
    .last-episodes .list-item:first-child h2 { font-size:2.5em;}
    .titre-all {font-size:1.875em;}
    .emissions-all li h3 {font-size:1.375em;}
    .emission-categ {font-size:0.938em;}
    .emission-text {font-size:14px;}
    .emission-date {font-size:13px;}
    .emission-fiche h1 {font-size:3.313em; line-height:53px;}
    .episodejour {font-size:0.813em;}

    .list-episodes-content {overflow:inherit; background:none; padding-top:5px;}
    .list-episodes h2 {font-size:1.563em;}
    .list-episodes-content .list-item {width:18.4%; margin-right:2%}
    .list-episodes-content .list-item:last-child {margin:0}

    .episode-emission {font-size:1.125em; }
    .episode-fiche h1 {font-size:2em;}
    .episode-diffusion {font-size:15px;}
    .episode-info {max-width:595px; margin:0 auto;}

    .list-episodes-content.container {padding-right:35px;}

    .emission-liste h1 {font-size:1.563em; padding-top:30px;}
    .listes-content {position:relative;}
    .all-episodes .list-item {max-width:330px;}
    .listes-content .pubcontainer {position:absolute; top:0 !important; right:5%;}

    .all-episodes .list-item:nth-child(odd) {margin-left:0; margin-right:5%; float:right; clear:none; }
    .all-episodes .list-item:nth-child(even) {margin-right:0; margin-left:5%; float:left; clear:both; }
    .all-episodes .list-item:first-child {min-height:280px; float:left; margin-left:5%; margin-right:0;}
}

@media screen and (min-width:800px) {
    .all-episodes .list-item {width:30%; padding-left:3%}
    .all-episodes .list-item:first-child {padding-left:0; width:29%;}
    .all-episodes .list-item:nth-child(2) {padding-left:1%; width:29%; margin-left:0; clear:none;}
    .all-episodes .list-item:nth-child(odd) {margin-left:0; clear:none; float:left;margin-right:0; }
    .all-episodes .list-item:nth-child(even) {margin-left:0; margin-right:0; float:left; clear:none;}
    .all-episodes .list-item:nth-child(3n) {clear:both; padding-left:0; float:left; margin-right:0; margin-left:2%;}
    .all-episodes {padding-left:2%; padding-right:2%;}
    .listes-content .pubcontainer {right:1%;}
}

@media screen and (min-width:860px) {
    .all-episodes {margin-left:35px; margin-right:35px; padding-left:0; padding-right:0;}
    .all-episodes .list-item:nth-child(2) {padding-left:3%; }
    .all-episodes .list-item:nth-child(3n) {margin-left:0;}
    .all-episodes .list-item {width:31.33%;}
    .listes-content .pubcontainer {right:3%;}
}

@media screen and (min-width:1024px) {
    .all-episodes .list-item:first-child {width:31%;}
    .all-episodes .list-item:nth-child(2) { width:31%; }
    .listes-content .pubcontainer {right:35px;}

    .last-episodes {padding-right:0;}

    .last-episodes .list-item {width:17%; margin-left:2%;}
    .last-episodes .list-item:first-child {width:37.5%; padding-bottom:50px; z-index:10; position:absolute; margin-left:0}
    .last-episodes .list-item a {padding-left:0; }
    .last-episodes .list-item:nth-child(2),
    .last-episodes .list-item:nth-child(5){margin-left:45%}

    .emissions-all .media,
    .last-episodes .media,
    .list-episodes .media,
    .all-episodes .media {width:100%; overflow:hidden;}
    .last-episodes .list-item a:hover img,
    .emissions-all li a:hover img,
    .list-episodes-content .list-item a:hover img,
    .all-episodes a:hover img {perspective-origin: 50% 50%; transform: scale(1.2); transform-origin: 50% 50% 0; transition: all 0.8s ease-in-out 0s;}
    .landing h1 .container,
    .last-episodes .container {max-width:1130px; padding-left:65px; padding-right:65px; position:relative;}
    .emissions-all li {width:23.5%;padding-left:2%;}
    .emissions-all li:nth-child(3n+1) {padding-left:2%; clear:none;}
    .emissions-all li:nth-child(4n+1) {padding-left:0; clear:both;}

    .transnav  {margin-bottom:10px;}
    .emission-fiche-content {margin-top:35px;}
    .emission-promo {margin-bottom:20px; margin-top:70px;}

    .colonne {margin: 0 auto; max-width:1175px; padding:0 35px; }
    .colleft {float:left; width:60%;}
    .colonne .pubcontainer {float:right; margin-top:40px;}
    .colonne .pubcontainer.center {float:none; margin-top:0;}
    .colleft .emission-bloc {padding-left:0; padding-right:0;}

    .episode-player {float:left; width:67%; margin-bottom:0;}
    .slick-arrow {top:29px;}
    .episode-info {width:333px; float:right; max-width:30%;}
    .episode-player .embed, .episode-player .player {margin-bottom:18px;}
    .chapitres .list-item {cursor:pointer;}

    .episode-info .emission-btn {max-width:none;}
}

@media screen and (min-width:1025px) {
    .emission-header {position:relative;}
    .emission-header .media {height:520px; background-size:cover; background-position:center center;}
    .emission-fiche h1 {top:0; height:180px; width:100%; padding:0; }
    .emission-fiche h1 span {position:absolute; bottom:0; left:5%; width:95%;}
    .js .emission-header img {display:none;}
    .headertext {position:absolute; top:200px; left:5%; width:95%; max-width:480px; color:#fff; padding-left:30px; z-index:2;}
    .voirdernier {position:absolute; bottom:30px; left:5%; width:95%; max-width:480px; margin-left:30px; z-index:2;}
    .voirtitre {font-size:1.125em; font-weight:normal;}
    .voirdernier h2 {font-size:1.375em; font-weight:600; color:#fff;}
    .list-episodes {padding:0 0 25px 0;}
}

@media screen and (min-width:1120px) {
    .all-episodes .list-item {width:23.1% !important; padding-left:2.5%}
    .all-episodes .list-item:nth-child(3n) {clear:none; padding-left:2.5%;}
    .all-episodes .list-item:nth-child(4n) {clear:both; padding-left:0;}
    .all-episodes .list-item:nth-child(2),
    .all-episodes .list-item:nth-child(3) {padding-left:1%; }
    .listes-content .pubcontainer {right:2%;}
}

@media screen and (min-width:1200px) {
    .emission-content {font-size:0.938em;}
    .container {max-width:1170px;}
    .blocinfo {line-height:25px;}
    .episode-player {width:68%;}
    .episode-emission { margin-top:30px;}
    .episode-fiche .emission-blocs {margin-bottom:30px;}
    .last-episodes .list-item:first-child {width:38.5%;}
    .list-episodes h3,
    .all-episodes h2 {font-size:15px;}
    .all-episodes .list-item:nth-child(2),
    .all-episodes .list-item:nth-child(3) {padding-left:1.2%; }
    .listes-content .pubcontainer {right:35px;}
}

@media screen and (min-width:1250px) {
    .emission-content {font-size:1em;}
    .emissions-all .emission-text {font-size:0.938em;}

    .container {max-width:1500px;}
    .last-episodes .container,
    .landing h1 .container {max-width:1370px;}
    .list-episodes .custom-border {margin-bottom:45px; width:188px; border-width:10px;}
    .emission-fiche-content .custom-border {border-width:7px;}
    .share-btn {margin-bottom:20px;}
    .colleft {float:left; width:69%;}
    .episode-text {line-height:22px;}
    .episode-player {width:70%;}
    .all-episodes .list-item:nth-child(2),
    .all-episodes .list-item:nth-child(3) {padding-left:1.5%; }
}

@media screen and (min-width:1366px) {
    .episode-player {width:72%;}
    .last-episodes .list-item:first-child {width:39%;}
    .all-episodes .list-item:nth-child(2), .all-episodes .list-item:nth-child(3) {padding-left:2.2%;}
}

@media screen and (min-width:1480px) {
    .episode-player {width:73%;}
    .listes-content {max-width:1500px; margin:0 auto; padding-left:35px; padding-right:35px;}
    .all-episodes {margin:0;}
    .all-episodes .list-item {width:18.4% !important; padding-left:2%;}
    .all-episodes .list-item:nth-child(4n),
    .all-episodes .list-item:nth-child(3n) {clear:none; padding-left:2%;}
    .all-episodes .list-item:nth-child(5n) {clear:both; padding-left:0;}
    .all-episodes .list-item:nth-child(2),
    .all-episodes .list-item:nth-child(3),
    .all-episodes .list-item:nth-child(4) {padding-left:1.1%;}
}

@media screen and (min-width:1580px) {
    .last-episodes {padding-right:0;background:none;}
    .landing h1 {background:none;}
    .last-episodes .container,
    .landing h1 .container {background:#f5f7f6; }
    .episode-player {width:74%;}
    .all-episodes .list-item:nth-child(2),
    .all-episodes .list-item:nth-child(3),
    .all-episodes .list-item:nth-child(4) {padding-left:1.35%;}
}

@media print {

}