.workflow{
	height: 58px;
	width: 570px;
	margin: 0px auto;
	padding-top:10px;
}
.workflow .cart{
	float:left;
	margin-left:50px;
	width: 86px;
	height: 58px;
	background-image: url("../template/workflow/states.png");
	background-repeat: no-repeat;
	background-position: 0px -58px;
	cursor: pointer;
}
.workflow .login{
	float:left;
	margin-left:50px;
	width: 98px;
	height: 58px;
	background-image: url("../template/workflow/states.png");
	background-repeat: no-repeat;
	background-position: -86px -58px;
	cursor: pointer;
}
.workflow .shipment{
	float:left;
	margin-left:50px;
	width: 65px;
	height: 58px;
	background-image: url("../template/workflow/states.png");
	background-repeat: no-repeat;
	background-position: -184px -58px;
	cursor: pointer;
}
.workflow .paiement{
	float:left;
	margin-left:50px;
	width: 70px;
	height: 58px;
	background-image: url("../template/workflow/states.png");
	background-repeat: no-repeat;
	background-position: -249px -58px;
	cursor: pointer;
}
.workflow .cart.actif{
	background-position: 0px 0px;
}
.workflow .login.actif{
	background-position: -86px 0px;
}
.workflow .shipment.actif{
	background-position: -184px 0px;
}
.workflow .paiement.actif{
	background-position: -249px 0px;
}

/* CART */

.cartTitle{
	background-image: url("../template/workflow/cart/titre.png");
	width: 822px;
	height: 35px;
	font-size: 24px;
	color: #c0a248;
	font-weight: bold;
	padding-top:10px;
}
.cartTopMenu{
	background-image: url("../template/workflow/cart/top_menu.png");
	width: 824px;
	height: 26px;
	margin-left:2px;
}
.cartListTop{
	margin-left: 3px;
	background-image: url("../template/workflow/cart/table_top.png");
	width: 820px;
	height: 9px;
}
.cartListMiddle{
	padding-top:5px;
	margin-left: 3px;
	background-image: url("../template/workflow/cart/table_middle.png");
	width: 820px;
}
.cartListBottom{
	margin-left: 3px;
	background-image: url("../template/workflow/cart/table_bottom.png");
	width: 820px;
	height: 8px;
}
.cartListSeparator{
	background-image: url("../template/workflow/cart/separator.png");
	width: 816px;
	height: 1px;		
}
.cartListPicture{
	float:left;
	width: 80px;
	padding: 10px;
	margin:0 29px 0 29px;
	border:1px solid #c0a248;
}
.cartListLeftColumn{
	float:left;
	width: 100px;
	margin:0 29px 0 29px;
}
.cartListNbProducts{
	float:left;
	width: 80px;
	padding: 10px;
	margin:0 30px 0 30px;	
}
.cartListInfos{
	float:left;
	width: 420px;
}
.cartListPrice{
	float:left;
	width: 80px;
	color:#c0a248;
	font-weight: bold;
	font-size: 14px;
}
.cartListPriceMini{
	color:#666666;
	font-size: 10px;	
}
.cartListQuantity{
	float:left;
	width: 160px;
}
.cartListDelete{
	margin-bottom:10px;
	float:right;
	background-image: url("../template/workflow/cart/delete_bg.png");
	width: 652px;
	height: 20px;
	padding-left:5px;
	padding-top:1px;
}
.cartButtons{
	width: 448px;
	margin: 0px auto;	
	margin-top:15px;
}
.cartButtonKeepShopping{
	float:left;
	width: 168px;
	height: 34px;
	background-image: url("../template/workflow/cart/continuer.png");
	background-color: transparent;
	cursor: pointer;
}
.cartButtonCommand{
	float:left;
	margin-left:20px;
	width: 199px;
	height: 37px;
	background-image: url("../template/workflow/cart/commander.png");
	background-color: transparent;
	cursor: pointer;
	border: 0;
}
.cartButtonSecurised{
	float:left;
	width: 18px;
	height: 24px;
	margin-left:10px;
	margin-top:10px;
	background-color: transparent;
}
.cartModif{
	position: absolute;
	top:150px;
	left:250px;
	width: 300px;
	height: 150px;
	border:2px solid #FF8888;
	background-color: #fff8f8;
	padding:15px;
}
.cartCancelButton{
	cursor: pointer;
	width: 100px;
	padding-top:6px;
	height: 20px;
	font-weight: bold;
	color:#FFFFFF;
}
.cartCancelButton.active{
	background-image: url("../template/workflow/cart/cancel.png");
	background-color: transparent;
	background-position: 0 0;
	color:#FFFFFF;
}

