@charset "UTF-8";

#loader {
	position:absolute;
	left:480px;
	top:300px;
}

#zindex {
	z-index:8000; 
	position:relative;
}

#catalog h1 {
	font-size: 16px;
	font-variant: small-caps;
	font-weight: bolder;
	
}

#catalog h1.catalog_title {
	display: none;
}

#catalog h1 .catalog_name {
	font-size: 18px;
	font-weight: normal;
	font-variant: normal;
}

#catalog #catalog_content {
	margin:5px 10px;
	
}

#catalog #page_img {

}

#catalog .overlay {
	cursor:pointer;
	position: absolute;
	display:block;
	background:#000;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:8000;
}

#catalog #page_footer {
	margin-bottom: 18px;
}

#page_footer .arrow_container {
	position:absolute;
}

/*#catalog #page_footer #page_prev a{
	float: left;
	width: 60px;
	height: 53px;
	position:relative;
	background-image:url(../images/s_catalog_leftarrow.png);
	background-repeat:no-repeat;
	top:-347px;
	left:-9px;
	text-indent:-9999px;
	display:block;
	z-index:9000;
	
}
#catalog #page_footer #page_prev a:hover{
	background-image:url(../images/s_catalog_leftarrow_hover.png);
	display:block;
}

#catalog #page_footer #page_name {
	float: none;
}

#catalog #page_footer #page_next a{
	float: left;
	width: 60px;
	height: 53px;
	position:relative;
	background-image:url(../images/s_catalog_rightarrow.png);
	background-repeat: no-repeat;
	background-position: right;
	top:-347px;
	left:849px;
	text-indent:-9999px;
	display:block;
	z-index:9000;
}
#catalog #page_footer #page_next a:hover {
	background-image:url(../images/s_catalog_rightarrow_hover.png);
	display:block;
}*/

#catalog #page_footer #page_navig a {
	float:		left;
	height:		30px;
	width:		30px;
   	top:		-347px;
	position:	relative;
	display:	block;
	z-index:	9000;
	text-indent:-9999px;
	background:	url(../images/tendances/2011_automne/tendances-arrows.png) 0 0 no-repeat;
}

#catalog #page_navig  #page_prev a,
#catalog #page_navig  #page_prev a:link,
#catalog #page_navig  #page_prev a:visited {
	left:6px;	
}
#catalog #page_navig  #page_prev a:hover {
	background-position: -30px 0;
	display:block;
}
       
#catalog #page_navig  #page_prev a:active {
	background-position: -60px 0;
}

#catalog #page_navig  #page_next a {
	left:895px;;
	background-position: 0 -30px;
}
#catalog #page_navig  #page_next a:hover {
	background-position: -30px -30px;
}

#catalog #page_navig  #page_next a:active {
	background-position: -60px -30px;
}

#catalog #page_items_container {
	display:none;
}

#catalog #page_items {
	/*display:none;*/
}

#catalog #page_items div.page_items_separator {
	width: 225px;
	height: 410px;
	float: left;
	font-size: 11px;
	margin-right: 16px;
	margin-bottom: 16px;
	border: 1px solid #a8b1b7;
}

#catalog #page_items div.page_items_separator_last {
	margin-right: 0;
}

#catalog #page_items .solde_icon {
	display: block;
	position:relative;
	float:right;
	margin-top: -167px;
/* 	margin-bottom: 167px; */
}

/*#catalog #page_items .solde_icon_fr {
	margin-left: 165px;
}

#catalog #page_items .solde_icon_en {
	left: 177px;
}*/

#catalog #page_items p {
	height:129px;
	overflow-x: hidden;
	overflow-y: auto;
}

#catalog #page_items h2 {
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
}

#catalog #page_items sup {
	font-size: 60%;
}

#catalog #page_items .popup_wrapper {
	padding: 5px;
}

#catalog #page_items .popup_price {
	position:relative;
	bottom:0;
}

#catalog #page_items .promo {
	color: #999;
	font-size: 14px;
}

#catalog #page_list {
	width:1000px;
	/*margin-top: 16px;*/
	/*height: 110px;*/
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	margin-left:-23px;
}

#catalog #page_list p {

}

#catalog #page_list a {
	

}

#catalog #page_list a img {
	border: 1px solid #67605E;
	margin-right: 4px;
}

#catalog #page_list ul li {
	float:left;
	padding:0 26px;
	list-style-type:none;
}

