.menu {
	background-color: #3f6a76;
	/* color: #5b84c5;*/ /*background: #aa8922 url(images/sans titre.png);*/
	font-family: arial; /* border-color:#0000ff;*/
	/*font-size: 15px;*/ /* font-weight:bold;*/
	font-size: 12px;
	font-weight: bold; /*border: 1px solid #5b84c5;*/
	color: white; /*width: 150px;*/
	padding: 0px;
	margin: 0em; /*  par exemple :*/
	/*  transparence à 25% = opacité à 75%:*/
	filter: progid:dximagetransform.microsoft.alpha( style=0,opacity=90);
	-moz-opacity: 0.9; /*  "glow" :
	filter: progid:dximagetransform.microsoft.glow(color=#ffdead,strength=5);
	ombre en bas à droite, 5 px :
	filter: progid:dximagetransform.microsoft.shadow(direction=135,color=#ff8c00,strength=5);
*/
  }

.ssmenu {
	background-color: #3f6a76;
    
	color:#ffffff;
	/*color: #0c3f97;*/ /*background: #aa8922 ;*/
	font-family: arial; /* border-color:#0000ff;*/
	font-size: 12px; /* font-weight:bold;*/
	font-weight: normal; /*border: 1px solid #0c3f97;*/
	color: white; /*width: 150px;*/
	padding: 0 0 0 0;	
	margin: 0 em; /*  par exemple :*/
	/*  transparence à 25% = opacité à 75%:*/
	filter: progid:dximagetransform.microsoft.alpha( style=0,opacity=100);
	-moz-opacity: 1; /*  "glow" :
	filter: progid:dximagetransform.microsoft.glow(color=#ffdead,strength=5);
	ombre en bas à droite, 5 px :
	filter: progid:dximagetransform.microsoft.shadow(direction=135,color=#ff8c00,strength=5);
*/
  }

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

.menu a, .menu a:visited {
/* les liens qui ne sont pas sous le curseur.
	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 */
	/*font-family: ms sans serif, arial, sans-serif, verdana;*/
	text-decoration: none;
	text-align: center;
	color:#ffffff;
	
	/*color: #0000ff;*/
	padding: 0px 0px; /* 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%;
	voice-family: "\";}\"";
	voice-family:inherit;
  }

.menu a:hover {
/* les liens qui ne sont pas sous le curseur.
	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 */
	/*font-family:ms sans serif, arial, sans-serif, verdana;*/
	text-decoration:none;
	text-align: center;
	background-color:#73a7b5;
	color:#3f6a76;
	padding: 0px 0px;
	
/* 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%;
	voice-family: "\"}\"";
	voice-family:inherit;
}

.ssmenu a, .ssmenu a:visited {
	/*font-family:ms sans serif, arial, sans-serif, verdana;*/
	text-decoration: none;
	text-align: left; /*background: #f5f5ff;*/
	/*color: #0000ff;*/
	/*color: #0c3f97;*/
	color:#ffffff;
	font-weight: normal;
	padding: 0 0 0 0; /* 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 */
	
	margin: 0 0 0 0;
	/*border: 0 0 0 0;*/
	width: 100%;
	voice-family: "\";}\"";
	voice-family:inherit;
  }


.ssmenu a:hover {
	/*font-family:ms sans serif, arial, sans-serif, verdana;*/
	text-decoration: none;
	text-align: left; 
	color: white;
	background-color: #73a7b5;
	display: block; 
	margin: 0 0 0 0;
	/*border: 0 0 0 0;*/
	width: 100%;
	font-weight: normal;
	voice-family: "\";}\"";
	voice-family:inherit;
  }

a.menutop {
	color: #3f6a76;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	text-decoration: none;
}

a.menutop:hover {
	text-decoration: underline
}

ul#menu, #menu li {
	list-style-type: none;
	margin:0;
}

ul#menu {
	/*border-bottom: 2px solid;
	border-color: #DAF3F3;*/
}
#menu li {
	display: inline;
}

#menu a.select {
	text-decoration: none;
	color: #547EC3;
	background-color: #ADDCD5;
}

#menu a.select:hover {
	font-weight: bold;
}

#menu a {
	text-decoration: none;
	color: #547EC3;
	background-color: #B4DFEB;
}
#menu a:hover {
	background-color: #ADDCD5;
	font-weight: bold;
}
  /*
  	bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
  - couleurs, police, bordure et largeur des menu et ssmenu.
  - l'effet spécial ie pour les ssmenu
  - police et couleurs des liens "non survolés" et "survolés".
  no-repeat 0 42px;
  */