@import "reset.css";
 
  body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #999;
	background: #000; }

/* body de noel
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #999;
	background: #000132 url(../img/back_noel_02.jpg) repeat-y scroll center top; 
	}
*/
/* body de St valentin
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #999;
	background: #2a142b url(../img/bg_stva.jpg) repeat-x scroll center top; 
	}
*/


/* global */
a:link, a:active, a:visited {
	color: #999;
	text-decoration: none; }
 
a:hover { color: #000; }
 
.left {
	width: 49.9%;
	float: left;
	display: inline; }
 
.right {
	width: 49.9%;
	float: right;
	display: inline;
	text-align: right; }
 
em { font-style: normal; }
 
.ib {
	display: inline-block;
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	vertical-align: top;
	zoom: 1;
	*display: inline; }
 
.block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
 
* html .block { height: 1%; }
 
*:first-child+html .block { min-height: 1px; }
 
.security-badge {
	background: url(../img/badge_hsbc.png);
	width: 128px;
	height: 36px;
	margin: 12px;
	text-indent: -1000em; }
	
.security-badge_ang {
	background: url(../img/badge_hsbc_ang.png);
	width: 128px;
	height: 36px;
	margin: 12px;
	text-indent: -1000em; }	
 
a.btn {
	width: 220px;
	height: 30px;
	line-height: 29px;
	background: url(../img/btn_1.png) no-repeat right;
	display: block;
	color: #000;
	text-align: right;
	font-weight: bold;
	padding: 0 10px 0 0;
	margin: 0 0 10px;
}
 
	a.btn:hover {
		background: url(../img/btn_1_on.png) no-repeat right;
		color: #39a1e1; }
 
* html a.btn { color: #000 !important; }
 
	* html a.btn:hover { color: #39a1e1 !important; }
 
/* Structure */
#page {
	background: #fff;
	width: 976px;
	margin: 0 auto;
	font-size: 11px; }
 
#body { border-bottom: 1px solid #ccc; }
 
#main { background: #e9edef; }
 
	#main .security-badge {
		margin-top: 30px;
		margin-bottom: 30px; }
 
#page #main .col-1 { padding: 35px 20px 0 0; }
 
#page #main .col-3 { padding: 20px 12px 0 24px; }
 
#page.order-page #main {
	background: #fff;
	border-right: 10px solid #e9edef; }
 
	#page.order-page #main .col-1 { padding-top: 0 !important; }
 
	#page.order-page #main .col-2-3 {
		width: 762px;
		padding-top: 10px; }
 
#page .col-1 {
	width: 184px; 
	padding: 0 20px 0 0;
	float: left; }
 
#page .col-2 {
	width: 554px; 
	float: left; }
 
* html .col-2 { overflow: hidden; }
 
#page .col-3 {
	width: 182px; 
	padding: 0 12px 0 24px;
	float: left; }
 
#page .col-2-3 {
	width: 772px; 
	float: left; }
 
/* header */
#header {
	position: relative;
	z-index: 100;  }
 
	#header .col-3 { position: relative; }
 
h1#logo { margin: 15px 8px; }
 
	h1#logo a {
		width: 100%;
		height: 98px;
		float: left;
		background: url(../img/logo.png) no-repeat 0 0;
		text-indent: -1000em; }
 
h2#tagline {
	font-weight: bold;
	font-size: 14px;
	color: #000;
	padding: 10px 0; }
 
/* top-nav */
#top-nav { margin: 52px 0 0; }
 
	#top-nav li {
		float: left;
		width: 50%;
		overflow: hidden; }
 
		#top-nav li a {
			float: left;
			text-indent: 18px;
			padding: 5px 0; }
 
		#top-nav li.account a { background: url(../img/ico_account.png) no-repeat 0 center; }
 
		#top-nav li.lang a { background: url(../img/ico_lang.png) no-repeat 0 center; }
 
		#top-nav li.help a { background: url(../img/ico_help.png) no-repeat 0 center; }
 
		#top-nav li.pro a { background: url(../img/ico_pro.png) no-repeat 0 center; }
 
/*cart summuary*/
#cart-summary {
	border: 1px solid #999;
	border-right: 4px solid #999;
	border-bottom: 4px solid #999;
	padding: 7px;
	margin: 5px 0;
	cursor: pointer; }
 
	#cart-summary label {
		cursor: pointer;
		color: #000;
		font-weight: bold;
		font-size: 12px;
		clear: both;
		background: url(../img/ico_cart.png) no-repeat 0 center;
		text-indent: 16px;
		position: relative;
		display: block; }
 
	#cart-summary a {
		padding: 4px 0 0 16px;
		display: block;
		color: #777; }
 
