/* Responsive CSS ------------------------------------ */

/* Header ------------------------------------ */
.small	#main_menu li a{font-size:18px;padding:0 4px;}
.small	#logo{margin-left:4px;padding-right:4px;}
.small	#logout,
.small	#account_link,
.small	#global_search{margin-left:6px;}
.small	#account_link a,
.small	#cart_link a{padding-left:16px;}

.medium	#main_menu li a{font-size:18px;padding:0 6px;}
.medium	#logo{margin-left:8px;padding-right:8px;}
.medium	#logout,
.medium	#account_link,
.medium	#global_search{margin-left:20px;}
.medium	#account_link a,
.medium	#cart_link a{padding-left:25px;}

	
/* Content ------------------------------------ */	
	
	/* ------ Right */
.small #right_wrapper{width:275px;margin:0 0 0 -275px;}

	/* ------ Bottom */
.small	#bottom_wrapper,
.medium	#bottom_wrapper{margin:-170px 0 0;}

.small	#bottom_wrapper,
.small	#bottom_wrapper ul,
.small	#bottom_wrapper li,
.medium	#bottom_wrapper,
.medium	#bottom_wrapper ul,
.medium	#bottom_wrapper li{height:140px;}

.small	#bottom_wrapper .picture,
.small	#bottom_wrapper .details,
.medium	#bottom_wrapper .picture,
.medium	#bottom_wrapper .details{top:0;height:128px;}

.small	#bottom_wrapper .picture,
.medium	#bottom_wrapper .picture{width:41.39%;}

.small	#bottom_wrapper .picture img,
.medium	#bottom_wrapper .picture img{width:96px;}

.small	#bottom_wrapper .details,
.medium	#bottom_wrapper .details{width:58.61%;}

.small	#bottom_wrapper h4,
.small	#bottom_wrapper .name,
.small	#bottom_wrapper .description,
.medium	#bottom_wrapper h4,
.medium	#bottom_wrapper .name,
.medium	#bottom_wrapper .description{width:130px;}

.small	#bottom_wrapper h4,
.medium	#bottom_wrapper h4{height:24px;line-height:24px;font-size:14px;}
.small	#bottom_wrapper h4{font-size:12px;}
.small	#bottom_wrapper .link,
.medium	#bottom_wrapper .link{margin:-2px 0 0 -20px;}
.small	#bottom_wrapper .name,
.medium	#bottom_wrapper .name{padding:2px 0;margin-bottom:5px;min-height:18px;line-height:18px;font-size:16px;}
.small	#bottom_wrapper .description,
.medium	#bottom_wrapper .description{line-height:14px;font-size:10px;}


	/* ------ Left */
.small	#left_wrapper,
.medium	#left_wrapper{right:275px;bottom:170px;}

	
/* Footer ------------------------------------ */
.small	#left_footer li,
.small	#right_footer li{margin:0 10px;}
	
/* Home ------------------------------------ */

	/* ------ Right */
.small#index #right_wrapper,
.medium#index #right_wrapper{padding:0 15px;width:275px;margin:0 0 0 -275px;bottom:170px;}
.medium#index #right_wrapper{bottom:170px;}

.small#index #right_wrapper .top,
.medium#index #right_wrapper .top{width:245px;}
.small #likes,
.medium #likes{width:275px;}
.small #likes ul li .picture,
.medium #likes ul li .picture{width:96px;}
.small #likes ul li.active .details,
.medium #likes ul li.active .details{padding:0 0 0 105px;}
.small #likes .scroll,
.medium #likes .scroll{margin-left:10px;}

/*
.small#home #right_wrapper .top{width:245px;}
.small #likes{width:275px;}
.small #likes ul.scrolling{width:100%;}
.small #likes ul li.active{height:158px;}
.small #likes ul li.active .picture{width:96px;}
.small #likes ul li .details{width:100%;}
.small #likes ul li .description{height:0;}
.small #likes ul li.active .details{width:132px;margin:0 0 0 -132px;}
.small #likes ul.scrolling li.active .details{margin:0 0 0 -132px;width:132px;}
*/

/* Newsletter ------------------------------------ */
.small #newsletter_form,
.medium #newsletter_form{margin:15px 0 0 18px;}
.small #newsletter_form label,
.medium #newsletter_form label{font-size:10px;}



