/***** menu CSS *****/
@media print {
/*For printing we hide the menu, works at least for IE, Moz et Opera.*/
	.menu, .ssmenu {
		display:none;
	}
}

#conteneurmenu { position: relative; }

.menu, 
.ssmenu  {
 color: #9c917f;
 font-size:11px;
 font-family:Helvetica, Arial, Verdana, sans-serif;	
 /* 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;
	position:static;
}

/* Submenus */
.ssmenu  {
 padding:0px;
 border:1px solid #483932;
 background-color:#FFF;
 font-family:Helvetica, Arial, Verdana, sans-serif;
 font-size:12px;
 color: #9c917f;
}


.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. */
	text-decoration:none;
	color:#9c917f;
	font-weight:normal;
	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 {
/* Links hightlighted by the cursor.
	We change foreground and background colors and we remove the underline.
	*/
	background-color:#f7eece;
	color:#000;
	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%;
}