#cart_nav{display:block;width:100%;height:114px;text-transform:uppercase;color:#56626b;font-family:'Pakt_CBd',Arial;font-size:38px;border-bottom:solid 1px #555555;}
#cart_nav li{display:block;width:180px;float:left;text-align:center;background:#171b24;padding-top:26px;height:88px;line-height:88px;}
#cart_nav li.is_hover,
#cart_nav li:hover{background-color:#1a2a37;color:#fff;}
#cart_nav li.active{background:#0d0f14;color:#fff;text-align:left;}
#cart_nav li .ico{display:block;float:left;width:0;height:83px;}
#cart_nav li a[rel=checkout] .ico{background:url('../medias/img/cart/ico-cart.png') 50% no-repeat;}
#cart_nav li a[rel=identification] .ico{background:url('../medias/img/cart/ico-identification.png') 50% no-repeat;}
#cart_nav li a[rel=reglement] .ico{background:url('../medias/img/cart/ico-settlement.png') 50% no-repeat;}
#cart_nav li.active a{}
#cart_nav li.active span{color:#40424e;}
#cart_nav li.active .ico{width:65px;margin: 0 0 0 60px;}
#cart_part{display:block;width:100%;position:absolute;top:115px;right:0;bottom:0;left:0;}
#cart_part .cart_step{display:block;width:0;float:left;position:relative;overflow:hidden;background:#171b24;padding-left:180px;}
#cart_part .cart_step.active{background:#0d0f14;padding:0;}
#cart_part .cart_step .scroll{display:none !important;}
#cart_part .cart_step.active .scroll{display:block !important;}
#cart_part .cart_step.active .scroll.disabled{display:none !important;}
#cart_part .cart_step .banner{display:block;position:absolute;top:0;left:0;bottom:0;width:180px;}
#cart_part .cart_step .banner.is_hover,
#cart_part .cart_step .banner:hover{background-color:#1a2a37;}
#cart_part .cart_step.active .banner{left:-180px;}
#cart_part .cart_step .content{padding:35px 60px;}
#cart_nav li,
#cart_part .cart_step{transition:.3s;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}