/* Listing ------------------------------------ */
.small	#filters{height:164px;}
.small	#push{width:385px;padding:13px 0 12px 10px;height:138px;}
.small	#push .picture{width:120px;}
.small	#push .details{margin-right:15px;}
.small	#push .description{font-size:13px;}
.small	#filters .filter > ul{height:164px;}
.small	#filters .filter a{width:160px;height:54px;line-height:54px;padding:0 0 0 20px;font-size:13px;}
.small	#filters .select_filter > ul{padding:15px 0 0 14px;height:149px;line-height:10px;}
.small	#filters .reinit_filters a{height:30px;line-height:30px;font-size:11px;padding:0;}

.medium	#filters{height:176px;}
.medium	#push{width:410px;padding:17px 0 17px 26px;height:142px;}
.medium	#push .picture{width:134px;}
.medium	#push .picture img{height:139px;}
.medium	#push .details{margin-right:23px;}
.medium	#push .description{font-size:14px;}
.medium	#filters .filter > ul{height:176px;}
.medium	#filters .filter a{width:180px;height:58px;line-height:58px;padding:0 0 0 22px;font-size:14px;}
.medium	#filters .select_filter > ul{padding:10px 0 0 18px;height:166px;line-height:20px;}
.medium	#filters .reinit_filters a{height:25px;line-height:25px;font-size:11px;padding:0;}
.small #listing{top:166px;}
.medium #listing{top:182px;}
.small.without_filter #listing{top:0;}
.medium.without_filter #listing{top:0;}

/* Product ------------------------------------ */
.small#product #total_wrapper > div,
.medium#product #total_wrapper > div{bottom:170px;}
.small.fiche#product #left_wrapper{right:100%;}
.small.live_medias#product #left_wrapper{right:275px;}
.small#product #right_wrapper{width:275px;margin-left:-275px;}
.small#product #right_wrapper .content{width:275px;}
.small#product #right_wrapper .content.scrolling{width:270px;}
.small#product #right_wrapper h1{font-size:24px;line-height:30px;} 
.small#product #left img{max-height:447px;max-width:328px;}
.small#product #center{padding:0 20px 0 15px;right:275px;}
.small#product #center h2{height:42px;line-height:42px;font-size:46px;padding-top:20px;}
.small#product #center .actors{width:140px;}
.small#product #center .scroll{margin-left:-5px;}
.small#product #product_nav{margin:0 0 45px -3px;}
.small#product #right_wrapper .picture{height:195px;}
.small#product #product_feature li{padding:0 4px;}
.small#product #right{width:275px;margin-left:-275px;}
.small#product #right .interview .interview_nav,
.small#product #right .interview .interview_nav img{height:160px;}
.small#product #right .interview .interview_nav li{margin:0 0 0 140px;}
.small#product #right .interview .interview_nav li:first-child{margin-top:10px;}
.small#product #right .medias li{height:120px;width:136px;}
.small#product #right .medias .scrolling li{height:113px;width:130px;}
.small#product #right .store .content_wrap > div{padding:8px 5px;}
.small#product #right .store .store_action{height:140px;}
.small#product #right .store .store_action .picture{height:140px;width:110px;}
.small#product #right .store .store_action .details{width:150px;}
.small#product #right .store .details h3{font-size:24px;line-height:28px;padding:4px 0 0;}
.small#product #right .store .release,
.small#product #right .store .availability{line-height:15px;}
.small#product #right .store .details > div,
.small#product #right .store .add{margin-top:4px;}
.small#product #right .store .store_features span{width:175px;}
.medium#product.fiche #left_wrapper{right:100%;}
.medium#product.live_medias #left_wrapper{right:275px;}
.medium#product #right_wrapper{width:275px;margin-left:-275px;}
.medium#product #right_wrapper .content{width:275px;}
.medium#product #right_wrapper .content.scrolling{width:270px;}
.medium#product #right_wrapper .picture{height:245px;}
.medium#product #right_wrapper h1{font-size:30px;line-height:38px;} 
.medium#product #center{padding:0 28px 0 30px;right:275px;}
.medium#product #center h2{height:49px;line-height:49px;font-size:53px;padding-top:28px;}
.medium#product #center .actors{width:190px;}
.medium#product #center .scroll{margin-left:-5px;}
.medium#product #product_feature li{padding:0 7px;}
.medium#product #product_nav{margin:0 0 53px -3px;}
.medium#product #right{width:275px;margin-left:-275px;}
.medium#product #right .interview .interview_nav,
.medium#product #right .interview .interview_nav img{height:160px;}
.medium#product #right .interview .interview_nav li{margin:0 0 0 140px;}
.medium#product #right .interview .interview_nav li:first-child{margin-top:10px;}
.medium#product #right .interview .interview_nav li{margin:0 0 0 140px;}
.medium#product #right .medias li{height:120px;width:136px;}
.medium#product #right .medias .scrolling li{height:113px;width:130px;}
.medium#product #right .store .content_wrap > div{padding:8px 5px;}
.medium#product #right .store .store_action{height:140px;}
.medium#product #right .store .store_action .picture{height:140px;width:110px;}
.medium#product #right .store .store_action .details{width:150px;}
.medium#product #right .store .details h3{font-size:24px;line-height:28px;padding:4px 0 0;}
.medium#product #right .store .release,
.medium#product #right .store .availability{line-height:15px;}
.medium#product #right .store .details > div,
.medium#product #right .store .add{margin-top:4px;}
.medium#product #right .store .store_features span{width:175px;}

