/*** nav ***/
#lcmCenter .navBt, #lcmCenter .navBt:visited {
height:19px;
/*
	this is for mac/ie5
	it would normally cause a rendering problem
	(a vertical expansion in the topnav)
	but it doesn't here because the topnav is a fixed height
*/
position:relative !important;
}

#AXESkincare, #AXESkincareBt, #AXESkincareBt:visited {
	width:119px;
	}
#AXEMakeup, #AXEMakeupBt, #AXEMakeupBt:visited {
	width:108px;
	}
#AXEFragrance, #AXEFragranceBt, #AXEFragranceBt:visited {
	width:87px;
	}
#AXEMen, #AXEMenBt, #AXEMenBt:visited {
	width:74px;
	}
#AXEBodySuncare, #AXEBodySuncareBt, #AXEBodySuncareBt:visited {
	width:150px;
	}
#lcmLaMarque, #lcmLaMarqueBt, #lcmLaMarqueBt:visited {
	width:102px;
	}
 #AXEHaircare, #AXEHaircareBt, #AXEHaircareBt:visited {
	width:110px;
	}

#AXESkincareBt,#AXESkincareBt span, #AXESkincareBt:visited span {
	background-image:url(/img/_int/_fr/nav/AXESkincare.gif);
	}
#AXEMakeupBt,#AXEMakeupBt span, #AXEMakeupBt:visited span {
	background-image:url(/img/_int/_fr/nav/AXEMakeup.gif);
	}
#AXEFragranceBt,#AXEFragranceBt span, #AXEFragranceBt:visited span {
	background-image:url(/img/_int/_fr/nav/AXEFragrance.gif);
	}
#AXEHaircareBt,#AXEHaircareBt span, #AXEHaircareBt:visited span {
	background-image:url(/img/_int/_fr/nav/AXEHaircare.gif);
	}
#AXEMenBt,#AXEMenBt span, #AXEMenBt:visited span {
	background-image:url(/img/_int/_fr/nav/AXEMen.gif);
	}
#lcmLaMarque,#lcmLaMarque span, #lcmLaMarqueBt:visited span, #lcmLaMarque span  {
	background-image:url(/img/_int/_fr/nav/lcmLaMarque.gif);
	}
#AXEBodySuncareBt,#AXEBodySuncareBt span, #AXEBodySuncareBt:visited span {
	background-image:url(/img/_int/_fr/nav/AXEBodySunCare.gif);
	}

.navBt,.navBt span, .navBt:visited span {
	display:block;
	height:19px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
	background-position:0 0;
	}


.navBt:hover, .navBt:focus, .navBt:visited, .navBt.udmR, .navBt.udemR:visited,.navBt:active,.navBt:hover span, .navBt:focus span, .navBt:visited:hover span, .navBt.udmR span, .navBt.udmR:visited span, .navBt:active span {
	background-position:0 -19px;
	}


.activated .navBt span, .activated .navBt:visited span, .activated .navBt:hover span, .activated .navBt:active span, .AXEselected .navBt span, .AXEselected .navBt:visited span, .AXEselected .navBt:hover span, .AXEselected .navBt:focus span,.AXEselected .navBt:visited:hover span,.AXEselected .navBt.udmR span,.AXEselected .navBt.udmR:visited span, .AXEselected .navBt:active span {
	background-position:0 -19px;
	}
	
#lcmCenter input.loginfield{
	height:16px;
	background-color:#ffffff;
	color: #676767;
	border: 1px solid #D7D7D7;
	font-size:11px;
	padding-left:3px;
	padding-top:1px;
}

#lcmContent #lcmLeft #lcmNav #udm
{
	margin-top: 66px;
	height:19px;
	width:750px;	
}

#lcmContent #lcmLeft #lcmNav ul li ul
{
	width:190px;

}

/******** semi-transparence de la nav ******/
#lcmContent #lcmLeft #udm li ul li
{
	background-color:#878787;/*à définir*/
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
}

#lcmContent #lcmLeft #udm li#lcmLaMarque ul li
{	
	border-left:0;
}
#lcmContent #lcmLeft #udm .filetgauche
{
	border-left:1px solid white;
}

#lcmContent #lcmLeft #udm li ul li a
{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;	
}

/************** fin gestion semi-transparence *******************/