/* Checkout ----------------------------------------------------------------- */
.checkout .banner{background:url('../medias/img/cart/ico-cart.png') 50% no-repeat;}
.checkout .tab{display:block;text-align:center;border:none;}
.checkout .tab li{display:block;float:left;}
.checkout .tab ul.tab_head{height:28px;}
.checkout .tab ul.tab_head li{height:28px;line-height:28px;padding:0 12px;text-transform:uppercase;color:#ffffff;font-size:18px;font-family:'Pakt_Bl',Arial;border:solid 1px #555555;margin-left:-1px;}
.checkout .tab ul.tab_body li{color:#56626b;height:124px;line-height:100px;}
.checkout .tab ul.tab_body li.pair{background:url('../medias/img/global/bg-opa-474747.png');}
.checkout .tab ul.tab_body li > div{float:left;margin-left:-1px;padding:12px 13px;}
.checkout .tab ul.tab_body li > div:first-child{margin:0;}
.checkout .details{width:245px;text-align:left;}
.checkout .format{width:72px;}
.checkout .qty{width:121px;}
.checkout .price{width:116px;}
.checkout .total{width:77px;}
.checkout .delete{width:15px;}
.checkout .delete .ico{display:block;width:18px;height:17px;background:url('../medias/img/cart/bin.png') 50% no-repeat;margin-top:5px;}
.checkout .details .product_cart_picture{float:left;}
.checkout .details .product_cart_details{float:left;padding:25px 0 0 25px;}
.checkout .details .product_cart_name{font-size:20px;color:#ffffff;text-transform:uppercase;line-height:25px;}
.checkout .details .product_cart_filmmaker{font-size:12px;line-height:23px;font-family:'Arimo_Reg',Arial;}
.checkout .details .product_cart_filmmaker a:hover{color:#d30722;}
.checkout .qty .selection{width:115px;margin:34px auto 0 auto;}
.checkout .qty .button{display:block;background:#474747 url('../medias/img/cart/ico-cart-button.png');float:left;height:33px;width:33px;}
.checkout .qty .button:hover{background-color:#ffffff;}
.checkout .qty .button.more{background-position:0 0;}
.checkout .qty .button.less{background-position:-33px 0;}
.checkout .qty .qty-value{height:33px;width:33px;margin:0 8px;float:left;text-shadow:none;border:none;background:none;font-family:'Pakt_Bl',Arial;font-size:20px;color:#ffffff;text-align:center;}
.checkout .delete a{display:block;position:relative;width:18px;height:18px;margin:40px 0 0 -2px;background:url('../medias/img/global/btn-radio.png') 50% no-repeat;cursor:pointer;}
.checkout .delete a span{display:block;width:18px;height:18px;background:url('../medias/img/global/btn-check-radio.png') 50% no-repeat;opacity:0;-webkit-opacity:0;-moz-opacity:0;-o-opacity:0;filter:alpha(opacity = 0);}
.checkout .delete a:hover span{opacity:1;-webkit-opacity:1;-moz-opacity:1;-o-opacity:1;filter:alpha(opacity = 100);}
.checkout #completion{width:410px;font-size:18px;font-family:'Pakt_Bl',Arial;margin:25px;margin-left:395px;font-weight:normal;color:#56626b;text-transform:uppercase;line-height:22px;}
.checkout #completion .left{text-align:right;float:left;width:238px;border-right:solid 1px #555555;padding:6px 20px 14px 0px}
.checkout #completion .right{text-align:left;float:left;padding:5px 0px 6px 20px;}
.checkout #completion .text-promo{width:92px;height:30px;background:#8b8d94;color:#444651;border:none;margin:0;float:left;border-radius:0px;-wekbit-border-radius:0px;-moz-border-radius:0px;padding:0 10px;}
.checkout #completion .text-promo:focus{background-color:#ffffff;border:0;outline:0;}
.checkout #completion .button-promo{display:block;float:left;background:#444651;width:30px;height:30px;color:#848484;font-family:'Pakt_Bl',Arial;font-size:18px;text-align:center;line-height:30px;}
.checkout #completion .button-promo:hover{color:#ffffff;}
.checkout #completion .white{color:#ffffff;}
.checkout #completion .button-next-step{font-family:'Pakt_EBd',Arial;font-size:17px;background:url(../medias/img/cart/bg-button-step.png) no-repeat 0px 0px;font-weight:normal;color:#ffffff;width:190px;height:50px;line-height:45px;padding-left:20px;float:right;margin-top:40px;cursor:pointer;}
.checkout #completion .button-next-step:hover{color:#9f9f9f;}
.checkout #completion .selector{width:122px;height:30px;background:#8b8d94;text-transform:none;}
.checkout #completion .selector .selected_value{width:101px;height:30px;line-height:28px;background:#8b8d94;color:#444651;line-height:30px;padding:0 0 0 10px;}
.checkout #completion .selector:hover .selected_value{color:#fff;}
.checkout #completion .selector .select_wrapper{width:122px;top:30px;left:0;background:#8b8d94;}
.checkout #completion .selector .select_wrapper li{padding:0 10px;background:#8b8d94;color:#444651;}
.checkout #completion .selector .select_wrapper li:hover{background:#444651;color:#8b8d94;}
.checkout #completion .selector .icon{margin:0 0 0 -26px;z-index:100;top:10px;background:url(../medias/img/customer/bg-arrow-select.png) no-repeat 0px 0px;}


/* Identification ----------------------------------------------------------------- */
.identification .banner{background:url('../medias/img/cart/ico-identification.png') 50% no-repeat;}
#left,
#right{box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
#left{float:left;width:34%;color:#585a65;padding-right:30px;}
#right{float:right;width:66%;color:#585a65;border-left:1px solid #555555;padding-left:30px;}
.cart_step.identification #left, .cart_step.identification #right{display:none}
.cart_step.identification.active #left, .cart_step.identification.active #right{display:block}
/*
.identification #left_form,
.identification #right_form{display:block;height:550px;overflow:hidden;position:relative;}
.identification #right_form .infos,
.identification #right_form .address{float:left;padding:0 2%;}
.identification #right_form .infos{padding-left:0;width:55%;}
.identification #right_form .address{padding-right:0;width:41%;border-left:1px solid #23252F;margin-left:-1px;}
*/



#left_form,
#right_form{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
#left_form{min-width:22px;}
#right_form{min-width:22px;}

#right_form .address,
#right_form .infos{float:left;width:48%;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
#right_form .infos{padding-right:2%;}
#right_form .address{padding-left:2%;border-left:1px solid #23252F;margin-left:-1px;}


.identification h3{display:block;font-size:38px;font-family:'Pakt_CBd',arial;color:#fff;line-height:52px;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #23252f;}


.identification p,
.identification label,
.identification input,
.identification .radio,
.identification .error_msg,
.identification .checkbox{display:block;font-size:12px;font-family:'Arimo_reg',arial;}

.identification p,
.identification label,
.identification input,
.identification .radio,
.identification .checkbox{float:left;}

.identification input,
.identification .selector{float:right;}

.identification .radio,
.identification .checkbox{margin:6px 6px 0 0;}
.identification .is_pro .radio{margin-left:20px;}
.identification .is_pro .radio:first-child{margin-left:25px;}
.identification .is_pro .pro_error{display:block;line-height:18px;width:100%;height:0;overflow:hidden;margin-top:-15px;color:#fff;transition:.3s;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.identification .is_pro .pro_error.active{height:18px;}
.identification .is_pro .pro_error a{text-decoration:underline;}
.identification .is_pro .pro_error a:hover{color:#d30722;}
.identification .gender .radio{margin-left:30px;}
.identification .gender .radio:first-child{margin-left:0;}
.identification p,
.identification label{height:31px;line-height:31px;}


.identification input[type="text"],
.identification input[type="password"]{float:right;width:50%;height:29px;line-height:29px;border:1px solid #48515a;padding:0 10px;background:#8b8d94;color:#444651;transition:.3s;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;margin-bottom:12px;}

.small .identification input[type="text"],
.small .identification input[type="password"],
.medium .identification input[type="text"],
.medium .identification input[type="password"]{width:100%;}

.identification input[type="text"].input_error,
.identification input[type="password"].input_error{border:1px solid #d30722;}
.identification input[type="text"].active,
.identification input[type="password"].active{background-color:#fff;}
.identification .submit_button{display:block;float:right;height:40px;margin-right:22px;line-height:26px;padding:0 15px;background:url('../medias/img/global/bg-red-flag.png') 0 0 repeat-x;position:relative;color:#fff;font-family:'Pakt_EBd',Arial;font-size:17px;text-transform:uppercase;}
.identification .submit_button:hover{color:#b5b5b5;}
.identification .submit_button span{display:block;position:absolute;top:0;height:40px;}
.identification .submit_button span.left{left:-14px;width:14px;background:url('../medias/img/global/bg-red-flag-l.png') 0 0 no-repeat;}
.identification .submit_button span.right{left:100%;width:22px;background:url('../medias/img/global/bg-red-flag-r.png') 0 0 no-repeat;} 
.identification .error_msg{color:#d30722;}
.identification #left_form .error_msg{font-size:10px;margin-top:4px;width:130px;}
.identification .error_msg.bis,
.identification #left_form .error_msg{line-height:12px;}
.identification .error_msg a:hover{color:#fff;}
.identification .required_field{display:block;position:absolute;top:100%;margin-top:-33px;font-size:11px;font-family:'Arimo_It',Arial;}
.identification #left_form .required_field{left:38px;color:#585a65;}
.identification #right_form .required_field{left:51px;color:#56626b;}

/*
.identification .selector{width:180px;height:31px;}
.identification .selector .select_wrapper{top:30px;left:0;background:#8b8d94;border:1px solid #48515a;border-top:0;width:138px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-mz-border-radius:0;}
.identification .selector .select_wrapper ul li{min-height:16px;padding:2px 10px;background:#8b8d94;color:#444651;font-size:11px;font-family:'Arimo_Reg',Arial;}
.identification .selector .select_wrapper ul li:hover{background:#c9c9c9;color:#323232;}
.identification .selector .selected_value{height:29px;line-height:29px;border:1px solid #48515a;width:118px;padding:0 10px;background:#8b8d94;color:#444651;}
.identification .selector .icon{top:0;width:31px;height:31px;background:#b2b2b2 url('../medias/img/global/bg-selector-2.png') 50% no-repeat;margin:0 0 0 -31px;}
.selector.ready .scroll{margin-left:-10px;}
.selector.ready:hover .icon{background-color:#fff;}
*/

.identification .selector{float:right;width:50%;height:31px;margin-bottom:12px;}
.medium .identification .selector,
.small .identification .selector{width:100%;}
.identification .selector .select_wrapper{top:30px;left:0;background:#8b8d94;border:1px solid #48515a;border-top:0;width:138px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-mz-border-radius:0;}
.identification .selector .select_wrapper ul li{min-height:16px;padding:2px 10px;background:#8b8d94;color:#444651;font-size:11px;font-family:'Arimo_Reg',Arial;}
.identification .selector .select_wrapper ul li:hover{background:#c9c9c9;color:#323232;}
.identification .selector .selected_value{height:31px;line-height:31px;border:1px solid #48515a;width:100%;padding:0 10px;background:#8b8d94;color:#444651;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
.identification .selector .icon{top:0;width:31px;height:31px;background:#b2b2b2 url('../medias/img/global/bg-selector-2.png') 50% no-repeat;margin:0 0 0 10px;}
.identification .selector.ready .scroll{margin-left:-10px;}
.identification .selector.ready:hover .icon{background-color:#fff;}

.identification .selector_birthday{float:right;width:50%;margin-bottom:12px;}
.medium .identification .selector_birthday,
.small .identification .selector_birthday{width:100%;}
.identification .selector_birthday .icon{display:none;}
.identification .selector_birthday .selector_content{float:left;padding-right:10px;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
.identification .selector_birthday .selector,
.identification .selector_birthday .selected_value,
.identification .selector_birthday .select_wrapper{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}

.identification .selector_content.birthday_day{width:20%;}
.identification .selector_content.birthday_month{width:50%;}
.identification .selector_content.birthday_year{width:30%;padding-right:0;}

.identification .selector_content.birthday_year .icon{display:block;}




/* Réglement ----------------------------------------------------------------- */
.reglement .banner{background:url('../medias/img/cart/ico-settlement.png') 50% no-repeat;}
.reglement .addresses{width:830px;height:120px;background:#171b24;}
.reglement .addresses div{width:356px;padding:20px 26px 12px 32px;float:left;}
.reglement .addresses div:first-child{border-right:solid 2px #0d0f14;}
.reglement .addresses div .title{font-family:'Pakt_Bl';color:#bdbdbd;text-transform:uppercase;font-size:18px;display:block;margin:0;}
.reglement .addresses div span{font-size:12px;color:#666769;font-family:'Arimo_Reg';line-height:16px;}
.reglement .addresses div .change{float:right;font-family:'Arimo_Reg';font-size:12px;text-decoration:underline;color:#666769;}
.reglement .addresses div .change:hover{color:#ffffff;}
.reglement .final-payment{width:600px;text-transform:uppercase;font-family:'Pakt_Bl';font-size:12px;margin:12px 0 0 255px;color:#848484;}
.reglement .final-payment .reminds{float:left;font-size:18px;line-height:30px;}
.reglement .final-payment .left{text-align:right;border-right:solid 1px #515151;padding-right:19px;width:220px;padding-left:204px;}
.reglement .final-payment .right{text-align:left;padding-left:20px;width:80px;}
.reglement .final-payment .reminds .total{color:#ffffff;font-size:25px;margin-top:6px;margin-bottom:14px;display:block;}
.reglement .final-payment .reminds .radio-payment-method{border-radius:7px;-wekbit-border-radius:7px;-moz-border-radius:7px;border:solid 1px #464646;width:12px;height:12px;cursor:pointer;margin-top:6px;}
.reglement .final-payment .reminds .radio-payment-method .radio-background{width:6px;height:6px;background:#ffffff;border-radius:3px;margin:3px 0px 0px 3px;}
.reglement .cgv-check{float:right;margin-top:20px;color:#666769;font-family:'Arimo_Reg';font-size:10px;margin-right:10px;}
.reglement .cgv-check strong{text-decoration:underline;}
.reglement .cgv-check strong:hover{color:#ffffff;}
.reglement .cgv-check .checkbox{float:left;margin-right:10px;}
.reglement .cgv-check label{width:350px;display:block;margin-top:6px;}
.reglement .button-validation{background:url(../medias/img/cart/bg-button-validation.png)no-repeat 0px 14px;float:right;border:0;width:160px;height:30px;color:#ffffff;font-family:'Pakt_EBd';font-size:17px;text-transform:uppercase;padding:20px 0px 0px 30px;cursor:pointer;margin-right:20px;}
.reglement .button-validation:hover{color:#9f9f9f;}
.reglement .is_pro .radio{margin-left:20px;}
.reglement .is_pro .radio:first-child{margin-left:25px;}
.reglement .is_pro .pro_error{display:block;line-height:18px;width:100%;height:0;overflow:hidden;margin-top:-15px;color:#fff;transition:.3s;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.reglement .is_pro .pro_error.active{height:18px;}
.reglement .is_pro .pro_error a{text-decoration:underline;}
.reglement .is_pro .pro_error a:hover{color:#d30722;}