/*resets*/
*{margin:0;padding:0;}
html,body,form{width:100%;height:100%;margin:0;padding:0;}
/*html{overflow:auto;}*/
body{font-family:Arial, Helvetica, sans-serif; font-size:12px;min-height:100%;}
h1,h2,h3,h4,dl,dd,dt{margin:0;padding:0;}
a img{border:0 none;}
ul{list-style-type:none;margin:0;padding:0;}
li{padding:0;margin:0;}

/*structure de base*/
#website{
	position:relative;
	min-height:100%;
	min-width:1000px;
	width:100%;
}
/*#website{
	position:absolute;
	height:600px;
	width:1000px;
	left:50%;
	top:50%;
	margin:-300px 0 0 -500px;
}*/
* html body #website{
	height:100%;
}
#header{
	position:relative;
	width:100%;
	height:70px;
	background-color:#ededed;
}
#breadcrumpContent{
	width:1000px;
	height:20px;
	margin:0 auto;
	overflow:hidden;
}
#minSize{
	width:1000px;
	/*height:524px;*/
	height:470px;
}
/*#backgroundFlash{
	position:absolute;
	left:0;
	top:50%;
	z-index:1;
	width:100%;
	height:442px;
	margin-top:-189px;
}*/
#backgroundFlash{
	position:absolute;
	left:0;
	top:129px;
	z-index:1;
	width:100%;
	height:442px;
}
	#website div.genomics{
		background:#eff3ff;
	}
	#website div.renergie_refill,
	#website div.reconstructed_skins{
		background:#dee9ec;
	}
/*#content{
	position:absolute;
	left:50%;
	top:50%;
	z-index:2;
	width:1000px;
	height:493px;
	margin:-218px 0 0 -500px;
}*/
#content{
	position:absolute;
	left:50%;
	top:100px;
	z-index:2;
	width:1000px;
	height:500px;
	margin:0 0 0 -500px;
	overflow:hidden;
}
#footer{
	position:absolute;
	bottom:0;
	left:0;
	z-index:3;
	height:18px;
	width:100%;
	background-color:#eaedf2;
}

.inputBox{
	height:19px;
	padding:2px;
	overflow:hidden;
	border:1px solid black;
	background:white;
}
	.inputBox input{
		float:left;
		padding:3px 2px;
		border:0 none;
		color:black;
		font-size:9px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	.inputBox a,
	.inputBox #submitNL{
		display:block;
		height:16px;
		padding-top:3px;
		float:left;
		background:black;
		color:white;
		text-align:center;
		font-size:10px;
		font-weight:bold;
		text-transform:uppercase;
		text-decoration:none;
	}
