/* 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:block;}
#Command_Content ul.nav-zone-achat li.panier, #Profil ul.nav-zone-achat li.panier{ width:111px; 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:111px; 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;
	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;
	float:left;
	
	margin:0;
	padding-left:10px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	
	width:720px;
}

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

#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{
display: block;
}
#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 a.vignette {
	display:block;
	float:left;
	z-index:90;
	margin:0;
	margin-top:4px;
	margin-right:10px;
	padding:0;
}
#zone-achat fieldset .item .picture {
	display:block;
	z-index:440;
	width:45px;
	height:45px;
	float:left;
	position:static;
}

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

.lienZoneAchat{
	text-decoration: none;
	color: white;
	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!important;
}

#zone-achat fieldset input.taille{
	margin-top:5px;
	width:82px;
	color:#fff;
	font-weight:bold;
	background-color:#525252;
	border:none!important;
}

#zone-achat fieldset input.couleur{
	margin-top:5px;
	width:101px;
	color:#fff;
	font-weight:bold;
	background-color:#525252;
	border:none!important;
}

#zone-achat input.total{
	width:58px;
	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#cancel{
	float:right;
	padding-right:5px;
}

#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;
		
	color:#ffd813;
	font-weight:bold;
	
	margin-top:3px;
	padding-top:5px;
	margin-bottom:30px;
	width:710px;
}
#zone-achat #total input{
	float: right;
	margin-right:10px;
	width:55px;
	height:17px;
	color:#4d4d4d;
	font-weight:bold;
	background:url(../img/bg_price_new_cart.png);
	background-repeat: no-repeat;
	border:none;
	outline:none;
	padding:0px;
	padding-top:5px;
	text-align:center;
}

/*ZONE BOUTON*/
#zone_btn_commande{
	height: 31px;
	width:700px;
	padding-bottom: 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{
	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;
	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;
	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;
}

#account_signin h3{
	width:166px;
	height:40px;
	background-image:url(../img/account_signin_title.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	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;
	bottom:130px;
	right:20px;
	float:right;
	margin-top: 56px;
}


#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);
	bottom:130px;
	right:20px;
	float:right;
	margin-top:14px;
}
/*ETAPE  3*/
#panier{
	background-image:url(../img/panier_top.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:10px;
	margin-top:16px;
	background-color:#4d4d4d;
	width:733px;
}
#panier_bot{
	width:733px;
	height:13px;
	background-image:url(../img/panier_bot.gif);
	background-repeat: no-repeat;
	background-color: #000;
}
#panier h3{
	background-image:url(../img/recap_title.jpg);
	background-position:0 10px;
	background-repeat:no-repeat;
	display:block;
	height:25px;
	margin-left:10px;
	padding-top:10px;
	width:110px;
}
#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:2px;
}

#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:258px;
	background-image:url(../img/adress_bg.gif);
	margin-right:8px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#adress h3#livraison_title{
	background-image:url(../img/confirm_shipping.jpg);
	background-repeat:no-repeat;
	height:10px;
	padding-bottom:10px;
	width:230px;
}
#adress h3#facturation_title{
	background-image:url(../img/confirm_billing.jpg);
	background-position:0 2px;
	background-repeat:no-repeat;
	clear:both;
	display:block;
	height:10px;
	padding-bottom:12px;
	width:245px;
}
#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:block;
	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:270px;
	background-image:url(../img/sous_total_bg.gif);
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	
}
#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:17px;
	right:20px;
}
.IdentificationStepTitle {
	background:url(../img/confirm_infos.png) 0 0 no-repeat !important;
	height:15px !important;
	display:block;
	width:451px !important;
	margin-bottom:5px !important;
}

ul .gamme {color:#fcdd01 !important;}

.IdentificationStepTitle span {display:none;}

#btn_print{
	display:block;
	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;
}
#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;
	padding-bottom:20px;
	margin-left:8px;
}
#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;
	font-size:11px;
}
#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:relative;
	
	bottom:31px;
	margin-right:34px;
}
#btn_back_shop{
	display:block;
	float:right;	
	background-image:url(../img/btn_back_shop.gif); 
	width:156px;
	height:31px;
}

