/* Controls > Step Item
-------------------------------------------------------------- */

#shop_ControlStepItem {
	margin: 50px 0 0 0;
	height: 36px;
}

	#shop_ControlStepItem a {
		text-decoration: none;
	}

	#shop_ControlStepItem .stepItem {
		display: block;
		width: 100%;
		height: 36px;
		float: left;
		margin: 0;
		cursor: pointer;
		border: 0 solid #fff;
		background-color: #f7f7f7;
		
		color: #1d191c;
		text-align: center;
		line-height: 36px
	}

	#shop_ControlStepItem .stepItem:hover {
		margin: 0px;
		border: 0px solid #ffffff;
		cursor: pointer;
	}

	#shop_ControlStepItem .separator {
		width: 10px;
		height: 36px;
		float: left; 
		background: url('images/stepitemseparator.gif') -130px 0 no-repeat;
	}
		
	#shop_ControlStepItem .stepItemDisabled {
		background: #f7f7f7

		color: #1d191c;
	}

	#shop_ControlStepItem .stepItemDisabled:hover {
		cursor: no-drop;

		color: #1d191c;
	}

	#shop_ControlStepItem .separatorDisabled {
		background: url('images/stepitemseparator.gif') -130px 0 no-repeat;
	}

	#shop_ControlStepItem .stepItemHigh {
		background: #ee3650;

		color: #ffffff;
	}

	#shop_ControlStepItem .separatorHigh {
		background: url('images/stepitemseparator.gif') -110px 0 no-repeat;
	}
	
	#shop_ControlStepItem .separatorHigh5 {
		background: url('images/stepitemseparator.gif') -110px 0 no-repeat;
	}
	
	#shop_ControlStepItem .separatorHighLeft {
		background: url('images/stepitemseparator.gif') -30px 0 no-repeat;
	}
	
	#shop_ControlStepItem .separatorHighLeftRelaunch {
		background: url('images/stepitemseparator.gif') -90px 0 no-repeat;
	}

	#shop_ControlStepItem .separatorPassed {
		background: url('images/stepitemseparator.gif') -10px 0 no-repeat;
	}

	#shop_ControlStepItem .stepItemPassed {
		background: #f7f7f7;
		color: #1d191c;
	}

	#shop_ControlStepItem .stepItemPassed:hover{}
	
/* Controls > Shopping Cart
-------------------------------------------------------------- */

#shop_ControlShoppingCart {
	width: auto;
	height: 26px;
	float: right;
	background: #ee3650;
	border-radius: 20px;
	height: 40px;
	width: 180px;
	margin-top: 44px;
	color: white;
	font-size: 13px;
}

#shop_ControlShoppingCart.hover 
{
	background: #db2f48;
}

#shop_ControlShoppingCart * 
{
	color: inherit;
}

#shop_ControlShoppingCart i 
{
	font-size: 1.3em;
	margin-right: 4px;
}

	#shop_ControlShoppingCart h3 {
		width: auto;
		float: left;
		margin: 0 10px 0 0;
		
		font-size: 17px;
		color: #fff;
	}

	#shop_ControlShoppingCart .numberItem,
	#shop_ControlShoppingCart .amount
	{
		display: block;
		width: 50%;
		float: left;
		line-height: 40px;
		/* padding: 0 8px; */
		text-align: center;
		box-sizing: border-box;
	}

	#shop_ControlShoppingCart .numberItem
	{
		border-right: solid 1px rgba(0, 0, 0, .15);
	}

	#shop_ControlShoppingCart .amount
	{
		border-left: solid 1px rgba(255, 255, 255, .15);
	}
	
	/* #shop_ControlShoppingCart .amount, */
	#shop_ControlShoppingCart small,
	#shop_ControlShoppingCart .btnOrder,
	#shop_ControlShoppingCart .btnViewShoppingCart,
	#shop_ControlShoppingCart .btnCompte { display: none; }

/* Controls > Quick Add
-------------------------------------------------------------- */

#shop_ControlQuickAdd {}

/* Controls > Last Orders
-------------------------------------------------------------- */