#legend, #succursales {
	margin:-30px 0 0 0;
	font-size:11px;
}

#legend {
	float:left; 
	text-align:right; 
}

#legend a,
#legend a:link, 
#legend a:focus, 
#legend visited, 
#legend a:active {
	color:#553424;
	text-decoration:underline;
}

#succursales {
	/*float:right; */
	text-align:center;
	margin:0 auto;
	width:auto; 
}



/* CAROUSSEL ####### */
#mycarousel {
	margin-left:-18px;
	width:2710px;
}

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
div#similar_items {
	width:520px;
	height: 80px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
/*	margin-left:-16px;*/
}

ul#similar_carousel {
	list-style:none;
/* 	overflow:hidden; */
}

ul#similar_carousel li {
	float:left;
	list-style:none;
	margin-right:12px;
}

#similar_items .jcarousel-skin-tango {
	margin-left: 18px;
	width: 		488px;
/* 	overflow:hidden; */
}

.jcarousel-skin-tango {
	margin-left:26px;
	width:960px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}



/* SKIN CAROUSSEL ####### */

.jcarousel-skin-tango .jcarousel-container {

 }

.jcarousel-skin-tango .jcarousel-container-horizontal {
     /*padding: 20px 30px 20px 40px;*/
	 margin-left:-9px;
}

#similar_items .jcarousel-skin-tango .jcarousel-container-horizontal {
     /*padding: 20px 30px 20px 40px;*/
	 margin-left:8px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {

}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
   height: 85px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 11px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 36px;
    right: -13px;
    width: 10px;
    height: 12px;
    cursor: pointer;
    background: transparent url(skins/tango/next-horizontal2.jpg) no-repeat top left;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: bottom left;
}



.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position:  top left;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 36px;
    left: -13px;
    width: 10px;
    height: 12px;
    cursor: pointer;
    background: transparent url(skins/tango/prev-horizontal2.jpg) no-repeat top left;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: bottom left
}


.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
	 background-position: bottom left; 
  
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(skins/tango/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


.fav, .fav_desc {
	float:left;
	width:201px;
	padding:0 0 0 10px;
}

.fav {
	font-weight:bold;
	margin:-3px 0 0 0;
}

.fav_desc, .fav_reg {
	padding:5px 0 0 10px;
}

.fav_desc, .fav_reg {
	color:#797877;
	font-weight:lighter;
}

.fav_solde {
	font-weight:bold;
	color:#401703;
	margin:0 10px 0 0;
}

.fav_solde, .fav_reg {
	float:left;
	padding:5px 0;
}

#subtitle {
	font-family:Arial, Helvetica, sans-serif;
	color:#797877;
	font-size:10px;
	text-transform:uppercase;
	margin:10px 0;
}

#product_list ul li a,
#product_list ul li a:active,
#product_list ul li a:focus,
#product_list ul li a:visited,
#pagination a,
#pagination a:active,
#pagination a:focus,
#pagination a:visited {
	color:#797877;
	text-decoration:none;
	outline:none;
	text-align:center;
}

#features ul li a,
#features ul li a:active,
#features ul li a:focus,
#features ul li a:visited {
	color:#797877;
	text-decoration:none;
	outline:none;
	text-transform:uppercase;
}
 
#product_list ul li a:hover, 
#features ul li a:hover, 
#pagination a:hover {
	color:#2E3D44;
}

#container_products {
	width:960px;
	height:129px;
	background:#fbf6f2;
}

#btn_left ul li, #products, #products_desc, #colors ul li {
	float:left;
}

#products_desc {
	width:410px;
}

#products_wrapper {
	
}

#products_content {
	zoom:	1;
	margin:	24px 0 0 0;
	}
	#products_content:after {
		visibility:	hidden;
		display:	block;
		clear:		both;
		height:		0;
		font-size:	0;
		content:	" ";
	}

#products {
	margin:0 30px 0 0;
}

#products_desc p {
	margin:		1em 0;
}

#products_desc p.description {
	margin:		1em 0 2em;
	color:		#222;
	font-size:	12px;
	font-weight:	light;
	font-family:	Helvetica, Arial, sans-serif;
	line-height:	1.5;
	text-transform:	uppercase;
}

h1#category {
	color:#5A7583;
	font-size:17px;
	font-weight:lighter;
	margin:0;
	padding:0;
	line-height:1em;
	font-family:"Times New Roman", Times, serif;
}

