/****************** Structure globale du site ******************/
/*Tous les ?lements g?n?raux ont ?t? d?finis relativement au conteneur lcmCenter afin de ne pas modifier les styles des codes retailers qui l'entourent*/

/*ELEMENTS GENERAUX*/
html {height:100%;}
body
{
	background-color:#fff;
	/*background: url(/img/_pt/_br/nav/bgMagnifique.jpg) repeat-x;*/

}

html, body{ overflow-x: hidden; }

#lcmCenter *{
	font-family: Arial,Verdana,Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 11px;
}
#lcmCenter img.png{
behavior: url("/_pt/_br/js/png.htc");
}
#lcmCenter img, #lcmCenter form{
	border: 0;
}
.lcmbody, #lcmCenter div, #ifredirectlayer{
	scrollbar-3dlight-color:#ABABAB;
	scrollbar-arrow-color:#4E5761;/*#A8305D;*/
	scrollbar-track-color:#F4F5F6;/*#E7EAEC;*/
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#EAEDEE;
	scrollbar-highlight-color:#EAEDEE;
	scrollbar-shadow-color:#303740;/*#ABABAB;*/
}
#lcmCenter li{
	list-style-type: none;
}
#lcmCenter a{
	text-decoration: none;
}
#lcmCenter a:hover{
	text-decoration: underline;
}


/*CLASSES COMUNES */
.clearboth{
	clear:both;
	visibility:hidden;
	height:1px;
	display: block;
}
.invisible{
	display: none;
}
#lcmCenter .filet{
	border-bottom: 1px solid #ABABAB;
	padding-bottom:15px;
	margin-bottom: 20px;
}
#lcmCenter .sepblanc{
	border-bottom: 1px solid white;
}
#lcmCenter .sepgris{
	border-bottom: 1px solid #ADB1B6;
}
#lcmCenter .sepnoir{
	border-bottom: 1px solid black;
}
/** STRUCTURE **/

/* Bloc conteneur permettant de tout centrer en hauteur et en largeur */
#lcmCenter{
	background: url(/img/_pt/_br/nav/background.jpg) no-repeat bottom;
	padding:0px 6px 0px 5px;
	width:1000px;
	height:595px;
	position:absolute;
	left: 50%;
	margin-left: -500px;
}

/*  Bloc contenant le logo et le bloc de recherche  */
#lcmEntete{
	width:1000px;
	height:54px;
}
#lcmEntete #lcmLogo, #lcmEntete #lcmTopLinks{
	float:left;
	height:87px;
	width:50%
}

/*  Bloc d?finissant le "corps" de la page  */
#lcmContent{
	width:1000px;
	bottom:0;
	position:absolute;
}

/*  Partie de gauche dans le "corps" de la page  */
#lcmContent #lcmLeft{
	height:480px;
}
#lcmContent #lcmLeft #lcmNav{
	height:18px;
	width:1000px;
	background-color:#545454;
}
#lcmContent #lcmLeft #lcmNav a{
	color:white;
}
#lcmContent #lcmLeft #lcmNav a:hover{
	color:white;
	text-decoration:none;
}

/*  Bloc d?finissant la barre de navigation du bas  */
#lcmCenter #lcmFooter{
	clear:both;
	width:1000px;
	height:20px;
	/*border-top:1px solid #e1e1e1;*/
	font-size:10px;
	line-height:18px;
}
#lcmCenter #lcmFooter a, #lcmCenter #lcmCopyright span{
	color:#9A9A9A;
	font-size:10px;
}
#lcmCenter #lcmFooter a:hover{
	color:#9A9A9A;
	font-size:10px;
	text-decoration:underline;
}

#lcmFooter ul{
	line-height:18px;
	margin:0;
	padding:0;
	margin-top:2px;	
	height:20px;
	display:block;
	float:left;
	padding-left:10px;
	padding-right:10px;
}
/*#lcmFooter ul li{
	display: inline;
	list-style-type: none;
	line-height:18px;
	height:20px;
}*/

/****** my lanc?me en bas ******/
/** non logg? **/
#zoneMyL{
	line-height:18px !important;
	margin-top:-1px  !important;	
	height:20px  !important;
	float:right !important;
	padding-right: 5px;
}

#zoneMyL input{ margin: 3px 3px 1px 0px; }
#zoneMyL .esqueceuSenha, #zoneMyL .esqueceuSenha img{ width: 17px !important; height: 15px !important; padding: 0px !important; margin: 1px 0px; }
#zoneMyL input.btnOk{ width: 17px !important; height: 17px !important; padding: 0px !important; margin-top: 1px; }