/* Coffret ------------------------------------ */
.small#coffret #left_wrapper,
.medium#coffret #left_wrapper
.small#coffret #right_wrapper,
.medium#coffret #right_wrapper{bottom:170px;}

.small#coffret #product_picture {padding: 20px 0;}
.medium#coffret #product_picture {padding: 30px 0;}

.small#coffret #product_details h1{font-size:40px;line-height: 35px;margin: 25px 0 2px;}
.medium#coffret #product_details h1{font-size:50px;line-height: 45px;margin: 30px 0 2px;}

.small#coffret #right_wrapper,
.medium#coffret #right_wrapper{width:275px;margin-left:-275px;}
.small#coffret #right_wrapper li,
.medium#coffret #right_wrapper li{height:120px;width:136px;}
.small#coffret #right_wrapper .scrolling li,
.medium#coffret #right_wrapper .scrolling li{height:113px;width:130px;}

/* Authentification ------------------------------------ */
/*
.small#authentification #left_form,
.medium#authentification #left_form{padding:30px 0 0 30px;}
.small#authentification #right_form,
.medium#authentification #right_form{padding:30px 0 30px 30px;width:630px;}
.small#authentification #right_form .address,
.medium#authentification #right_form .address{margin:0 0 0 15px;padding:0 0 0 25px;}
*/

.small#authentification #left,
.small#authentification #right,
.medium#authentification #left,
.medium#authentification #right {
    bottom: 160px;
}
.small#authentification #total_wrapper h2,
.medium#authentification #total_wrapper h2{font-size:30px;line-height:44px;}
.small#authentification #left_form h2,
.medium#authentification #left_form h2{padding-bottom:5px;margin-bottom:20px;}
.small#authentification .selector_birthday,
.medium#authentification .selector_birthday,
.small#authentification #total_wrapper p,
.small#authentification #total_wrapper input,
.medium#authentification #total_wrapper p,
.medium#authentification #total_wrapper input{margin-bottom:6px;}


/*
.small#authentification #right_form .infos label,
.medium#authentification #right_form .infos label{width:175px;}
*/
.small#authentification #left_form .required_field,
.small#authentification #right_form .required_field,
.medium#authentification #left_form .required_field,
.medium#authentification #right_form .required_field{left:30px;}

/* Authentification Pro ------------------------------------ */
.small#auth-pro #left_form,
.medium#auth-pro #left_form{padding:30px 0 0 30px;}
.small#auth-pro #right_form,
.medium#auth-pro #right_form{padding:30px 0 30px 30px;width:630px;}
.small#auth-pro #right_form .address,
.medium#auth-pro #right_form .address{margin:0 0 0 15px;padding:0 0 0 25px;}
.small#auth-pro #total_wrapper h2,
.medium#auth-pro #total_wrapper h2{font-size:30px;line-height:44px;padding-bottom:5px;margin-bottom:20px;}


