/* Goutal user account stylesheet
---------------------------------------------------------*/

/* clearing floats */
.addressList ul:after,
.account .quantite:after,
.outerForms:after {
	display:block;
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
}



/* structure */
.account #content {
	padding:0 0 4px 13px;
	width:749px;
}
.account #secondary {
	margin-top:-20px;
}


/* central content */
.account #content .titleLevel1 {
	font-size:2em;
	line-height:1em;
	background:url(../img/static/pictos.png) no-repeat 100% -757px;
	padding:17px 38px 10px 0;
	float:left;
	font-variant:normal;
}
		/* to hide it and handle IE8 fieldset border bug */
		.account legend {
			display:block;
			height:0;
			width:0;
			margin:0;
			padding:0;
			visibility:hidden;
			text-indent:-500em;
		}

		/* navigation */
		.accountNav {
			border:1px solid #ecdcd4;
			border-right-width:0;
			border-left-width:0;
			padding:10px 0;
			text-align:center;
			margin-bottom:14px;
			clear:both;
		}
				.accountNav li {
					display:inline;
					padding:0 21px;
					color:#554939;
				}
						.accountNav a {
							color:#554939;
							text-decoration:none;
						}
							.accountNav .active {
								font-weight:bold;
							}
							.accountNav a:hover {
								text-decoration:underline;	
							}
		.account #content p {
			padding:2px 0 10px;
			line-height:1.2em;
		}
		
		/* address list */
		.addressList {
			padding:4px 56px 40px;
			color:#554939;
		}
				.addressList ul {
					width:100%;
				}
						.addressList li {
							float:left;
							width:176px;
							border:1px solid #ecdcd4;
							padding:5px 10px 8px;
							margin:14px 7px 0;
							display:inline;
						}
						.addressList .lineAnfang {
							clear:left;
						}
								#content .addressList p {
									padding:0 0 8px;
								}
										.addressList p label,
										.addressList p input {
											vertical-align:middle;
										}
										.addressList p input {
											width:13px;
											height:13px;
											margin:0;
											background:transparent none;
											border-width:0;
										}
								.addressList big {
									display:block;
									font:1.5em/1em "Times New Roman", "Times", serif;
								}
								.addressList address {
									font-style:normal;
									padding-top:2px;
									line-height:1.3em;
								}
										.addressList li li {
											border-width:0;
											width:auto;
											float:none;
											display:block;
											padding:3px 0 4px;
											margin:0;
											text-align:right;
										}
												.addressList .bouton span {
													padding:3px 24px 4px 0;
												}
												.addressList .erase span {
													padding:2px 24px 3px 0;
												}
		/* address form */
		.addressForm {
			padding-top:10px;
		}
				.addressForm fieldset {
					width:380px;
					margin:0 auto;
					border:1px solid #edddd5;
					padding:14px 10px;
				}
						#content .addressForm p {
							padding:0 0 11px;
						}
								#content .addressForm .addressName {
									padding:0 0 4px 148px;
									font-size:.916em;
									line-height:1.2em;
								}
								.addressForm label,
								.addressForm input {
									vertical-align:middle;
								}
								.addressForm label {
									display:inline-block;
									width:134px;
									padding-right:11px;
									text-align:right;
									color:#b99d96;
								}
										.addressForm label .required {
											color:#f00;
										}
								.addressForm input,
								.addressForm select {
									font-size:1em;
									color:#000;
								}
								.addressForm input {
									width:196px;
									height:18px;
								}
								.addressForm select {
									width:208px;
								}
								.addressForm #civilite select {
									width:115px;
								}
								.addressForm small {
									display:block;
									padding:3px 0 0 148px;
									color:#f00;
									font-size:.916em;
									display:none;
									margin-bottom:-7px;
								}
										.addressForm .error small {
											display:inline-block;
										}
								.addressForm #birthdate .day {
									width:51px;
								}
								.addressForm #birthdate .month {
									width:83px;
								}
								.addressForm #birthdate .year {
									width:67px;
								}
					#content .addressForm .validation {
						text-align:right;
						padding:0 24px 0 0;
					}
							.addressForm .validation small {
								display:block;
								text-align:right;
								padding:0 0 5px;
								margin-bottom:0;
							}
							.addressForm .validation input {
								height:auto;
								width:auto;
								background-image:url("../img/static/bt-addToBasket.png");
								border-width:0;
							}
							
							.addressForm .validation a {
								display: block;
								float: left;
								height: 15px;
								width: auto;
								margin: 2px 0 0 140px;
								padding: 2px 10px 0px 10px;
								background-image:url("../img/static/bt-address.png");
								background-position: center;
								border-width: 0;
								border-left: 1px solid silver;
								border-right: 1px solid silver;
								text-decoration: none;
								color: black;
							}
							.addressForm .validation .popin-lostPassword {
								background:none;
								margin-left: 90px;
								border: 0px;
							}
							
		/* login */
		.outerForms {
			width:100%;
			clear:both;
		}
				.loginPage .addressForm {
					float:left;
					width:400px;
				}
				.loginPage .loginForm {
					margin-right:10px;
					width:330px;
				}
						.loginPage #content .addressForm .titleLevel2 {
							color:#b99d96;
							font-size:1.666em;
							line-height:1em;
							padding-bottom:14px;
						}
						.loginForm fieldset {
							width:310px;
						}
								.loginForm label {
									width:87px;
								}
								#content .loginForm .validation {
									padding-right:1px;
								}
								.loginForm .validation a {
									color:#b99d96;
								}
								.loginForm .validation small {
									color:#b99d96;
									text-decoration:underline;
									padding-bottom:0;
								}
									.loginForm .validation a:hover small{
										text-decoration:none;
									}
								.loginForm .bouton {
									margin-top:20px;
								}
		/* opt-in */
		.optin {
			text-align:left;
			padding:5px 0 7px;
		}
				.addressForm .optin p {
					color:#b99d96;
				}
				.optin li {
					padding-bottom:5px;
				}
				.optin label {
					text-align:left;
					width:320px;
					padding:0 0 5px 7px;
				}
				.optin label,
				.optin input {
					vertical-align:top;
				}
				.optin input {
					margin:0;
					border-width:0;
					background:transparent none;
				}
		
		/* abonnements */
		
		.abonnements #content p,
		.abonnements #content fieldset {
			padding-right:80px;
		}
		.abonnements #content fieldset {
			padding-top:15px;
		}
		.abonnements #content .validation {
			text-align:right;
			padding-right:0;
			padding-top:23px;
		}
		.abonnements .bouton {
			font-size:1.2em;
		}					
		
		
		/* favorites */
		.cartArea {
			text-align:center;
			width:100%;
		}
				.cartArea th,
				.cartArea td {
					text-align:center;
				}
				
				.cartArea th {
					padding:7px 0;
					background-color:#FDF9DC;
					font-weight:normal;
				}
				.cartArea td {
					border: none;
					background: #fff;
					padding:4px 0;
				}
				#content .cartArea .left {
					border-left-width:1px;
					padding-left:9px;
				}
				#content .cartArea .right {
					border-right-width:1px;
				}
				.cartArea .emptyLine td {
					height:6px;
					border-width:0;
					line-height:10px;
					padding:0;
				}
				.cartArea #size {
					width:82px;
				}
				.cartArea #quantity {
					width:68px;
				}
				.cartArea #price {
					width:80px;
				}
				.cartArea #discount {
					width:71px;
				}
				.cartArea #availability {
					width:86px;
				}
				.cartArea #subtotal {
					width:73px;
				}
				.cartArea #deleteItem {
					width:44px;
				}
				.cartArea #select {
					width:40px;
				}
				
				.cartArea .productLabel {
					text-align:left;
				}
						.cartArea .visuel {
							float:left;
							padding-right:8px;
						}
						.cartArea .productLabel a {
							display:inline-block;
							margin-top:22px;
							color:#87615c;
							line-height:1.1em;
						}
				
				
				.cartArea .quantite {
					width:49px;
					margin:7px auto 0;
				}
						.cartArea .quantite span {
							float:left;
							width:49px;
						}
								.cartArea .quantite input {
									width:33px;
									text-align:center;
									padding:5px 0 4px;
									float:left;
									border:1px solid #dbd1c1;
									line-height:12px;
									background:transparent none;
								}
								.cartArea .quantite a {
									display:block;
									width:14px;
									line-height:12px;
									background-color:#dbd1c1;
									float:left;
									color:#000;
									text-decoration:none;
									text-align:center;
								}
								.cartArea .quantite .less {
									border-top:1px solid #7b6e5c;
								}
			.cartArea .delete a {
				display:block;
				text-indent:-500em;
				outline-width:0;
				width:12px;
				height:12px;
				margin:0 auto;
				background:url(../img/static/pictos.png) no-repeat -531px -988px;
			}
			.cartArea input {
				border-width:0;
				background:transparent none;
			}
			#content .cartForm .validation {
				text-align:right;
				padding-top:12px;
			}
					.cartForm .validation a,
					.cartForm .validation .bouton {
						vertical-align:middle;
					}
					.cartForm .validation .bouton {
						font-size:1.2em;
						margin-left:18px;
					}
							.cartForm .validation a,
							.cartForm .validation .bouton input {
								color:#000;
							}
							.js .cartForm .deselectAll {
								display:none;
							}
		
		/* Orders */
		.ordersRecap {
			padding-bottom:12px;
		}
				.orders #reference {
					width:115px;
				}
				.orders #orderDate {
					width:84px;
				}
				.orders #status {
					width:150px;
				}
				.orders #packageNumber {
					width:145px;
				}
				.orders #details {
					width:130px;	
				}
				.orders #invoice {
					width:98px;
				}
						.orders .ordersRecap td {
							border-width:0;
						}
						.orders #content .drawTop {
							border-top-width:1px;
						}
						.orders #content .drawBottom {
							border-bottom-width:1px;
						}
						.orders #content .cartArea a {
							color:#000;
						}
						.orders #content .packageNumber a {
							color:#0089ff;
						}
						.orders .status {
							text-align:left;
							padding-left:22px;
						}
						.orders #invoice,
						.orders .invoice {
							text-align:left;
							padding-left:25px;
						}
						.orders .invoice a {
							display:block;
							width:28px;
							height:26px;
							background:url(../img/static/pictos.png) no-repeat -704px -986px;
							text-indent:-500em;
							outline-width:0;
							margin-left:6px;
						}
			.orders .cartArea {
				margin-bottom:2px;
			}
					.orders .cartArea #size {
						width:91px;
					}
					.orders .cartArea #quantity {
						width:87px;
					}
					.orders .cartArea #price {
						width:115px;
					}
					.orders .cartArea #discount {
						width:83px;
					}
					.orders .cartArea #subtotal {
						width:111px;
					}	
			#content p.infoOrder,
			#content p.totalOrder {
				padding:6px 0 7px;
				margin-top:2px;
				text-align:right;
			}
			.infoOrder {
				background-color:#FDF9DC;
			}
			#content p.totalOrder {
				background-color:#fcf9d3;
				margin:8px 0 12px;
				font-weight:bold;
			}
					.infoOrder span,
					.totalOrder span {
						display:inline-block;
						width:100px;
						padding-right:100px;
						
					}
			
			/* addresses list */
			.orders .addressList {
				padding-left:0;
				padding-top:11px;
			}		
					.orders .addressList .first {
						margin-left:0;
					}
					.orders .addressList big {
						padding:12px 0 10px;
					}

		/* Abonnement newsletter */
		.newsletter #content .titleLevel1 {
			float:none;
			background-image:none;
		}
		.newsletter #content p {
			padding-right:0;
		}
				.newsletter #content p a.example { /* AnanhNL + */
					padding-left: 10px;
					background: url(/img/static/pictos.png) -728px -240px no-repeat;
				}
				.newsletter #content p a.example:hover { /* AnanhNL + */
					padding-left: 10px;
					background: url(/img/static/pictos.png) -726px -240px no-repeat;
				}
		.newsletter #content .col { /* AnanhNL + */
			float: left;
			width: 374px;
		}
		.newsletter #content .col img { /* AnanhNL + */
			margin: 11px 0 0 30px;
		}
		
				.newsletter #content .col p { /* AnanhNL + */
					max-width: 360px;
				}
		.newsletter #content fieldset {
			padding:14px 0; /* AnanhNL  contre 14 0 */
			margin:0;
			width: auto; /* AnanhNL  + */
		}
		.newsletter #content fieldset  input {
			width: 180px; /* AnanhNL  + */
		}
		.newsletter #content fieldset.registerNl  input {
			width: auto! important; /* AnanhNL  + */
		}
		.newsletter #content fieldset  select {
			width: 192px; /* AnanhNL  + */
		}
				.newsletter #content .validation {
					padding: 0;
					width: 340px;
				}
				.addressForm .optin input {
					width:13px;
					height:13px;
					background:transparent none;
				}
		.newsletter .registerNl {
			width:auto;
			border-width:0;
		}
				/*.newsletter .registerNl label {
					width:680px;
				}
				.newsletter .registerNl .optin label,
				.newsletter .registerNl .optin input {
					vertical-align:middle;
				} AnanhNL */
				.newsletter #content .registerNl .validation {
					padding-top:12px;
					/*text-align:center; AnanhNl */
				}
						.newsletter .registerNl .validation .bouton {
							font-size:1em;
						}