#shop_ControlLastOrders {
	margin: 0 0 30px 0;
}
	
	#shop_ControlLastOrders .rowOrder {}
	
		#shop_ControlLastOrders .rowOrder .orderStatusInProcess { color: green; }
        #shop_ControlLastOrders .rowOrder .orderStatusOnHold { color: orange; }
        #shop_ControlLastOrders .rowOrder .orderStatusProblemOrder { color: red; }
        
		#shop_ControlLastOrders .rowOrder .paymentStatusUnPaid { color: red; font-weight: bold; }
	    #shop_ControlLastOrders .rowOrder .paymentStatusOnHold { color: red; font-weight: bold; }
        #shop_ControlLastOrders .rowOrder .paymentStatusPendingAuthorized { color: green; }
        #shop_ControlLastOrders .rowOrder .paymentStatusPaid { color: green; }
        #shop_ControlLastOrders .rowOrder .paymentStatusPartiallyPaid { color: orange; }
        #shop_ControlLastOrders .rowOrder .paymentStatusPaymentError { color: red; font-weight: bold; }
        #shop_ControlLastOrders .rowOrder .paymentStatusRefunded { color: orange; }
        #shop_ControlLastOrders .rowOrder .paymentStatusCancelled  { color: red; font-weight: bold; }
		
		#shop_ControlLastOrders .rowOrder .shippingStatusUnShipped { color: red; }
        #shop_ControlLastOrders .rowOrder .shippingStatusPrepared { color: orange; }
        #shop_ControlLastOrders .rowOrder .shippingStatusPartiallyShipped { color: orange; }
        #shop_ControlLastOrders .rowOrder .shippingStatusShipped { color: green; }
        #shop_ControlLastOrders .rowOrder .shippingStatusShippingError { color: red; }
	
	#shop_ControlLastOrders .rowOrderFinished {}
		
        #shop_ControlLastOrders .rowOrderFinished .orderStatusCompleted { }
        #shop_ControlLastOrders .rowOrderFinished .orderStatusCancelled { }
        
        #shop_ControlLastOrders .rowOrderFinished .paymentStatusPaid { }
        #shop_ControlLastOrders .rowOrderFinished .paymentStatusRefunded { }
        #shop_ControlLastOrders .rowOrderFinished .paymentStatusCancelled  {  }
		
		#shop_ControlLastOrders .rowOrderFinished .shippingStatusUnShipped { }
        #shop_ControlLastOrders .rowOrderFinished .shippingStatusPrepared { }
        #shop_ControlLastOrders .rowOrderFinished .shippingStatusPartiallyShipped { }
        #shop_ControlLastOrders .rowOrderFinished .shippingStatusShipped { }
        #shop_ControlLastOrders .rowOrderFinished .shippingStatusShippingError { }

/* Shop > Pop Shopping Cart
-------------------------------------------------------------- */

#shop_PopShoppingCart {
	width: 400px;
	background-color: #fff;
}

#shop_PopShoppingCart .content {
	width: 400px;
}

	#shop_PopShoppingCart .content .btnContinue,
	#shop_PopShoppingCart .content .btnOrder {
		display: block;
		width: 45%;
		padding: 10px;

		font-size: 17px;
		font-style: italic;
		text-align: center;
	}

	#shop_PopShoppingCart .content .btnContinue {
		float: left;
		background-color: #f7f7f7;
		color: #444444;
	}

	#shop_PopShoppingCart .content .btnOrder {
		float: right;
		background-color: #ee3650;

		-webkit-transition: 0.25s linear;
		transition: 0.25s linear;

		color: #fff;
	}

	#shop_PopShoppingCart .content .btnContinue:hover {
		color: #ee3650;
	}

	#shop_PopShoppingCart .content .btnOrder:hover {
		background-color: #27AE60;
	}

		#shop_PopShoppingCart .content .total h2 {
			font-size: 20px;
			font-weight: bold;
			text-align: center;
		}

/* Shop > Customer Area
-------------------------------------------------------------- */

#shop_CustomerArea,
.viewOrder {
	padding: 1px 0 0 0;
}

	#shop_CustomerArea h3 {}

	#shop_CustomerArea .two-columns .column {
		width: 580px!important;
	}

	#shop_CustomerArea .two-columns .column .cadre {
		padding: 20px 30px;
	}

	#shop_CustomerArea .block {
		display: block;
		width: 138px;
		height: 100px;
		padding: 40px 50px;
		margin: 0 -1px -1px 0;
		float: left;

		border: 1px solid #dedede;

		text-align: center;
	}

 	#shop_CustomerArea .block span.ico {
		display: block;
		width: 60px;
		height: 60px;
		margin: 0 auto 5px auto;
		background-color: #fff;
		box-shadow: 0 0 6px #dedede;
		border: 1px solid #dedede;

		color: #ee3650;
		font-size: 30px;
		line-height: 59px;
	}

	#shop_CustomerArea .blockHover {
		background-color: #ee3650;
	}

	#shop_CustomerArea .blockHover a {
		color: #fff;
	}

	#shop_CustomerArea .block a {
		display: block;
		margin: 0 0 5px 0;
		padding: 0;

		font-size: 16px;
		text-decoration: none;
	}

	#shop_CustomerArea .block .text {
		font-size: 14px;
		color: #818181;
	}

	#shop_CustomerArea .separator {
		width: 10px;
		height: 1px;
		float: left;
	}

	#shop_CustomerArea .btnLogoff,
	.btn.icon-chevron-left  {	
		position: absolute;
		top: 25px;
		right: 0;

		font-size: 18px;
		text-decoration: none;
	}

	.btn.icon-user {
		display: block;
		padding: 10px 20px;

		cursor: pointer;
		position: relative;
		top: 25px;
		font-family: 'Ubuntu', sans-serif;

		font-weight: bold;
		font-size: 14px;

		text-decoration: none;
	}

	.btn.icon-user:before {
		font-family:"FontAwesome";
		margin: 0 15px 0 5px;
	}