.small#auth-pro #total_wrapper p,
.small#auth-pro #total_wrapper label,
.medium#auth-pro #total_wrapper p,
.medium#auth-pro #total_wrapper label{margin-bottom:6px;}
.small#auth-pro #right_form .infos label,
.medium#auth-pro #right_form .infos label{width:175px;}
.small#auth-pro #left_form .required_field,
.small#auth-pro #right_form .required_field,
.medium#auth-pro #left_form .required_field,
.medium#auth-pro #right_form .required_field{left:30px;}



/* Personnalité ------------------------------------ */
.small#team #right_wrapper{padding:0 15px;width:245px;margin:0 0 0 -275px;bottom:170px;}
.medium#team #right_wrapper{bottom:170px;}
.small #team_movies{width:245px;}
.small #team_movies .scroll{margin-left:10px;}
.small #team_movies ul.scrolling{width:100%;}
.small #team_movies li{height:158px;}
.small #team_movies .picture{width:96px;margin-top: 15px;}
.small #team_movies .description{height:0;}
.small #team_movies .details{width:132px;margin:0 0 0 -132px;}
.small #team_movies ul.scrolling .details{margin:0 0 0 -132px;width:132px;}
.small #team_movies .details{padding:0;}




/* Mon compte ------------------------------------ */

/* Left */
.small#account #left a,
.small#account #left li{height:84px;line-height:84px;}
.small#account #left a{font-size:26px;}
.medium#account #left a,
.medium#account #left li{height:99px;line-height:99px;}
.medium#account #left a{font-size:30px;}
.small#account #left{right:74%;}
.medium#account #left{right:71%;}

/* Right */
.small#account #right{left:26%;}
.medium#account #right{left:29%;}
.small#account #right h3{height:84px;line-height:84px;font-size:30px;}
.small#account #right h4{height:37px;line-height:37px;font-size:20px;}
.medium#account #right h3{height:99px;line-height:99px;font-size:34px;}
.medium#account #right h4{height:47px;line-height:47px;font-size:24px;}
.small#account #right input[type="text"],
.small#account #right input[type="password"]{width:100px;}
.small#account #right .account_part.address .selector{width:98px;}
.small#account #right .account_part.address .selector .select_wrapper{width:98px;}
.small#account #right .account_part.address .selector .selected_value{width:79px;}
.medium#account #right input[type="text"],
.medium#account #right input[type="password"]{width:120px;}
.medium#account #right .account_part.address .selector{width:118px;}
.medium#account #right .account_part.address .selector .select_wrapper{width:118px;}
.medium#account #right .account_part.address .selector .selected_value{width:99px;}
.small#account #right .account_part table{margin-top:22px;}
.medium#account #right .account_part table{margin-top:27px;}
.small#account #right .account_part table td{height:33px;line-height:33px;}
.medium#account #right .account_part table td{height:38px;line-height:38px;}
.small#account #right .account_part table tbody tr:first-child td{padding-top:12px;}
.medium#account #right .account_part table tbody tr:first-child td{padding-top:18px;}
.small#account #right .account_part.orders .content,
.small#account #right .account_part.order_details .content,
.small#account #right .account_part.loyalty .content{width:670px;}
.medium#account #right .account_part.orders .content,
.medium#account #right .account_part.order_details .content,
.medium#account #right .account_part.loyalty .content{width:735px;}
.small#account #right .account_part.address ul,
.small#account #right .account_part.profil ul{width:670px;}
.small#account #right .account_part.order_details h3:first-child a{height:84px;line-height:84px;}
.medium#account #right .account_part.order_details h3:first-child a{height:99px;line-height:99px;}
.small#account #right .account_part.loyalty form {margin:20px 0 0 0;}
.medium#account #right .account_part.loyalty form {margin:45px 0 0 0;}
.small#account #right .account_part.loyalty form p{display:block;float:left;width:255px;line-height:12px;}
.medium#account #right .account_part.loyalty form p{display:block;float:left;width:255px;line-height:12px;}











/* Panier ------------------------------------ */

