
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


/* First level menu links style*/

.suckerdiv ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 241px; /* Width of Menu Items */
	font-weight: bold;
	font-size: 12px;
}
.suckerdiv ul a{
	text-decoration: none;
}
	
.suckerdiv ul li{
	background: no-repeat url(../img/Navigation/m-cat.jpg);
	position: relative;
	height: 24px;
}

.suckerdiv ul li a{
	display: block;
	height: 24px;
	overflow: auto; /*force hasLayout in IE7 */
	color:#006699;
	padding:5px 25px;
}

.suckerdiv ul li a:hover{
	color:#FFFFFF;
	padding:5px 0px 1px 35px;
	height: 19px;
	overflow: auto; /*force hasLayout in IE7 */
	background-image:url(../img/Navigation/m-cat-hover.jpg);
	background-repeat: no-repeat;
}

.suckerdiv .subfolderstyle{
	background: no-repeat url(../img/Navigation/m-cat.jpg);
	padding:5px 25px;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
	position: absolute;
	width: 270px; /*sub menu width*/
	top: -1px;
	visibility: hidden;
	z-index: 100;
}
.suckerdiv ul li ul li {
	background-image: none;
	height: 23px;
	position: relative;
	background-color:#D9DFF2;
	border-color:#333366;
	border-width:1px 1px 0 1px;
	border-style: dotted;
	border-color:#333366;
	border-bottom:  
         expression(  
             (this===this.parentNode.childNodes[this.parentNode.childNodes.length-1])  
             ?"1px dotted #333366;":"0px;"  
         );
}

.suckerdiv ul li ul li:last-child{border-bottom:1px dotted #333366;}

.suckerdiv ul li ul li a{
	color:#006699;
	background-position: -1px 0px;
}
/*
.suckerdiv ul li ul li a:hover{
	background-color:#666666;
	border-color:#CCCCCC;
	color:#E1E1E1;
}
*/

/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 15px; }
* html .suckerdiv ul li a { height: 15px; }
/* End */



/* -------Habillage Menus---------- */

#MTcat {
	width: 241px;
	height: 47px;
	position: relative;
	background-image: url(../img/Navigation/m-t-cat.jpg);
	background-repeat: no-repeat;
}
#McatPied {
	width: 241px;
	height: 46px;
	position: relative;
	background-image: url(../img/Navigation/m-cat-pied.jpg);
	background-repeat: no-repeat;
}
