/***** menu CSS *****/
@media print {
	/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu,.ssmenu {
		visibility: hidden;
	}
}

/* ****************   GENERAL   ***************************************/
.menu,.ssmenu {
	font-size: 12px;
	/*	font-weight:bold;*/
	border: 1px solid #c1cad7;
	padding: 1px;
	color: #032b56;
	/* gestion de la transparence
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
*/ /* width et margin sont au cas où le javascript est désactivé. */
	width: 15em;
	margin: 1em;
	text-align : left;
	
	display:inline-block;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	box-shadow:0 1px 3px rgba(0,0,0,0.3);
	border-bottom:1px solid rgba(0,0,0,0.25);
	position:relative;
}

.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 { /* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.ssmenu li { 
	background: #ffffff url(../images/star.gif) no-repeat 2px 3px;	
	padding-left: 15px;
}

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

.menu a,.ssmenu a,.menu a:visited,.ssmenu a:visited {
	/* Les liens qui ne sont pas sous le curseur. */
	text-decoration: none;
	color: #032b56;
	/*	padding:2px 1px;*/
	padding-top: 2px;
	padding-bottom: 2px;
	/* Ne pas modifier le block */
	display: block;
	/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
	/*	height:100%;
	margin:0px;*/
	margin: 0px;
	width: 100%;
}

/* ****************   MENU *****************************************/
.menu {
	background-color: #fcfcfc;
	text-align: center;
}

.menu:hover,.menu:focus { /* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-color: #4687c1;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

.menu a:hover{ 
	color: #fff;
}

/* ****************   SOUS MENU ************************************/
.ssmenu {
	background-color: #f2f5f9;
	font-size: 11px;
}

.ssmenu a,.ssmenu a:visited {
	color: #032b56;
}

.ssmenu a:hover,a:focus { /* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-color: #e3ebf4;
	/*
	color: #ff9600;
	*/
	text-decoration: none;
	font-size: 11px;
	/*font-weight: bold;*/
}

img {
	/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border: none;
}

.ssmenu img {
	/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right: 2px;
}
/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure.
- l'effet spécial IE pour les ssmenu si on aime ça...
- police et couleurs des liens "non survolés" et "survolés".
*/