body{background:#171b24;}

/* Video ------------------------------------ */

#left_wrapper .video_link{width:180px;height:139px;background: transparent url('../medias/img/home/bg-current.png') 0 0 no-repeat;position:absolute;z-index:1000;top:100%;left:42px;margin:-156px 0 0 0;transition:opacity .3s;-o-transition:opacity .3s;-ms-transition:opacity .3s;-moz-transition:opacity .3s;-webkit-transition:opacity .3s;}
#left_wrapper.playing .video_link{opacity:0;-webkit-opacity:0;-moz-opacity:0;-o-opacity:0;filter:alpha(opacity = 0);}

#left_wrapper .start_video{display:block;width:65px;height:35px;line-height:20px;vertical-align:top;padding: 0 0 0 58px;position:absolute;top:18px;left:19px;background:#fff url('../medias/img/home/bg-start_video.png') 0 0 no-repeat;color:#ffffff;font-size:20px;font-family:'Pakt_EBd',Arial;text-transform:uppercase;}
#left_wrapper .start_video:hover{background-color:#e7242d;color:#e7242d;}

#left_wrapper .link{display:block;width:70px;height:17px;line-height:13px;padding: 0 0 0 20px;position:absolute;top:86px;left:34px;background:#fff url('../medias/img/home/bg-link_video.png') 0 0 no-repeat;color:#ffffff;font-size:12px;font-family:'Arimo_Reg',Arial;}
#left_wrapper .link:hover{background-color:#ababab;color:#ababab;}

#video_picture{width:100%;height:100%;z-index:1000;}
#video_picture .tmp_pic{overflow:hidden;width:100%;position:absolute;top:0;bottom:0;left:100%;background:#000;}

/* Partie droite ------------------------------------ */
#right_wrapper .top{position:absolute;top:0;left:18px;z-index:100;width:100%;padding: 40px 0 18px 0;background: #171b24;}
#right_wrapper .top #spinner{width:30px;height:30px;position:absolute;top:100%;left:100%;margin:-55px 0 0 -65px;background:red;}

#day_date{display:block;height:22px;line-height:22px;color:#ababab;font-family:'Arimo_Reg',Arial;}


/* Le cinéma que j'aime ------------------------------------ */
#likes{position:absolute;left:0;top:123px;bottom:0;width:100%;padding:0 18px;box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#likes ul{display:block;width:100%;position:absolute;top:0;left:0;padding: 0 18px;box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

/*off*/
#likes ul *{transition:.3s;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
#likes ul li{display:block;width:100%;height:98px;border-bottom:1px solid #3c3c3c;position:relative;overflow:hidden;}
#likes .picture{position:absolute;top:13px;left:-120px;width:120px;height:160px;}
#likes .picture img{width:100%;}
#likes .details{position:absolute;top:27px;left:0;width:100%;padding:0;box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#likes .name{display:block;min-height:26px;line-height:26px;color:#575965;font-size:20px;font-family:'Pakt_Bl',Arial;text-transform:uppercase;margin:0 0 2px 0;padding:0;}
#likes .name:hover{color:#fff;}
#likes .release{height:18px;line-height:18px;color:#b8b8b8;font-size:11px;font-family:'Arimo_Reg',Arial;margin:0 0 30px 0; font-weight:bold;}
#likes ul li .description{line-height:18px;color:#56626B;font-size:12px;font-family:'Arimo_Reg',Arial;margin: 0 0 17px 0;overflow:hidden;}
#likes .video_button{display:block;width:95px;height:25px;line-height:25px;padding: 0 0 0 48px;background:#fff url('../medias/img/home/bg-start_video-like.png') 0 50% no-repeat;color:#d30722;font-size:16px;font-family:'Pakt_Bl',Arial;text-transform:uppercase;margin:5px 0;height:23px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#likes .video_button:hover{color:#fff;background-color:#d30722;}
#likes .link{display:block;width:20px;height:15px;position:absolute;top:-17px;left:0;margin: 0 0 0 -20px;background:#898989 url('../medias/img/global/ico-link-010413.png') 50% no-repeat;}
#likes .link:hover{background-color:#fff;}
/*on*/
#likes li.active{height:190px;}
#likes li.active .picture{left:0;}
#likes li.active .details{/*left:100%;*/top:30px;padding: 0 0 0 178px;}
#likes li.active .name{color:#fff;}
#likes li.active .name:hover{color:#848484;}
#likes li.active .release{color:#ababab;margin:0;}
#likes li.active .link{left:100%;}
#likes li.active .link:hover{background-color:#fff;}

/* Scroll bar */
#likes ul.scrolling li.active .details{width:100%;padding: 0 0 0 163px;}

#likes .scroll{transition:.3s;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}




/* Newsletter ------------------------------------ */
#newsletter_form{margin:31px 0 0 18px;}
#newsletter_form h4{display:block;height:22px;line-height:22px;color:#848484;font-size:20px;font-family:'Pakt_SBd',Arial;text-transform:uppercase;margin: 0 0 15px 0;}
#newsletter_form label{line-height:18px;color:#585A65;font-size:12px;font-family:'Arimo_Reg',Arial;padding-right:15px;}
#newsletter_form input[type="text"],
#newsletter_form input[type="submit"]{display:block;border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-webkit-border-radius:2px;margin: 0 0 16px 0;float:left;}
#newsletter_form input[type="text"]{width:118px;height:28px;padding:0 10px;background:#e4e4e4;color:#585858;font-size:12px;font-family:'Arimo_Reg',Arial;border:1px solid #cbcbcb;margin: 0 6px 0 0;}
#newsletter_form input[type="submit"]{width:28px;height:30px;line-height:30px;background:#454545;border:1px solid #494949;color:#848484;font-size:15px;font-family:'Pakt_SBd',Arial;text-transform:uppercase;}
#newsletter_form input[type="submit"]:hover{background:#848484;color:#454545;}




/* Push ------------------------------------ */
#bottom_wrapper .picture{display:block;left:0;width:38.65%;text-align:right;}
#bottom_wrapper .picture a{display:block;float:right;width:120px;height:163px;overflow:hidden;}
.small #bottom_wrapper .picture a,
.medium #bottom_wrapper .picture a{width:96px;height:131px;}
#bottom_wrapper .picture img{width:100%;}
#bottom_wrapper .picture a:hover img.hover{margin-top:-163px;}
.small #bottom_wrapper .picture a:hover img.hover,
.medium #bottom_wrapper .picture a:hover img.hover{margin-top:-131px;}



/* Media ------------------------------------ */
#media_navigation,
#media_navigation li{display:block;width:40px;}
#media_navigation{position:absolute;left:100%;top:12px;left:100%;margin-left:-55px;z-index:1000;}
#media_navigation li{height:40px;margin-bottom:1px;background:#fff url('../medias/img/product/btn-nav.png') no-repeat;cursor:pointer;}
#media_navigation li:hover{background-color:#d30722;}
#media_navigation li.close{background:#000;position:relative;}
#media_navigation li.close .btn{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin:-9px 0 0 -9px;
	width:18px;
	height:18px;
	background: #fff url('../medias/img/product/btn-nav.png') 50% -12px no-repeat;
	transition:.2s; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s;
}
#media_navigation li.close:hover .btn{
	background-color:#d30722;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* IE 9 */
	-moz-transform:rotate(90deg); /* Safari and Chrome */
	-webkit-transform:rotate(90deg); /* Safari and Chrome */
}