/* Navigation zone achats */
#Command_Content, #Profil{
	padding-left:11px;	
	width:755px;
	}
#Command_Content h2.commande, #Profil h2.commande{ margin-top:5px!important; height:40px; background-image:url(../img/h2_votre_commande.gif); }

#Command_Content ul.nav-zone-achat, #Profil ul.nav-zone-achat{ width:630px; height:21px; margin-top:10px; margin-bottom:10px;}
ul.nav-zone-achat li{
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
ul.nav-zone-achat li a{display:none;}
#Command_Content ul.nav-zone-achat li.panier, #Profil ul.nav-zone-achat li.panier{ width:97px; height:21px; background-image:url(../img/btn_achat_panier_hov.gif); }
#Command_Content ul.nav-zone-achat li.panier a, #Profil ul.nav-zone-achat li.panier a{ width:97px; height:21px; background-image:url(../img/btn_achat_panier_off.gif); }
#Command_Content ul.nav-zone-achat li.identification, #Profil ul.nav-zone-achat li.identification{ margin-left:9px; width:132px; height:21px; background-image:url(../img/btn_achat_identification_hov.gif); }
#Command_Content ul.nav-zone-achat li.identification a, #Profil ul.nav-zone-achat li.identification a{ width:132px; height:21px; background-image:url(../img/btn_achat_identification_off.gif); }
#Command_Content ul.nav-zone-achat li.validation, #Profil ul.nav-zone-achat li.validation{ margin-left:9px; width:112px; height:21px; background-image:url(../img/btn_achat_validation_hov.gif); }
#Command_Content ul.nav-zone-achat li.validation a, #Profil ul.nav-zone-achat li.validation a{ width:112px; height:21px; background-image:url(../img/btn_achat_validation_off.gif); }
#Command_Content ul.nav-zone-achat li.paiement, #Profil ul.nav-zone-achat li.paiement{ margin-left:9px; width:102px; height:21px; background-image:url(../img/btn_achat_paiement_hov.gif); }
#Command_Content ul.nav-zone-achat li.paiement a, #Profil ul.nav-zone-achat li.paiement a{ width:102px; height:21px; background-image:url(../img/btn_achat_paiement_off.gif); }
#Command_Content ul.nav-zone-achat li.confirmation, #Profil ul.nav-zone-achat li.confirmation{ margin-left:9px; width:133px; height:21px; background-image:url(../img/btn_achat_confirmation_hov.gif); }
#Command_Content ul.nav-zone-achat li.confirmation a, #Profil ul.nav-zone-achat li.confirmation a{ width:133px; height:21px; background-image:url(../img/btn_achat_confirmation_off.gif); }

#Command_Content ul.nav-zone-achat li a:hover, #Command_Content ul.nav-zone-achat li a.on, #Profil ul.nav-zone-achat li a:hover, #Profil ul.nav-zone-achat li a.on{ background:none; }

/* zone achats rub panier */
#zone-achat{
	clear:both;
	display:inline;
	float:left;
	
	margin:0;
	margin-top:5px;
	padding:0;
	
	width:733px;
	
	background-color:#525252;
	background-image:url(../img/command_bot.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}


.top-panier{
	
	width:733px;
	height:13px;
	
	line-height:0;
	font-size:0;

	background-image:url(../img/command_top.gif);
}

/*ETAPE  1*/
#zone-achat .content{
	clear:both;
	display:inline;
	float:left;
	
	margin:0;
	padding:0px 0px 0px 20px;
	
	width:720px;

}

#zone-achat form{
	clear:both;
	display:inline;
	float:left;
	
	margin:0;
	padding:0;
	
	width:720px;
	position:relative;
}

#zone-achat .titles-cols{
	clear:both;
	display:inline;
	float:left;
	
	margin:0;
	padding:0;
	
	width:700px;
	
	background-image:url(../img/separator_bis.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
}

