@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500italic,400italic,500,700italic,300italic,300|Amatic+SC:400,700);
/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */
/* HTML element (SMACSS base) rules */
@import "normalize.css";
/* Layout rules */
@import "layouts/responsive.css";
/* Component (SMACSS module) rules */
@import "components/misc.css";
/* Optionally, add your own components here. */
@import "print.css";
/* SMACSS theme rules */
/* @import "theme-A.css"; */
/* @import "theme-B.css"; */
/* GENERAL */
body {margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'Roboto', "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;font-size:0.875em;font-weight:400;line-height:40px;color:#424242;background-color:#fed218;}
.clearfix:before,
.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
#main {padding-top:0;}
#content {min-height:100vh;padding-bottom:120px;
	background-color: #fff;
}
.front #content {padding-bottom:0}
.page-user #main {padding-top:208px}
#page {position:relative;}
#content-content {position:relative;margin:0 12px}
#content-content h1 {font-family:'Amatic SC', cursive;font-weight:700;font-size:3.429em;line-height:50px;text-transform:uppercase;}
div {box-sizing:border-box;}
.block {margin-bottom:0}
h2 {font-family:'Amatic SC', cursive;font-weight:700;font-size:3.429em;line-height:50px;text-transform:uppercase;}
h3 {font-family:'Amatic SC', cursive;font-weight:700;line-height:34px;font-size:2.143em;text-transform:uppercase;margin-bottom:30px;}
p {font-size:1.2em;line-height:1.4em;font-weight:300;margin-top:4px;margin-bottom:10px;}
a {text-decoration:none}
.invisible {visibility:hidden}
.front h1 {display:none}
.logged-in .tabs-primary {margin-top:150px}
.wrap-tv5monde-footer {background-color:#fff;padding-bottom:46px}
/* HEADER */
#header {position:absolute;width:100%;z-index:5;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;height:90px;background:-moz-linear-gradient(top,  rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(top,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );}
#header.fixed-header {position:fixed;top:0;height:60px;background:rgb(255,255,255);border-bottom:1px solid rgba(0,0,0,0.25);-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;height:60px;background:rgb(255,255,255);border-bottom:1px solid rgba(0,0,0,0.25);-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;}
#header.fixed-header .header__logo {margin-top:8px;}
#header.fixed-header .header__logo img {width:auto; height:46px;}
.header__logo img {width:250px;}
.header__logo {margin:25px 0 0 30px}
.region-header {position:absolute;top:0px;right:30px;}
.region:header:after {content:"";display:table;clear:both;}
#block-system-main-menu {float:left;margin-bottom:0}
#header ul.menu {margin:0;padding:0}
#header ul.menu,
#header .menu li {list-style:outside none none !important;}
#header .menu li {display:inline-block}
#header .menu li  a {color:#fff;font-weight:700;font-size:1.93em;font-family:"Amatic SC",cursive;text-transform:uppercase;line-height:1.29em}
#header .menu li  a:hover {background:url(../images/underline_menu.png) repeat-x 0 96%}
#header.fixed-header .menu li  a {color:#333}
#header.fixed-header .menu li  a:hover {color:#14a9df}
#header .menu li  a.active-trail {background:url(../images/underline_menu.png) repeat-x 0 96%}
#header.fixed-header .menu li  a.active-trail {color:#14a9df}
#block-system-main-menu li {padding:24px 12px 4px}
#block-views-exp-recherche-episodes-page {float:left;margin-bottom:0}
#block-menu-menu-tv5monde-jeunesse-header {float:left;}
#block-menu-menu-tv5monde-jeunesse-header li {padding:24px 0px 4px 12px}
#header.fixed-header .region-header {top:0px}
/* fixed header*/
#header.fixed-header #block-system-main-menu li {padding:12px 12px 4px}
#header.fixed-header #block-menu-menu-tv5monde-jeunesse-header li {padding:12px 0px 4px 12px}
/* fixed header*/
.js #views-exposed-form-recherche-episodes-page {position:relative;z-index:5}
.js #views-exposed-form-recherche-episodes-page .views-submit-button {display:none}
.js #views-exposed-form-recherche-episodes-page .views-widget {display:none;}
.js #views-exposed-form-recherche-episodes-page .views-widget input {border:solid 20px #333;border-right:solid 70px #333;background-color:#5a5a5a;font-size:0.93em;color:#fff;padding:18px 20px}
.js #views-exposed-form-recherche-episodes-page .views-widget input:focus {outline:none}
.js #views-exposed-form-recherche-episodes-page label {text-indent:4000px;overflow:hidden;padding:25px 25px 20px 20px;width:60px;height:82px;background:url(../images/loupe-off.png) no-repeat center center;background-size:31px 31px;box-sizing:border-box;}
.js #views-exposed-form-recherche-episodes-page label.hover,
.js #header.fixed-header #views-exposed-form-recherche-episodes-page label.hover {cursor:pointer}
.js #views-exposed-form-recherche-episodes-page label.hover,
.js #header.fixed-header #views-exposed-form-recherche-episodes-page label.hover,
.js #views-exposed-form-recherche-episodes-page .views-exposed-widgets.search-form-activ label,
.js #header.fixed-header #views-exposed-form-recherche-episodes-page .views-exposed-widgets.search-form-activ label {background:url(../images/loupe-over.png) no-repeat center center #333;background-size:31px 31px}
.js #header.fixed-header #views-exposed-form-recherche-episodes-page label {background:url(../images/loupe-off-fixed.png) no-repeat center center;background-size:31px 31px;width:60px;height:60px;box-sizing:border-box;}
.js #views-exposed-form-recherche-episodes-page .views-exposed-widgets {margin-bottom:0}
.js #views-exposed-form-recherche-episodes-page .views-exposed-form .views-exposed-widget .form-submit {margin-top:0}
/*
.js #views-exposed-form-recherche-episodes-page .views-exposed-form .views-exposed-widget {float:none;padding:0;}
.js #views-exposed-form-recherche-episodes-page .views-exposed-widgets.search-form-activ .views-submit-button {display:block;position:absolute;right:15px;top:105px;z-index:6}
*/
.js #views-exposed-form-recherche-episodes-page .views-exposed-form .views-exposed-widget {float:none;padding:0;}
.js #views-exposed-form-recherche-episodes-page .views-exposed-widgets.search-form-activ .views-submit-button {display:block;position:relative;/*right:0px;*/top:20px;z-index:6}

.js #views-exposed-form-recherche-episodes-page .views-exposed-widgets.search-form-activ .views-submit-button input {border:none;background-color:#14a9df;color:#fff;border-radius:22px;width:44px;height:44px;font-weight:700;font-size:2.14em;line-height:44px;font-family:"Amatic SC",cursive;/*font:bold 2.14em/44px "Amatic SC",cursive;*/-webkit-appearance:none;}
.js #views-exposed-form-recherche-episodes-page .views-exposed-widgets.search-form-activ .views-submit-button input:hover{
	background-color: #fed218;color:#14a9df;
}
.js #views-exposed-form-recherche-episodes-page .views-exposed-widgets.search-form-activ .views-widget {display:block;position:absolute;right:0;z-index:6}
.js #views-exposed-form-recherche-episodes-page #autocomplete {border:none;background-color:#333;z-index:7}
.js #views-exposed-form-recherche-episodes-page #autocomplete li {background-color:#333;font-size:1em;color:#fff;text-transform:uppercase;cursor:pointer;border-bottom:1px solid #5a5a5a;padding:12px 0;}
.js #views-exposed-form-recherche-episodes-page #autocomplete li:first-child {border-top:1px solid #5a5a5a}
.js #views-exposed-form-recherche-episodes-page #autocomplete ul {padding:20px;max-height:300px;overflow:auto}
/* FOOTER */
#footer {background:url(../images/bg_footer.png) no-repeat center top;background-size:100% auto;position:relative;padding-top:40px;margin-top:-75px}
#footer .menu li {list-style:outside none none !important;}
#footer ul.menu {margin:20px 0 10px;background-color:#fed218;}
#footer .menu li {display:inline-block;padding:12px}
#footer .menu li a {color:#7b2689;font-weight:500}
#footer .menu li.first a {text-transform:uppercase;font-size:120%}