.popup_wrapper p{
	font-family:Arial, Helvetica, sans-serif;
	color:#797877;
	font-size:11px;
	margin:0 0 10px 0;
	line-height:1.5em;
}
/*
#products_desc p {
	display:block;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
	
}
*/
#popup h2 a,
#popup h2 a:link {
	color:#5A7583;
}

h3.marque{ 
	margin:0;
	padding:0;
	text-transform:uppercase;
	color:#5A7583;
	font-size:20px;
	font-family:"Times New Roman", Times, serif;
	font-weight:lighter;
	
}

#searchby_container h2 {
	color:#797877;
}

#size {
	margin:	0 0 2em;
	color:	#797877;
	width:50%;
	float:left;
}

	#sizes_menu {
		position:	relative;
		width:		120px;
		color:		#fff;
		font-weight:	900;
		line-height:	25px;
		text-transform:	uppercase;
		}
		#sizes_menu strong {
			cursor:		pointer;
			display:	block;
			height:		25px;
			width:		85px; /* 120px */
			padding:	0 26px 0 9px;
			background:	url(../images/fiche_produits/pointures_select.png) no-repeat 0 0;
		}
		#sizes_menu ul {
			display:	none;
			position:	absolute;
			top:		25px;
			left:		0;
			list-style:	none;
			padding:	0;
			margin:		0;
			width:		120px;
			background:	#A3C4BB;
			}
			#sizes_menu.hover:hover ul {
				display: block;
			}
		#sizes_menu li {
			display:	block;
		}
		#sizes_menu a {
			display:	block;
			height:		25px;
			padding:	0 9px;
			font-size:	14px;
		}
		#sizes_menu a:link,
		#sizes_menu a:visited {
			color: #fff;
		}
		#sizes_menu a:focus,
		#sizes_menu a:hover {
			background: #B5D0C9; /* A6BB00 */
		}

#colors {
	margin:	0 0 2em;
	color:	#797877;
	width:50%;
	float:left;
}

#colors ul {
	zoom: 1;
	}
	#colors ul:after {
		visibility:	hidden;
		display:	block;
		clear:		both;
		height:		0;
		font-size:	0;
		content:	" ";
	}

#colors img {
	display:	block;
}

#colors .pastille_couleur {
	display:	block;
	padding:	0 0 12px;
	height:		31px;
	width:		31px;
	}
	#colors .pastille_couleur.active {
		background:url(../images/fiche_produits/pastille_active.png) no-repeat 50% 100%;
	}

#colors ul li span.pastille {
	font-size:5em;
	top:-25px;
	position:relative;
}

#products_desc p.sku_name {
	clear:		both;
	margin:		1em 0 0;
	padding:	0;
	color:		#000;
	font-size:	10px;
	font-weight:	500;
	font-family:	Helvetica, Arial, sans-serif;
	text-transform:	uppercase;
}

#features {
	zoom:		1;
	font-size:	10px;
	margin:		0 -10px 0 0;
	}
	#features:after {
		visibility:	hidden;
		display:	block;
		clear:		both;
		height:		0;
		font-size:	0;
		content:	" ";
	}

#features h2 {
	margin:20px 0 0 0;
}

#features ul {
	float:	left;
	width:	160px;
	margin:	0 10px 10px 0;
}

#features li {
	padding:3px 0;
	border-bottom:1px #64797a solid;
	/*width:200px;*/
}

#features img {
	position:relative;
	top:2px;
}

#price,
#price_sold {
	clear:		both;
	height:		90px;
	margin:		-1em 0 0;
	color:		#4B8F21;
}
#price_sold {
	color:		#D52106;
}

	#price h2,
	#price_sold h2 {
		float:		left;
		font-size:	60px;
		font-family:	'MuseoSans100', Arial, sans-serif;
	}

	#price sup,
	#price_sold sup {
		position:	relative;
		top:		-17px;
		font-size:	33px;
		font-family:	'MuseoSans300';
		vertical-align: baseline;
	}

	#price p,
	#price_sold p {
		float:		left;
		margin:		38px 0 0 10px;
		color:		#000;
		font-size:	10px;
		font-weight:	700;
		font-family:	Arial;
		text-transform:	uppercase;
	}


#products_wrapper .category_menu {
	margin:5px 0 0 0;
}

#products_thumb {
	height:165px;
	clear:both;
	background:#faf3ed;
	text-align:center;
	padding:8px 0 0 0;
	margin:40px 0 0 0;
}