/** logg? **/
#zoneBtMyL
{
	text-align:right;
	width:245px;
	margin-top:2px;	
}

#lcmErrorMsg{
	position:absolute;
	top:569px;
	left:585px;
	color:red;
	font-weight:bold;
	display:none;
}

/** open windows favoris et review **/
#redirectlayer .design{
	border:1px solid white;
	position:absolute;
	left:0;
	top:0;
	display:none;
	z-index:5000;
}
#redirectlayer .design #tableEntete{
	height:15px;
}
#redirectlayer .gamme{
	border:1px solid black;
	position:absolute;
	left:0;
	top:0;
	display:none;
	z-index:5000;
}
#redirectlayer .gamme #tableEntete{
	height:25px;
}
#redirectlayer{
	border:1px solid black;
	position:absolute;
	left:0;
	top:0;
	display:none;
	z-index:5000;
}

/** elements pour colonnes de gauche **/
.menugauche li{
	margin:1px 0;
	padding:1px 0;
	line-height:14px;
}

/*  Partie de droite dans le "corps" de la page  */
#lcmCenter #lcmRightMenu h2, #lcmCenter #zoneComplementaire h2{
	
	
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	/*padding-bottom: 10px;*/
	padding-bottom: 50px;
}
#lcmCenter #lcmRightMenu li{
	margin-bottom: 4px;
}
#lcmCenter #lcmRightMenu li li{
	background: none;
	padding-left: 0;
}
#lcmCenter #lcmRightMenu li a{
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
#lcmCenter #lcmRightMenu ul.liste li{
	margin-bottom: 0px;
}
#lcmCenter #lcmRightMenu ul.liste li a{
	font-size: 10px;
	font-weight:normal;
	text-transform:none;
}

/** relatif ? la pr?sentation de la bulle **/

.biTitreBulle{
	font-family: Arial,Verdana;
	font-size:10px;
	text-transform:upperCase;
	font-weight:bold;
	background-color:#4E5761;
	color:white;
	padding:3px;
}
.biMsgBulle{
	font-family: Arial,Verdana;
	font-size:10px;
	font-weight: bold;
	background-color:#4E5761;
	color:white;
}

/***************************************************************************************************************************************************************************/

/*HOME*/
.home .flashHome{ width: 749px; height: 440px; }

.home .lojaLancome, .home #chamada, .home .looksLancome{ margin: 4px !important; background: #E3DBD8; }
.home #chamada{ margin: 0px 4px !important; }

.home .looksLancome{ padding: 2px 0px 0px 15px !important; overflow: hidden; width:230px; height:138px; *width:230px; *height:138px;}
.home .looksLancome table{ height: 134px; }
.home .looksLancome p{ width: 120px; margin: 10px 5px 5px 0px !important; }
.home .looksLancome h2{ width: 114px; height: 14px; text-indent: -5000px; background: url(../../../img/_pt/_br/home/tit_looks_lancome.jpg) no-repeat; }

/*LOJA*/
.home .lojaLancome{ padding: 2px 13px 0px 14px !important; }
.home .lojaLancome h2{ width: 103px; height: 14px; text-indent: -5000px; margin-bottom: 3px !important; background: url(../../../img/_pt/_br/home/tit_loja_lancome.jpg) no-repeat; }
.home .lojaLancome .btComprar{ display: block; }
.home .lojaLancome p{ margin-bottom: 4px !important; }

