#menucategories{
	text-align : left;
}
#menucategories table{
	padding : 0px 0px 0px 0px ;
}
#menucategories a, #menucategories a:active, #menucategories a:link, #menucategories a:hover, #menucategories a:visited {
	text-decoration : none;
	background-color: transparent;
}

#menucategories tr{
	margin : 0px 0px 1px 0px;
}
#menucategories th{
	padding : 2px 2px 2px 3px;
	background-color : Purple;
	border-bottom: 1px solid #DDDDDD;
	color : White;
}
#menucategories th:hover{
	background-color : #FFA500;
	border-bottom: 1px solid #DDDDDD;

}

#menucategories td{
	background-color : #F3F2FD;
	border-top: 1px solid #FEFEFE;
	border-left: 1px solid #FEFEFE;
	border-bottom: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	padding : 1px 1px 1px 7px;
	font-size : 11px;
	text-align: left;
}
#menucategories td:hover{
	background-color : #FAFFA6;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-bottom: 1px solid #ADADAD;
	border-right: 1px solid #ADADAD;

}
#menucategories b{
	color : #660066;
}
/*styles pour le menu déroulant horizontal sur clic*/ 

#menu dl, #menu dt, #menu dd, #menu ul, #menu li {

margin: 0;

padding: 0;

list-style-type: none;

}


#bonus{

	text-align:left;

}

#bonus li{

	list-style-type: none;
	font-size : 10px;

}

#bonus ul{ padding-left: 2px; margin-left : 2px;}



#menu {

width: 100%;
/*padding-left:2px;*/

}

#menu dt {
cursor: pointer;
margin: 0 0;
text-align: center;
font-weight: bold;
border: 1px solid White;
 background: Purple;
}
#menu dt:hover {
border: 1px solid #DCDCDC;
 background: Purple;
}

#menu dd {
/*border: 1px solid gray;*/
width:100%;
padding-right:2px;
}

#menu li {
text-align: left;
background-color : white ;
margin-left : 0px;
padding-left : -5px;
font-size : 10px;
width:100%;

}

#menu li a {
color: #000000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
border-right : 1px solid white;
border-bottom : 1px solid white;
}

#menu dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
border-right : 1px solid white;
border-bottom : 1px solid white;
}

#menu li a:hover, #menu dt a:hover {
text-decoration: none;
background: #ECF5FB;
color : #000000;
border-right : 1px solid  #FFFFFF;
border-bottom : 1px solid #FFFFFF;

}

#menu dt.whitedd{
	background-color: #FFFFFF;
	border : 1px solid #FFFFFF;
}
/*fin des styles pour le menu déroulant*/