/*
.tooltip {
	-moz-box-shadow: 0 0 15px #666;	
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 3; 
	display: none;
}*/

/* TOOLTIP ###### */

.tipsy { 
	padding: 5px; 
	font-size: 10px; 
	background-color:#EAEDF0;
	margin:10px 0 0 0;
	/*-moz-box-shadow:0 0 10px #797877;
	-webkit-box-shadow:0 0 10px #797877;
	box-shadow:0 0 10px #797877;*/
	border:1px #D8E1E6 solid;
}
.tipsy-inner { 
	padding: 5px 8px 4px 8px; 
	background-color: a8b1b7; 
	color:#5A7583;
	text-align: center; 
}
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }


/* PAGE THUMBNAILS ###### */

#collection_title_container {
	position: relative;
	margin: 15px 0;
	}
	#collection_title_container h1 {
		position:	absolute;
		top:		0;
		left:		0;
		height:		100%;
		width:		350px;
		margin:		0;
		background:	#93AAB0;
		color:		#fff;
		font-size:	47px;
		font-family:	'MuseoSans300', Arial;
		font-weight:	lighter;
		line-height:	1;
	}
	#collection_title_container h1 span {
/*
		position:	absolute;
		top:		50px;
		left:		25px;
*/
		display:	block;
		margin:		50px 0px 0px 25px;
	}
	#collection_title_container img {
		display:	block;
	}


#collection_header {
	display:	block;
	margin:		0 0 15px;
}

h1#collection_title {
	float:		left;
	width:		350px;
	margin:		15px 0 40px;
	color:		#A6BB00;
	font-size:	47px;
	text-transform:	uppercase;
}

h1#category {
	margin:30px 0 12px 0;
}

#thumbs_wrapper {
	background:#fbf6f2;
	padding:12px;
}

#thumbs_wrapper hr {
	height:5px;
	clear:both;
	border-color:#fbf6f2;
	border-style:solid;
}

.thumb_container {
	float:left;
	margin:0 12px 0 0;
	text-align:center;
}

.thumb_container a {
	outline:none;
}

.thumb_container h4 {
	margin:12px 0 0 0;
}

#searchby_container {
	float:left;
	margin:0 0 12px 0;
}

.searchby {
	float:left;
}

.itemby {
	float:right;
}

.itemby select {
	border:1px solid #a8b1b7;
	margin:12px 0 0 0;
}

#searchby_container .searchby select {
	margin:0 10px 0 0;
	border:1px solid #a8b1b7;
}

#searchby_container .searchby option, .itemby option {
	width:90px;
}

.itemby {
	margin:12px 0 0 0;
}

#pagination {
	float:right;
	font-size:10px;
	margin:26px 0 0 12px;
}

#pagination a {
	border-right:1px solid #AC8979;
	padding:0 5px;
}

.submit {
	border:1px solid #a8b1b7;
	background:#fbf6f2;
	outline:none;
}

#products_desc h2.marque {
	color:		#4B8F21;
	font-size:	48px;
	font-family:	'MuseoSans100', Arial;
	text-transform:	uppercase;
}

h1.category_menu {
	font-size:24px;
	font-family:"Times New Roman", Times, serif;
	font-weight:lighter;
}

#products_content #size h2, #products_content #colors h2, #products_content #features h2, #products_content #products h2 {
	padding:0;
	text-transform:uppercase;
	color:#4B8F21;
	font-size:13px;
	font-family:'MuseoSans300', Arial;
	font-weight:bold;
	margin:0 0 5px 0;
	
}

#products_content #products h2 {
	margin-left:	10px;
}

#iconloupe {
	background:url(../images/fiche_produits/icon_loupe.png) top left no-repeat;
	height:14px;
	width:16px;
	position:absolute;
	margin:0 0 0 465px;
	z-index:	50;
} 

.solde_fiche {
	display:	none !important;
}
	

/* CLOUD ZOOM ###### */
.mousetrap {
	cursor:	default !important;
}

#wrap {
	z-index:	40 !important;
}


/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#EAEDF0;}

#colorbox{overflow-x:hidden;}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#fff; padding:1px; overflow-x:hidden; border:1px #D8E1E6 solid;}
        #cboxLoadingGraphic{background:url(colorbox/images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#fff;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(colorbox/images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-76px 0px; right:-4px;}
        #cboxClose.hover{background-position:-76px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}