/*
	Reflow - RESET CSS
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-size: 1em; 
    border:0;
    vertical-align:baseline;
    background:transparent;
}
html{
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
body{
	font-size: 62.5%; /* 62.5% => 10px // 68.75% = > 11px* // 75% => 12px */
}
html,body{
  width:100%;
  height:100%;
}
body, select, input, button, label, textarea, img, 
code, pre, samp, kbd, pre{
	font-family: arial, helvetica, verdana, sans-serif;
}
article, aside, audio, canvas, datagrid, datalist, details, dialog, 
figure, footer, header, menu, nav, section, video{ 
    display:block;
}
abbr, eventsource, mark, meter, time, progress, output, bb{ 
	display:inline;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	font-size: 1em;
	line-height:1em;
}
form, fieldset{
	border:0 none;
}
input{
	margin:0;
}
select, input, button, label{
	vertical-align: middle;
	font-size: 1em;
	padding:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
textarea{
	overflow:auto;
	font-size: 1em;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
textarea, select, input.textbox{
	-webkit-transition: border-color 300ms ease-in-out;
	-moz-transition: border-color 300ms ease-in-out;
	-o-transition: border-color 300ms ease-in-out;
	-ms-transition: border-color 300ms ease-in-out;
	transition: border-color 300ms ease-in-out;
	border:solid 1px #dadcde;
	padding:3px 5px;
	height:17px;
}
select{
	height:23px;
}
textarea:hover, select:hover, input.textbox:hover{
	border-color: #999893;
}
input:focus{
  outline:#000 none 0;
}
input[type="radio"], input[type="checkbox"]{
	height: 13px;
	width: 13px;
}
input[type="search"]{
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  -webkit-appearance: none;/* disable default skin + remove inner shadow */
}
input[type="search"]:-moz-placeholder{
  color:black;
}
input[type="search"]::-webkit-input-placeholder{
  color:black;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-inner-spin-button,
input[type="search"]::-webkit-outer-spin-button{
  margin:0;
  -webkit-appearance: textfield;/* disable default skin */
}
input[type="search"]::-webkit-search-cancel-button{
  color:#000;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{
  display: none;
}
img{
	border:0;
}
ol, ul{
	list-style: outside none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
object, embed{
	display:block;
}
blockquote, q{
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content: '';
	content: none;
}
dfn{
	font-style: normal;
}
ins{
	text-decoration: none;
}
del{
	text-decoration: line-through;
}
a{
	text-decoration:none;
	color:#000;
}
a:hover{
	text-decoration:underline;
}
a:focus{
	outline: #000 none 0;
}
address{
	font-style: normal;
}

/*
	Lancome - LANDING PAGE CSS
*/
body{
	background-color:#000;
	color:#000;
}
.backgroundsize body{
	background:#000 url(img/bg-2018.jpg) no-repeat 0 0 fixed;
	-webkit-background-size:cover;
	background-size:cover;
	-webkit-translate3d(0,0,0);
	-webkit-tap-highlight-color: transparent;
}
#background{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}
.backgroundsize body #background{
	display:none
}
#page{
	z-index:2;
	width:250px;
	height:100%;
	min-height:575px;
	float:left;
	position:absolute;
	padding:0 20px;
}
	#page header{
		padding: 25px 0 0 0;
		margin-bottom:100px;
	}
	#page header h1{
		text-align:right;
	}
	#page #content .primary{
		display:block;
		z-index:3;
		margin-left:123px;
	}
	#page #content .primary li{
		position:relative;
		margin-bottom:20px;
	}
	#page #content .primary li button{
		color:#000;
		background:url(img/zone_titles.png) no-repeat transparent;
		border:0 none;
		width:135px;
		height:26px;
		text-indent:-999em;
		cursor:pointer;
		display:block;
		font-family:Times "Times New Roman";
		font-style:italic;
		font-size:22px;
		line-height:22px;
		text-align:left;
		text-shadow:0 0 4px #000;
	}
	#page #content .primary .active button{
		cursor:default;
	}
	#page #content .primary #international button{background-position: 0 0}
	#page #content .primary #europe button{background-position: 0 -40px}
	#page #content .primary #asia button{background-position: 0 -75px}
	#page #content .primary #northamerica button{background-position: 0 -114px}
	#page #content .primary #latinamerica button{background-position: 0 -154px}
	#page #content .primary #middleeast button{background-position: 0 -192px}
	/* #page #content .primary #international.active button{background-position: -357px 0} */
	#page #content .primary #europe.active button{background-position: -357px -40px}
	#page #content .primary #asia.active button{background-position: -357px -75px}
	#page #content .primary #northamerica.active button{background-position: -357px -114px}
	#page #content .primary #latinamerica.active button{background-position: -357px -154px}
	#page #content .primary #middleeast.active button{background-position: -357px -192px}
	#page #content .primary #middleeast.active button{background-position: 0 -192px}

	#page #content .secondary{
		opacity:0;
		clear:both;
		overflow:hidden;
		position:absolute;
		top:0;
		left:150px;
		display:none;
		transition: opacity 0.5s linear;
		-moz-transition: opacity 0.5s linear;
		-webkit-transition: opacity 0.5s linear;
		z-index:4;
	}
	#page #content .secondary li{
		margin-bottom:5px;
		text-align:left;
		width:200px;
	}
	#page #content .secondary li a{
		color:#000;
		font-size:12px;
		height:15px;
		line-height:17px;
		display:inline-block;
	}
	#page #content .primary #international, #page #content .primary #middleeast{
		margin-bottom:40px;
	}
	#page #content .primary #international .secondary, #page #content .primary #middleeast .secondary{
		left:0;
		top:25px;
		width:200px;
	}
	#page #content .primary #international .secondary li, #page #content .primary #middleeast .secondary li{
		display:inline;
		width:auto;
		border-right:1px solid #000;
		padding-right:5px;
		margin-right:5px;
	}
	#page #content .primary #international .secondary li.last,
	#page #content .primary #international .secondary li:last-child,
	#page #content .primary #middleeast .secondary li.last,
	#page #content .primary #middleeast .secondary li:last-child{
		border-right:0;
		padding-right:0;
		margin-right:0;
	}
	#page #content .tertiary{
		display:none;
		clear:both;
		overflow:hidden;
		width:200px;
		text-align:right;
		z-index:5;
		transition: opacity 0.5s linear;
		-moz-transition: opacity 0.5s linear;
		-webkit-transition: opacity 0.5s linear;
	}
	#page #content .tertiary li{
		display:inline;
		background:url(../img/sep.png) no-repeat 100% 50%;
		padding-right:7px;
		margin: 0 5px 0 0;
	}
	#page #content .tertiary li.last,
	#page #content .tertiary li:last-child{
		background:none;
		padding-right:0;
		margin-right:0;
	}
	#page #content .tertiary li a{
		font-size:11px;
	}
	#page #content .active .secondary{
		display:block;
	}
	#page #content .selected .tertiary{
		display:block;
	}
	#page #content .fadeIn .secondary{
		opacity:1!important;
	}
	#page footer{
		position:absolute;
		bottom:10px;
		right:20px;
		width:250px;
		color:#000;
	}
		#page footer p{
			display:block;
			overflow:hidden;
			clear:both;
			margin-bottom:20px;
			padding-bottom:10px;
			border-bottom:1px solid #000;
		}
			#page footer p span{
				display:block;
				float:left;
				font-size:11px;
			}
			#page footer p a{
				float:right;
				text-transform:uppercase;
				height: 15px;
				line-height:17px;
				color:#000;
				display:block;
				font-size:12px;
			}
		#page footer .cp{
			font-size:11px;
			float:right;
		}
	#page .ecom{
		background:url(../img/ecom_ico.png) no-repeat 0 0 transparent;
	}
	#page a.ecom{
		padding-left:20px;
	}
	#page span.ecom{
		padding-left:15px;
		display:block;
		height: 15px;
		line-height:17px;
	}
	#page .ecom_1{
	background:url(../img/ecom_ico.png) no-repeat 0 0 transparent;
	}
	#page a.ecom_1{
	padding-left:20px;
	}
	#page span.ecom_1{
		padding-left:15px;
		display:block;
		height: 15px;
		line-height:17px;
	}
	
	
	#page .rtl{
		direction:rtl;
	}

