.accordion{
	margin: 5px 0;
	padding: 0;
	width: 256px; /*width of menu*/
	border: 1px solid #9A9A9A;
	color:#FFFFFF;
	
}

.accordion div.silverheader a{
		background: black url(../img/six_12-news.jpg) repeat-x center left;
		font: normal 16px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
		color:#FFFFFF;
		display: block;
		position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
		width: auto;
		padding: 9px 0;
		padding-left: 19px;
	
		font-weight:bold;
}


.accordion div.silverheader a:visited, .accordion div.silverheader a:active{

	color:#FFFFFF;
	font: normal 16px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;

	font-weight:bold;
	
}

.accordion div.selected a, .accordion div.silverheader a:hover{
		background-image: url(../img/six_12-news.jpg);
		color:#FFFFFF;
}

.accordion div.submenu{ /*DIV that contains each sub menu*/
		border-bottom:3px solid #36383A;
		border-left:3px solid #36383A;
		border-right:3px solid #36383A;
		padding:0px;
		color:#FFFFFF;
		font-size:12px;
		height: auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
		background:#000; /*fond de la partie texte */
		margin-left:0px;
 
}