#categories {
	margin: 0px 0 0px 0; 
	padding: 1px 0 0px 0; 
	list-style: none; 
	/*width: 191px;*/
	width: 420px;
}
#categories li {
	position: relative; 
	font-weight: bold; 
	padding-bottom: 1px;
}
#categories li a {
	display: block; 
	text-decoration: none; 
	/* IE6 Bug */ 
	padding: 4px 0 4px 20px; 
	/*background: url('../../images/internet/telechargement/puce.gif') */
	no-repeat 12px 7px; 
	background-color: #f0f0f0;
}

#categories li a:hover, #categories li a.ont-selected:hover {
	/*background: url('../../images/internet/telechargement/puce.gif') no-repeat 12px 7px; */
	background-color: #A79682; 
	color: #fff;
}



/* -- Second Level -- */
#categories li ul {margin: 0px 0 0px 0; padding: 1px 0 0px 0; list-style: none; width: 191px;background: url(/i/dl/global/bg_categories_div_indent.gif) repeat-x left top;}
#categories li ul li  {position: relative; font-weight:normal; padding-bottom: 1px; background: url(/i/dl/global/bg_categories_div_indent.gif) repeat-x left bottom;}
#categories li ul li.last  {position: relative; font-weight:normal; padding-bottom: 1px; margin-bottom: -1px;}
#categories li ul li a {display: block; text-decoration: none; /* IE6 Bug */ padding: 4px 0 4px 30px; background: url(/i/dl/global/bullet_categories_level2.gif) no-repeat 22px 7px; background-color: #498827;}
#categories li ul li a:hover, #categories li ul li a.ont-selected:hover {background: url(/i/dl/global/bullet_categories_right_on.gif) no-repeat 22px 7px; background-color: #F7941C; color: #fff;}

/* -- Third Level -- */
#categories li ul li ul {margin: 0px 0 0px 0; padding: 1px 0 0px 0; list-style: none; width: 191px;background: url(/i/dl/global/bg_categories_div_indent.gif) repeat-x left top;}
#categories li ul li ul li  {position: relative; font-weight:normal; padding-bottom: 1px; background: url(/i/dl/global/bg_categories_div_indent.gif) repeat-x left bottom;}
#categories li ul li ul li.last  {position: relative; font-weight:normal; padding-bottom: 1px; margin-bottom: -1px;}
#categories li ul li ul li a {display: block; text-decoration: none; /* IE6 Bug */ padding: 4px 0 4px 40px; background: url(/i/dl/global/bullet_categories_level2.gif) no-repeat 32px 7px; background-color: #498827;}
#categories li ul li ul li a:hover, #categories li ul li ul li a.ont-selected:hover {background: url(/i/dl/global/bullet_categories_right_on.gif) no-repeat 32px 7px; background-color: #F7941C;}

/* -- Forth Level -- */
#categories li ul li ul li ul{margin: 0px 0 0px 0; padding: 1px 0 0px 0; list-style: none; width: 191px;background: url(/i/dl/global/bg_categories_div_indent.gif) repeat-x left top;}
#categories li ul li ul li ul li  {position: relative; font-weight:normal; padding-bottom: 1px; background: url(/i/dl/global/bg_categories_div_indent.gif) repeat-x left bottom;}
#categories li ul li ul li ul li.last  {position: relative; font-weight:normal; padding-bottom: 1px; margin-bottom: -1px;}
#categories li ul li ul li ul li a {display: block; text-decoration: none; /* IE6 Bug */ padding: 4px 0 4px 50px; background: url(/i/dl/global/bullet_categories_level2.gif) no-repeat 42px 7px; background-color: #498827;}
#categories li ul li ul li ul li a:hover, #categories li ul li ul li ul li a.ont-selected:hover {background: url(/i/dl/global/bullet_categories_right_on.gif) no-repeat 42px 7px; background-color: #F7941C;}

#categories a.ont-selected {background-image: url(/i/dl/global/bullet_categories_green.gif); background-color: #fff; color: #2E5500;}

/* Fix IE. Hide from IE Mac \*/
* html #categories li { float: left; height: 1%; }
* html #categories li a { height: 1%; }
* html #categories li ul li { float: left; height: 1%; }
* html #categories li ul li a { height: 1%; }
* html #categories li ul li ul li { float: left; height: 1%; }
* html #categories li ul li ul li a { height: 1%; }
* html #categories li ul li ul li ul li { float: left; height: 1%; }
* html #categories li ul li ul li ul li a { height: 1%; }
/* End */

li:hover #categories, li.over #categories { display: block; } /* The magic */