@CHARSET "UTF-8";
html{
	padding: 0;
	margin: 0;
	
	font-size: 12px;
	height:100%!important;
}
body{
	padding: 0;
	margin: 0;
	text-align: center;
}
body.inspiration{}
body.produits{}
body.ambiance{height:100%!important;}

a{ outline:none; }
a:hover{}
a img {
	border:none;
}

.clear{
	clear: both;
}

h1 { margin:0; padding: 5px 0; }
h2 { margin:0; padding: 4px 0; }
h3 { margin:0; padding: 3px 0; }
h4 { margin:0; padding: 2px 0; }
dl, dt, dd, ol, ul, li {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}       
/*****************/
#global-container{
	min-width: 980px;
	width: 100%;
	min-height:600px;
	
	position: relative;
	margin: 0 auto;
	
	text-align: left;
	
	/*background-color: #a8969c;*/
	padding-bottom: 35px;
}
body.ambiance #global-container{
	height:100%;
	background-color: #a8969c;
	padding-bottom: 0;
	text-align:left;
}


	#header{
		position: absolute;
		z-index: 2;
		top: 0;
		left:0;
		width: 100%;
	}
		#nav-panel{
			background: url('/images/tendances/nav-panel-bg.png') repeat-x;
			padding-top: 5px;
			width: 100%;
			
			position: relative;
			z-index:0;
		}
			#carousel{
				position: relative;
				overflow: hidden;
				
				/*width: 835px;*/
				margin-right: 125px;
				padding: 0 10px;
				height: 108px;
			}

				#bt-scroll-left, #bt-scroll-right {
					display: block;
					position: absolute;
					z-index: 1;
					top: 0;
					width: 30px;
					height:108px;
					background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') repeat; /* Ajout un fond transparent, sinon ie ne détecte pas la zone */
				}

				#bt-scroll-left{
					left: 0;
					/*cursor: url('/images/bt-scroll-left.gif');*/
				}
				#bt-scroll-right{
					right:0;
					/*cursor: url('/images/bt-scroll-right.gif');*/
				}
				
				#scroll-wrapper {
					position: relative;
					z-index: 0;
					
					overflow: hidden;
					width: 100%;
					height: 100%;
				}
				#carousel ul{
					position: relative;
					z-index: 0;
					width: 100%;
					
					margin: 0;
					padding: 0;
					
					list-style: none;
				}
					#carousel li{
						float: left;
						width: 167px;
						
						font-size: 13px;
						height: 105px;
					}
						#carousel li a{
							display: block;
							text-decoration: none;
							color: #8d6c78;
							margin: 4px auto 2px;
							
							outline: none;
							
							width:162px;
							height: 101px;
							overflow: hidden;
							text-align:center;
						}
							#carousel li a img{
								padding-bottom: 4px;
								margin-bottom: 4px;
								
								width:162px;
							}
							.ie6 #carousel li a img{border-bottom: 4px solid transparent; margin-bottom: 0;}
							#carousel li a span{
								display: block;
								text-align:center;
								padding: 4px 0;
							}
						#carousel li a:hover,#carousel li.current a{
							color: #ebdcd6;
						}
							#carousel li a:hover img, #carousel li.current a img{
								border-bottom: 4px solid #ebdcd6;
								margin-bottom: 0;
							}
							#carousel li a:hover span{}	
				
			#current-trend-title{
				margin: 0;
				
				font-size: 13px;
				font-weight: normal;
				color: #ffffff;
				
				margin-left: 18px;
				padding-left: 12px;
				
				background: url('/images/tendances/puce-current-trend-title.png') no-repeat left center;
			}
			.ie6 #current-trend-title{ background: url('/images/tendances/puce-current-trend-title.gif') no-repeat left center; }
			
		#control-panel{
			width: 125px;
			height: 108px;
			margin-top: 5px;
			
			position: absolute;
			top: 0;
			right: 0;
			z-index:1;
				
			background: url('/images/tendances/control-panel-bg.png') repeat;
		}
			#control-bar{}
			.ie7 #control-bar { zoom:1;} 
				#control-bar ul{
					list-style: none;
					margin:0;
					padding: 0;
				}
				.ie7 #control-bar ul { zoom:1; }
					#control-bar ul li{
						float: left;
						display: block;
						font-size: 10px;
						
						height: 30px;
						line-height: 30px;
						vertical-align: middle;
						
						width: 26px;
						padding: 0 7px;
					}
					.ie6 #control-bar ul li, .ie7 #control-bar ul li{  position: relative; }
						#control-bar ul li a{
							display: block;
							color: #ffffff;
							text-decoration: none;
							cursor: pointer;
							outline: none;
						}
						.ie7 #control-bar ul a{  height: 30px; position: relative; }
					#cart-link{
						width: 38px !important;
						padding: 0 2px!important;
					}
						#cart-link a {
							background-image: url('/images/tendances/bt-panier.png');
							background-repeat: no-repeat;
							background-position:  left 0;
							padding-left: 18px
						}
						.ie6 #cart-link a {
							/*background-image: url('/images/tendances/bt-panier.ie6.gif');*/
							padding-left: 19px
						}
						#cart-link a:hover {
							background-position:  left -30px;
						}
						#cart-link.empty a {background-position:  center 0;}
						#cart-link.empty a:hover {background-position:  center -30px;}
					#zoom-button{
						background: url('/images/tendances/filet-control-bar.png') no-repeat left center;
					}
					.ie6 #zoom-button a{
						background-image: url('/images/tendances/bt-loupe.ie6.gif');
					}
					#zoom-button.hidden {
						visibility: hidden;
					}
					#zoom-button a{
						text-indent: -9999em;
						background-image: url('/images/tendances/bt-loupe.png');
						background-repeat: no-repeat;
					}
					.ie6 #closewindow-button a{
						background-image: url('/images/tendances/bt-fermer.ie6.gif');
					}
						#zoom-button.zoomin a{
							background-position:  center -30px;
						}
						#zoom-button.zoomout a{
							background-position:  center 0;
						}
					
					#closewindow-button {
						text-indent: -9999em;
						background: url('/images/tendances/filet-control-bar.png') no-repeat left center;
					}	
						#closewindow-button a{
							background-image: url('/images/tendances/bt-fermer.png');
							background-repeat: no-repeat;
							background-position: center 0;
						}
						#closewindow-button a:hover{
							background-position: center -30px;
						}
				
				#links-bar{
					padding: 10px 12px;
					font-size: 13px;
				}
				#links-bar ul{
					list-style: none;
					padding: 0;
					margin: 0;
				}
				#links-bar ul li{}
					#links-bar ul li a{
						padding-left: 14px;
						color: #ffffff;
						text-decoration: none;
					}
				#links-bar ul li.selected{}
					#links-bar ul li.selected a, #links-bar ul li a:hover {
						background: url('/images/tendances/puce-links-bar.png') no-repeat left center;
						font-weight: bold;
					}
					.ie6 #links-bar ul li.selected a, .ie6 #links-bar ul li a:hover{
						background: url('/images/tendances/puce-links-bar.ie6.gif') no-repeat left center;
					}

	#content{
		background-color:white;
		height:100%;
		width: 980px;
		margin: 0 auto;
		
		padding-top:120px;
	}
	.ie7 #content{ /*centre le contenu des pages inspiration et produits sous ie */
		width: auto;
		text-align:center;
		margin: auto;
	}
	body.ambiance #content{
		padding-top: 0;
		background: none;
		position: relative;
		z-index: 0;
		width: auto;
	}
	body.inspiration #content{
		padding-top:31px;
		margin-bottom:-40px;
	}
		
	#footer{
		position: absolute;
		z-index: 1;
		bottom:0;
		right: 0;
		
		width:426px;
		height:46px;

		background: url('/images/tendances/footer-bg.png') no-repeat left top;
	}
	.inspiration #footer{
		position: relative;
		z-index: 1;
		margin:0 auto;
		
		width:426px;
		padding-left: 554px;
		height:46px;

		background: none;
	}
		#trendbook-title{ 
			color: #c5698b;
			font-size: 12px;
			font-weight: bold;
			
			padding-left:90px;
			padding-top:29px;
			float: left;
		}
			#season-title{
				font-weight: normal;
				background: url('/images/tendances/filet-trendbook-title.png') no-repeat left -10px;
				
				/*display: -moz-inline-block;*/
				display: inline-block;
				
				padding-top:10px;
				margin-top:-10px;
				padding-left:5px;
				margin-left:5px;
			}
			.ie6 #season-title{
				display: inline;
				zoom:1;
			}
		#company-logo{
			float: right;
			padding-right:15px;
			padding-top:25px;
		}
			#company-logo img{
				width: 70px;
			}
			
			
			