.titles-cols h5{
	display:inline;
	float:left;
	
	margin:0;
	padding:0;
	
	height:21px;
	color:#999999;
	font-size:11px;
}

.titles-cols h5.article{ width:193px; }
.titles-cols h5.price{ width:90px; }
.titles-cols h5.quantite{ width:116px; }
.titles-cols h5.taille{ width:82px; }
.titles-cols h5.couleur{ width:101px; }
.titles-cols h5.supp{ width:90px; }
.titles-cols h5.total{ width:28px; }

#zone-achat form fieldset{
	clear:both;
	
	margin:0;
	padding:0;
	
	width:698px;
	height:100%!important;

	background-image:url(../img/separator_bis.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
		
	font-size:11px;
	color:#999999;
}
#zone-achat form fieldset.prod{	
	padding-top:10px;
	padding-bottom:10px;
	
	}
#zone-achat fieldset .item{
	display:inline;
	float:left;
	
	margin:0;
	padding:0;
	
	width:193px;
	height:100%!important;
}

#zone-achat fieldset .item .pic{
	display:inline;
	float:left;
	
	margin:0;
	margin-top:4px;
	margin-right:10px;
	padding:0;
	
	width:35px;
	height:35px;
}



#zone-achat fieldset .item p{
	display:inline;
	float:left;
	
	margin:0;
	padding:0;
	
	width:140px;
	color:#fff;
	font-weight:bold;	
	
}


#zone-achat fieldset.prod input, #zone-achat fieldset.prod select{
	display:inline;
	float:left;
		
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

#zone-achat fieldset input.prix-ttc{
	margin-top:5px;
	width:90px;
	color:#fff;
	font-weight:bold;
	background-color:#525252;
	border:none;
}

#zone-achat input.total{
	width:70px;
	color:#fed81d;
	font-weight:bold;
	margin-top:5px;
	background-color:#525252;
	border:none;
	text-align:right;
}

#zone-achat fieldset .quantity{
	position:relative;
	display:inline;
	float:left;
	
	margin:0;
	padding:0;
	
	width:116px;
}
#zone-achat fieldset .quantity select{margin-top:3px!important; }
#zone-achat fieldset select.taille{ margin-top:3px!important; width:62px; }
#zone-achat fieldset select.color{ margin-top:3px!important; margin-left:17px; width:92px; }

#zone-achat fieldset ul, #zone-achat fieldset li, #zone-achat fieldset li a{
	clear:none;
	display:inline;
	float:left;
	
	margin:0;
	padding:0;
	
	width:10px;
	height:13px;
	
	line-height:0;
	font-size:0;
	
}

#zone-achat fieldset ul{ margin-top:6px; margin-left:48px;}

#zone-achat fieldset li{ background-image:url(../img/picto_supp_hov.gif); }
#zone-achat fieldset li a{ background-image:url(../img/picto_supp_off.gif); }

#zone-achat fieldset.infos_commande {	
	padding-top:10px;
	padding-bottom:10px;

	display:block;
}

.infos_commande label{display:block;}

#zone-achat fieldset.infos_commande input#code_promo{
	width:100px;
	float:right;
}

#zone-achat fieldset.infos_commande input#type_livraison{

	width:70px;
	float:right;
	
	border:none;
	background-color:#525252;
	color:#ffd909;
	font-weight:bold;
	
}
#zone-achat fieldset.infos_commande input.total{
	float:right;
}

#zone-achat #total{
	clear:both;
	position:relative;
		
	color:#ffd813;
	font-weight:bold;
	
	margin-top:20px;
	padding-top:5px;
	margin-bottom:80px;
	width:710px;
}
#zone-achat #total input{
	position:absolute;
	right:10px;
	top:5px;
	width:39px;
	height:17px;
	color:#4d4d4d;
	font-weight:bold;
	background:url(../img/bg_price_new.png);
	border:none;
	outline:none;
	padding:0px;
	padding-top:5px;
	text-align:center;
}

