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

@media print {

.menu, .sousmenu, #menuadmin {visibility:hidden;}

}





.adminmenu, .ssmenuadmin {

	color:white;

	background-color : #A8CCEC;



}



a.bouton {

	display : inline;

	color : black;

	width : 45px;

	font-size:10px;

	font-weight:bold;

	padding-left:5px;

	padding-right:5px;

	background-color : silver;

	border: 1px black solid;

	text-decoration : none;

}



a.itemmenu:hover, a.itemmenu:focus, a.bouton:hover, a.bouton:focus {

	color:white;

	background-color:#4a6eaa;



}



a.adminmenu:hover, a.ssmenuadmin:hover, a.adminmenu:focus, a.ssadmin:focus {

	color:red;

	background-color:#4a6eaa;

}





.menu, .sousmenu, ul, li {

	color: black;  

	background-color:silver;

	font-size:10px;

	font-weight:bold;

	font-family: Geneva;

	border:0px solid #EFB;

	padding:0px;

/* width et margin sont au cas o? le javascript est d?sactiv?. */

	width:15em;

	margin:1em;

}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */

.menu {

	text-align:center;

	margin: 0;

	/*width: 730px;*/

	border-bottom: 1px dotted black ;

	

}

/* .sousmenu = Les parties "d?roulantes" qui s'affiche au survol d'un .menu */





.menu span, .sousmenu1 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;

}



.sousmenu1 ul, .menuadmin ul, .sousmenu1 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;

}



.menu a, .sousmenu1 a {

/* Les liens qui ne sont pas sous le curseur. */

	color:black;

	padding:2px 1px;

	text-decoration:none;

/* 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%;

}

html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,

html>body .sousmenu1 a, html>body .sousmenu1 a:visited, html>body .sousmenu1 a:hover, html>body .sousmenu1 a:active {

	width:auto;

}



a.ssmenu:hover, a.ssmenu:focus {

/* Les liens sous le curseur.

	On change les couleurs du texte et de fond, et on enl?ve le soulignement.

	*/

	background-color:#4a6eaa;

	color:white;

	text-decoration:none;

}





.menuadminItem {

	display: inline;

	color: black;  

	background-color:#aaaaaa;

	font-size:10px;

	font-weight:bold;

	font-family: Geneva;

}

	

.menuadminItem a, .menuadminItem a:visited {

	padding-left:5px;

	padding-right:5px;

	color: #005BA4;  

	font-size:10px;

	font-weight:bold;

	text-decoration:none;

}



.menuadminItem a:hover {

	background-color:#A8CCEC;

	color:black;

	text-decoration:none;}



#conteneurmenu {display:block; z-index:2; padding:0px;}

#menuadmin {

	position : absolute;

	display:block;

	z-index:2;

	text-align:center;

	height:15px;

	width: 730px;

	border-bottom: 1px dotted black ;

	border-top: 1px dotted black ;

	background-color:#aaaaaa;

	padding-top: 0px;

	padding-bottom: 2px;

	top : 43px;

	

}

/*

Bref... pour r?sumer, ce qu'il y a ? modifier ? la base, c'est :

- couleurs, police, bordure.

- l'effet sp?cial IE pour les sousmenu1 si on aime ?a...

- police et couleurs des liens "non survol?s" et "survol?s".

*/