/* tendances liste produits */

#page_list_view {
	margin:6px auto 12px;
	position:relative;
}
.ie7 #page_list_view{ width: 980px; text-align: left;}
	#filter_view {
		float:left;
		padding:0 0 0 10px;
		position:relative;
		width:220px;
	}
		#filter_title{
			background-color: #744557;
			color : white;
			font-weight: bold;
			font-size:12px;
			text-align: left;
			padding-left: 10px;
			padding-top: 5px;
			padding-bottom: 5px;
		}
		#filter_view ul {
			list-style: none;
			padding-left: 15px;
		}
		#filter_view ul li{
			text-align: left;
			line-height: 1.5em;
		}
			#filter_view ul li label{
				color:#747060;
				font-size:11px;
				margin:0 5px;
				vertical-align:middle;
			}
		#filter_result_view {
			/*float: left;*/
			vertical-align:middle;
		}
		.list_view_search #filter_result_view {
			float: right;
		}
		.ie6 #filter_result_view {
			height: 22px;
			line-height: 22px;
			vertical-align: middle;
		}

			#filter_result_view span {
				margin : 0 2px;
			}
			.ie6 #filter_result_view span {
				zoom: 1;
			}
			
	#list_view {
		float:right;
		padding-right:10px;
		position:relative;
		width:710px;
		
	}
	#list_view.list_view_search {
		width:950px;
		padding: 0 15px;
	}

		#list_view_page_options  {
			height:18px;
			line-height:1.2em;
			padding:4px 0;
			vertical-align:middle;
			color: #6b586a;
			float: left;
		}
		.list_view_search #list_view_page_options {
			float: none;
		}
			#list_view_page_options a {
				color:#6B586A;
			}
		#lien_list_tous_produits  {
			/*float:left;*/
			margin:0 10px 0 auto;
			/*padding:5px 0;*/
			vertical-align:middle;
		}
		.list_view_search #lien_list_tous_produits {
			float:left;
		}
		
		#result_panel {
			position:relative;
		}
			#list_view_result {
				position:relative;
				z-index:0;
			}
			.ie6 #list_view_result{
				zoom: 1;
			}


		.list_view_product {
			float:left;
			font-size:11px;
			height:280px;
			padding:5px;
			position:relative;
			width:170px;
		}
		.list_view_product_min  {
			height:190px;
			padding:5px 2px;
			width:114px;
		}
		a.list_view_product {
			display: block;
			text-decoration: none;
			color:#888888;
		}
			.list_view_product .view {
				position:relative;
				display:block;
			}

			.list_view_product img {
				border:1px solid #BBBBBB;
				display:block;
				
				height:170px;
				width:170px;
			}
			.list_view_product.list_view_product_min img {
				height:112px;
				width:112px;
			}
			
			.list_view_product p  {
				margin:3px 0;
				padding:0;
			}
				.list_view_product .denomination  {
					font-size:11px;
					font-weight:bold;
					display: block;
					padding: 3px 0;
				}
				a.list_view_product:hover .denomination {
					text-decoration: underline;
				}
				.list_view_product .price {
					color:#555555;
					font-size:12px;
					font-weight:bold;
				}
		.pagination {
			font-size:11px;
		}
			.pagination a {
				color:#6B586A;
				text-decoration:none;
			}
			.pagination a, .pagination span {
				display:block;
				float:left;
				padding:0.3em 0.5em;
			}
			.pagination .current {
				background:none repeat scroll 0 0 #6B586A;
				color:#FFFFFF;
			}
			.pagination a.prev, .pagination a.next {
				color:#6B586A;
				text-decoration:underline;
			}
			.pagination .current.prev, .pagination .current.next {
				background:none repeat scroll 0 0 #FFFFFF;
				color:#999999;
				text-decoration:none;
			}

		#PaginationTop {
			float:right;
			height:20px;
			margin:0 10px 0 auto;
			vertical-align:baseline;
		}
			.pagination a, .pagination span {
				display:block;
				float:left;
				padding:0.3em 0.5em;
			}
			.pagination a {
				color:#6B586A;
				text-decoration:none;
			}
			
		#list_view_loading {
			background:none repeat scroll 0 0 #FFFFFF;
			display:none;
			height:100%;
			left:0;
			opacity:0.75;
			position:absolute;
			top:0;
			width:100%;
			z-index:99;
		}
			#list_view_loading .loading {
				background:url("/images/common/ui/ajax-loader.gif") no-repeat scroll 0 0 transparent;
				color:#931343;
				font-size:14px;
				font-weight:bold;
				height:42px;
				left:50%;
				margin-left:-50px;
				padding-left:50px;
				position:absolute;
				top:12.5%;
			}
		
		#filter_view input, #filter_view select {
			cursor:pointer;
			margin:0;
			padding:0;
			vertical-align:middle;
		}
		#filter_view div.line_field {
			line-height:20px;
		}
		#filter_view label {
			color:#747060;
			font-size:11px;
			margin:0 5px;
			vertical-align:middle;
		}
		label.clickable {
			cursor:pointer;
		}