/*ZONE BOUTON*/
#zone_btn_commande{
	position:absolute;
	bottom:20px;
	right:20px;
}

#btn_continue_shopping{
	display:inline;
	float:left!important;
	width:195px;
	height:31px;
	background:url(../img/btn_continue_shopping.gif);
}

#btn_recalculate, #btn_complete_shopping{
	display:none;
	float:right!important;
}

#btn_recalculate{ margin-left:178px!important; }

#btn_complete_shopping{
	margin-left:20px!important;
}


/*VOUS AIMEREZ AUSSI*/

#zone_item_plus{
	height:407px;
	clear:both;
}
.btn_show_prod{
	background-image:url(../img/btn_show_prod_on.gif); 
	width:93px;
	height:15px;
	top:8px;
}
.btn_show_prod a{
	display:block;
	background-image:url(../img/btn_show_prod_off.gif); 
	width:93px;
	height:15px;
	}
.btn_show_prod a:hover{background:none;}


/*ETAPE 2*/
#infos_commande{padding-bottom : 10px;}
#account_access{
	width:324px;
	height:364px;
	background-image:url(../img/account_access_bg.gif); 
	float:left;
	position:relative;
	margin-right:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
}
#account_access h3{
	width:208px;
	height:40px;
	background-image:url(../img/account_access_title.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	position:relative;
	top:-2px;
	left:-15px;
}
#account_signin{
	width:319px;
	height:364px;
	background-image:url(../img/account_signin_bg.gif);
	float:left;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	position:relative;
}

#account_signin h3{
	width:166px;
	height:40px;
	background-image:url(../img/account_signin_title.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	position:relative;
	top:-4px;
	left:-10px;	
}

#account_access p, #account_signin p{
	background-image:url(../img/separator_bis.gif);
	background-repeat:repeat-x;
	background-position:top left;
	padding-top:10px;
	color:#FFFFFF;
}
#account_access form{
	padding-top:20px;
}

#account_access label.member_infos{
	display:block;
	color:#ffd813;
	font-weight:bold;
	padding-bottom:15px;
	}
	
#account_access label.member_infos input{
	float:right;
	width:200px;
}

#account_access label.memo_mdp input{
	
	margin:0px;
	margin-right:10px;
	vertical-align:middle;
}
#account_access #btn_forget_mdp{
	 float:right;
	 color:#999999;
 }
 #account_access #btn_forget_mdp:hover{
	 color:#FFFFFF;
 }

#account_access #btn_valid{
	display:block;

	position:absolute;
	bottom:130px;
	right:20px;
}


#account_signin ul{
	color:#ffd813;
	padding-right:20px;
	padding-top:20px;
	margin-bottom:30px;
}
#account_signin #btn_create_account{
	display:block;
	width:172px;
	height:31px;
	background-image:url(../img/btn_create_account.gif);
	position:absolute;
	bottom:130px;
	right:20px;
}
/*ETAPE  3*/
#panier{
	background-image:url(../img/panier_top.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:10px;
	background-color:#4d4d4d;
	width:733px;
}
#panier_bot{
	width:733px;
	height:13px;
	background-image:url(../img/panier_bot.gif);
}
#panier h3{
	width:261px;
	height:25px;
	background-image:url(../img/recap_command_title.gif);
	left : 10px;
	top:10px;
	position:relative;
}
#panier table{
	margin:20px;
	width:693px;
}
#panier td {
	text-align:center;
	background-image:url(../img/separator_bis.gif);
	background-repeat:repeat-x;
	background-position:top left;
}

#panier tr.article td{
	color:#FFFFFF; 

}

#panier td.left {
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}
#panier td.left a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
#panier td.left img {
	vertical-align:middle;
	margin-right:5px;
}

#panier td.prix_ttc{
	font-weight:bold;
}
#panier  td.right {
	text-align:right;
}
#panier  tr.article td.right {
	font-weight:bold;
	color:#ffd813;
}