.link-kit-jeunesse {text-align:center; margin:50px 0 0 0}
.link-kit-jeunesse p {margin:0}
.link-kit-jeunesse a.link-item {color:#7b2689;font-weight:500;font-size:0.875em; padding:20px 80px 20px 0;display:inline-block; background:url(../images/malette3d.png) no-repeat right center;}
/* FRONTPAGE */
.home-top-section {min-height:548px;position:relative;background-color:#333;background-size:cover;height:100vh;background-position:center center;background-repeat:no-repeat;}
.home-iframe-container {position:relative;padding-bottom:56.25%;height:0}
.home-iframe-container iframe {position:absolute;top:0;left:0;width:100% !important;height:100% !important}
.home-top-section .video-launcher {position:absolute;bottom:90px;display:table}
.home-top-section .home-top-desc {background-color:#fed219;color:#7c278a;display:table-cell;font-weight:400;font-size:1.29em;line-height:22px;font-family:"Roboto","Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;height:62px;padding:0 30px;text-transform:uppercase;vertical-align:middle;}
.home-top-section .video-launcher-link::before {background:url(../images/touche-play-home.png) repeat-x scroll 0 94%;content:"";height:100px;left:-20px;position:absolute;top:-15px;width:100px;}
.home-top-section .video-launcher-link {background-color:#14a9df;color:#fff;display:table-cell;font-weight:700;font-size:3em;line-height:52px;font-family:"Amatic SC",cursive;padding-left:90px;padding-right:40px;position:relative;text-decoration:none;text-transform:uppercase;transition:background 500ms ease-in-out 0s;vertical-align:middle;cursor:pointer}
.home-top-section .video-launcher-link:hover {background-color:#7b2689;}
.home-player {height:100vh;min-height:400px;position:absolute;top:-100vh;z-index:4;width:100%;background-color:#333;transition:all 0.3s ease-in-out;opacity:0;}
.home-player.home-video-open {top:0;z-index:2;opacity:1;}
.home-video-container {width:70%;margin:90px auto 0;box-shadow:0 0 36px rgba(0,0,0,0.3);}
.close-home-layer {display:inline-block;position:absolute;left:32px;bottom:0;padding:0 16px;border-radius:8px 8px 0 0;background-color:#000}
.close-home-layer span {cursor:pointer;color:#14a9df;font-weight:700;font-size:1.71em;line-height:46px;font-family:'Amatic SC', cursive;padding-left:27px;background:url(../images/sprite-up-down.png) no-repeat scroll 0 -62px;}
#boucle-item-title {width:70%;margin:15px auto 0;color:#fff;font-family:'Amatic SC', cursive;font-weight:700;font-size:3.429em;line-height:50px;text-transform:uppercase;}
.view-frontpage.view-display-id-page {padding:30px 12px 120px;color:#fff;background-color:#333}
.view-frontpage .view-header {padding:12px}
.view-frontpage h2 {margin:0;text-align:center}
.view-frontpage .more-link {text-align:center;padding:30px 12px 0px;}
.view-frontpage .more-link a {background-color:#14a9df;color:#fff;display:inline-block;height:44px;padding:0 24px;border-radius:22px;margin-left:14px;font-weight:700;font-size:1.93em;font-family:'Amatic SC', cursive;text-transform:uppercase;text-decoration:none;transition:all 500ms ease-in-out;white-space:nowrap;}
.view-frontpage .more-link a:hover {background-color:#fff;color:#14a9df;box-shadow:0px 0 2px 4px #14a9df;}
#block-views-frontpage-avant-premiere {margin:0px;position:relative;overflow:hidden;}
#block-views-frontpage-avant-premiere .view-content {overflow:hidden;width:100%;}
#block-views-frontpage-avant-premiere .view-content .views-row {width:100%}
#block-views-frontpage-avant-premiere h2 {/*font-size:2.143em;line-height:34px;*/font-size:3em;line-height:44px;margin:40px 0 30px 40px;position:absolute;}
#block-views-frontpage-avant-premiere h3 {margin:0;font-size:2.143em;line-height:34px;/*font-size:3em;line-height:1em;*/}
#block-views-frontpage-avant-premiere .views-field-field-episode-num {padding-right:15px}
#block-views-frontpage-avant-premiere .views-field-field-resume {line-height:1.4em;font-size:1.0em;font-weight:300;margin:4px 0 10px}
#block-views-frontpage-avant-premiere .avant-premiere-infos {float:left;width:40%;padding:144px 40px 20px}
#block-views-frontpage-avant-premiere .views-field-field-video {width:60%;float:left;padding:0 72px}
.view-display-id-avant_premiere {width:100%;overflow:hidden;background-color:#fff;}
#block-views-frontpage-avant-premiere .js-view-content {overflow:hidden;width:100%;}
#block-views-frontpage-avant-premiere .js-infos-container {float:left;width:40%;position:relative;overflow:hidden;box-sizing:border-box;}
#block-views-frontpage-avant-premiere .js-videos-container {width:60%;float:left;padding:0 72px;overflow:hidden;box-sizing:border-box;}
#block-views-frontpage-avant-premiere .js-videos-container-content {position:relative;overflow:hidden;background-color:#14a9df;}
#block-views-frontpage-avant-premiere .js-infos-container .avant-premiere-infos {float:none;width:100%;/*padding:0;*/position:absolute}
#block-views-frontpage-avant-premiere .js-videos-container .views-field-field-video {float:none;width:100%;padding:0;position:absolute}
.block-avant-premiere-intro {font-size:1em;font-weight:300;line-height:1.4em;width:40%;position:absolute;top:84px;left:40px}
.carousel-go-left,
.carousel-go-right {display:block;width:54px;height:54px;position:absolute;text-align:center;background-color:#14a9df;border-radius:27px;transition:all 300ms ease-in-out;z-index:2}
.carousel-go-left:hover,
.carousel-go-right:hover {background-color:#333}
.carousel-go-left img,
.carousel-go-right img {margin-top:13px}
.carousel-go-left {top:45%;left:40.5%}
.carousel-go-right {top:45%;right:9px}
.home-dessins-animes,
.home-series {padding:42px 12px 60px;background-color:#ededed;position:relative}
.home-dessins-animes h2,
.home-series h2 {margin-right:50%;padding-left:12px;padding-bottom:12px;}
.home-dessins-animes .taxo-onglets,
.home-series .taxo-onglets {padding-right:12px;}
.home-dessins-animes .more-link {text-align:center;padding:30px 12px 0}
.home-dessins-animes .more-link a {display:inline-block;background-color:#333;line-height:44px;height:44px;border-radius:22px;padding:0 24px;font-family:'Amatic SC', cursive;font-size:1.93em;font-weight:700;text-transform:uppercase;color:#fff;transition:all 500ms ease-in-out;white-space:nowrap;}
.home-dessins-animes .more-link a:hover {background-color:#fff;color:#14a9df;box-shadow:0px 0 2px 4px #14a9df;}
.home-dessins-animes .view-description-categorie,
.home-series .view-description-categorie {margin:0 12px}
.home-presentation {padding:40px 30px;background-color:#14a9df;}
.home-presentation p {color:#fff;font-weight:500;text-align:center;padding-right:10%;padding-left:10%;}
/* VIEWS */
.view-content:after {clear:both;content:"";display:table;}

.page-taxonomy-term #content,
.page-series #content,
.page-recherche #content,
.page-node #content {background-color:#ededed}
.views-row-list {width:16.65%;padding:12px;margin:0px 0 0 -1px;display:block;float:left;}
.views-row-list:nth-child(6n+1) {clear:left;}
.row-vignette {position:relative;overflow:hidden;}
.row-vignette img {
	display:block;transition:all 0.8s ease-in-out;
	transform:scale(1.03) scaleZ(1.0);
	transform-origin:50% 50%;
	perspective:200;
	-webkit-transform:scale(1.03) scaleZ(1.0);
	-webkit-transform-origin:50% 50%;
	-webkit-perspective:200;
	-webkit-perspective-origin:50% 50%;
	-moz-transform:scale(1.03) scaleZ(1.0);
	-moz-transform-origin:50% 50%;
	-moz-perspective:200;
	-moz-perspective-origin:50% 50%;
	-o-transform:scale(1.03) scaleZ(1.0);
	-o-transform-origin:50% 50%;
	-o-perspective:200;
	-o-perspective-origin:50% 50%;
	-ms-transform:scale(1.0) scaleZ(1.0);
	-ms-transform-origin:50% 50%;
	-ms-perspective:200;
	-ms-perspective-origin:50% 50%;
	transform:scale(1.03) scaleZ(1.0);
	transform-origin:50% 50%;
	perspective:200;
	perspective-origin:50% 50%;}
.row-vignette img:hover {-webkit-filter:brightness(80%);transform:scale(1.2) scaleZ(1.0);transform-origin:50% 50%;perspective:200;-webkit-transform:scale(1.2) scaleZ(1.0);-webkit-transform-origin:50% 50%;-webkit-perspective:200;-webkit-perspective-origin:50% 50%;-moz-transform:scale(1.2) scaleZ(1.0);-moz-transform-origin:50% 50%;-moz-perspective:200;-moz-perspective-origin:50% 50%;-o-transform:scale(1.2) scaleZ(1.0);-o-transform-origin:50% 50%;-o-perspective:200;-o-perspective-origin:50% 50%;-ms-transform:scale(1.2) scaleZ(1.0);-ms-transform-origin:50% 50%;-ms-perspective:200;-ms-perspective-origin:50% 50%;transform:scale(1.2) scaleZ(1.0);transform-origin:50% 50%;perspective:200;perspective-origin:50% 50%;}
.to-create-flag-link,
.to-create-serie-flag-link {position:absolute;bottom:0;left:0;width:100%}
.flag-wrapper {position:relative;line-height:1em;font-size:1em;display:block}
.flag-throbber {position:absolute;left:30px;top:0}
.flag-message {position:absolute;left:30px;top:-60px;color:#fff;background-color:#333;display:inline-block;padding:10px;border-radius:3px;z-index:5;text-transform:uppercase;font:700 1.8em/30px 'Amatic SC', cursive;text-align:center;}
.flag-wrapper a {display:block;width:26px;height:26px;text-indent:-10000px;}
.to-create-serie-flag-link .flag-wrapper a {display:inline-block;height:26px;text-indent:0;color:#fff;padding:0 10px 0 26px;width:auto;line-height:26px}
.flag-wrapper a.flag-action {background:url(../images/flag-sprite.png) no-repeat 0 0 #14a9df;}
.flag-wrapper a.unflag-action {background:url(../images/flag-sprite.png) no-repeat 0 -52px #7b2689;}
.row-vignette-info {position:relative}
.row-vignette-info a {color:#424242}
h3.ep-title, .ep-title {display:block;margin-top:3px;padding-bottom:3px;padding-right:40px;padding-top:3px;margin-bottom:0;margin-top:3px;text-transform:none;font:400 1em/1.2em 'Roboto', "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
h3.ep-title {padding-right:0;}
h3.ep-title .ep-season {color:#818181; margin-left:5px;}
h3.ep-title .reco-csa {color:#14a9df; background-color:#fff; text-transform:uppercase; font-size:0.785em; font-weight:500; display:inline-block; padding: 3px 5px; line-height:1.272em; margin-left:5px;}
.reco-csa-serie {color:#14a9df; background-color:#fff; text-transform:uppercase; font-size:0.93em; font-weight:500; display:inline-block; padding: 3px 5px; line-height:1.272em; margin-right:5px;}
.total-ep-v2 {color:#14a9df; font-weight:700; margin-left:5px;}
.ep-title a:hover {text-decoration:none}
h4.ep-num, .ep-num {color:#14a9df;display:block;font-size:0.93em;line-height:1.1em;padding-right:40px;font-weight:400;margin:0}
.ep-num  a {color:#14a9df;}
.ep-duration {border-left:1px solid #fff;display:block;font-size:0.85em;padding-left:5px;position:absolute;right:0;top:0;width:auto;line-height:1.68em}
#block-views-taxonomy-term-serie-episodes {padding:42px 12px 0;position:relative}
#block-views-taxonomy-term-serie-episodes h2 {margin-right:50%;padding-left:12px}
#block-views-taxonomy-term-serie-episodes .view-header {padding-bottom:12px;padding-left:12px}
.view-recherche-episodes.view-display-id-page {margin:0 12px;}
.view-description-serie,
.view-description-categorie {width:70%;padding-top:5px}
.view-description-serie,
.view-description-categorie,
.view-description-serie p,
.view-description-categorie p {line-height:1.2em;font-weight:300;font-size:1.1em}
.total-ep {color:#14a9df;font-size:0.93em;font-weight:500;display:inline-block;line-height:16px;width: 80px;}
#content-content .view-header {padding:0 0 12px 12px}
.tabs-result {width:50%;position:absolute;top:42px;right:30px;text-align:right;line-height:50px;}
.tabs-result ul.taxo-onglets {display:inline-block}
#content-content ul.taxo-onglets.for-categ {width:50%;position:absolute;top:42px;right:12px;text-align:right;line-height:50px;}
/*
#content-content ul.taxo-onglets.for-categ {width:50%;position:absolute;top:42px;right:12px;text-align:right;line-height:50px;}*/
#content-content h1 {margin-right:50%;padding:42px 0 0 12px}
.taxo-onglets li {list-style:outside none none !important;display:inline-block;}
ul.taxo-onglets {margin:0;padding:0;display:inline-block;width:auto;}
.taxo-onglets li a {background-color:#fff;display:inline-block;line-height:44px;height:44px;border-radius:22px;margin-left:14px;padding:0 24px;font-family:'Amatic SC', cursive;font-size:1.93em;font-weight:700;text-transform:uppercase;color:#333;transition:all 500ms ease-in-out;white-space:nowrap;}
.taxo-onglets li a:hover {background-color:#fff;color:#14a9df;box-shadow:0px 0 2px 4px #14a9df;}
.taxo-onglets li.active a {background-color:#14a9df;color:#fff}
.taxo-onglets li.active a:hover {background-color:#fff;color:#14a9df;}
/* search */
.view-recherche-episodes h1 {font-family:'Amatic SC', cursive;font-weight:700;font-size:3.429em;line-height:50px;text-transform:uppercase;margin:0}
.view-recherche-episodes h1 span {color:#14a9df}
.view-recherche-episodes .view-header {padding:42px 12px 12px;position:relative}
.search-count-results {position:absolute;top:42px;right:12px;font-family:'Amatic SC', cursive;font-weight:700;line-height:50px;font-size:2.143em;text-transform:uppercase;}
/* PAGER */
ul.pager li {font-weight:700;border-radius:25px;padding:5px 10px;line-height:14px;background-color:#14a9df;color:#fff;font-size:1.143em;margin-right:8px;border:1px solid #14a9df}
ul.pager li  a {color:#fff;}
ul.pager li:hover {color:#424242;background-color:#fff;}
ul.pager li:hover > a {color:#424242}
ul.pager li.pager-current {font-weight:700;background-color:#fff;color:#424242;}
/* BG Header */
#bg-header {width:100%;height:208px;background-size:cover;background-position:center;background-color:#222;-webkit-filt

er:blur(2px);/
* Chrome, Safari, 

Opera */
    filter:blur(2px);-webkit-filter:brightness(80%);filter:brightness(80%);}
/* NODE EPISODE */
.node-type-episode #main {padding-top:90px;background-color:#333}
.node-type-episode h1 {color:#fff;margin:15px 0 0;text-transform:uppercase;padding-right:200px;font:700 2.8em/1em 'Amatic SC', cursive;}
.node-type-episode h1 span {color:#14a9df;display:block;text-transform:none;padding-top:5px;font:400 14px/18px 'Roboto', "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
.node-episode {background-color:#333;position:relative;padding-bottom:60px; margin-top:30px;}
.node-episode .field-name-field-resume {color:#fff}
.node-type-episode .ep-video-container,
.node-type-episode .ep-infos-container {width:70%;margin:0 auto;position:relative;}
.node-type-episode .ep-video-container {box-shadow:0 0 36px rgba(0,0,0,0.3);}
.goto-list-videos {display:inline-block;margin-left:22px;padding:0 16px;border-radius:8px 8px 0 0;background-color:#000;position:absolute;bottom:0;}
.goto-list-videos a {color:#14a9df;font-weight:700;font-size:1.71em;line-height:46px;font-family:'Amatic SC', cursive;padding-left:27px;background:url(../images/chevron-onglet-down.png) no-repeat left center;}
.node-episode .field-name-field-resume {line-height:1.1em}
.js .node-episode .field-name-field-resume {position:absolute;right:0;bottom:0;background-color:#fff;color:#333;padding:20px 60px 20px 25px;z-index:900;display:none}
.btn-close {cursor:pointer;position:absolute;z-index:901;top:20px;right:25px}
.node-type-episode .ep-infos-container .to-create-flag-link {width:auto;top:0px;right:0;left:auto}
.node-episode .flag-message {left:auto;top:30px;right:00px;min-width:300px;background-color:#000;text-align:center;}
.summary-button {position:absolute;top:0px;right:40px;color:#fff;padding:2px 15px;background-color:#4d4d4d;display:inline-block;border-radius:25px;line-height:24px;cursor:pointer}
.summary-button:hover {background-color:#14a9df;}
.node-type-episode .field-name-field-date-diffusion {color:#989898; line-height:2em;}
/* Playlist */
#playlist-container {background-color:#7c278a;position:fixed;min-height:220px;z-index:5;width:100%;right:0;bottom:-220px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
#playlist-container h2 {margin-top: 40px;margin-bottom:0;}
#playlist-container.playlist-open {bottom:0}
.view-playlist-wrap {color:#fff;margin-top:0;padding:20px 94px;position:relative;}
.view-playlist {position:relative;overflow:hidden}
.playlist-onglets {display:inline-block;height:46px;position:absolute;right:32px;background-color:#7c278a;border-radius:8px 8px 0 0;font-weight:700;font-size:1.71em;line-height:1.91em;font-family:'Amatic SC', cursive;color:#fff;padding-left:16px;padding-right:16px;top:-46px;}
.playlist-title-tab {cursor:pointer;background:url(../images/sprite-up-down.png) no-repeat scroll 0 -54px;text-indent:32px;display:inline-block;margin-right:25px}
.playlist-title-tab.on {background:url(../images/sprite-up-down.png) no-repeat scroll 0 0;}
.playlist-count span {color:#fed219;font-weight:600;font-size:1.125em;font-family:'Roboto', "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;padding-right:6px;}
.view-playlist .view-empty {text-align:center;}
.view-playlist .view-content {position:relative;width:20000em;margin:0;padding:0}
.view-playlist .view-content .views-row {float:left;padding:0 5px;/*
posit

ion:relative;*/}
.view-playlist .view-content .views-row a {position:relative;display:inline-block;color:#fff;height:100%}
.view-playlist .view-content .views-row img {height:100%;width:auto;margin:0 auto}
.view-playlist .view-content .row-vignette-info {position:absolute;bottom:0px;left:0px;width:100%;padding:0 32px 12px 12px;background-color:rgba(0,0,0,0.4);-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;font-size:80%;}
.view-playlist .view-content .row-vignette-info:hover {background-color:rgba(0,0,0,0.8);}
.view-playlist .view-content .row-vignette {height:180px;overflow:hidden;width:280px;}
.view-playlist .ep-title a, 
.view-playlist .ep-num {color:#fff}
.view-playlist .ep-duration {right:10px}
.view-playlist .unflag-playlist {position:absolute;height:23px;width:23px;top:0;right:0;display:block;background:url(../images/delete-item.png) no-repeat;cursor:pointer;text-indent:-10000px;z-index:6}
a.jcarousel-playlist-prev,
a.jcarousel-playlist-next {display:block;width:54px;height:54px;position:absolute;top:110px;text-align:center;background-color:#14a9df;border-radius:27px;transition:all 300ms ease-in-out;}
a.jcarousel-playlist-prev.inactive,
a.jcarousel-playlist-next.inactive {visibility:hidden}
a.jcarousel-playlist-prev:hover,
a.jcarousel-playlist-next:hover {background-color:#333}
a.jcarousel-playlist-prev img,
a.jcarousel-playlist-next img {margin-top:13px}
a.jcarousel-playlist-prev {left:20px}
a.jcarousel-playlist-next {right:20px}

/*404*/
.page-404 div#content.column h1#page-title.page__title.title { text-align: center !important; width: 100%; margin-top: 240px;}
.page-404 div#content.column {text-align: center; background: transparent;}
/*geoblocage*/
.page-geoblocking-page div#content.column h1#page-title.page__title.title { text-align: center !important; width: 100%; margin-top: 240px;}
.page-geoblocking-page div#content.column {text-align: center; background: transparent;}
.geoblocking-wrapper {position:relative;width:100%;height:0;padding-top:56.25%;overflow:hidden}
.geoblocking-wrapper div {position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;font-size:1.57em;line-height:1.5em;color:#fff;background-color:#000;}
.geoblocking-wrapper div span {position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;padding:10px;box-sizing:border-box;width:100%;text-align:center} 
.geoblocking-wrapper div span a {color:#fff;text-decoration:underline}

.partners-list{width:100%; padding: 16px; max-width: 1170px;}
.partner-entry{width: 31%; margin: 8px; float: left;}
.partner-entry:nth-child (4){clear: left;}
.partners-list{margin: 40px auto;}
.partner-entry{background-color: #ededed; display: table; transition:all 500ms ease-in-out; overflow: hidden;}
.partner-entry:hover{background-color: #f8f6fa; display: table; vertical-align: middle; box-shadow: 0 2px 4px rgba(0,0,0,.35);}
.partner-logo{ width:30%; min-width: 115px; padding: 0 8px; background-color: #fff; display: table-cell; vertical-align: middle; height: 130px}
.partner-logo a{ height: 130px}
.partner-logo img{width: 100%; max-width: 115px; height: auto;}
.partner-description{text-align: left; display: table-cell; vertical-align: middle; width:70%; overflow: hidden;}
.partner-description a {height: 130px;}
.partner-title{display: block; color: #14a9df; font-weight: 600; font-size: 1.1em;margin: 0;padding: 0 16px 9px;line-height: 1em;}
.partner-url{ display: block; color: #778b91; font-size: 0.85em; line-height: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 16px; padding-right: 16px;}

/* FBS */
.special-fbs #block-system-main-menu {display:none;}
.special-fbs .tabs-result {display:none;}

/* ACCUEIL FBS */
.page-accueil-fbs #content {background-color: #ededed;}
.bg-home-fbs {min-height:548px;position:relative;background-color:#333;background-size:cover;height:100vh;background-position:center center;background-repeat:no-repeat;}
.home-fbs-infos {background-color:#fff; position:absolute; top:135px; right:75px; padding:30px 40px; width:40%;}
.home-fbs-infos h2 {margin-top:0; margin-bottom:0;}
.home-fbs-infos .reco-csa {color:#00A9E2; background-color:#fff; text-transform:uppercase; font-size:0.93em; font-weight:500; display:inline-block; padding: 3px 5px; line-height:1.272em; margin-right:10px; line-height:1.38em;}
.home-fbs-img {display:none;}
.fbs-duration {color:#989898; font-size:1.07em; line-height:1.33em;}
.home-fbs-infos h3 {color:#00A9E2; margin-top:0; margin-bottom:0;}
.desc-serie-fbs {color:#464646; font-size:1.28em;line-height:1.33em;}
.lecture-flag {margin:20px 0 25px;}
a.play-fbs {display:inline-block; color:#fff;padding:5px 20px 5px 25px; background:url(../images/play-fbs.png) no-repeat 13px center #792989; border-radius:20px; margin-right:7px; line-height:1.35em;}
.home-fbs-infos .to-create-serie-flag-link {position:static;}
.home-fbs-infos .to-create-serie-flag-link .flag-wrapper {display:inline-block;}
.home-fbs-infos .to-create-serie-flag-link .flag-wrapper a {display:inline-block; line-height:1.35em; height:auto; padding: 5px 10px 5px 26px; border-radius:20px;}

.view-accueil-fbs.view-display-id-page > .view-content {padding: 42px 12px 60px; position: relative;}
.view-accueil-fbs.view-display-id-page > .view-content .views-row {padding:12px; float:left; width:25%;}
.view-accueil-fbs.view-display-id-page > .view-content .views-row:nth-child(4n+1) {clear:left;}
.view-accueil-fbs.view-display-id-page .pager-load-more-empty {display:none;}

.view-accueil-fbs.view-display-id-page ul.pager.pager-load-more li { border:none; padding:0; background:none;}
.view-accueil-fbs.view-display-id-page ul.pager.pager-load-more li a {display:inline-block;background-color:#333;line-height:44px;height:44px;border-radius:22px;padding:0 24px;font-family:'Amatic SC', cursive;font-size:1.93em;font-weight:700;text-transform:uppercase;color:#fff;transition:all 500ms ease-in-out;white-space:nowrap;}
.view-accueil-fbs.view-display-id-page ul.pager.pager-load-more li a:hover {background-color:#fff;color:#14a9df;box-shadow:0px 0 2px 4px #14a9df;}

@media screen and (max-width:1440px) {
.views-row-list {width:25%;}
.views-row-list:nth-child(6n+1) {clear:none}
.views-row-list:nth-child(4n+1) {clear:left;}
.node-episode {margin-top:60px;}
}
@media screen and (max-width:1280px) {
.views-row-list {width:33.32%;}
.views-row-list:nth-child(6n+1) {clear:none}
.views-row-list:nth-child(4n+1) {clear:none}
.views-row-list:nth-child(3n+1) {clear:left;}
.block-avant-premiere-intro {width:35%;padding-bottom:200px}
#block-views-frontpage-avant-premiere .avant-premiere-infos {padding-top:164px}
.home-fbs-infos {background:#ededed; position:static; padding:20px 12px; width:auto;}
.bg-home-fbs {background-image:none !important; height:auto; min-height:initial;}
.home-fbs-img {display:block;}
.home-fbs-img img {display:block;}
.flag-message {font-size:1em; line-height:20px;}
.header__logo img {width:150px;}
.node-episode {margin-top:10px;}
}
@media screen and (max-width:960px) {
/* avant premiere*/
#block-views-frontpage-avant-premiere h2 {/*font-size:2em;*/line-height:34px;padding:40px 72px 10px 72px;margin:0;position:relative;background-color:#fff;text-align:center;}
#block-views-frontpage-avant-premiere h3 {font-size:2em;}
.block-avant-premiere-intro {text-align:center;width:100%;box-sizing:border-box;padding:0 72px 10px;position:relative;top:0;left:0}
#block-views-frontpage-avant-premiere .js-infos-container {float:none;width:100%;position:relative;overflow:hidden;box-sizing:border-box;padding-left:72px;padding-right:72px;}
#block-views-frontpage-avant-premiere .js-videos-container {width:100%;float:left;padding:0px;overflow:hidden;box-sizing:border-box;position:relative;padding-bottom:56.25%;height:0 !important;overflow:hidden;max-width:100%;}
#block-views-frontpage-avant-premiere .js-videos-container .embed-container iframe, 
#block-views-frontpage-avant-premiere .js-videos-container.embed-container object, 
#block-views-frontpage-avant-premiere .js-videos-container .embed-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
#block-views-frontpage-avant-premiere .avant-premiere-infos {float:none;width:100%;padding:4px 72px 20px 72px;text-align:center;}
#block-views-frontpage-avant-premiere .views-field-field-video {width:100%;float:none;clear:left;padding:0 72px;}
.carousel-go-left {top:10%;left:9px}
.carousel-go-right {top:10%;right:9px}
.partners-list{width:100%; padding: 16px; max-width: 1170px;}
.partner-entry{width: 48%; margin: 8px; float: left;}
.partner-entry:nth-child (2),
.partner-entry:nth-child (4),
.partner-entry:nth-child (6){clear: left;}
.search-count-results {position:relative;top:auto;left:auto;padding-left:12px}

.view-accueil-fbs.view-display-id-page > .view-content .views-row:nth-child(4n+1) {clear:none;}
.view-accueil-fbs.view-display-id-page > .view-content .views-row:nth-child(2n+1) {clear:left;}
.view-accueil-fbs.view-display-id-page > .view-content .views-row {width:50%;}
}
@media screen and (max-width:768px) {

#content-content ul.taxo-onglets {width:100%;position:relative;top:0;right:0;text-align: center;padding-left:0}
#content-content h1 {margin-right:50%}
.view-description-serie,
.view-description-categorie {width:90%;padding-top:5px}
#block-views-taxonomy-term-serie-episodes h2 {margin-right:0}
.total-ep {display:block; width: 100%;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 15px;
	border-top-style: dotted;
	border-top-width: 1px;
	margin-top: 10px;
}

.tabs-result {width:100%;position:relative;top:0;left:0;text-align:center;}
.header__logo img {width:130px;}
.header__logo {margin:20px 0 0 20px}
.node-type-episode .ep-video-container {width:100%;margin:0 auto 0 auto;}
.home-video-container {width:100%;margin:120px auto 0;box-shadow:0 0 36px rgba(0,0,0,0.3);}
#boucle-item-title {width:90%;}
.node-type-episode .ep-infos-container {width:92%;margin:20px auto 0 auto;}
.node-type-episode h1 {color:#fff;margin:15px 0 0;padding-right:100px;font:700 2.3em/1em 'Amatic SC', cursive;}
#header .menu li a {font-size:1.63em;line-height:1.29em}
#block-menu-menu-tv5monde-jeunesse-header li {padding:24px 24px 4px 12px}
#header.fixed-header #block-menu-menu-tv5monde-jeunesse-header li {padding:12px 24px 4px 12px}
.js #views-exposed-form-recherche-episodes-page label,
.js #views-exposed-form-recherche-episodes-page label.hover,
.js #header.fixed-header #views-exposed-form-recherche-episodes-page label.hover,
.js #views-exposed-form-recherche-episodes-page .views-exposed-widgets.search-form-activ label,
.js #header.fixed-header #views-exposed-form-recherche-episodes-page .views-exposed-widgets.search-form-activ label,
.js #header.fixed-header #views-exposed-form-recherche-episodes-page label {background-size:26px 26px;}
.region-header {right:0px;}
#footer .menu li {display:block;padding:0px 0 6px 0;line-height:1em;margin:0px;}
#boucle-item-title, 
#content-content h1, 
h2 {font-size:3em;line-height:1.2em;}
.taxo-onglets li a {line-height:40px;height:40px;border-radius:20px;padding:0 20px;font-size:1.63em;margin:0 7px;}
.partners-list{width: 100%; padding: 16px;}
.partner-entry{width: 98%; margin: 8px; float: none;}
.view-recherche-episodes h1 {font-size:3em;line-height:1.2em;}
.geoblocking-wrapper div {font-size:1.14em;/*line-height:1.285*/}
}
@media screen and (max-width:640px) {
.link-kit-jeunesse {margin-top:0}  
.home-player {height: calc( 100vh - 46px );}
.views-row-list {width:50%;}
.views-row-list:nth-child(6n+1) {clear:none}
.views-row-list:nth-child(4n+1) {clear:none}
.views-row-list:nth-child(3n+1) {clear:none}
.views-row-list:nth-child(2n+1) {clear:left;}
#block-menu-menu-tv5monde-jeunesse-header li {display:none !important;}
#content-content h1 {margin-right:0%;
	margin-bottom: 20px;
	text-align: center;
}
#block-system-main-menu li {padding:24px 5px 4px}
.view-description-serie,
.view-description-categorie {width:100%;padding-top:5px;font-size:95%;}
#content-content ul.taxo-onglets {width:100%;position:relative;text-align:center;line-height:50px;top:0px;right:0;left:0;bottom:0;}
#content-content ul.taxo-onglets.for-categ {width:100%;position:relative;text-align:center;line-height:50px;top:0px;right:0;left:0;bottom:0;}
.node-type-episode h1 {margin:10px 0 0;padding-right:100px;font:700 1.8em/1em 'Amatic SC', cursive;}
.summary-button {top:0px;right:32px;padding:2px 10px;border-radius:25px;line-height:24px;cursor:pointer;font-size:90%;}
.playlist-onglets {right:0px;width:100%;text-align:center; border-radius:0}
.home-top-section .video-launcher-link {font-size:1.8em;line-height:24px;padding:6px 10px 6px 62px;}
.home-top-section .home-top-desc {font-size:12px;line-height:12px;padding:0 30px 0 20px;}
.home-top-section .video-launcher-link::before {background:url(../images/touche-play-home.png) repeat-x scroll 0 0;content:"";background-size:contain;height:80px;left:-20px;position:absolute;top:-10px;width:80px;}
.home-top-section .video-launcher {bottom:160px;}
#footer ul.menu {margin:20px 0 50px;}
#playlist-container h2 {margin-top: 0px; margin-bottom:0; font-size: 1.8em;}
#playlist-container p {margin-top: 0px; margin-bottom:0; font-size: 1.1em;}

.view-accueil-fbs.view-display-id-page > .view-content .views-row:nth-child(4n+1) {clear:none;}
.view-accueil-fbs.view-display-id-page > .view-content .views-row:nth-child(2n+1) {clear:none;}
.view-accueil-fbs.view-display-id-page > .view-content .views-row {width:100%;}
.view-accueil-fbs.view-display-id-page > .view-content {padding-top:10px;}

}
@media screen and (max-width:480px) {
.views-row-list {width:100%;float:none}
.header__logo img {width:80px !important;}
.header__logo {margin:20px 0 0 10px}
#header .menu li  a {font-size:1.53em;line-height:1.29em}
#boucle-item-title,
#content-content  
h1, 
h2 {font-size:2em;line-height:1.2em;}
#bg-header {height:82px;}
}