.btnBlock{
	text-align:center;
	padding:10px 0px;
}

.btnInscrire{
	background:transparent url(../img/btn_inscrire.gif) repeat scroll 0 0;
	display:block;
	height:31px;
	margin:auto;
	width:120px;
}

.btnAbonadonner {
	background:transparent url(../img/btn_abandonner.png) repeat scroll 0 0;
	display:block;
	height:31px;
	margin:auto;
	width:139px;
}

.btnPoursuivreCommande{
	background:transparent url(../img/btn_poursuivre_commande.gif) repeat scroll 0 0;
	display:block;
	margin:auto;
	height:31px;
	width:250px;
}

.freeShipping{
	width:697px;
	height:auto;
	background-image:url(../img/bg_pontillets.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	text-align:right;
	font-size:13px;
	color:#3b3b38;
	font-weight:bold; 
}
.freeShippingCnt{
	padding:8px;
	background-image:url(../img/bg_pontilletsBottom.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
.freeShipping .highlightedTxt{color:#fcdd01 !important}

.confirmInfos {
	margin-bottom:5px;
}

.nomCivilite, .birthdate, .birthdate2, .confirmTelephone, .confirmAdresse, .confirmCountry, .confirmEmail, .confirmNewsletter, .emailAdrs, .phoneField {
	background-image:url(../img/separator_bis.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

.phoneField {padding:10px 0 0 !important;width:700px !important;}

.mt5 {margin-top:5px !important;}

.intermidiate {
	margin-left:1px !important;
	margin-top:8px !important;
}

.telephoneLabel {width:81px !important;}

.emailAdrs {
	margin-top:15px;
	padding:12px 0 13px;
}

.nomCivilite {
	padding:20px 0 7px;
	font-size:11px;
}

.birthdate2 {
	padding:14px 0 2px;
}

.asterix {
	width:14px;
	display:block;
	color:#fcdd01;
	float:left;
}

.IdentificationStep {
	color:#FFFFFF;
	font-family:verdana;
	margin-left:6px;
	margin-top:10px;
	width:700px;
}

.birthdate div, .birthdate2 div, .phoneField div, .nomCivilite div, .confirmTelephone div, .confirmAdresse div, .confirmCountry div, .confirmEmail div, .confirmNewsletter div {
	clear:both;
	height:10px;
	margin-bottom:8px;
}

.identificationStep {
	padding-top:13px !important;
}

.birthdate {padding:14px 0 8px;}
.confirmTelephone {padding:10px 0 8px;}
.confirmAdresse {padding:10px 0 22px;}
.confirmCountry {padding:14px 0 6px 2px;}
.confirmEmail {padding:12px 0 7px;}
.confirmNewsletter {padding:12px 0 4px;}

.AdresseLine2 {
	display:block;
	height:11px;
	margin-left:63px;
	margin-top:5px;
}

.confirmCheckBox {
	margin-right:3px;
	vertical-align:bottom;
}

.leClubLink {
	background:url(../img/link_leClub.png) 0 0 no-repeat;
	height:15px;
	width:60px;
	cursor:pointer;
	display:block;
	margin-bottom:9px;
}

.buttonsContainer {
	display:block;
	height:31px;
	width:708px;
}

.ModifyProfilLink {
	background:url(../img/modifyProfil_btn.png) 0 0 no-repeat;
	height:31px;
	float:left;
	width:194px;
	cursor:pointer;
	display:block;
	margin-left:6px;
}

.CancelLink {
	background:transparent url(../img/cancel_btn.png) no-repeat scroll 0 0;
	cursor:pointer;
	display:block;
	float:left;
	height:31px;
	margin-left:271px;
	width:105px;
}

.ValidateLink {
	background:transparent url(../img/validate_btn.png) no-repeat scroll 0 0;
	cursor:pointer;
	display:block;
	float:left;
	height:31px;
	margin-left:19px;
	width:106px;
}

.noticeProfil {
	font-family:Verdana !important;
	font-size:10px !important;
	margin:11px 6px 20px 7px;
	color: #999999 !important;
	FONT-WEIGHT: 100;
}