/* tendances fiche produit */
#product_infos {
	width: 830px;
}

	#product_infos_right {
		float:right;
		margin:0;
		padding:0 0 0 12px;
		position:relative;
		width:478px;
		
		overflow:hidden;
	}
	.ie #product_purchase_right{
		word-wrap: break-word;
	}
	#product_infos_left {
		float:left;
		margin:0;
		padding:0;
		width:312px;
	}

/* Page ambiance */
#view-area{
	width:100%;
	height: 100%;
	
	overflow: hidden;
}
	#view-area .bt-planche{
		position: absolute;
		z-index:1;
		
		display: block;
		height: 44px;
		width: 100px;
		padding: 8px 10px;
				
		color: #633144;
		font-weight: bold;
		text-decoration: none;
		vertical-align: middle;
		line-height: 1.5em;
		outline:none;
		
		top: 50%;	
		cursor: pointer;
	}
	#view-area .bt-planche:hover{
		text-decoration: underline;
	}
	#view-area .bt-planche span{
		display: block;
		height: 44px;
	}
	
	#bt-planche-precedente{
		left: 0;
		background: url('/images/tendances/bt-planche-precedente.png') no-repeat right center;
	}
		#bt-planche-precedente span {
			padding-left: 20px;
			background: url('/images/tendances/puce-planche-precedente.png') no-repeat left center;
		}
	#bt-planche-suivante{
		right: 0;
		text-align: right;
		background: url('/images/tendances/bt-planche-suivante.png') no-repeat left center;
	}
		#bt-planche-suivante span {
			padding-right: 20px;
			background: url('/images/tendances/puce-planche-suivante.png') no-repeat right center;
		}
	#diaporama{
		position: relative;
		width:100%;
		height: 100%;
		z-index:0;
	}
		#diaporama .planche{
			position: relative;
			width:100%;
			height: 100%;
			overflow:hidden;
		}
			#diaporama .planche .vue-planche{
				position: absolute;
				top:0;
				left:0;
			}
				#diaporama .planche .puce {
					position: absolute;
					z-index: 10;
				}
				#diaporama .planche .puce img {}
				#diaporama .planche img.image-planche {
					position: relative;
					z-index:0;
				}
			/* scrollable */	
			#diaporama .planche .bt-scroll-planche {
				display:block;
				position:absolute;
				top:0;
				z-index: 2; /* par dessus les boutons .bt-scroll-planche-v */
				width: 200px;
				height: 100%;
				
				
				background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') repeat; /* Ajout un fond transparent, sinon ie ne détecte pas la zone */
				/*background-color: blue;
				text-align: center;
				vertical-align: middle;
				line-height: 600px;*/
			}
			#diaporama .planche .bt-scroll-left {
				left: 0;
			}
			#diaporama .planche .bt-scroll-right {
				right: 0;
			}
			
			#diaporama .planche .bt-scroll-planche-v {
				display:block;
				position:absolute;
				left:0;
				z-index: 1;
				width: 100%;
				height: 80px;
				
				background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') repeat; /* Ajout un fond transparent, sinon ie ne détecte pas la zone */
				/*background-color: green;
				text-align: center;
				vertical-align: middle;
				line-height: 50px;*/
			}
			#diaporama .planche .bt-scroll-top {
				top: 26px;
				height: 100px
			}
			#diaporama .planche .bt-scroll-bottom {
				bottom: 0;
			}