/* navigation*/
#navigation { padding: 0 0 10px; }
 
#search {
	position: relative;
	left: -4px; }
 
	#search * { vertical-align: bottom; }
 
	#search label {
		font-size: 14px;
		font-weight: bold;
		color: #000;
		display: block;
		text-indent: 12px;
		padding: 0 0 3px; }
 
	#search input.text {
		border: 1px solid #999;
		border-left: 4px solid #999;
		border-top: 5px solid #999;
		padding: 5px;
		width: 130px; }
 
	#search input.button-search {
		cursor: pointer;
		border: 0;
		background: #999;
		padding: 4px;
		color: #fff;
		font-size: 14px;
		font-weight: bold; }
 
/* main nav */
#main-nav {
	line-height: 1.2;
	position: relative;
	z-index: 9;
	margin: 15px 0 0; }
 
	#main-nav li.parent {
		/*position: relative;*/
		float: left;
		margin: 0 3px 0 0;
		padding: 0; 
		
		}
 
		#main-nav li.parent h2 a {
			width: 77px;
			height: 30px;
			float: left;
			padding: 4px 4px 0;
			color: #fff;
			text-transform: uppercase;
			background: #ccc;
			border: 4px solid #ccc;
			border-bottom: 0; }
 
			#main-nav li.parent h2 a:hover, #main-nav li.parent h2.active a {
				background: #fff;
				color: #000;
				border-bottom: 0;
				position: relative;
				z-index: 10001; }
 
	#main-nav li.public h2 a {
		background: #cd005a;
		border: 4px solid #cd005a ;
		border-bottom: 0; }
 
	#main-nav li.youth h2 a {
		background: #f24c00;
		border: 4px solid #f24c00 ;
		border-bottom: 0; }
 
	#main-nav li.specialized h2 a {
		background: #4f46a1;
		border: 4px solid #4f46a1 ;
		border-bottom: 0; }
 
	#main-nav div { display: none; }
 
	#main-nav li.mega div {
		width: 757px;
		position: absolute;
		z-index:10000000;
		top: 34px;
		left: 0;
		background: #fff;
		border: 4px solid #ccc; 
		haslayout: 1;
		}
 
	#main-nav li.public div { border: 4px solid #cd005a; z-index: 1000000; }
 
	#main-nav li.youth div { border: 4px solid #f24c00; }
 
	#main-nav li.specialized div { border: 4px solid #4f46a1; }
 
	#main-nav li.hovering div { z-index: 5;  }
 
	#main-nav li.mega div h3 a { color: #000; }
 
	#main-nav li.mega ol {
		float: left;
		width: 30%;
		padding: 15px;
		padding-right: 0; }
 
		#main-nav li.mega ol li {
			background: url(../img/bullet_grey.png) no-repeat 0 8px;
			padding: 3px 0 3px 8px; }
 
			#main-nav li.mega ol li.first { background: none; }
 
				#main-nav li.mega ol li.first a { font-size: 13px !important; }
 
			#main-nav li.mega ol li a {
				display: block;
				width: 100%;
				color: #000;
				font-size: 11px !important; }
			
			#main-nav li.public ol li a:hover, #main-nav li .public ol li a:hover {
			    display: block;
			    width: 100%;
			    color: #cd005a;
			    font-size: 11px !important; }
				
			#main-nav li.youth ol li a:hover, #main-nav li .youth ol li a:hover {
			    display: block;
			    width: 100%;
			    color: #f24c00;
			    font-size: 11px !important; }
	
			#main-nav li.specialized ol li a:hover, #main-nav li .specialized ol li a:hover {
				display: block;
				width: 100%;
				color: #4f46a1;
				font-size: 11px !important; }
				
			/*	#main-nav li.mega ol li a:hover {
					display: block;
					width: 100%;
					color: #CCC;
					font-size: 11px !important; }*/
				
				#main-nav li.public ol li.first a:hover {
				    display: block;
				    width: 100%;
				    color: #000;
				    font-size: 13px !important; }
					
					#main-nav li.youth ol li.first a:hover {
					    display: block;
					    width: 100%;
					    color: #000;
					    font-size: 13px !important; }
						
						#main-nav li.specialized ol li.first a:hover {
						    display: block;
						    width: 100%;
						    color: #000;
						    font-size: 13px !important; }
							
							#main-nav li.mega ol li.first a:hover {
							    display: block;
							    width: 100%;
							    color: #000;
							    font-size: 13px !important; }
 
/* left nav*/
#left-nav {
	position: relative;
	padding-top: 25px !important;
	padding-bottom: 96px !important; }
 
* html #left-nav { padding-bottom: 0; }
 