/* Shop > Address List
-------------------------------------------------------------- */

#shop_AddressList {}

	#shop_AddressList .cadre {
		width: 303px;
		height: 170px;
		margin: 0 0 10px 0;
		position: relative;
	}

	#shop_AddressList .cadre .tools {
		position: absolute;
		bottom: 10px;
	}

	#shop_AddressList .cadre .tools span {
		width: 28px;
		height: 28px;
		display: inline-block;
		background-color: #ee3650;
		border-radius: 100%;
		font-size: 14px;
		font-weight: bold;
		line-height: 28px;
		text-align: center;
		color: #fff;
	}
	#shop_AddressList .cadre .tools span:hover { background-color: #1D191C; }

	#shop_AddressList .cadre .tools span.icon-edit {
		width: 24px;
		padding: 0 0 0 4px;
	}

	#shop_AddressList .separator {
		width: 11px; 
		height: 1px;
		float: left; 
	}

/* Shop > Order Step Pagination
-------------------------------------------------------------- */

#shop_orderStepPagination {
	margin: 30px 0 20px 0;
}

	#shop_orderStepPagination a {
		padding: 10px 20px;
		border: none;
		background-color: #ee3650;
		cursor: pointer;

		color: #fff;
		font-size: 14px; 
		text-decoration: none;
	}

	#shop_orderStepPagination .leftSide {
		float: left;
	}

		#shop_orderStepPagination .leftSide .btn {
			display: inline-block;
			-webkit-transition: 0.25s linear;
			transition: 0.25s linear;
		}

		#shop_orderStepPagination .leftSide .btn:hover {
			background-color: #e74c3c;
		}

	#shop_orderStepPagination .rightSide {
		float: right;
		width: 400px;

		text-align: right;
	}

		#shop_orderStepPagination .rightSide .btn {
			display: inline-block;
			-webkit-transition: 0.25s linear;
			transition: 0.25s linear;
		}

		#shop_orderStepPagination .rightSide .btn:hover {
			background-color: #27AE60;
		}

	#shop_orderStepPagination .rightSide .expressOrder .btn {
		display: inline-block;
		float: right;
		margin: 0 0 0 10px;

		font-style: italic;
		font-weight: bold;
	}

/* Shop > Misc
-------------------------------------------------------------- */

.viewOrder {}

	.viewOrder .actions a {
		padding-right: 6px;
		margin-right: 3px;
		border-right: 1px solid #d0d0d0;
	}

.shippingMethod,
.paymentMethod {
}

	.shippingMethod a,
	.paymentMethod a {
		color: #000000;
		text-decoration: none;
	}

.pickupPoints {}
	
	.pickupPoints .point {
		width: 180px;
		margin-bottom: 0; 
		padding: 10px; 
		border: 3px solid :;
	}

	.pickupPoints .separator {
		width: 10px; 
		height: 10px;
		float: left;
	}

	.pickupPoints .odd {
		background-color: #f5f5f5;
	}

	.pickupPoints .even {
		background-color: #fff;
	}


/* Kiala Iframe
-------------------------------------------------------------- */

.btnKiala .btn {
	float: right;
	
	margin-right: 30px;
	padding: 4px 10px;
}

/* mondialRelayFilter
-------------------------------------------------------------- */

.mondialRelayFilter {
	background: #ee3650;
	padding: 10px;
	margin: 0 0 30px 0;
	color: #ffffff;
}
	.mondialRelayFilter input {
		margin: 0 60px 0 5px;
	}

	.mondialRelayFilter input.btn {
		float: right;
		background: #ffffff;
		color: #ee3650;
		margin: 0;
	}

.listMRPointsWrap {
	margin: 0 0 30px 0;
}

	.listMRPointsWrap table {
		width: 100%;
	}

	.listMRPointsWrap td {
		width: 31%;
		padding: 0;
	}

	.listMRPointsWrap a {
		text-decoration: none;
		text-transform: lowercase;
	}

	.iFrameMRPoints {
		float: left;
		margin: 0 10px 0 0;
		overflow: hidden;
	}

	.listMRPointsCoordonee {
		width: 518px;
		float: left;
	}

	.listMRPointsCoordonee img {
		float: left;
		margin: 0 10px 0 0;
	}

	.listMRPointsInfos {
		width: 261px;
		float: left;
	}

		.listMRPointsInfos h2 {
			margin: 0;
			font-size: 20px;
			line-height: 20px;
		}

		.listMRPointshoraires {
			margin: 15px 0;
		}

			.listMRPointshoraires th {
				text-align: right;
				padding: 0 10px 0 0;
			}



/* security login
-------------------------------------------------------------- */


.creat-account tr, .formulaire.login tr{
	float: left;
	width: 50%;
}