p.noflash{
	width:500px;
	margin:220px auto 0;
	font-size:11px;
	text-align:center;
}
	p.noflash a{
		color:black;
		font-weight:bold;
		text-decoration:none;
	}
		p.noflash a:hover{
			text-decoration:underline;
		}
	
	
	/*header*/
	#header .headerContent{
		position:relative;
		width:1000px;
		height:70px;
		margin:0 auto;
	}
		/*#header .headerContent h1,
		#header .headerContent a.logo{
			position:relative;
			float:left;
			display:block;
			width:160px;
			height:60px;
			margin:8px 64px 0 0px;
			background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat 0 -241px;
		}*/
		#header .headerContent h1,
		#header .headerContent a.logo{
			position:relative;
			float:left;
			display:inline;
			width:160px;
			height:60px;
			margin:8px 59px 0 5px;
			background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat 0 -241px;
		}
			#header .headerContent h1 span,
			#header .headerContent a.logo span,
			#header .headerContent a span{
				position:absolute;
				left:-9999em;
			}
			
		#header .headerContent .inputBox{
			float:right;
			width:231px;
			margin-top:9px;
			/*visibility:hidden;*/
		}
			#header .headerContent .inputBox input{
				width:166px;
			}
			#header .headerContent .inputBox a{
				width:61px;
			}
			
		#header .headerContent ul.headerNav{
			float:right;
			width:776px;
			height:22px;
			overflow:hidden;
			margin-top:13px;
		}
			#header .headerContent ul.headerNav li{
				float:left;
				height:16px;
				overflow:hidden;
			}
			#header .headerContent ul.headerNav li a{
				display:block;
				height:16px;
			}
			#header .headerContent ul.headerNav li.conferences{
				margin-right:64px;
			}
				#header .headerContent ul.headerNav li.conferences a{
					width:99px;
					background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat 0 -30px;
				}
					#header .headerContent ul.headerNav li.conferences a:hover,
					#header .headerContent ul.headerNav li.conferences a.active{
						background-position:0 -46px;
					}
			#header .headerContent ul.headerNav li.comingNext{
				width:92px;
			}
				#header .headerContent ul.headerNav li.comingNext a{
					width:92px;
					background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat -99px -30px;
				}
					#header .headerContent ul.headerNav li.comingNext a:hover,
					#header .headerContent ul.headerNav li.comingNext a.active{
						background-position:-99px -46px;
					}
	
	/*popin*/
	#popinContent{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		z-index:5;
	}
		#popinContent .opacityBackground{
			position:absolute;
			left:0;
			top:0;
			z-index:6;
			width:100%;
			height:100%;
			background-color:black;
			filter:alpha(opacity=50);
			-moz-opacity:0.50;
			opacity:0.50;
		}
		
		#popinContent span.loaderPopin{
			position:absolute;
			left:50%;
			top:50%;
			display:block;
			width:24px;
			height:24px;
			margin:-12px 0 0 -12px;
			background:url(http://www2.lancome.com/img/events/webstation/load_popin.gif) no-repeat 0 0;
		}
		
		#popinContent .content h1 span{
			position:absolute;
			left:-9999em;
		}
		
		#popinContent .content a#close{
			position:absolute;
			right:4px;
			top:4px;
			display:block;
			width:15px;
			height:19px;
			padding:1px 0 0 7px;
			color:white;
			font-size:13px;
			font-weight:bold;
			background:black;
			text-decoration:none;
		}
		
		#popinContent .tellafriend{
			position:absolute;
			left:50%;
			top:50%;
			z-index:7;
			width:466px;
			height:388px;
			margin:-200px 0 0 -194px;
			background:url(http://www2.lancome.com/img/events/webstation/popinDegrade.png) no-repeat 0 0;
		}
			#popinContent .tellafriend .content{
				position:relative;
				width:436px;
				height:364px;
				padding:16px 0 0 22px;
				overflow:hidden;
				background:#e0e2e5;
				border:0 none;
			}
				#popinContent .tellafriend .content h1{
					position:relative;
					width:299px;
					height:42px;
					margin-bottom:7px;
					background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat 0 -199px;
				}
			
			#popinContent .tellafriend #Taf{
				width:411px;
				padding-top:16px;
				overflow:hidden;
				border:0 none;
				background:url(http://www2.lancome.com/img/events/webstation/dot.gif) repeat-x 0 0;
			}
			#popinContent .tellafriend div#Taf{
				text-align:center;
			}
				#popinContent .tellafriend #Taf p.confirmation{
					margin:90px auto 20px;
				}
				#popinContent .tellafriend #Taf label{
					display:block;
					float:left;
					text-align:left;
				}
				#popinContent .tellafriend #Taf input{
					float:left;
					height:19px;
					padding:4px 2px 0;
					color:#4d4d4d;
					border:1px solid black;
				}
				#popinContent .tellafriend #Taf .info{
					width:100%;
					margin-bottom:10px;
					overflow:hidden;
				}
					#popinContent .tellafriend #Taf .info p{
						width:100%;
						overflow:hidden;
						margin-bottom:3px;
						padding:0; 
					}
					#popinContent .tellafriend #Taf .info label{
						width:90px;
						padding-top:5px;
					}
					#popinContent .tellafriend #Taf .info input{
						width:315px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
					}
				
				#popinContent .tellafriend #Taf .friendMail{
					width:100%;
					margin-bottom:8px;
					overflow:hidden;
				}
					#popinContent .tellafriend #Taf .friendMail label{
						width:140px;
						margin-bottom:95px;
					}
					#popinContent .tellafriend #Taf .friendMail input{
						width:265px;
						margin-bottom:3px;
					}
				
				
				#popinContent .tellafriend #Taf .textArea{
					width:100%;
					margin-bottom:6px;
					overflow:hidden;
				}
					#popinContent .tellafriend #Taf .textArea label{
						width:105px;
					}
					#popinContent .tellafriend #Taf .textArea textarea{
						float:left;
						width:302px;
						height:51px;
						padding-left:2px;
						overflow-y:auto;
						color:#4d4d4d;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						border:1px solid black;
					}
				#popinContent .tellafriend #Taf p.mandatory{
					width:100%;
					margin-bottom:3px;
					text-align:right;
				}
				#popinContent .tellafriend #Taf .submit{
					float:right;
					display:block;
					width:65px;
					height:20px;
					padding:0 0 2px;
					color:white;
					font-size:9px;
					text-align:center;
					text-transform:uppercase;
					background:black;
					cursor:pointer;
				}
				#popinContent .tellafriend #Taf a.submit{
					float:none;
					width:150px;
					height:15px;
					margin:0 auto;
					padding-top:5px;
					text-decoration:none;
				}
				#popinContent .tellafriend #Taf .loader{
					float:right;
					width:16px;
					height:16px;
					margin:2px 10px 0 0;
					overflow:hidden;
					background:url(http://www2.lancome.com/img/events/webstation/load_sendTaf.gif) no-repeat 16px 0;
				}
				
		#popinContent .buy{
			position:absolute; 
			left:50%;
			top:50%;
			z-index:7;
			width:800px;
			height:306px;
			margin:-153px 0 0 -400px;
			background:url(http://www2.lancome.com/img/events/webstation/popinDegrade.png) no-repeat right bottom;
		}
			#popinContent .buy .content{
				position:relative;
				width:770px;
				height:282px;
				padding:16px 0 0 22px;
				overflow:hidden;
				background:#e0e2e5;
				border:0 none;
			}
				#popinContent .buy .content h1{
					position:relative;
					width:218px;
					height:21px;
					margin-bottom:7px;
					background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat 0 -178px;
				}
				
				
				#popinContent .buy #countrys{
					overflow:hidden;
					background:url(http://www2.lancome.com/img/events/webstation/dot.gif) repeat-x 0 0;
				}
				#popinContent .buy .renergie{
					width:522px;
					padding:25px 0 0 220px;
				}
					#popinContent .buy #countrys dl{
						float:left;
						width:135px;
						margin-right:40px;
					}
						#popinContent .buy #countrys dl.last{
							margin-right:0;
						}
						#popinContent .buy #countrys dt{
							margin-bottom:15px;
							color:black;
							font-size:14px;
							font-weight:bold;
							text-transform:uppercase;
						}
						#popinContent .buy #countrys dd{
							margin-bottom:10px;
						}
							#popinContent .buy #countrys dd a{
								color:black;
								font-size:14px;
								text-decoration:none;
							}
								#popinContent .buy #countrys dd a:hover{
									text-decoration:underline;
								}
			
	/*breadcrump*/
	#breadcrumpContent .breadcrump{
		padding-top:7px;
		overflow:hidden;
	}
		#breadcrumpContent .breadcrump li{
			float:left;
			color:black;
			font-size:10px;
		}
			#breadcrumpContent .breadcrump li a{
				color:black;
				text-decoration:none;
			}
				#breadcrumpContent .breadcrump li a:hover{
					text-decoration:underline;
				}
			#breadcrumpContent .breadcrump li.last a{
				text-decoration:underline;
			}
			#breadcrumpContent .breadcrump li span{
				padding:0 5px;
				font-family:arial;
				font-size:9px;
			}
			
	/*pagination*/
	/*#pagination{
		position:absolute;
		right:0;
		bottom:0;
		height:19px;
		overflow:hidden;
	}*/
	#pagination{
		float:right;
		margin-top:18px;
		height:19px;
		overflow:hidden;
	}
		#pagination li{
			float:left;
			margin-right:3px;
			font-size:9px;
		}
			#pagination li span{
				color:white;
				background:black;
			}
			#pagination li span,
			#pagination li a{		
				display:block;
				width:12px;
				height:15px;
				padding:3px 0 0 8px;
				margin-right:3px;
				font-size:9px;
			}
			#pagination li a{
				color:black;
				text-decoration:none;
				background:#ededed;
			}
	/*content*/
	#content .mainContent{
		width:750px;
		height:397px;
		margin-right:12px;
		margin-bottom:8px;
		float:left;
	}
		#content .mainContent ul{
			position:relative;
			padding-left:248px;
			height:397px;
		}
			#content .mainContent li{
				position:relative;
				float:left;
				display:inline;
				width:248px;
			}			
				#content .mainContent li.homeContent{
					position:absolute;
					top:0;
					left:0;
					height:397px;
				}
	#content .rightContent{
		width:238px;
		height:397px;
		margin-bottom:8px;
		float:left;
	}
		#content .rightContent h3{
			position:relative;
			height:22px;
		}
			#content .rightContent h3 span{
				position:absolute;
				left:-9999em;
			}
			
		#content .rightContent .beInformed{
			height:63px;
			margin-bottom:5px;
			padding:11px 11px 0;
			overflow:hidden;
			background:#c8cfdb;
		}
			#content .rightContent .beInformed h3{
				width:116px;
				margin-bottom:3px;
				background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat 0 -62px;
			}
			#content .rightContent .beInformed .inputBox{
				width:210px;
				margin-bottom:20px;
			}
				#content .rightContent .beInformed .inputBox input{
					width:173px;
				}
				#content .rightContent .beInformed .inputBox #submitNL{
					width:33px;
					height:19px;
					padding-top:0;
					padding-right:0;
					padding-bottom:0;
					padding-left:0;
					font-size:11px;
				}
			#content .rightContent .beInformed p{
				margin-top:11px;
				font-size:11px;
			}
			
		#content .rightContent .schedule{
			height:306px;
			padding:11px 0 0 11px;
			background:#c8cfdb;
		}
			#content .rightContent .schedule h3{
				width:116px;
				margin-bottom:19px;
				background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat 0 -84px;
			}
			
			#content .rightContent .schedule ul.calendar{
				width:227px;
				overflow:hidden;
			}
				#content .rightContent .schedule ul.calendar li{
					float:left;
					margin-bottom:10px;
				}
					#content .rightContent .schedule ul.calendar dl{
						width:227px;
						height:51px;
						overflow:hidden;
						font-size:11px;
					}
						#content .rightContent .schedule ul.calendar dt{
							width:161px;
							margin-top:8px;
							float:left;
							font-weight:bold;
							text-transform:uppercase;
						}
						#content .rightContent .schedule ul.calendar dd{
							width:161px;
							display:block;
							float:left;
						}
						#content .rightContent .schedule ul.calendar dd.date{
							float:left;
							width:51px;
							height:51px;
							margin-right:4px;
						}
				
			#content .rightContent .schedule a.agenda{
				float:right;
				margin-right:15px;
				color:black;
				font-size:10px;
				text-decoration:underline;
			}
		
	#content .sliderContent{
		position:relative;
		clear:left;
		width:998px;
		height:86px;
		border:1px solid #e5e5e5;
	}
		#content .sliderContent #left,
		#content .sliderContent #right{
			position:absolute;
			top:-9px;
			z-index:2;
			display:none;
			width:120px;
			height:107px;
		}
		#content .sliderContent #left{
			left:0;
			background:url(http://www2.lancome.com/img/events/webstation/sliderDegrade.png) no-repeat 0 0;
		}
		#content .sliderContent #right{
			right:0;
			background:url(http://www2.lancome.com/img/events/webstation/sliderDegrade.png) no-repeat -120px 0;
		}
			#content .sliderContent #left img{
				width:27px;
			}
			#content .sliderContent #right img{
				float:right;
			}
			#content .sliderContent #left img,
			#content .sliderContent #right img{
				display:block;
				padding:19px 15px;
				margin-top:9px;
				filter:alpha(opacity=20);
				-moz-opacity:0.20;
				opacity:0.20;
			}
			#content .sliderContent #left img.go,
			#content .sliderContent #right img.go{
				cursor:pointer;
				filter:alpha(opacity=100);
				-moz-opacity:1;
				opacity:1;
			}
		#content .sliderContent #slider{
			position:absolute;
			left:70px;
			bottom:0;
			width:860px;
			height:202px;
			overflow:auto;
			z-index:1;
		}
			#content .sliderContent #slider ul{
				position:relative;
				width:1295px; /* 415px*le nombre de li+ 50px*/
				height:155px;
				overflow:hidden;
				list-style-type:none;
				padding:0 50px;
				margin:0;
			}
			#content .sliderContent #slider ul li,
			#content .sliderContent #slider dl dd,
			#content .sliderContent #slider dl dt{
				margin:0;
			}
			#content .sliderContent #slider ul li{
				float:left;
			}
			#content .sliderContent #slider dl{
				position:relative;
				width:380px;
				margin:0 35px 0 0;
				overflow:hidden;
			}
			#content .sliderContent #slider dl.last{
				margin-right:50px;
			}
			#content .sliderContent #slider dl dd,
			#content .sliderContent #slider dl dt{
				width:210px;
				margin-left:160px;
			}
			#content .sliderContent #slider dl dd.visuel{
				width:145px;
				height:155px;
				margin:0;
				float:left;
			}
				#content .sliderContent #slider dl dd.visuel img{
					position:absolute;
					bottom:0;
					border:0 none;
				}
				
			#content .sliderContent #slider dl dt a,
			#content .sliderContent #slider dl dd a{
				color:black;
				text-decoration:none;
			}
			#content .sliderContent #slider dl dt{
				margin-top:90px;
			}
				#content .sliderContent #slider dl dt a{
				font-weight:bold;
				font-size:14px;
				text-transform:uppercase;
			}
		
	#content .wideContent{
		width:1000px;
		overflow:hidden;
	}
		#content .wideContent 	iframe#chat{
			width:1000px;
			height:515px;
			overflow:hidden;
			border:0 none;
		}
		
	/*conferences flash*/
		#content .wideContent #links{
			position:absolute;
			right:0;
			top:0;
			z-index:3;
		}
			#content .wideContent #links span{
				float:left;
				display:inline;
				margin-left:7px;
			}
				#content .wideContent #links span a{
					width:85px;
				}
			
		#content .wideContent #flash{
			position:absolute;
			top:-26px;
			left:-18px;
			width:1036px;
			height:540px;
			/*margin-left:-18px; /*desole pour ca, je n'ai pas le choix pour l'instant*/
			/*margin-top:-26px;*/
		}
		
		/*credits*/
	#content .wideContent .credits{
		width:970px;
		margin-top:30px;
		padding-left:30px;
		overflow:hidden;
		background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat -369px 0;
	}
		#content .wideContent .credits h1{
			position:relative;
			width:65px;
			height:18px;
			margin-bottom:7px;
			background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat 0 -106px;
		}
			#content .wideContent .credits h1 span{
				position:absolute;
				left:-9999em;
			}
		#content .wideContent .credits dl{
			margin:0;
			color:black;
			background:url(http://www2.lancome.com/img/events/webstation/dot.gif) repeat-x 0 0;
		}
			#content .wideContent .credits dl dt{
				padding:10px 0 8px;
				font-weight:bold;
				text-transform:uppercase;				
			}
			#content .wideContent .credits dl dd{
				padding:0 0 11px;
				background:url(http://www2.lancome.com/img/events/webstation/dot.gif) repeat-x 0 24px;
			}
		
		/*conferences*/
	/*#content .wideContent .conferences{
		margin-top:85px;
		background:url(http://www2.lancome.com/img/events/webstation/dot.gif) repeat-x left bottom;
	}*/
	#content .wideContent .conferences{
		background:url(http://www2.lancome.com/img/events/webstation/dot.gif) repeat-x left bottom;
	}
		#content .wideContent .conferences .menu{
			position:relative;
			height:18px;
			padding-bottom:10px;
			background:url(http://www2.lancome.com/img/events/webstation/dot.gif) repeat-x left bottom;
		}
			#content .wideContent .conferences .menu p.typeOf{
				position:relative;
				width:152px;
				height:18px;
				background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat 0 -160px;
			}
				#content .wideContent .conferences .menu p.typeOf span{
					position:absolute;
					left:-9999em;
				}
			
			#content .wideContent .conferences .menu ul{
				position:absolute;
				left:162px;
				top:1px;
				width:111px;
				height:18px;
				overflow:hidden;
				z-index:2;
				/*background:white url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat -82px -84px;*/
			}
				#content .wideContent .conferences .menu ul li,
				#content .wideContent .conferences .menu ul li a{
					color:black;
					font-size:14px;
					font-weight:bold;
					text-transform:uppercase;
					text-decoration:none;
				}
				
			#content .wideContent .conferences .border{
				background:url(http://www2.lancome.com/img/events/webstation/dot.gif) repeat-x left bottom;
			}
			#content .wideContent .conferences .theme{
				width:1000px;
				margin-top:29px;
				padding-bottom:29px;
				overflow:hidden;
			}
			#content .wideContent .conferences .product{
				width:1000px;
				padding-bottom:29px;
				overflow:hidden;
			}
				#content .wideContent .conferences div img{
					width:197px;
					height:86px;
					margin-right:22px;
					float:left;
					border:0 none;
				}
				#content .wideContent .conferences .product img{
					margin-left:35px;
				}
				#content .wideContent .conferences .middle{
					float:left;
				}
				#content .wideContent .conferences .theme .middle p{
					width:530px;
				}
				#content .wideContent .conferences .product .middle p{
					width:495px;
				}
				#content .wideContent .conferences h1,
				#content .wideContent .conferences h2{
					height:22px;
					margin-bottom:18px;
					padding-bottom:6px;
					font-size:22px;
					text-transform:uppercase;
					border-bottom:4px solid black;
				}
				
				#content .wideContent .conferences h1{
					width:530px;
				}
				
				#content .wideContent .conferences h2{
					width:495px;
				}
				#content .wideContent .conferences div ul.liens{
					width:213px;
					margin-top:35px;
					float:right;
					overflow:hidden;
				}
					#content .wideContent .conferences div ul.liens li{
						margin-bottom:1px;
						float:left;
					}
						#content .wideContent .conferences div ul.liens li a{
							display:block;
							width:201px;
							height:15px;
							padding:3px 0 0 12px;
							color:white;
							background:#7f7f7f;
							font-size:10px;
							font-weight:bold;
							text-transform:uppercase;
							text-decoration:none;
						}
						#content .wideContent .conferences div ul.liens li a:hover{
							background:#a8a8a8;
						}
			
			
		/*chatArchive*/
	#content .wideContent .chatArchive{
		width:970px;
		margin-top:30px;
		padding-left:30px;
		overflow:hidden;
		background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat -369px 0;
	}
		#content .wideContent .chatArchive h1{
			position:relative;
			width:119px;
			height:18px;
			margin-bottom:9px;
			background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat 0 -142px;
		}
			#content .wideContent .chatArchive h1 span{
				position:absolute;
				left:-9999em;
			}
			
		#content .wideContent .chatArchive ul#chat{
			float:left;
			width:628px;
			height:400px;
			overflow:auto;
		}
			#content .wideContent .chatArchive ul#chat li{
				width:585px;
				margin-bottom:10px;
				padding-top:8px;
				padding-left:5px;
				overflow:hidden;
				background:url(http://www2.lancome.com/img/events/webstation/dot.gif) repeat-x left top;
			}
				#content .wideContent .chatArchive ul#chat li dl{
					overflow:hidden;
				}
				#content .wideContent .chatArchive ul#chat li.conf dl{
					padding-left:48px;
					background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat 0 -301px;
				}
					#content .wideContent .chatArchive ul#chat li dt{
						margin-bottom:2px;
						font-size:12px;
						font-weight:bold;
					}
					#content .wideContent .chatArchive ul#chat li dt span.puce{
						float:left;
						display:block;
						width:9px;
						height:7px;
						margin:4px 6px 0 0;
						overflow:hidden;
						background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat -82px -105px;
					}
					
		#content .wideContent .chatArchive a.jScrollArrowUp,
		#content .wideContent .chatArchive a.jScrollArrowDown{
			display:none;
		}
		
		#content .wideContent .chatArchive .archives{
			float:right;
			width:320px;
			overflow:hidden;
		}
			#content .wideContent .chatArchive .archives h2{
				margin-bottom:3px;
				font-size:15px;
				text-transform:uppercase;
			}
			#content .wideContent .chatArchive .archives ul.dates{
				width:308px;
				overflow:hidden;
			}
				#content .wideContent .chatArchive .archives ul.dates li{
					float:left;
					width:308px;
					height:16px;
					margin-bottom:2px;
					padding-top:1px;						
					font-size:11px;
					color:white;
					background:#bfbfbf;
				}
					#content .wideContent .chatArchive .archives ul.dates li span{
						margin:0 11px;
					}
					#content .wideContent .chatArchive .archives ul.dates li a{
						display:block;
						width:308px;
						height:16px;
						color:black;
						text-decoration:none;
						background:#bfbfbf;
					}
						#content .wideContent .chatArchive .archives ul.dates li.active,
						#content .wideContent .chatArchive .archives ul.dates li.active a,
						#content .wideContent .chatArchive .archives ul.dates li a:hover{
							color:white;
							font-weight:bold;
							background:black;
				
						}
		/*schedule*/
	#content .wideContent .schedule{
		width:970px;
		margin-top:30px;
		padding-left:30px;
		overflow:hidden;
		background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat -369px 0;
	}
		#content .wideContent .schedule h1{
			position:relative;
			width:82px;
			height:18px;
			margin-bottom:7px;
			background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat 0 -124px;
		}
			#content .wideContent .schedule h1 span{
				position:absolute;
				left:-9999em;
			}
			
		#content .wideContent .schedule ul.dates{
			width:100%;
			overflow:hidden;
		}
			#content .wideContent .schedule ul.dates li{
				width:970px;
				margin-bottom:10px;
				overflow:hidden;
				
			}
				#content .wideContent .schedule ul.dates li img{
					width:51px;
					height:51px;
					float:left;
					margin-right:17px;
					padding-bottom:10px;
					background:url(http://www2.lancome.com/img/events/webstation/dot.gif) repeat-x left bottom;
				}
				#content .wideContent .schedule ul.dates li .description{
					float:left;
					width:902px;
					height:61px;
					overflow:hidden;
					background:url(http://www2.lancome.com/img/events/webstation/dot.gif) repeat-x left bottom;
				}
					#content .wideContent .schedule ul.dates li .description h2{
						margin-bottom:6px;
						font-size:13px;
						text-transform:uppercase;
					}
						#content .wideContent .schedule ul.dates li .description h2 a{
							color:black;
							text-decoration:none;
						}
							#content .wideContent .schedule ul.dates li .description h2 a:hover{
								text-decoration:underline;
							}
			
			#content .wideContent .schedule ul.dates li.decorationTop{
				height:1px;
			}
				#content .wideContent .schedule ul.dates li.decorationTop span{
					float:left;
					display:block;
					height:1px;
					overflow:hidden;
					background:url(http://www2.lancome.com/img/events/webstation/dot.gif) repeat-x left top;
				}
					#content .wideContent .schedule ul.dates li.decorationTop span.first{
						width:51px;
						margin-right:17px;
					}
					#content .wideContent .schedule ul.dates li.decorationTop span.second{
						width:902px;
					}
		
		/*results*/
	#content .wideContent .result{
		position:relative;
		width:970px;
		margin-top:27px;
		padding-left:30px;
		overflow:hidden;
		background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat -369px 7px;
	}
		#content .wideContent .result h1{
			position:relative;
			font-size:24px;
			color:#bfbfbf;
		}
			#content .wideContent .result h1:first-letter{
				text-transform:uppercase;
			}
			
		p.noResults{
			height:22px;
			padding:14px 0 10px 5px;
			font-weight:bold;
			background:url(http://www2.lancome.com/img/events/webstation/dot.gif) repeat-x left bottom;
		}
		#content .wideContent .result p.subtitle{
			width:970px;
			height:18px;
			padding-bottom:30px;
			font-size:13px;
			font-weight:bold;
			text-transform:uppercase;
			background:url(http://www2.lancome.com/img/events/webstation/dot.gif) repeat-x left bottom;
		}
		#content .wideContent .result table{
			width:970px;
			margin-bottom:30px;
		}
			#content .wideContent .result td{
				height:42px;
				vertical-align:top;
				background:url(http://www2.lancome.com/img/events/webstation/dot.gif) repeat-x left bottom;
			}
				#content .wideContent .result td .info{
					float:left;
					height:22px;
					margin:10px 0 10px 5px;
				}
					#content .wideContent .result td .info .breadcrump{
						font-weight:bold;
					}
					#content .wideContent .result td .info .description{
						
					}
				#content .wideContent .result td .link{
					float:right;
					width:120px;
					margin-top:14px;
				}
					#content .wideContent .result td .link span{
						float:left;
						display:block;
						width:10px;
						height:17px;
						background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat -160px -241px;
					}

				
				#content .wideContent .result td .link .learnMore{
					float:right;
					display:block;
					width:86px;
					height:15px;
					padding-top:2px;
					color:white;
					font-size:10px;
					font-weight:bold;
					text-align:center;
					text-transform:uppercase;
					text-decoration:none;
					background:#7f7f7f;
					
				}
		
		#content .wideContent .result .previous{
			position:absolute;
			bottom:0px;
			right:96px;
		}
		#content .wideContent .result .next{
			position:absolute;
			bottom:0px;
			right:0px;
		}
		
		#content .wideContent .result .previous,
		#content .wideContent .result .next{
			float:right;
			display:block;
			width:86px;
			height:15px;
			margin-top:10px;
			padding-top:2px;
			color:black;
			font-size:10px;
			font-weight:bold;
			text-align:center;
			text-transform:uppercase;
			text-decoration:none;
			background:#ededed;
		}
		#content .wideContent .result .previous:hover,
		#content .wideContent .result .next:hover{
			color:#ededed;
			background:black;
		}
	/*footer*/
	#footer .content{
		position:relative;
		width:1000px;
		height:13px;
		margin:0 auto;
		font-size:10px;
	}
		#footer .content a{
			color:black;
			text-decoration:none;
		}
			#footer .content a:hover{
				text-decoration:underline;
			}
		#footer .content a.lancome{
			float:left;
			padding-top:3px;
		}
		#footer .content ul.footerNav{
			position:relative;
			float:right;
			width:247px;
			height:18px;
			padding-left:100px;
			background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat -116px -62px;
		}
			#footer .content ul.footerNav li{
				float:left;
				height:15px;
				padding-top:3px;
				text-align:center;
				background-color:#eaedf2;
			}
				#footer .content ul.footerNav li#selectLanguage{
					position:absolute;
					left:0;
					bottom:0;
					display:block;
					overflow:hidden;
					width:96px;
					height:22px;
					padding:0 2px;
					z-index:2;
					text-align:left;
					background:none;
				}
					#footer .content ul.footerNav li#selectLanguage span#currentLanguage{
						text-transform:uppercase;
					}
					#footer .content ul.footerNav li#selectLanguage dl{
						width:96px;
						height:65px;
						padding-top:4px;
						background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat -118px -62px;
					}
						#footer .content ul.footerNav li#selectLanguage dl dt{
							font-weight:bold;
							padding-top:3px;
							padding-bottom:2px;
						}
							#footer .content ul.footerNav li#selectLanguage dl dt a{
								font-weight:normal;
								display:block;
								float:left;
								width:64px;
								text-decoration:none;
								cursor:default;
								background:url(http://www2.lancome.com/img/events/webstation/_int/_en/sprite.png) no-repeat -163px 0;
							}	
						#footer .content ul.footerNav li#selectLanguage dl dd{
							padding-bottom:2px;
						}
						#footer .content ul.footerNav li#selectLanguage dl dt,
						#footer .content ul.footerNav li#selectLanguage dl dd{
							padding-left:7px;
							padding-right:7px;
							width:82px;
							background-color:#e0e2e5;
						}
						
					#footer .content ul.footerNav li.contactUs{
						width:88px;
					}	
					#footer .content ul.footerNav li.credits{
						width:68px;
					}	
					#footer .content ul.footerNav li.legalTerms{
						width:88px;
					}
					#footer .content ul.footerNav li.copyrights{
						width:78px;
					}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	float:left;
}

.jScrollPaneTrack {
	position: absolute;
	width:17px!important;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:url(/img/events/webstation/dot.gif) repeat-y 8px 0;
}
.jScrollPaneDrag {
	position: absolute;
	width:17px!important;
	height:74px!important;
	cursor: pointer;
	overflow: hidden;
	background: black;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}