#left-nav .block {
	border: 1px solid #cd005a;
	border-left-width: 4px;
	border-top-width: 4px;
	margin: 0 0 12px;
	position: relative;
	left: -4px; }
 
	#left-nav .block.closed  div { display: none; }
 
	#left-nav .block h2 {  }
 
		#left-nav .block h2 a {
			position: relative;
			display: block;
			background: #cd005a;
			color: #fff;
			font-size: 13px;
			font-weight: bold;
			color: #fff;
			padding: 7px ; }
 
	#left-nav .block h3 a {
		color: #505050;
		font-size: 11px;
		font-weight: normalv;
		margin: 0 7px;
		padding: 5px 0 5px 7px;
		border-bottom: 1px solid #ffcadc;
		display: block;
		background: url(../img/bullet_pink.png) no-repeat 0 9px; }
 
		#left-nav .block h3 a:hover { color: #ff508c; }
 
	#left-nav .block h3.active a {
		background: #ff508c url(../img/bullet_white_dn.png) no-repeat 5px 9px;
		color: #fff;
		padding-left: 15px; }
 
#left-nav #youth.block { border-color: #f24c00; }
 
	#left-nav #youth.block h2 a { background: #f24c00; }
 
	#left-nav #youth.block h3 a {
		background: url(../img/bullet_orange.png) no-repeat 0 9px;
		border-bottom: 1px solid #ffdfb2; }
 
		#left-nav #youth.block h3 a:hover { color: #f24c00; }
 
	#left-nav #youth.block h3.active a {
		background: #ff9600 url(../img/bullet_white_dn.png) no-repeat 5px 9px;
		color: #fff; }
 
#left-nav #specialized.block { border-color: #4f46a1; }
 
	#left-nav #specialized.block h2 a { background: #4f46a1; }
 
	#left-nav #specialized.block h3 a {
		background: url(../img/bullet_nblue.png) no-repeat 0 9px;
		border-bottom: 1px solid #cac7e3; }
 
		#left-nav #specialized.block h3 a:hover { color: #525eff; }
 
	#left-nav #specialized.block h3.active a {
		background: #525eff url(../img/bullet_white_dn.png) no-repeat 5px 9px;
		color: #fff; }
 
#left-nav #order-process.block { border-color: #7d6179	; }
 
	#left-nav #order-process.block h2 a { background: #7d6179; }
 
	#left-nav #order-process.block h3 a {
		background: url(../img/bullet_brown.png) no-repeat 0 9px;
		border-bottom: 1px solid #d8cfd7; }
 
		#left-nav #order-process.block h3 a:hover { color: #7d6179; }
 
	#left-nav #order-process.block h3.active a {
		background: #7d6179 url(../img/bullet_white_dn.png) no-repeat 5px 9px;
		color: #fff; }
 
#left-nav .block ul {
	/*display: none;*/
	margin: 0 7px;
	padding: 0 0 3px; }
 
	#left-nav .block ul li {
		background: url(../img/bullet_square.png) no-repeat 5px 7px;
		line-height: 1.2;
		padding: 3px 0 0 14px; }
 
#left-nav.lnst2 h3 a {
	background: none !important;
	border: 0 !important;
	padding: 10px 0 5px;
	font-weight: bold;
	text-transform: uppercase; }
 
#left-nav.lnst2 h3.active a {
	padding: 10px 0 5px;
	color: #505050 !important; }
 
#left-nav.lnst2 h3 a:hover { color: #505050 !important; }
 
#left-nav.lnst2 .block ul {
	display: block;
	border-bottom: 1px solid #ffcadc; }
 
	#left-nav.lnst2 .block ul li {
		background: none;
		padding: 0; }
 
#left-nav.lnst2 .block li a {
	color: #505050;
	display: inline-block;
	padding: 3px 0 3px 6px;
	background: url(../img/bullet_pink.png) no-repeat 0 7px; }
 
	#left-nav.lnst2 .block li a:hover { color: #ff508c; }
 
#left-nav.lnst2 .block li.active a {
	background: #ff508c;
	color: #fff !important;
	font-weight: bold; }
 
#left-nav.lnst2 #youth.block ul { border-bottom: 1px solid #ffdfb2; }
 
#left-nav.lnst2 #youth.block li a { background: url(../img/bullet_orange.png) no-repeat 0 7px; }
 
	#left-nav.lnst2 #youth.block li a:hover { color: #ff9600; }
 
#left-nav.lnst2 #youth.block li.active a { background: #ff9600; }


#left-nav.lnst2 #specialized.block li.active a {
	background: #4F46A1;
	color: #fff !important;
	font-weight: bold; 
	}

	#left-nav.lnst2 #specialized.block li a:hover { color: #4F46A1; }
 