/* LOGIN - INSCRIPTION */
.identTextTitle{
	font-size: 15px;
	font-weight: bold;	
	font-weight: bold;
}
.identTextInfos{
	font-size: 10px;
	color: #666666;	
}
.identLeftArea{
	margin-top:10px;
	float: left;
	width: 380px;
}
.identRightArea{
	margin-top:10px;
	float: left;
	width: 450px;
}
.identLoginTop{
	width: 279px;
	height: 13px;
	background-image: url("../template/workflow/login/login_top.png");
}
.identLoginMiddle{
	width: 279px;
	background-image: url("../template/workflow/login/login_middle.png");
}
.identLoginBottom{
	width: 279px;
	height: 38px;
	background-image: url("../template/workflow/login/login_bottom.png");
	padding-top:8px;
}
.identLoginBottomNoButton{
	width: 279px;
	height: 13px;
	background-image: url("../template/workflow/login/login_bottom_no_button.png");
}
.identInscriptionTop{
	width: 444px;
	height: 14px;
	background-image: url("../template/workflow/login/new_top.png");
}
.identInscriptionMiddle{
	width: 444px;
	background-image: url("../template/workflow/login/new_middle.png");
}
.identInscriptionBottom{
	width: 444px;
	height: 39px;
	background-image: url("../template/workflow/login/new_bottom.png");
	padding-top:8px;
}
.identButton{
	width: 107px;
	height: 27px;
	background-image: url("../template/buttons/workflow.png");
	background-color:transparent;
	margin: 0px auto;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	border:0;
}
.identPaiementButton{
	width: 200px;
	height: 23px;
	background-image: url("../template/buttons/workflow_medium.png");	
	background-color: transparent;
	color:#FFFFFF;
	padding-top:4px;
	cursor: pointer;
	font-weight: bold;
}
.createButton{
	width: 220px;
	height: 27px;
	background-image: url("../template/buttons/workflow_big.png");
	background-color: transparent;
	margin: 0px auto;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	border:0;
}

/* SHIPMENT */

.shipBillAddressContainer{
	float:left;
	width: 50%;
}
.shipShipAddressContainer{
	float:left;
	width: 49%;	
}
.shipChoiceContainer{
	float:left;
	width: 50%;	
}
.shipValidateContainer{
	float:left;
	width: 49%;
	padding-top: 40px;
}
.shipBlocTitle{
	background-image: url("../template/workflow/shipment/topBar.png");
	width: 395px;
	height: 25px;
	color:#FFFFFF;
	padding:5px 0 0 10px;
}
.shipBlocContent{
	position: relative;
	width: 397px;
}
.shipAddressChoice{
	width: 377px;
	padding:0 10px;		
}
.shipAddressContent{
	background-color: #FFFFFF;
	height: 144px;
	width: 392px;
	margin-left:5px;
	margin-top: 5px;
	padding-top:5px;
}
.shipAddressContentTitle{
	height:20px;
	background-color: #f8f8f8;
	padding: 0 10px;
	margin-bottom:10px;
}
.shipAddButton{
	background-image: url("../template/workflow/shipment/add.png");
	background-repeat: no-repeat;
	background-color: transparent;
	height: 19px;
	padding-left: 25px;
	font-weight: bold;
	cursor: pointer;
}
.shipUpdateAddress{
	position: absolute;
	bottom:0px;
	left:6px;
	width: 391px;
	height: 27px;
	background-color: #e1e1e1;
}
.shipUpdateAddressButton{
	width: 69px;
	height: 23px;
	background-image: url("../template/buttons/workflow_small.png");	
	background-color: transparent;
	color:#FFFFFF;
	padding-top:4px;
	cursor: pointer;
}

.shipChoiceContent{
	background-image: url("../template/workflow/shipment/ship_choice_bg.png");
	margin-left:7px;
	width: 387px;
	padding-left:3px;
}
.shipValidateButton{
	background-image: url("../template/workflow/shipment/button.png");
	background-color: transparent;
	width: 217px;
	height: 50px;
	margin: 0 auto;
	cursor: pointer;
}

/* PAIEMENT */

.paiementTopMenu{
	background-image: url("../template/workflow/paiement/top_menu_ship.png");
	width: 814px;
	height: 21px;
	color:#FFFFFF;
	padding:5px 0 0 10px;
	margin-left:3px;
}
.paiementSelectCards{
	background-image: url("../template/workflow/paiement/select_cards_bg.png");
	width: 810px;
	height: 116px;
	padding:5px;		
	margin-left:5px;
}
.paiementTxtInfo{
	background-image: url("../template/workflow/paiement/infoCards.png");
	width: 817px;
	height: 37px;
	padding-top:3px;	
}
.paiementCards{
	background-image: url("../template/workflow/paiement/cards.png");
	width: 296px;
	height: 45px;	
	margin: 10px auto;
	cursor: pointer;
}

.buttonPaiement{
	background-image: url("../template/workflow/paiement/buttonPaiement.png");
	background-color: transparent;
	width: 300px;
	height: 37px;	
	margin: 0 auto;
	cursor: pointer;
	border: 0;
}