/*-------------Message alert en arrivant sur page ambiance---------- */
			.jqifade{ position: absolute; background-color: transparent; /*#aaaaaa;*/ }
			div.jqi{ width: 500px;height:60px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color:#744557; background-color: rgba(87,43,49,0.47);  font-size: 11px; text-align: left; border: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 12px 20px; }
			.ie div.jqi {background-color: #744557;}
			div.jqi .jqicontainer{ font-weight: bold; }
			div.jqi .jqiclose{ position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #bbbbbb; font-weight: bold; }
			div.jqi .jqimessage{ padding: 10px; line-height: 20px; color: #FFFFFF;text-align: center; font-family: Helvetica;}
			div.jqi .jqibuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
			div.jqi button{ padding: 3px 10px; margin: 0 10px; background-color: #2F6073; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
			div.jqi button:hover{ background-color: #728A8C; }
			div.jqi button.jqidefaultbutton{ background-color: #BF5E26; }
			.jqiwarning .jqi .jqibuttons{ background-color: #BF5E26; }


/****** Pages inspirations **********/
.conteneur_page_inspiration {	background-repeat: no-repeat; width: 980px;	position: relative;	font-family: Arial, Helvetica, sans-serif;	color: #555555;	text-align: left; line-height: 1.2em;}
	.conteneur_page_inspiration h2 {font-family: Times New Roman, Times, serif; color:#000000; font-size:20px; font-weight: normal; margin: 0 0 10px 0; padding:0;}
	.conteneur_page_inspiration p {margin:0; padding:0;}
	
	.texte_inspiration {position:absolute;	line-height: 1.2em;}
	.texte_inspiration h2 {	background-image: url(/_tendances/statique/FR/fr/images/img_inspiration.png);	background-repeat: no-repeat; display:block; text-indent:-9999em; height:28px; width:121px;}
	
	.texte_les_couleurs {position: absolute;}
	.texte_les_couleurs h2 {}
		.texte_les_couleurs h2 span { }
	
	.texte_les_materiaux {position:absolute;}
	.texte_les_materiaux h2 {}
	
	.texte_les_motifs {position:absolute;}
	.texte_les_motifs h2 {}
		.texte_les_motifs h2 span { }

	.texte_styliste {position:absolute; font-family: Trebuchet-MS, Arial, Helvetica,sans-serif; line-height:1em;}
	.texte_styliste h2 {font-family: Trebuchet-MS, Arial, Helvetica,sans-serif; font-size: 12px; font-weight:normal;}
		.texte_styliste h2 span { }
		.texte_styliste p { line-height:1.1em;}