/********** Categories **********/
.categorie{
  background:url(../images/categories/left_menu_bullet.gif) no-repeat left center;
  padding-left:20px;
}
.subcat{
  background:url(../images/categories/subcat.gif) no-repeat left center;
  padding-left:20px;
}
.subcat_on{
  background:url(../images/categories/subcat_on.gif) no-repeat left center;
  padding-left:20px;
}

/********** Menu categories **********/
.nav-wrapper{
width:100%;
height:35px;
background: #fff url(../images/menu/nav_bg.png) repeat-x;
}
.nav-wrapper a{
color: #FFF;
font: 12px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif;
letter-spacing:1px;
}
.nav-wrapper a:hover{color: #09548B;}
.nav {
height:35px;
float: left;
}
.nav li{
    padding: 2px 3px 0 3px;
  	float: left;
	background: url(../images/menu/split.png) no-repeat right center;
    z-index: 1;
}
.nav li.last {
	background:none;
}
.nav li:hover {
	z-index:2;
}
.nav-left {
	background: url(../images/menu/nav_left.png) no-repeat top left;
	float: left;
	width: 9px;
	height: 35px;
}
.nav-right {
	background: url(../images/menu/nav_right.png) no-repeat top right;
	float: right;
	width: 9px;
	height: 35px;
}

a .menu-left {
	background: url(../images/menu/menu_left.gif) no-repeat left top;
	width: 8px;
	height: 33px;
	/*line-height: 35px;*/
	display: block;
	float: left;
}
a .menu-mid {
	background: url(../images/menu/menu_mid.gif) repeat-x top left;
	height: 33px;
	/*line-height: 35px;*/
	display: block;
	text-align:center;
	padding:4px 0 0 0;
	float: left;
}
a .menu-right {
	background: url(../images/menu/menu_right.gif) no-repeat top left;
	width: 8px;
	height: 33px;
	/*line-height: 35px;*/
	display: block;
	float: left;
}

a .active_left {
background: url(../images/menu/menu_left.gif) no-repeat 0% -37px;
}
a .active_mid {
background: url(../images/menu/menu_mid.gif) repeat-x 0% -37px;
color:#d54e21
}
a .active_right {
background:url(../images/menu/menu_right.gif) no-repeat 0% -37px;
}


/********** DIV sous-categories **********/
#sublists dl{float:left;}


#lists{padding:0; margin:0; list-style:none; position:relative; height:31px; float:left;z-index:10;}

#lists li{display: inline; /* Fix IE Step Down */}

#lists div.pos1{display:none;}

#lists li#current a {white-space:normal; background-position:100% -31px;color:#d54e21}
#lists li#current a.tl span {background-position: 0% -31px;color:#d54e21}

#lists li a:hover {white-space:normal; background-position:100% -31px;}
#lists li:hover > a {white-space:normal;background-position:100% -31px;color:#d54e21;}
/*#lists li a:hover.tl span {background-position: 0% -37px;}*/
#lists li:hover > a span { background-position:0% -37px;}

#lists :hover div{
  display:block; width:900px; position:absolute; left:0; top:35px; background:#fff;border:4px solid #e0dedd;border-top:0;padding:5px 0 0 0;
}

#lists :hover div dl, #sublists :hover div dl{display:inline; padding:0; margin:0 10px 10px 10px; float:left; width:179px;}

#lists :hover div dl dd {padding:0; margin:0;text-align: left;}

#lists :hover div dt a {text-decoration:none; cursor:default; font-weight:normal;}

#lists dd a span:hover{background:#1e3d4a;color:#fff;}

#lists :hover div dd a,
#sublists a{
  display:block;
  letter-spacing:0;
  font-weight:700;
  font-size:12px;
  text-indent:10px;
  line-height:20px;
  text-align: left;
  color:#000;
  font-family:arial, sans-serif;
  
}
/*#lists :hover div dd a:hover,*/
#sublists a:hover{background:#1e3d4a;color:#fff;}
#sublists {border-top:3px solid #c6d7e7;margin-top:10px;padding:10px 0;}

/********** Breadcrumb **********/
#chemin{color:#000;height:19px;margin:0;padding:3px 0 0 5px;background:url(../images/breadcrumb/bg_breadcrumb.png) repeat-x left center;font: 11px Verdana, Arial, Helvetica, sans-serif;}
#chemin a{font-weight:700;letter-spacing: 0.05em;}
.bread_last{text-decoration:underline;}