/* ( o ) ---------- */
/*  | |  CSS Styles */
/*----------------- */

/*dev
.bin{outline:1px solid red}
.bin:nth-child(even){outline:1px solid green}
.bin:nth-child(+3){outline:1px solid blue}
*/
/*structure*/


/*.thepage{z-index: 3; position: relative; width: 80%; margin: 0 auto;}*/
.thepage{z-index: 3; position: relative; margin: 0 20px;}

/*basic typography*/
    .video-bin {padding: 0 0}
    h1.title{font-family: "franklin-gothic-urw",Arial, sans-serif; font-size: 3rem; padding-top: 1.3rem; padding-bottom: 0.9rem;}
h2{font-size:1em;text-transform: uppercase;font-weight: normal;padding:1.25em 0;letter-spacing: -0.5px}
/* */
.bin.header-bin{color:#fff; padding: 5% 0;}
.bin.header-bin + .embed-player-container{margin-top: 0px;}
.header-bin .title, .header-bin .subtitle{font-size:2.61em;line-height:1;}
.header-bin .watch-trailer{font-size:1em;margin:0;font-weight: 200; color:#FFCC66; cursor: pointer;}
.header-bin .subtitle{font-size:1.61em;color:#ccc}

.director-link{color: #ffcc66; text-decoration: none;}
.director-link:hover{color: #eef0f1;}

.playlist-insert p + p {padding:10px 0 0 0;}
.playlist-insert .inline-insert{}
.playlist-insert{letter-spacing: 0}
.playlist-insert .title{font-size:1.61em;line-height:1.25;letter-spacing: -1px;font-weight:600;  padding: 0; font-weight: normal; }
.playlist-insert .title a{color:#fff;}
.playlist-insert .title a:hover{color:#eef0f1;}
.playlist-insert .warn{font-size: 0.6154em; color: #36404d;}
.credits li{display: inline}
.embed-player-container{margin-top: 20px;}

.premium-bin .bouton {display: block;max-width: 200px}
.premium-bin .thumbnail.block{margin-bottom: 0px;}
.social-bin{margin-bottom: 30px; margin-top: 14px;}
.social-bin .bouton{padding: 0px 11px;height: 39px;line-height: 39px; margin-bottom: 3px;}
.social-bin .bouton.bouton-square{padding: 0px;}
#tabs ul{margin-top:1rem;}

    .premium-bin .thumbnail{display: none} /*poster is hidden for mobiles*/
.premium-bin li{margin-bottom: 10px}
.premium-bin li:last-child{margin-bottom: 0}
.premium-bin .buyables{text-align: center}

#details-film{position: relative;}
#details-film > div{border-bottom:2px solid #666;}
#details-film > div:last-child{border-bottom: 0px;}

#ratingFilm{font-size: 0.8em; color: #DA2F2F; line-height: 1.6em;}
#ratingFilm i.rating-warning {font-size: 1.6rem; vertical-align: middle; font-style: normal; cursor: default; margin-right: 5px;}

/*.social-bin .bouton{display: block;margin-bottom:10px}*/
.social-bin h2{display: none}
.social-bin {text-align: center}
.share-options{display: none}

.tabs li{text-transform: uppercase;font-size: 0.9em}

.copy-bin.bin{padding: 0px;}
.copy-bin em, .copy-bin i{font-style: italic;}


/*#modal-buy-btn, .buyables .dvdlink a.bouton{text-decoration: none;}
#modal-buy-btn:hover, .buyables .dvd-link a.bouton:hover{text-decoration: underline;}*/

.dvd-link a.bouton{text-decoration: none;}
.dvd-link a.bouton:hover{text-decoration: underline;}

.educ-tab .blockhead{margin-bottom:20px;}
.educ-tab .blockhead p{padding:0 0}
.educ-tab .pan{color:#36404d;background: #fff;}
.educ-tab .pan p:first-child{font-style: italic;}
.educ-tab .pan a {color:#08f;}

            /*inline pitch for NFB/education on player tabs*/

            .big-link-out{font-size:12px;color:#360;background: #cf9;text-decoration:none;display:inline-block;border: 1px solid #9d6;border-radius: 6px;padding:0.5em;margin: 0 0 21px 0}
            .big-link-out:hover{color:#690;background: #fff;text-decoration:none;}
            .promo_edu_description  .big-link-out{margin-bottom:14px;color:#360}

            .video-tabs .mini-pitch-edu{padding-left:20px;overflow: hidden; }
            .mini-pitch-edu{background: #296280;padding:16px 40px 22px; margin-bottom: 1rem;}
            .mini-pitch-edu h2.campus-td{margin: 20px 0 0 0;font-size: 24px;color:#0cf;font-family: "MuseoSans-500", Helvetica, Arial, sans-serif;padding:0 0 }
            .mini-pitch-edu h3{font-size: 14px;padding:0 0}
            .mini-pitch-edu p{font-size: 14px}
            .mini-pitch-edu a{color:#9c0;white-space: pre}
            .mini-pitch-edu a:hover{text-decoration: underline}
            .mini-pitch-edu .big-link-out{margin-bottom:0;color:#360;}

/*.review-copy {margin-bottom:18px;}*/
.review-copy .summary{font-style:italic;}
.review-copy .sm{font-size:0.6154em;}

/* _temporary thumbnail adjustement */
        .vignette {height:auto;float:none;width:206px;padding:0 0 18px;margin:0 0}
        .vignette .inner {padding-bottom:0;width: auto}
        .vignette .inner > a > img {width: 100%;height: auto}
        .vignette .title{font-size: 16px;line-height: 1.25;padding:0 0;margin-bottom:0}


.full_credit dt{font-size: 0.6154em;margin-top: 1.25em;color:#777;}
.full_credit dd{margin-left:0;}

.film-tool{width:100%; text-align: center;position: relative;}
.film-tool .bouton{margin:0 0px 3px 0px; }
.bin.bin-group-b{padding-bottom: 0px;}
.bin-group-b h2:first-of-type{padding-top: 0;}


/*Background Blur*/
#l-background{position: absolute; top:0px; left: 0px; height:410px; overflow: hidden; width: 100%; z-index: 0; }
#l-background img{opacity: 0; position:absolute; z-index: 1;}
#l-background img#bluredImgCss{width: 110%;  filter: blur(14px); -webkit-filter:blur(14px);  top: 50%;}
#l-background canvas{opacity: 0; position:absolute; z-index: 2; }

/*Bloc partenaire*/
#partnerBlock{text-align: center;}
#partnerBlock img{max-width: 50%; max-height: 70px; padding: 5% 0; display: inline-block; }
#partnerBlock + .embed-player-container{margin-top: 0px;}




/*Bloc indications VOD pour les partenaires*/
#indications-vod{border-bottom:2px solid #666;}
#indications-vod li{margin-bottom: 44px; position: relative; padding-left: 90px; min-height: 40px;}
#indications-vod li:last-child{margin-bottom: 0px;}
#info48h{max-width: 356px;}
[lang="en"] #info48h{max-width: 256px;}
#infoMultiplatform{max-width:400px;}
[lang="en"] #infoMultiplatform{max-width:370px;}

/*Bloc détails Partenaires*/
#film-partner{border-bottom:2px solid #666;}
#film-partner img{max-width: 200px; max-height: 67px;}
#bottomFilm{margin-top: 0px;overflow: hidden;clear: left;}

/*BLOC COLLAPSABLE pour les crédits*/
.collapseNext{ position: relative;  cursor: pointer; display: inline; color:#FFF;}
.collapseNext i{margin-right:10px; position: relative; top:3px; background: url(../imgs/roundedArrowYellow.svg) no-repeat; width: 12px; height: 18px; display: inline-block; -webkit-transition: -webkit-transform 0.2s linear;-moz-transition: -moz-transform 0.2s linear;-o-transition: -o-transform 0.2s linear;transition: -webkit-transform 0.2s linear,-moz-transform 0.2s linear,-o-transform 0.2s linear,transform 0.2s linear;}
.collapseNext + div{display: none;}
.collapseNext.is-collapseNext-open i{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg); transform: rotate(90deg);}
.collapseNext.is-collapseNext-open-default + div{display: block;}

#filmCreditsLink h2{padding: 0px;}
 .bin{padding:30px 0}
 .extras-bin{margin-top: 20px;}

/*Hr related*/
.bin-group-b .hr{height: 2px; background: #666; margin-top:7px;}
.bin-group-b .hr hr{display: none;}





/* TABLETTE */
@media (min-width: 704px){
    /*.header-bin .title:after{content: " < 704 (Tablette) "}*/

.thepage{z-index: 3; position: relative; width: 80%; margin: 0 auto;}
    .thepage{width:660px;margin:0 auto}
    .embed-player-container{margin-top: 40px;}
    #partnerBlock{text-align: center; min-height: 150px; height: 150px;}
    #partnerBlock img{width: auto; max-width: 300px; max-height: 100px;  display: inline-block; position: relative; top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);ms-transform: translateY(-50%);transform: translateY(-50%);}
    /*.header-bin .title{padding:1em 0 1.6154em}*/
    .video-bin , .header-bin, .social-bin, .premium-bin{padding:0 0}
    .video-bin iframe {width:660px ; height: 396px;margin:0 auto}

    #details-film > div.premium-bin{float:right;width:166px; border-bottom: 0px;}
    .bin-group{width:458px;float:left;}
    .full-left{width:458px;float:left;}
    .bin-group-b h2,.bin-group-b h2:first-of-type{padding-top: 1.25em 0;}
    #details-film > div.bin-group-c{width:166px;float:right; clear: right; border-bottom: 0px; padding-top: 0px;}

    .premium-bin{margin:20px 0;}
    .premium-bin .thumbnail{display: block;margin-bottom:20px} /*show poster for bigger screens*/
    .premium-bin .thumbnail img{width:100%}
    .premium-bin .bouton{display: block}

    .social-bin .bouton {display: inline-block;}
            .social-bin{position: relative;text-align: left; margin-left: -7px;}
            

            /* _temporary thumbnail adjustement */
            .vignette {float:left;width:226px}
            ._vignette-carousel .vignette:nth-child(2n+1){clear: both;}
            .vignette .inner {width: 206px}
            #l-background{height: 410px;}

    .related-bin ._vignette-carousel{margin-left: -10px; margin-right: -10px; overflow:hidden;}
    .related-bin.promo-related-bin{margin-left: 0px; margin-right: 0px;}
    .film-tool{text-align: left;}

    #link-itunes-btn{display: block;}
    #link-itunes-btn object{width: 100%;}
}

/*ORDI*/
@media (min-width: 1100px){
    /*.header-bin .title:after{content: " < 1100 (Ordi) "}*/
    .thepage{width:1053px;margin:0 auto}

    .video-bin iframe {width: 1053px;}
    .playlist-insert .title{margin-left:0}


    .header-bin .credits{float:left;width:100%;}
    .header-bin .credits li{width:auto;display:block; float: left;}
    .video-bin{float:left; clear:both;}
    .bin-group-b{width:704px;margin-left:150px}
    .full-left{width:854px;}
    .bin-group-b h2{padding-bottom:  0 ;margin: 0 0 0 -150px;width: 130px;float:left;padding-top: 3px}


            /* _temporary style for chapters buttons*/
    /*.social-bin{position: static}*/
    .film-tool{
        width:auto;
        /*position: static;*/
        right:0;
        top:0;
    }
    ._vignette-carousel .vignette:nth-child(2n+1){clear: none;}
    ._vignette-carousel .vignette:nth-child(3n+1){clear: both;}

    .film-tool{display: inline-block;}
    .film-tool .bouton{display: inline-block; }
     #l-background{height: 640px;}
     .bin-group-b .hr{margin-left:-150px; }

}

@media (min-width: 1756px){
    .bin-group-b{margin-left:180px}
    .bin-group-b h2 {margin-left: -180px;}
     .bin-group-b .hr{margin-left:-180px; }
}