#left-nav .security-badge {
	position: absolute;
	bottom: 30px;
	margin-top: 0;
	margin-bottom: 0; }
 
* html #left-nav .security-badge {
	position: relative;
	bottom: 0; }
 
/* content */
#content { background: #fff; }
 
#page.order-page #body #content.col-2-3 {
	width: 752px;
	padding: 0 10px 0 0; }
 
#breadcrumb {
	padding: 5px 10px;
	background: #e9edef;
	border-bottom: 4px solid #ccc; }
 
#page.order-page #breadcrumb { margin: 0 0 10px 10px; }
 
#breadcrumb li {
	float: left;
	padding: 0 5px 0 0; }
 
#breadcrumb a {
	font-weight: bold;
	color: #888; }
 
	#breadcrumb a.home {
		background: url(../img/ico_home.png) no-repeat left center;
		padding-left: 16px; }
 
	#breadcrumb a.account {
		background: url(../img/ico_account_2.png) no-repeat left 0px;
		padding-left: 14px; }
 
	#breadcrumb a.order {
		background: url(../img/ico_cart_2.png) no-repeat left 1px;
		padding: 4px 16px 4px; }
 
#product-grid .category {
	padding: 12px 20px 0px 0;
	border-bottom: 4px solid #ccc; }
 
	#product-grid .category.last { border: 0; }
 
	#product-grid .category h3 a {
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #000; }
	#product-grid .category h2 a {
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #000; }
 
	#product-grid .category a.view-all {
		background: #dd0;
		text-align: right; }
 
	#product-grid .category p.note {
		display: block;
		clear: both;
		padding: 5px 0 15px; 
		}
    #product-grid .category p.desc {
		display: block;
		clear: both;
		padding: 5px 0 10px;
    }
 
	#product-grid .category .product {
		/*position:relative;*/
		width: 100px;
		/*float: left;*/
		display: block;
		/*margin-right: 42px; */
		/* RLA */
		min-height:160px;
		}
 
		#product-grid .category .product.last { margin: 0; }
 
		#product-grid .category .product a {
			position: relative;
			font-size: 12px;
			font-weight: bold;
			color: #000;
			padding: 5px 0 0; }
 
		#product-grid .category .product span {
			display: block;
			padding: 2px 0; }
 
		#product-grid .category .product .thumb {
			
			display: table-cell;
			z-index: 1;
			vertical-align: bottom;
			/*height: 170px;*/
			padding: 0; 
			/*position: relative;*/
			/*position:relative;*/
			display:block;
			}
 
			#product-grid .category .product .thumb img { 
			bottom: 0; 
			/*position:absolute;*/
			vertical-align:bottom;
			z-index: 1;
			hasLayout: 1;
			}
 
/* aside*/
#aside {  }
 
	#aside .block {
		border: 1px solid #ccc;
		background: #fff;
		padding: 7px;
		margin: 0 0 20px; }
 
	#aside .nos {
		border: 0;
		background: none;
		padding: 0; }
 
	#aside .block h4 {
		font-size: 14px;
		font-weight: bold;
		color: #000;
		padding: 0 0 7px; }
 
	#aside .block ul.list { padding: 0 0 7px; }
 
		#aside .block ul.list li {
			background: url(../img/bullet_square.png) no-repeat 0 7px;
			line-height: 1.2;
			padding: 3px 0 0 10px; }
 
	#aside .block .security-badge { margin: 0 0 10px 10px; }
 
	#aside dl {
		color: #000;
		cursor: pointer;
		line-height: 1.4; }
 
		#aside dl dd.thumb {
			float: left;
			margin: 0 10px 5px 0; }
 
		#aside dl a {
			color: #000;
			font-weight: bold; }
 
	#aside a.view-all {
		color: #000;
		background: url(../img/bullet_lblue.png) no-repeat left center;
		padding-left: 7px;
		margin: 0 0 5px;
		display: block; }
 
	#aside .block.advt {
		padding: 0;
		overflow: hidden; }
 
	#aside #newsletter h4 {
		color: #888;
		background: url(../img/ico_mail.png) no-repeat 0 4px;
		padding-left: 20px;
		line-height: 1.2; }
 
	#aside #newsletter input.text {
		border: 1px solid #999;
		font-size: 1em;
		font-weight: bold;
		color: #888;
		padding: 2px;
		width: 130px; }
 
	#aside #newsletter input.button-ok {
		font-size: 11px;
		font-weight: bold;
		color: #fff;
		border: 0;
		padding: 3px;
		background: #999; }
 
