/* 
*	submenu (left or right)
*/
.submenu ul {
margin:0px 0 0px 0;
padding:0;
}
.submenu li {
display:block;
border:none;
margin:0 0 7px 0;
}
.submenu li a, .submenu li span.separator {
display:block;
background-color: transparent;
border: 1px solid #eee;
color:#444;
font-size:95%;
text-transform: uppercase;
font-weight: normal;
line-height:12px;
margin:0;
padding: 7px 7px 7px 7px;
text-decoration:none;
}
.submenu li a:hover, .submenu li#current a, .submenu li span.separator:hover, .submenu li.current a {
background: transparent url(../images/black-15.png) top left repeat;
border: 1px solid #eee;
color:#fff;
}
.submenu a:hover {
text-decoration:none;
}
.submenu ul ul {
margin: 0;
}
.submenu li li {
margin: 0px;
}
.submenu li li a, .submenu li li span.separator {
font-size:100%;
text-transform: none;
font-weight: normal;
color:#666;
line-height:100%;
background: transparent url(../images/puce_nav_left.gif) 7px 13px no-repeat;
text-indent:12px;
border:none;
background-color:transparent;
}
.submenu li a:hover li a, .submenu li#current li a, .submenu li.active li a, .submenu li span.separator:hover li a,
.submenu li a:hover li span.separator, .submenu li#current li span.separator, .submenu li.active li span.separator, .submenu li span.separator:hover li span.separator {
color:#666;
border:none;
background-color:transparent;
background-image:none;
}
.submenu li li a:hover, .submenu li li.active a, .submenu li li span.separator:hover {
color:#000;
border:none;
}
.submenu ul ul ul {
margin: 0 0 0 20px;
}
.submenu li li li a, .submenu li li li span.separator {
font-size:95%;
text-transform: none;
font-weight: normal;
color:#777;
background-image:none;
text-indent:0;
border:none;
}
.submenu li li li a:hover, .submenu li li li span.separator:hover, .submenu li.active li.active li.active a {
color:#000;
background-image: none;
border:none;
}