/***** menu CSS *****/

/* Les boutons graphiques du menu */

#menu1 {background-image:url(../images/bouton-menu.jpg); width:181px;height:31px}
#menu2 {background-image:url(../images/bouton-menu.jpg); width:181px;height:31px}
#menu3 {background-image:url(../images/bouton-menu.jpg); width:181px;height:31px}
#menu4 {background-image:url(../images/bouton-menu.jpg); width:181px;height:31px}
#menu5 {background-image:url(../images/bouton-menu.jpg); width:181px;height:31px}


#ssmenu1 li {width:179px;height:auto;background-color:#CCCCCC;border:1px solid #666666;padding:6px 2px 6px 2px}
#ssmenu2 li {width:179px;height:auto;background-color:#CCCCCC;border:1px solid #666666;padding:6px 2px 6px 2px}
#ssmenu3 li {width:179px;height:auto;background-color:#CCCCCC;border:1px solid #666666;padding:6px 2px 6px 2px}
#ssmenu4 li {width:179px;height:auto;background-color:#CCCCCC;border:1px solid #666666;padding:6px 2px 6px 2px}
#ssmenu5 li {width:179px;height:auto;background-color:#CCCCCC;border:1px solid #666666;padding:6px 2px 6px 2px}
.selection {font-size:14px;width:179px; height:auto;background-color:#8B0101; color:#FFFFFF; padding:0}

.ssmenu {
	color:white;
	font-weight:bold;
	font-size:11px;
	line-height:12px;
/* width et margin sont au cas où le javascript est désactivé. */

	}
/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
	text-align:center;
	color:black;
	font-size:14px;
	border:none ;
	line-height:32px;
	font-weight:bold;
}


.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;
	width:179px;
	list-style-type:none;
	height:25px;
	text-align:center;
}
.ssmenu a, .ssmenu a:visited {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#990000;
	font-weight:bold;
}
.menu a, .menu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#990000;

/*	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:0;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	color:#000;
	text-decoration:none;
	/*COULEURS JMB */
	height:22px;
	width:181px;
}

/*
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;
}
*/
/*
.ssmenu img.hr {
 Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... 
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
}
*/
/* conteneurmenu {
Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... 
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	background-color:#000000;

}

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".
*/