#cart_nav{height:100px;font-size:38px;}
#cart_nav li{width:180px;padding-top:12px;height:88px;line-height:88px;}
#cart_nav li .ico{height:83px;}
#cart_nav li.active .ico{width:65px;margin: 0 0 0 60px;}
#cart_part{top:101px;}
#cart_part .cart_step{padding-left:180px;}
#cart_part .cart_step .banner{width:180px;}
#cart_part .cart_step.active .banner{left:-180px;}
#cart_part .cart_step .content{padding:18px 30px;}

/* Checkout */
.checkout .tab ul.tab_head{height:28px;}
.checkout .tab ul.tab_head li{height:28px;line-height:28px;padding:0 12px;font-size:18px;}
.checkout .tab ul.tab_body li{height:124px;line-height:100px;}
.checkout .tab ul.tab_body li > div{padding:12px 13px;}
.checkout .details{width:245px;}
.checkout .format{width:72px;}
.checkout .qty{width:121px;}
.checkout .price{width:116px;}
.checkout .total{width:77px;}
.checkout .delete{width:15px;}
.checkout .details .product_cart_details{padding:25px 0 0 25px;}
.checkout .details .product_cart_name{font-size:20px;line-height:25px;}
.checkout .details .product_cart_filmmaker{font-size:12px;line-height:23px;}
.checkout .qty .selection{width:115px;margin:34px auto 0 auto;}
.checkout #completion{width:410px;font-size:18px;margin:25px;margin-left:395px;line-height:22px;}
.checkout #completion .left{width:238px;padding:6px 20px 14px 0px}
.checkout #completion .right{padding:5px 0px 6px 20px;}
.checkout #completion .text-promo{width:92px;height:30px;padding:0 10px;}
.checkout #completion .button-promo{width:30px;height:30px;font-size:18px;line-height:30px;}
.checkout #completion .button-next-step{font-size:17px;width:190px;height:50px;line-height:45px;padding-left:20px;margin-top:40px;}

/* Identification */
.small.identification #left_form,
.medium.identification #left_form{padding:30px 0 0 30px;}
.small.identification #right_form,
.medium.identification #right_form{padding:30px 0 30px 30px;}
.small.identification #right_form .address,
.medium.identification #right_form .address{margin:0 0 0 15px;padding:0 0 0 25px;}
.small.identification #total_wrapper h2,
.medium.identification #total_wrapper h2{font-size:30px;line-height:44px;}
.small.identification #left_form h2,
.medium.identification #left_form h2{padding-bottom:5px;margin-bottom:20px;}
.small.identification #total_wrapper p,
.small.identification #total_wrapper label,
.medium.identification #total_wrapper p,
.medium.identification #total_wrapper label{margin-bottom:6px;}
.small.identification #right_form .infos label,
.medium.identification #right_form .infos label{width:175px;}
.small.identification #left_form .required_field,
.small.identification #right_form .required_field,
.medium.identification #left_form .required_field,
.medium.identification #right_form .required_field{left:30px;}

/* Réglement */
.reglement .addresses{width:830px;height:120px;}
.reglement .addresses div{width:356px;padding:20px 26px 12px 32px;}
.reglement .addresses div .title{font-size:18px;}
.reglement .addresses div span{font-size:12px;line-height:16px;}
.reglement .addresses div .change{font-size:12px;}
.reglement .final-payment{width:600px;font-size:12px;margin:12px 0 0 255px;}
.reglement .final-payment .reminds{font-size:18px;line-height:30px;}
.reglement .final-payment .left{padding-right:19px;width:220px;padding-left:204px;}
.reglement .final-payment .right{padding-left:20px;width:80px;}
.reglement .final-payment .reminds .total{font-size:25px;margin-top:6px;margin-bottom:14px;}
.reglement .final-payment .reminds .radio-payment-method{width:12px;height:12px;margin-top:6px;}
.reglement .final-payment .reminds .radio-payment-method .radio-background{width:6px;height:6px;margin:3px 0px 0px 3px;}
.reglement .cgv-check{margin-top:20px;font-size:10px;margin-right:10px;}
.reglement .cgv-check .checkbox{margin-right:10px;}
.reglement .cgv-check label{width:350px;margin-top:6px;}
.reglement .button-validation{background-position:0px 14px;width:160px;height:30px;font-size:17px;padding:20px 0px 0px 30px;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;}