body{background:#0d0f14;} /* Bande annonce ------------------------------------ */ #left_wrapper{right:350px;} #right_wrapper{width:350px;margin-left:-350px;padding: 0;} #right_wrapper .content{width:350px;padding-bottom:30px;} #right_wrapper .content.scrolling{width:345px;} #right_wrapper .top{padding:0 0 12px 0;margin-bottom:12px;border-bottom:1px solid #565656;} #right_wrapper h1, #right_wrapper a.button, #right_wrapper p{margin:0 18px;display:block;} #right_wrapper p{color:#585A65;font-size:12px;font-family:'Arimo_Reg',Arial;line-height:18px;} #right_wrapper p a, #right_wrapper p span{color:#fff;} #right_wrapper p a:hover{color:#d30722;} #right_wrapper a.button{height:44px;line-height:44px;font-size:18px;color:#fff;font-family:'Pakt_EBd',Arial;text-transform:uppercase;background:#282828;border:1px solid #202020;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;float:left;padding:0 20px;margin: 15px 18px;} #right_wrapper a.button:hover{color:#282828;background:#fff;} #right_wrapper .picture{margin:20px;height:275px;text-align:center;} #right_wrapper .picture img{height:100%;/*max-height:276px;max-width:202px;*/} #right_wrapper .copyright{fdisplay:block;font-size:11px;font-family:'Arimo_It',Arial;color:#4c5051;padding-bottom:30px;} #total_wrapper{/*left:100%;*/} /* Fiche ------------------------------------ */ .fiche #left_wrapper{right:100%;} .fiche #right_wrapper{left:0;} .fiche #total_wrapper{left:0;} .live_medias #left_wrapper{right:350px;} #total_wrapper > div{float:left;} /* left ------------------------------------ */ #left{position:absolute;top:0;left:0;bottom:190px;} #left img{height:100%;} #left .play{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:url('../medias/img/global/bg-opa-474747.png') repeat; opacity:0;-webkit-opacity:0;-moz-opacity:0;-o-opacity:0;filter:alpha(opacity = 0); transition:opacity .5s;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s; } #left .play span{display:block;width:48px;height:38px;position:absolute;top:50%;left:50%;margin:-19px 0 0 -24px;background:url('../medias/img/product/bg-video-play.png') 0 0 no-repeat;} #left:hover .play{opacity:1;-webkit-opacity:1;-moz-opacity:1;-o-opacity:1;filter:alpha(opacity = 100);cursor:pointer;} /* center ------------------------------------ */ #center{display:block;position:absolute;top:0;right:350px;bottom:190px;padding:0 35px 0 48px;background:#011321;} #center h2{display:block;height:56px;line-height:56px;color:#fff;font-size:60px;font-family:'Pakt_CBd',Arial;letter-spacing:0.5px;padding-top:35px;} #center .actors, #center .filmmakers{color:#56626b;line-height:18px;margin-bottom:32px;} #center .filmmakers{margin-top:18px;float:left;} #center .actors{float:right;width:240px;} #center .actors a, #center .actors span, #center .filmmakers a, #center .filmmakers span{color:#fff;} #center .actors a:hover, #center .filmmakers a:hover{color:#d30722;} #center .copyright{fdisplay:block;font-size:11px;font-family:'Arimo_It',Arial;color:#56626b;padding:15px 0;} /*#center .product_release span{color:#D30722;}*/ /* product nav ------------------------------------ */ #center .video_button{display:block;float:left;width:75px;height:40px;padding:15px 0 15px 72px;margin: 0 20px 5px 0;background:#fff url('../medias/img/product/btn-video-button.png') 0 0 no-repeat;font-family:'Pakt_EBd',Arial;color:#fff;font-size:20px;line-height:20px;text-transform:uppercase;} #center .video_button:hover{background-color:#d30722;color:#d30722;} #product_nav{position:relative;height:78px;float:left;margin: 0 0 65px -3px;} #product_nav_button{margin-left:14px;height:78px;position:relative;float:left;} #product_nav_button span{display:block;height:78px;position:absolute;top:0;} #product_nav_button span.left{left:-14px;width:14px;background:url('../medias/img/product/bg-product-nav-l.png') 0 0 no-repeat;} #product_nav_button span.right{left:100%;width:27px;background:url('../medias/img/product/bg-product-nav-r.png') 0 0 no-repeat;} #product_nav_button ul, #product_nav_button ul li{display:block;height:50px;float:left;} #product_nav_button ul{padding:11px 0 17px 0;background:url('../medias/img/product/bg-product-nav.png') 0 0 repeat-x;} #product_nav_button ul li{display:block;height:50px;margin-left:1px;} #product_nav_button ul li a{display:block;height:50px;width:50px;background:#636363 url('../medias/img/product/bg-product-nav-ico-dark.png') 0 0 no-repeat;} #product_nav_button ul li a.active, #product_nav_button ul li a:hover{background:#fff url('../medias/img/product/bg-product-nav-ico-light.png');} #product_nav_button ul li a.team{background-position:0;} #product_nav_button ul li a.interview{background-position:-51px 0;} #product_nav_button ul li a.images{background-position:-102px 0;} #product_nav_button ul li a.videos{background-position:-297px 0;} #product_nav_button ul li a.review{background-position:-153px 0;} #product_nav_button ul li a.awards{background-position:-204px 0;} #product_nav_button ul li a.store{background-position:-255px 0;} #product_nav_legend{position:absolute;top:78px;left:0;margin-left:14px;height:40px;color:#fff;font-size:17px;font-family:'Pakt_EBd',Arial;line-height:26px;text-transform:uppercase;} #product_nav_legend{transition:left .3s;-o-transition:left .3s;-ms-transition:left .3s;-moz-transition:left .3s;-webkit-transition:left .3s;} #product_nav_legend span{display:block;height:40px;position:absolute;top:0;background:url('../medias/img/global/bg-red-flag.png') 0 0 repeat-x;} #product_nav_legend span.legend{position:relative;} #product_nav_legend span.left{left:-14px;width:14px;background:url('../medias/img/global/bg-red-flag-l.png') 0 0 no-repeat;} #product_nav_legend span.right{left:100%;width:22px;background:url('../medias/img/global/bg-red-flag-r.png') 0 0 no-repeat;} /* product feature ------------------------------------ */ #product_feature{display:block;height:30px;color:#56626B;} #product_feature li{display:block;float:left;height:28px;line-height:28px;border:1px solid #56626B;padding: 0 10px;margin-left:-1px;} #product_feature li:first-child{margin-left:0;} #center .title{line-height:20px;color:#fff;font-family:'Arimo_Bd',Arial;font-size:16px;padding:9px 0;text-transform:none;} #center .text{line-height:17px;color:#56626b;} #center .text a, #center .text span{color:#fff;} /* right ------------------------------------ */ #right{position:absolute;top:0;left:100%;bottom:190px;width:350px;margin-left:-350px;background:#0d0f14;} #right .product_detail{display:block;width:100%;position:absolute;top:0;left:100%;bottom:0;} #right .product_detail{transition:left .3s;-o-transition:left .3s;-ms-transition:left .3s;-moz-transition:left .3s;-webkit-transition:left .3s;} #right .product_detail.active{left:0;} #right .panel{position:relative;width:100%;z-index:10;overflow:hidden;} #right .title{display:block;position:relative;padding:0 20px;background:#0d0f14;color:#575965;font-family:'Pakt_Bl',Arial;text-transform:uppercase;z-index:100;border-bottom:1px solid #0d0f14;transition:none;-o-transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;} #right .panel.active .title{border-bottom:1px solid #23252f;} #right .panel.active .title, #right .title:hover{color:#fff;} #right .title span{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url('../medias/img/product/bg-disable-title.png') 100% 50% no-repeat;} #right .title.down span{background:url('../medias/img/product/bg-disable-title-down.png') 100% 50% no-repeat;} #right .panel.active .title span{opacity:0;-webkit-opacity:0;-moz-opacity:0;-o-opacity:0;filter:alpha(opacity = 0);} #right .panel .content{position:relative;z-index:10;transition:none;-o-transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;} /* fiche art. ------------------------------------ */ #right .team .title{height:85px;line-height:86px;font-size:20px;} #right .team .title span{height:85px;} #right .team .content{font-size:12px;color:#585A65;line-height:15px;} #right .team .content_wrap{padding:30px 20px;} #right .team .content p{margin-bottom:7px;} #right .team .content a, #right .team .content span{color:#fff;} #right .team .content a:hover{color:#d30722;} /* fiche store ------------------------------------ */ #right .store .title{height:39px;line-height:40px;font-size:18px;} #right .store .title span{height:39px;} #right .store .content{font-size:12px;color:#585A65;line-height:15px;overflow: hidden;} #right .store .content_wrap > div{border-top:1px solid #23252F;padding:15px 20px;} #right .store .content_wrap > div:first-child{border:none;} #right .store .picture{width:120px;height:155px;float:left;text-align:right;} #right .store .picture img{height:100%;} #right .store .details{width:172px;float:right;} #right .store .details h3{display:block;padding:10px 0 7px 0;color:#fff;font-family:'Pakt_CBd',Arial;font-size:35px;text-transform:uppercase;line-height:36px;} #right .store .release, #right .store .availability{line-height:17px;} #right .store .release{color:#666769;} #right .store .availability{color:#fff;} #right .store .details > div{position:relative;height:18px;line-height:18px;float:left;margin-top:7px;} #right .store .format, #right .store .format_price{float:left;position:relative;background:url('../medias/img/global/bg-opa-light-30.png') 0 0 repeat-x;font-family:'Arimo_Bd',Arial;text-transform:uppercase;} #right .store .format{z-index:100;background-color:#505050;color:#d7d7d7;padding:0 6px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;} #right .store .format_price{z-index:10;padding-left:14px;margin-left:-6px;background-color:#d30722;color:#fff;} #right .store .right{position:absolute;top:0;left:100%;height:18px;width:12px;background:url('../medias/img/product/bg-format-price.png') 0 0 no-repeat;} #right .store .add{display:block;float:left;height:18px;line-height:18px;background:#505050 url('../medias/img/global/bg-opa-light-30.png') 0 0 repeat-x;color:#d7d7d7;padding:0 6px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;margin-top:7px;text-transform:uppercase;font-family:'Arimo_Bd',Arial;} #right .store .add:hover{background-color:#d30722;color:#fff;} #right .store .store_features{} #right .store .store_features ul{display:block;} #right .store .store_features li{display:block;line-height:22px;margin-bottom:1px;} #right .store .store_features span{display:block;float:right;width:180px;color:#fff;} #right .store .store_bonus{padding: 10px 0;} #right .store .store_bonus p{line-height:21px;font-family:'Arimo_Bd',Arial;color:#fff;font-size:17px;margin:0;} #right .store .store_bonus ul{display:block;margin-top:20px} #right .store .store_bonus li{display:block;line-height:22px;margin-bottom:1px;color:#fff} /* fiche int. ------------------------------------ */ #right .interview{} #right .interview .interview_nav{display:block;width:100%;height:209px;position:relative;margin: 0 0 28px 0;} #right .interview .interview_nav li{display:block;width:100px;height:35px;line-height:35px;margin:0 0 0 195px;border-top:1px solid #636363;} #right .interview .interview_nav li:first-child{border:none;margin-top:35px;} #right .interview .interview_nav a{font-family:'Arimo_Bd',Arial;color:#fff;} #right .interview .interview_nav a:hover{color:#d30722;} #right .interview .interview_nav img{display:block;height:209px;position:absolute;top:0;left:-168px;z-index:10;} #right .interview .interview_nav img{transition:left .3s;-o-transition:left .3s;-ms-transition:left .3s;-moz-transition:left .3s;-webkit-transition:left .3s;} #right .interview .interview_nav li.active img{left:20px;z-index:100;} #right .interview .interview_content{display:block;padding: 0 50px 0 20px;} #right .interview .interview_content li{display:block;overflow:hidden;} #right .interview .interview_content li.disable{height:0;opacity:0;-webkit-opacity:0;-moz-opacity:0;-o-opacity:0;filter:alpha(opacity = 0);} #right .interview .interview_content .name, #right .interview .interview_content .question{color:#fff;} #right .interview .interview_content .name{font-size:23px;line-height:23px;} #right .interview .interview_content .question{font-size:12px;line-height:17px;margin-top:10px;color:#d30722} #right .interview .interview_content .answer{line-height:19px;color:#fff;margin:13px 0;} /* fiche crit. / recomp. ------------------------------------ */ #right .awards .title, #right .review .title{height:85px;line-height:86px;font-size:20px;} #right .awards .title span, #right .review .title span{height:85px;} #right .awards .content, #right .review .content{padding:30px 20px;font-size:12px;color:#585A65;line-height:15px;} #right .review .content{color:fff} #right .awards .content ul, #right .review .content ul{display:block;} #right .awards .content li, #right .review .content li{padding: 10px 0;border-top:1px solid #636363;} #right .awards .content ul li:first-child, #right .review .content ul li:first-child{border:none;} #right .awards .content span{color:#fff;} #right .review .content span{color:#585A65;} /* 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 */ } #media_navigation li.next{background-position:50% -40px;} #media_navigation li.prev{background-position:50% -80px;} #media_navigation li.prev, #media_navigation li.next{display:none;} .live_medias #media_navigation li.prev, .live_medias #media_navigation li.next{display:block;} #video_picture, #video_picture span{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background: 50% no-repeat;transition:.3s;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;} .live_medias #video_picture, .live_medias #video_picture span{display:block;background-size:auto 100%;} #video_picture{background-color:#011321;} #right .medias ul, #right .medias li{display:block;} #right .medias li{float:left;width:174px;height:152px;margin: 0 1px 1px 0;opacity:0.4;-webkit-opacity:0.4;-moz-opacity:0.4;-o-opacity:0.4;filter:alpha(opacity = 40);position:relative;} #right .medias .scrolling li{width:172px;height:150px;} #right .medias li.active, #right .medias li:hover{cursor:pointer;opacity:1;-webkit-opacity:1;-moz-opacity:1;-o-opacity:1;filter:alpha(opacity = 100);} #right .medias li.clear{height:0;width:0;margin:0;} #right .medias .content_wrap span{display:block;width:48px;height:38px;position:absolute;top:50%;left:50%;margin:-19px 0 0 -24px;background:url('../medias/img/product/bg-video-play.png') 0 0 no-repeat;} #player{position:absolute;}