/*LOGO LVEB	
#lveb img{
	width:70%;
	position:absolute;
	top:16px;
	left:1210px;
}*/	
	
/*LOGO LVEB	*/	
#lveb img{
	float:right;
	width:14%;
	margin-top:16px;
	margin-right:16px;
	position:relative
}
	
/*IE 8*/	
#lveb img{
	float:right0/;
	width:14%0/;
	margin-top:16px0/;
	margin-right:16px0/;
	z-index:12 !important;
}
/*IE 8*/		
	
/*
	iPad Portrait mode
*/
@media only screen and (orientation:portrait){
	html.backgroundsize body{
		background-size: 100% auto;
		-webkit-background-size: 100% auto;
	}/*
	html body #page footer{
		bottom:20px
	}*/
	
	#page{
		height:610px;
	}
}


@media screen and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape), screen and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){
body{
	width:960px;
}
#page{
	min-height:548px;
}
	#page header{
		margin-bottom:80px;
	}
}
/* iPhone4 portrait *//*
@media screen and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){
	body{
		width:480px;
		height:626px;
		background-position:center center;
	}
	#page{
		text-shadow:0 0 4px #000;
	}
		#page header{
			margin-top:20px;
		}	
				#page header h1{
					position:absolute;
					top:15px;
					left:-180px;
				}
		#page #content .primary li button{
			text-indent:inherit;
			background:none;
		}	
				#page #content .primary .active button{
					text-decoration:underline;
				}
}*/
/* iPad landscape */
@media screen and (-webkit-max-device-pixel-ratio:1) and (orientation:landscape) and (max-device-width:768px), screen and (-webkit-max-device-pixel-ratio:1.5) and (orientation:portrait) and (max-device-width:768px){
	body{
		width:980px;
		height:644px;
	}
}
/* iPad portrait *//*
@media screen and (-webkit-max-device-pixel-ratio:1.5) and (orientation:portrait) and (max-device-width:768px){
	body{
		width:768px;
		height:928px;
	}
			#page{
				min-height:inherit;
				text-shadow:0 0 4px #000;
			}
	#page header{
		height:66px;
		margin-bottom:170px;
	}
		#page header h1{
			position:absolute;
			bottom:20px;
			left:-450px;
		}	
		#page #content .primary{
			position:absolute;
			left:-450px;
			bottom:110px;
		}
			#page #content .primary li button{
				text-indent:inherit;
				background:none;
			}	
					#page #content .primary .active button{
						text-decoration:underline;
					}
			#page #content .secondary {
				right:inherit;
				left:170px;
			}
				#page #content .secondary li{
					text-align:left;
				}
}*/
/* iPhone landscape */
@media screen and (-webkit-max-device-pixel-ratio:1) and (orientation:landscape) and (max-device-width:480px), screen and (-webkit-max-device-pixel-ratio:1) and (orientation:portrait) and (max-device-width:320px){
body{
	width:960px;
	height:548px;
}
#page{
	min-height:inherit;
}
	#page header{
		margin-bottom:40px;
			height:66px;
		}
}
/* iPhone portrait *//*
@media screen and (-webkit-max-device-pixel-ratio:1) and (orientation:portrait) and (max-device-width:320px){
	body{
		width:480px;
		height:626px;
		background-position:center center;
	}
		#page{
			min-height:inherit;
			text-shadow:0 0 4px #000;
		}
			#page header{
				margin-top:20px;
				margin-bottom:60px;
					height:66px;
				}
					#page header h1{
						position:absolute;
						top:15px;
						left:-180px;
					}
						#page #content .primary{
							position:static;
							left:inherit;
							bottom:inherit;
						}
					#page #content .primary li button{
						text-indent:inherit;
						background:none;
					}
						#page #content .primary .active button{
							text-decoration:underline;
						}	
							#page #content .secondary {
								right:110%;
								left:inherit;
							}
								#page #content .secondary li{
									text-align:right;
								}
}*/