.home .paginacao{/* padding: 8px 0px 5px 0px !important;*/ margin: 0px -13px 0px -14px !important; text-align: center; border-top: 2px solid #FFF; background: #d4ccc9; }
.home .paginacao li{ display: inline; padding: 8px 3px !important; }
.home .paginacao li a{ color: #797069; position: relative; top: -2px; }
.home .paginacao li#next a, .home .paginacao li#prev a{ position: relative; top: 0px !important; }
.home .paginacao li.select a{ color: #f11754; }
/*.home .paginacao li.select{ background: url(../../../img/_pt/_br/home/marcacao_pagina.gif) no-repeat left top; }*/

.home .detalheProduto{ height: 192px !important; overflow: hidden; position:relative !important;}
.home .detalheProduto .imgLoja{ margin-right: 8px !important; float: left !important; }
.home .border{ border: 1px solid #cec9c5 !important; }

.bandeira{ position:absolute !important; width:100px; height:55px; bottom:3px; float:left; left:0;}
.bandeira li{float:left; margin-left:3px !important;}

.texto { position:absolute !important; width:110px; height:35px; bottom:7px;left:0; margin-left:100px !important;}
.texto li {float:left;}
.texto .texto1{font: bold 11px Arial,Verdana !important;}

/*LOOKS LANCOME*/
.looksLancome .looks{ width: 682px; padding-top: 30px !important; margin: 0px 34px 0px 24px !important; background: url(../../../img/_pt/_br/looks/bg_looks.gif) top right no-repeat; }
.looksLancome .looks h2{ width: 140px; float: left; text-transform: uppercase; font: normal 20px Arial !important; }
.looksLancome .looks .linkLine{ width: 682px; float: left; border-bottom: 1px solid #AAA; margin: 10px 0px !important; float: left; padding-left: 8px !important; background: url(../../../img/_pt/_br/looks/seta.gif) left no-repeat; }
.looksLancome .looks .linkLine, .looksLancome .looks .linkLine a{ text-transform: uppercase; font-size: 10px !important; }
.looksLancome .looks .border{ border: 1px solid #cec9c5 !important; }
.looksLancome .imgCompondo{ float: left; margin-right: 10px !important; }
.looksLancome .looks .links{ float: right; }
.looksLancome .looks .imgsZoom{padding-top: 10px !important; }
.looksLancome .looks .imgsZoom imglook{ margin-right: 10px !important; }
.looksLancome .looks .apresentacao{ width: 452px; height: 33px !important; float: left; text-indent: -5000px; top:10px;}
.looksLancome .looks .txtapresentacao{ width: 452px; height: 20px; float: left; text-indent: -5000px !important; top:10px;}


.looksLancome .looks .looksAnteriores{ width: 682px; height: 20px; float: left; clear: both; padding: 5px 0px !important; margin-top: 10px !important; background: url(../../../img/_pt/_br/looks/bg_looks_anteriores.gif) left no-repeat;  }
.looksLancome .looks .looksAnteriores label{ font-weight: bold; margin-left: 10px !important; }

.looksLancome .celebridade{ width: 245px; height: 443px; margin: 3px 0px !important; background: #e2dbd8; }
.looksLancome .celebridade p{ font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif !important; padding: 10px 12px !important; }
.looksLancome .celebridade .nomecelebridade{ display: block; margin-top: 10px !important; text-align: right; }

.looksLancome .conheca{ float: left; clear: both; margin-top: 20px !important; }
.looksLancome .conheca strong a{ color: #666; }
.looksLancome .conheca p{ width: 682px; }

.looksLancome .listaProdutos{ width: 682px; float: left; padding: 10px 0px !important; margin: 10px 0px !important; border: 1px solid #AAA; border-width: 1px 0px;  }
.looksLancome .listaProdutos .scroll{ height: 239px; overflow-y: auto; }

.looksLancome .listaProdutos .scroll .boxProduto{ float: left; margin: 16px 30px 16px 0px !important; }
.looksLancome .listaProdutos .scroll .boxProduto p{ margin: 2px 0px !important; }
.looksLancome .listaProdutos .scroll .boxProduto input.checkproduct{ float: left; vertical-align: top !important; }
.looksLancome .listaProdutos .scroll .boxProduto img{ float: left; margin: 0px 10px 0px 5px !important; }
.looksLancome .listaProdutos .scroll .boxProduto .verProduto{ border: 1px solid #AAA; border-width: 1px 0px; padding-left: 15px !important; background: url(../../../img/_pt/_br/looks/seta_ver.gif) left center no-repeat; }
.looksLancome .listaProdutos .scroll .boxProduto .corEscolhida{ color: #303740; }

.looksLancome .voltarPasso{ float: left; color: #7c7165; font-weight: bold; padding-left: 20px !important; background: url(../../../img/_pt/_br/looks/prev.jpg) left center no-repeat; }
.looksLancome .controleCompra{ float: right; }
.looksLancome .controleCompra p{ height: 25px; float: left; line-height: 25px; margin-right: -10px !important; padding: 0px 20px 0px 10px !important; background: #dee2e4 url(../../../img/_pt/_br/looks/bg_controle.gif) left center no-repeat; }
.looksLancome .controleCompra a{ float: left; }

.btBagOn, .btBag{ text-decoration: none !important; }