/*ADRESSE*/
#adress{
	float:left;
	width:263px;
	height:363px;
	background-image:url(../img/adress_bg.gif);
	margin-right:8px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#adress h3#livraison_title{
	width:146px;
	height:12px;
	padding-bottom:10px;
	background-image:url(../img/adresse_livraison_title.gif);
	background-repeat:no-repeat;

}
#adress h3#facturation_title{
	clear:both;
	width:165px;
	height:12px;
	padding-bottom:10px;
	background-image:url(../img/adresse_facturation_title.gif);
	background-repeat:no-repeat;
}
#adress p{
	background-image:url(../img/separator_bis.gif);
	background-repeat:repeat-x;
	background-position:top left;
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
	}
#adress em{
	font-size:10px;
	font-style:normal;
	color:#999999;
	display:block;
	padding-bottom:10px;
}
#present_option{
	display:block;
	float:left;
	height:47px;
	width:100px;
}
.btn_update_adress{
	float:right;

	background-image:url(../img/btn_update_adress_on.gif); 
	width:120px;
	height:15px;
	top:8px;
}
.btn_update_adress a{
	display:none;
	background-image:url(../img/btn_update_adress_off.gif); 
	width:120px;
	height:15px;
	}
.btn_update_adress a:hover{background:none;}

/*SOUS TOTAL*/
#sous_total{
	float:left;
	width:382px;
	height:363px;
	background-image:url(../img/sous_total_bg.gif);
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	position:relative;
}
#sous_total table{
	width:382px;
	margin-bottom:20px;
}
#sous_total td{

	padding-top:10px;
	padding-bottom:10px;
	}
#sous_total tr.detail td{
	background-image:url(../img/separator_bis.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	}
#sous_total td#total{
	font-weight:bold;
	color:#ffd813;

}
#sous_total td.right{
	font-weight:bold;
	color:#ffd813;
	text-align:right;
}

#sous_total a{
	color:#FFFFFF;
}
#sous_total #zone_btn{
	position:absolute;
	bottom:110px;
	right:20px;
}
#btn_print{
	display:none;
	float:right;	
	
	background-image:url(../img/btn_print.gif); 
	width:114px;
	height:31px;
	margin-right:20px;
}

/*ETAPE 5*/
#confirmation{
	background-image:url(../img/panier_top.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:10px;
	background-color:#4d4d4d;
	width:733px;
	position:relative;
}
#confirmation_bot{
	width:733px;
	height:121px;
	background-image:url(../img/confirmation_bot.gif);
}

#confirmation h3{
	width:121px;
	height:30px;
	background-image:url(../img/confirmation_title.gif);
	background-repeat:no-repeat;
	left : 6px;
	top:3px;
	position:relative;
	padding-bottom:20px;
}
#confirmation #infos{
	background-image:url(../img/separator_bis.gif);
	background-repeat:repeat-x;
	background-position:top left;
	padding-top: 15px;
	margin-right: 20px;
	padding-bottom: 50px;
	margin-left: 20px;
}
#confirmation #infos h4{
	font-weight:bold;
	padding-bottom:5px;
	color:#ffd813;
	padding-top:5px;
}
#confirmation #infos p {
	padding-bottom:10px;
	color:#ffffff;
}
#confirmation #infos ul {
	padding-bottom:5px;
	color:#ffffff;
	font-weight:bold;
}
#confirmation #infos p.txt_yellow{
	padding-bottom:10px;
	font-style:normal;
	color:#ffd813;
}
#confirmation #infos p.txt_yellow a{color:#ffd813;}
#confirmation #infos p#note{
	padding-top:20px;

	color:#999999;
}
#confirmation #zone_btn{
	position:absolute;
	bottom:125px;
	right:20px;
}
#btn_back_shop{
	display:none;
	float:right;	
	background-image:url(../img/btn_back_shop.gif); 
	width:156px;
	height:31px;
}