#footer {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #e9edef;
	padding: 0 0 30px; }
 
	#footer ul.l1 {
		width: 554px;
		margin: 0 auto;
		position: relative;
		left: -10px;
		padding: 10px 0; }
 
		#footer ul.l1 li em {
			font-weight: bold;
			color: #505050;
			padding: 0 0 10px;
			display: block;
			text-transform: uppercase; }
 
		#footer ul.l1 li {
			float: left;
			width: 33%; }
 
* html #footer ul.l1 li { width: 32%; }
 
#footer ul.l1 li li {
	padding: 2px 0 2px 7px;
	display: block;
	background: url(../img/bullet_grey.png) no-repeat 0 5px;
	float: none;
	width: 100%; }
 
#footer ul.l1 ul.list li {
	background: none;
	padding-left: 0; }
 
/* aside > recommended */
#recommended h3 {
	font-size: 11px;
	font-weight: bold;
	color: #535353;
	padding: 0 0 15px; }
 
	#recommended h3 em { font-style: italic; }
 
#recommended { width: 100%; }
 
	#recommended .product {
		font-size: 10px;
		width: 72px;
		margin: 0 auto;
		padding: 0 0 15px;
		cursor: pointer;
		font-weight: bold; }
 
		#recommended .product.last { margin: 0; }
 
		#recommended .product a {
			color: #000;
			display: block;
			padding: 5px 0 0; }
 
		#recommended .product span {
			display: block;
			padding: 2px 0; }
 
/*content > subscription*/
#subscription {
	color: #535353;
	min-height: 780px;
	padding: 0 15px 0 0; }
 
	#subscription h3 {
		font-size: 10px;
		padding: 15px 0 20px; }
 
	#subscription .left { width: 44%; }
 
		#subscription .left .caption {
			font-weight: bold;
			font-size: 10px;
			padding: 5px 0; }
 
	#subscription .right {
		text-align: left;
		width: 56%; }
 
		#subscription .right h2 {
			font-size: 18px;
			font-weight: bold;
			color: #000;
			border-bottom: 1px solid #ccc;
			padding: 0 0 5px; }
 
	#subscription .desc, #subscription .contents {
		padding: 5px;
		border-bottom: 1px solid #ccc; }
 
	#subscription .contents { font-weight: bold; }
 
	#subscription .offers {
		border-bottom: 1px solid #ccc;
		padding: 10px 0 0; }
 
	#subscription .offer { padding: 0 0 15px; }
 
	#subscription .offers .radio {
		float: left;
		width: 25px; }
 
	#subscription .offers h5 {
		font-size: 18px;
		font-weight: bold;
		/*cursor: pointer;*/
		padding: 0 0 3px; }
 
	#subscription .offers p {
		padding-left: 25px;
		line-height: 1.2;
		color: #999; }
 
	#subscription .action { padding: 15px 0 30px; }
 
	#subscription .shipping {
	display: block;
	margin: 0 0 27px;
}
 
	#subscription .description {
		clear: both;
		display: block; 
		line-height: 16px;
		font-size: 12px;
		text-align:justify;
		}
 
		#subscription .description h3 {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	border-bottom: 1px solid #ccc;
	padding: 0 0 8px;
	margin: 0 0 8px;
}
 
		#subscription .description ul li {
			background: url(../img/bullet_square.png) no-repeat 5px 7px;
			line-height: 1.2;
			padding: 2px 0 0 15px; }
 
/* order processing > commandes */
.order-process h3 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #222;
	padding: 0 0 12px; }
 