#lcmContent #lcmLeft #lcmNav ul li ul li a
{
	display:block;
	padding-left:10px;
	padding-right:10px;
}
#lcmContent #lcmLft #lcmNav a{
	font-size: 11px;
}
#legend{
	position:absolute;
	visibility:hidden;
	display:none;
	background-color:black;
	width:120px;
	z-index:1;
}

.udmC, #testId{
	background-color:black;/*à définir*/
}

.opacity{
	background-color:#545454;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
}


#lcmService{
	color:#666666;
	font-size:10px;
}
#lcmService.activated{
	text-decoration:underline;
}


#lcmCenter #lcmSitemap a, 
#lcmCenter #lcmLegalMention a, 
#lcmCenter #lcmCopyright span, 
#lcmCenter #lcmWWW a, 
#lcmCenter #lcmPdv a{
	height:18px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:3px;
	background:url(/img/sep_bottomnav.gif) no-repeat right top;
	display:inline;
	float:left;
}
/*** pas de barre à droite pour le dernier ***/
#lcmCenter #lcmWWW a{
	background:url(/img/space.gif) no-repeat right top;
}
/*** nav en haut à droite ***/
/*** css spécifique à la présentation de la nav ecommerce (dans l'entete) : panier + newsletter + logo ***/

#lcmCenter #lcmEntete #lcmNewsletter
{
	width:400px;
	height:56px;	
	margin-top:10px;
	float:left;
	padding-right:50px;
}
html>body #lcmCenter #lcmEntete #lcmNewsletter
{
	width:350px;
}

#lcmCenter #lcmEntete #lcmNewsletter div
{
	padding:5px 0 5px 0;
}

#lcmCenter #lcmEntete #lcmNewsletter input
{
	display:block;
	float:left;
	width:200px;
	height:16px;
}
#lcmCenter #lcmEntete #lcmNewsletter a
{
	display:block;
	float:left;
	margin-left:2px;
	width:17px;
	height:16px;
}

#lcmCenter #lcmEntete #lcmLogo
{
	width:200px;
	height:66px;
	float:left;
}


/** shopping bag **/
#lcmCenter #lcmEntete #lcmTopSubNav
{
	width:150px;
	height:50px;
	margin-top:10px;
	padding-left:250px;
	float:right;
	text-align:right;
}

html>body #lcmCenter #lcmEntete #lcmTopSubNav{
	margin-top:4px;
}

#lcmCenter #lcmEntete #lcmTopSubNav ul
{
	list-style-type:none;
	list-style:none;
	padding:0;
	margin:0;
	text-align:right;
}
#lcmCenter #lcmEntete #lcmTopSubNav li{
	padding:0;
	margin:0;
	list-style-type:none;
	list-style:none;
	text-align:right;
	height:13px;
	width:150px;
}

html>body #lcmCenter #lcmEntete #lcmTopSubNav li{

	padding-top:3px;
}


#lcmCenter #lcmEntete #lcmTopSubNav li a{
	height:13px;
	display:block;	
	padding:0;
	margin:0;
	float:right;
}

#lcmCenter #lcmEntete #lcmTopSubNav li.bottomsep{
	border-bottom:1px solid #dbdbdb;
}


#lcmCenter #lcmEntete #lcmTopSubNav li span{
	display:none;
}

#Whatsnew 
{
	width:75px;
	background:url(/img/_int/_fr/nav/topnav/bt_whatsnew.gif) top right white;
	background-position:0 0;
	
}
#Whatsnew.activated,#Whatsnew:hover 
{
	background:url(/img/_int/_fr/nav/topnav/bt_whatsnew.gif) top right white;
	background-position:0 -13px;
}
#lcmAllGamme 
{	
	width:116px;
	background:url(/img/_int/_fr/nav/topnav/bt_range.gif) top right white;
	background-position:0 0;
}
#lcmAllGamme.activated,#lcmAllGamme:hover 
{
	background:url(/img/_int/_fr/nav/topnav/bt_range.gif) top right white;
	background-position:0 -13px;
}

#lcmService{
	width:133px;
	background:url(/img/_int/_fr/nav/topnav/bt_service.gif) top right white;
	background-position:0 0;
}

#lcmService.activated, #lcmService:hover{
	background:url(/img/_int/_fr/nav/topnav/bt_service.gif) top right white;
	background-position:0 -13px;
}