/*
 * Created on 27 nov. 06
 *
 * To change the template for this generated file go to
 * Window - Preferences - PHPeclipse - PHP - Code Templates
 */

/*****************************************
* topMenu
*****************************************/
.topMenu {
	z-index: 500;
	text-align: left;
}

.topMenu, .topMenu ul {
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:30px;
}

.topMenu a:link, .topMenu a:active, .topMenu a:visited
{
    display:block;
	margin: 0px 5px 0px 0px;
    padding:0px 10px;
    color: #bbb;
    text-decoration:none;
    background-color:#333;
}

.topMenu a:link, .topMenu a:active, .topMenu a:visited
{
	background: url(images/menu_deroulant_out.gif) no-repeat left top;
}

.topMenu a:hover
{
	color: white;
	background: url(images/menu_deroulant_in.gif) no-repeat left top;
}

.topMenu a.topMenuCat:link, .topMenu a.topMenuCat:active, .topMenu a.topMenuCat:visited
{
	background: url(images/menu_deroulant_out_next.gif) no-repeat left top;
}

.topMenu a.topMenuCat:hover
{
	color: white;
	background: url(images/menu_deroulant_in_next.gif) no-repeat left top;
}

.topMenu li
{
	margin: 0px 0px -1px 0px;
	float:left;
	position:relative;
}

.topMenu ul {
    position:absolute;
    width:200px;
    top:30px;
    display:none;
}

.topMenu li ul a{
    width:200px;
    float:left;
}

.topMenu ul ul{
	top:auto;
}	

.topMenu li ul ul {
    left:190px;
    margin:0px 0 0 10px;
}

.topMenu li:hover ul ul, .topMenu li:hover ul ul ul, .topMenu li:hover ul ul ul ul{
	display:none;
}
.topMenu li:hover ul, .topMenu li li:hover ul, .topMenu li li li:hover ul, .topMenu li li li li:hover ul{
	display:block;
}