/***** menu CSS *****/
@media print {
/*For printing we hide the menu, works at least for IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
		/*padding: 0;*/
	}
}

.menu, .ssmenu {
	/*background-color:#ddffdd;*/
	background-color:#d7d7d5;
	color:black;
	font-size:10px;
	font-weight:bold;
	/*border:1px solid #EFB;*/	
	/*padding:1px;*/
	
/* width and margin in case that javascript is not activated. */
	width:15em;
	margin:1em;	
}

/* .menu = cells always visible (like File, Edit... in a software) */
.menu {
	border:0;
	padding:0px;
	text-align:center;
}

/* Submenus */
.ssmenu  {		
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	opacity: 0.95;
	padding:5px;
	border:1px solid #80847e;	
}


.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li {
/* Do not touch.
	Items (<li>) in sub-menus, to remove list bullets */	
	padding:0;
	margin:0;
	list-style-type:none;		
}

#ssmenu {	
	text-align:left;	
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Link that are not hightlighted by the cursor. */
	font-family:Verdana, "MS Sans Serif",sans-serif, Arial;	
	text-decoration:none;
	color:black;
	padding:2px 1px;
/* Do not modify the block */
	display:block;
/*	Width:100% prevents Mozilla from crashing, without the width:100% it's IE and Opera that craches... Using both
	fix the problem, so DO NOT touch these 2 lines */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
}

.menu a, .menu a:visited {
	padding:0;
}

html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Links hightlighted by the cursor.
	We change foreground and background colors and we remove the underline.
	*/
	background-color:#ff9c14;
	color:white;
	text-decoration:none;
}


img {
/* If we add an image in a link (for example a logo next to the link), remove the border :-p */
	border:none;
}

.ssmenu img {
/* small space between the image and the link text <a href="..."><img.../>blabla</a> */
	margin-right:2px;
}

.ssmenu img.hr {
/* Experimental, an <hr /> between 2 items to add a "separator"... */
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;	
	width:100%;
	display:block;	
}

.hr 
{
	height:1px;
	width: 100%;
}

/* welcome button */
#conteneurmenu #menu1 {
width:68px;
height:24px;
}
/* reports button */
#conteneurmenu #menu2 {
width:58px;
height:24px;
}
/* monitoring button */
#conteneurmenu #menu3 {
width:75px;
height:24px;
}
/* news alerts button */
#conteneurmenu #menu4 {
width:85px;
height:24px;
}
/* identity theft button */
#conteneurmenu #menu5 {
width:87px;
height:24px;
}
/* privacy extras button */
#conteneurmenu #menu6 {
width:97px;
height:24px;
}
/* learning center button */
#conteneurmenu #menu7 {
width:108px;
height:24px;
}