table.tst1 {
	border-bottom: 1px solid #ae9eac;
	margin: 0 0 35px;
	text-align: left; }
 
	table.tst1 a {
		color: #542b4e;
		text-decoration: underline; }
 
	table.tst1 caption {
		font-weight: bold;
		font-size: 12px;
		color: #222;
		padding: 4px 0;
		text-align: left; }
 
	table.tst1 th {
		background: #907a8d;
		color: #fff;
		border: 1px solid #fff;
		padding: 5px 7px;
		font-size: 14px;
		font-weight: bold; }
 
	table.tst1 td {
		background: #f5f5f5;
		border: 1px solid #fff;
		padding: 15px 15px;
		color: #232323;
		line-height: 1.2; 
		font-size: 12px;
		}
 
		table.tst1 td.action {
			padding-bottom: 15px;
			background: #f5f5f5 url(../img/order_table_bot.png) repeat-x bottom; }
 
	table.tst1 tr.last td.action {
		background: #f5f5f5;
		padding-bottom: 7px;
		padding-top:7px;
		border-bottom: 1px solid #9E879A;  }
 
	table.tst1 td.action a {
		background: url(../img/bullet_brown.png) no-repeat 0 7px;
		color: #c60057;
		display: block;
		text-decoration: underline;
		font-size: 11px;
		padding: 3px 15px 3px 7px; }
 
/* order processing > commandes formulaire */
.order-process .form.fst1 {
	background: #f8f7f8;
	border: 1px solid #bcaeba; }
 
.order-process .form h3 {
	color: #7d6179;
	text-transform: none;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 15px; }
 
	.order-process .form h3 em { color: #CD005A; }
 
.form.fst1 fieldset {
	margin: 20px;
	padding: 0 0 30px;
	border-bottom: 1px dotted #a28e9f; }
 
	.form.fst1 fieldset.last {
		border: 0;
		margin-bottom: 0; }
 
.form fieldset .field { padding: 0 0 12px; }
 
	.form fieldset .field * { vertical-align: middle; }
 
.form.fst1 fieldset label {
	width: 185px;
	text-align: right;
	padding: 4px 7px;
	font-size: 12px;
	font-weight: bold;
	color: #888;
	display: inline-block;
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	vertical-align: top;
	zoom: 1;
	*display: inline; }
 
.form.fst1 fieldset input.text, .form.fst1 fieldset select {
	width: 285px;
	color: #888;
	display: inline-block;
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	vertical-align: top;
	zoom: 1;
	*display: inline; }
 
.form.fst1 fieldset span.tick, .form.fst1 fieldset span.cross {
	width: 25px;
	height: 20px;
	background: url(../img/ico_tick.gif) no-repeat;
	text-indent: -1000em;
	margin: 0 10px;
	display: inline-block;
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	vertical-align: top;
	zoom: 1;
	*display: inline; }
 
.form.fst1 fieldset span.cross { background: url(../img/ico_cross.gif) no-repeat; }
 
.form.fst1 .action {
	margin: 0 20px;
	padding: 0 0 35px 200px; }
 
input.btn-2, input.btn-2b {
	font-family: Arial, Helvetica, sans-serif;
	width: 285px;
	height: 45px;
	border: 0;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: url(../img/btn_2_r.png) no-repeat;
	cursor: pointer;
	display: inline-block;
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	vertical-align: top;
	zoom: 1;
	*display: inline; }
 
input.btn-2.hover, input.btn-2b.hover { background-position: 0 -46px; }
 
input.btn-2b { background: url(../img/btn_2_l_off.png) no-repeat; }
 
a.btn-3 {
	width: 200px;
	height: 32px;
	background: url(../img/btn_3.png) no-repeat 0 0;
	font-size: 14px;
	font-weight: bold;
	color: #fff !important;
	line-height: 32px;
	text-align: center;
	display: inline-block;
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	vertical-align: top;
	zoom: 1;
	*display: inline; }
 
	a.btn-3:hover { background-position: 0 -32px; }
	
	a.btn-4 {
		width: 200px;
		height: 32px;
		background: url(../img/btn_4.png) no-repeat 0 0;
		font-size: 14px;
		font-weight: bold;
		color: #fff !important;
		line-height: 32px;
		text-align: center;
		display: inline-block;
		display: -moz-inline-box;
		-moz-box-orient: vertical;
		vertical-align: top;
		zoom: 1;
		*display: inline; }

		a.btn-4:hover { background-position: 0 -32px; }	
 
/* order processing > mon compte */
#page.order-page #body #content.col-all { padding: 0 10px; }
 
* html #page.order-page #body .col-all { padding: 0 10px; }
 
.order-process p.note {
	font-size: 12px;
	line-height: 1.2;
	padding: 0 0 15px; }
 
	.order-process p.note.secure {
		font-size: 12px;
		line-height: 1.2;
		padding: 0 0 15px;
		background: url(../img/ico_account.png) no-repeat; 
		text-indent: 12px; }
 
	.order-process p.note a {
		color: #7d6179;
		font-weight: bold; }
 
.form.fst2 {
	width: 100%;
	overflow: hidden;
	background: #f8f7f8;
	border: 1px solid #bcaeba; }
 
	.form.fst2 fieldset {
		float: left;
		display: inline;
		width: 49.9%; 
		padding: 48px 0;
		overflow: hidden; }
 
		.form.fst2 fieldset .inner {
			width: 285px;
			margin: 0 auto; }
 
		.form.fst2 fieldset.first { border-right: 1px solid #bcaeba; }
 
		.form.fst2 fieldset h3 { color: #222; }
 
	.form.fst2 p {
		position: relative;
		margin: -12px 0 15px;
		font-size: 12px;
		line-height: 1.4; }
 
	.form.fst2 fieldset label {
		display: block;
		font-size: 12px;
		font-weight: bold;
		color: #888;
		padding: 4px 0; }
 
	.form.fst2 fieldset input.text, .form.fst2 fieldset select {
		width: 285px;
		display: block; }
 
	.form.fst2 fieldset a {
		background: url(../img/bullet_brown.png) no-repeat 0 4px;
		padding: 0 15px 0 7px;
		text-decoration: underline; 
		color:#cd005a; }
		
	.form.fst2 fieldset a hover{
		color:#cd005a; }
 
	.form.fst2 fieldset .action { padding: 25px 0 0; }
 
/* order processing > steps */
#steps {
	width: 752px;
	height: 50px;
	overflow: hidden;
	background: #dd0;
	margin: 25px auto;
	background: url(../img/steps.png) no-repeat 0 12px; }
	
#steps_ang {
	width: 752px;
	height: 50px;
	overflow: hidden;
	background: #dd0;
	margin: 25px auto;
	background: url(../img/steps_ang.png) no-repeat 0 12px; }	
 
.step2 { background-position: 0 -42px !important; }
 
.step3 { background-position: 0 -96px !important; }
 
.step4 { background-position: 0 -150px !important; }
 
.step5 { background-position: 0 -204px !important; }
 
#steps li, #steps_ang li {
	width: 133px;
	height: 50px;
	float: left;
	padding: 0 24px 0 0;  }
 
	#steps li:last-child, #steps_ang li:last-child {
		padding-right: 0;
		width: 124px; }
 
	#steps li a, #steps_ang li a{
		width: 124px;
		height: 38px;
		float: left;
		text-indent: -1000em;
		margin: 12px 0 0; }
		
		
 
/* order processing > mon panier */
table.tst2 {
	text-align: center;
	margin-bottom: 0;
	border-bottom: 0; }
 
	table.tst2 th {
		padding: 10px 7px;
		border-left: 0;
		border-right: 0;
		background: #907a8d url(../img/pixel_white.png) repeat-y right; }
 
	table.tst2 td {
		border-bottom: 1px solid #dcdcdc;
		background: #f5f5f5 url(../img/pixel_white.png) repeat-y right; }
 
	table.tst2 th small {
		display: block;
		font-weight: normal; }
 
	table.tst2 tr.last td { border-bottom: 0; }
 
	table.tst2 .first-col-cell { text-align: left !important; }
 
	table.tst2 td.first-col-cell { padding-left: 15px; }
 
	table.tst2 .last-col-cell { text-align: right; width:120px;}
 
	table.tst2 td.last-col-cell { color: #3d1e40; }
 
	table.tst2 .first-col-cell strong {

		padding-left: 5px;
		padding-bottom: 4px;
		margin-left: -5px; }
 
		table.tst2 .first-col-cell strong a {
			color: #000;
			text-decoration: none; }
 
table a.remove {
	position: relative;
	width: 16px;
	height: 21px;
	background: url(../img/ico_remove.png) no-repeat 0 0;
	text-align: left;
	margin: 0px 0 0 0;
	display: inline-block;
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	vertical-align: top;
	zoom: 1;
	*display: inline; }
 
	table a.remove span { display: none; }
 
table.tst2 a.remove { margin-left: 25px; }
 
table.tst2 tfoot td {
	background: #fff;
	text-align: right; 
	vertical-align: top; }
 
	table.tst2 tfoot td.first-col-cell {  }
 
	table.tst2 tfoot td.last-col-cell {  }
 
table.tst2 tr.last-row td { border-bottom: 1px solid #a08c9d; }
 
table.tst2 tfoot td.subtotal {
	font-size: 12px;
	background: url(../img/order_table_bot.png) repeat-x bottom;
	padding-bottom: 15px;
	border-bottom: 0; }
 
	table.tst2 tfoot td.subtotal.last { padding-right: 9px; }
	
	table.tst2 tfoot td.remise {
	font-size: 12px;
	padding-bottom: 0px;
	border-bottom: 0; }
	table.tst2 tfoot td.remise2.last { padding-right: 9px;border-bottom:none !important; }
 
table.tst2 tfoot td.coupon {
	text-align: left;
	color: #222; }
 
td.coupon a {
	background: url(../img/bullet_brown.png) no-repeat 0 4px;
	padding-left: 6px;
	color: #222;
	text-decoration: none; }
 
td.coupon .panel {
	padding: 10px 0 0;
	display: none; }
 
td.coupon label { padding-left: 7px; }
 
td.coupon input.button-ok {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	border: 0;
	padding: 3px;
	background: #7d6179; }
 
table.tst2 th.grand-total {
	text-align: right !important;
	padding: 12px 20px; }
 
	table.tst2 th.grand-total.last { padding-right: 50px; }
 
table.tst2  td.agreement {
	text-align: left;
	color: #222;
	font-size: 12px;
	padding: 25px 0 0; }
 
	table.tst2  td.agreement .checkbox {
		float: left;
		padding: 0 5px 30px 0; }
 
table.tst2  td.addl { border: 0; }
 
.addl-info {
	width: 529px;
	height: 94px;
	background: url(../img/addl_info.png) no-repeat;
	margin: 20px 30px 0 0;
	overflow: hidden; }
 
	.addl-info li {
		width: 33%;
		float: left;
		text-align: center;
		color: #999;
		font-weight: bold;
		line-height: 1.2;
		padding: 35px 0 0; }
 
		.addl-info li img { margin: 4px 0 0; }
 
.panier div.action { padding: 40px 0px; }
 
.panier .action input { float: left; }
 
	.panier .action input.last { float: right; }
 
/* livraison */
.livraison {  }
 
table.tst3 {
	border-bottom: 1px solid #beb0bc;
	margin: 0 0 10px; }
 
	table.tst3 td {
		text-align: left;
		vertical-align: middle;
		border: 1px solid #fff; }
 
		table.tst3 td.last-col-cell {
			text-align: right;
			font-size: 12px;
			padding-right: 15px; }
 
		table.tst3 td.second-last-cell {
			position: relative;
			text-align: center !important; }
 
			table.tst3 td.second-last-cell a { margin-left: 0; }
 
* html table.tst3 td.second-last-cell a {
	text-align: center;
	margin: 6px 0 0; }
 
table.tst3 tr.last td.action { border-top: 0; }
 
table.tst3 td label {
	display: block;
	padding: 0 0 3px; 
	margin-top:-3px;
	margin-bottom:3px;
	
	}
 
table.tst3 td select { min-width: 50%; }
 
table.tst3 td.first-col { width: 300px; }
 
table.tst3 td.second-col { width: 460px; }
 
table.tst3 td.spacer {
	background: #fff;
	height: 20px;
	padding: 0; }
 
.livraison table th.grand-total.last {
	padding-right: 18px;
	padding-left: 150px; }
 
/* flycart */
.flycart {
	width: 223px;
	overflow: hidden;
	font-size: 10px;
	color: #888;
	position: absolute;
	z-index: 15952;
	right: 8px;
	top: 145px;
	display: none; }
 
.flycart-top {
	background: url(../img/flycart_top.png) no-repeat top;
	width: 100%;
	height: 18px; }
 
.flycart-bot {
	background: url(../img/flycart_bot.png) no-repeat top;
	width: 100%;
	height: 6px; }
 
.flycart .inner {
	padding: 8px 13px 8px 9px;
	background: #fff url(../img/flycart_tile.png) repeat-y; }
 
.flycart a.close {
	display: block;
	text-align: right;
	background: url(../img/ico_close.png) no-repeat right 1px;
	padding: 0 14px 8px;
	color: #38302b; }
 
.flycart .item {
	background: #f9f9f9;
	border: 1px solid #c5c5c5;
	margin: 0 0 5px;
	padding: 10px; }
 
	.flycart .item a.product, .flycart .item .remove, .flycart .item .remove a, .flycart .item small, .flycart .item .amt, .flycart .total label, .flycart .total em {
		display: inline-block;
		display: -moz-inline-box;
		-moz-box-orient: vertical;
		vertical-align: top;
		zoom: 1;
		*display: inline; }
 
	.flycart .item a.product {
		font-weight: bold;
		color: #000;
		padding: 2px 0;
		width: 69%; }
 
.flycart .item .remove {
	width: 29%;
	text-align: right; }
 
	.flycart .item .remove a {
		width: 9px;
		height: 10px;
		background: url(../img/ico_remove_sm.png) no-repeat right;
		text-align: left;
		text-indent: -1000em; }
 
.flycart .item small {
	width: 69%;
	padding: 2px 0 0; }
 
.flycart small.amt {
	width: 25%;
	text-align: right; }
 
.flycart .total {
	color: #bf0054;
	font-size: 12px;
	text-align: right;
	padding: 5px 5px 8px; }
 
	.flycart .total label { width: 69%; }
 
	.flycart .total em { width: 100%; }

.valid_inscription{
	background:#8FFF9E;
	color:#fff;
}

/*H3
{
padding-top: 10px;
font-size: 14px; 
padding-bottom: 10px;

}*/

.inside_product 
{
padding-top: 5px;
margin-bottom: 15px !important;
*padding-bottom:10px;
height:50px;
width: 100px;
}


#product-grid .category h3.nochange a 
{
font-size: 100%;
color: #999;
text-transform: none;
font-weight: normal;
}

#product-grid a{
    /* z-index:9999999 !important; */
}