.accordeonmenu{
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 177px; /*width of menu*/
height:auto;
border-top: 1px solid #666666;
border-bottom-width: 1px;
overflow:hidden;
}

.accordeonmenutitle {
	font: bold 8pt Verdana;
	color: #ffffff;
	background-image: url(/images/barre_vert_menu.jpg);
	background-repeat:no-repeat;
	height:13px;
	padding: 1px 0 1px 0;
	text-align:center;
}

.accordeonmenutitle a{
	font: bold 8pt Verdana;
	color: #ffffff;
	text-decoration:none;
	text-align:left;
}

.accordeonmenutitle a:hover{
	font: bold 8pt Verdana;
	color: #ffffff;
	text-decoration:none;
}

.accordeonmenutitle a:visited{
	font: bold 8pt Verdana;
	color: #ffffff;
	text-decoration:none;
}

.accordeonmenu a.menuitem{
background: #666666;
font: normal 7pt Verdana;
color: #ffffff;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 5px 5px 5px;
margin:0 0 0 0;
text-decoration: none;
line-height:90%;
}

.menuclosed {

}

.menuopened {
border:1px dotted #999999;
}

.accordeonmenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 7px;
right: 5px;
border: none;
}

.accordeonmenu a:hover{
background: #333333;
color: #ffffff;
}

.accordeonmenu a:visited{
background: #666666;
color: #ffffff;
}

.accordeonmenu a:visited:hover{
background: #333333;
color: #ffffff;
}

.accordeonmenu div.submenu{ /*DIV that contains each sub menu*/
background: #999999;
color: #ffffff;
overflow:hidden;
}

/*#pagecontent .pagerightmenuonly .column_plandusite div.submenu ul{ 
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-type: none;
list-style-image: url(/images/transparent.gif);
list-style-position:outside;
overflow:hidden;
}*/

.accordeonmenu div.submenu ul { 
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.accordeonmenu div.submenu ul li a{
display: block;
font: normal 7pt Verdana;
background: #999999;
color: #ffffff;
text-decoration: none;
width:auto;
padding: 3px 0 6px 15px;
margin: 0 0 0 0;
line-height:110%;
}

.accordeonmenu div.submenu ul li a:hover{
background: #333333;
color: #ffffff;
background-image:url(/images/2008_fleche_orange.jpg);
background-repeat:no-repeat;
position: relative;
border: none;
line-height:110%;
}

.accordeonmenu div.submenu ul li a:visited{
background: #AAAAAA;
color: #ffffff;
line-height:110%;
}

.accordeonmenu div.submenu ul li a:visited:hover{
background: #333333;
color: #ffffff;
background-image:url(/images/2008_fleche_orange.jpg);
background-repeat:no-repeat;
position: relative;
border: none;
line-height:110%;
}