/* 
17/12/2008 - Marie
//////////////////////////////////////
Modifs Menu Horizontal
/////////////////////////////////////
Correction de la varation de hauteur du menu selon les rubriques

//// Niveau 1
Largeur variable des boutons de niveau 1 pour gagner de la place (pour champ de recherche)
Mise en majuscule des boutons niveau 1

//// Niveau 2
Largeur fixe des sous-menu niveau 2 
Pointillés de séparation en bordure top
Pas de ligne blanche à gauche du sous menu
Liens à l'état normal : noir / etat survolé : blanc

//// Niveau 3
Largeur variable des boutons de niveau 3
Liens à l'état normal : noir / etat survolé : blanc


//////////////////////////////////////
Modifs Menu Shorts
/////////////////////////////////////
Image de fond : encoche alongée pour ajouter Déconnexion
Deconnexion ajouté à la main dans shorts.dyn


//////////////////////////////////////
MEnus Fiches
/////////////////////////////////////

*/





/*****************************************************
Menu principal horizontal 
******************************************************/
.zone_menu {height:20px;}
#multi-level { height:20px; position:relative; z-index:100;top:0px; margin:0px; padding:2px 0px 2px 0px; background:#000;}
.menu {padding:0px; margin:0px;}

/* 
Pour modifier la taille des boutons de niveau 2 (ex : anatomie, exploration) : 
	- agrandir la largeur du menu de niveau 2 
		.menu :hover ul.sub
	- augmenter la position left du menu de niveau 3
		.menu :hover ul :hover ul,
		.menu :hover ul :hover ul :hover ul,
		.menu :hover ul :hover ul :hover ul :hover ul,
		.menu :hover ul :hover ul :hover ul :hover ul :hover ul
		
Attention les menus de niveau 3 sont définis par défaut avec une largeur variable.		

Pour augmenter ou réduire la hauteur des sous-menus, jouer sur le padding du style défini dans "Commun niveaux 2 et 3"
*/		
		
/* *****************
  Niveau 1 du menu 
********************/
.menu li.top { display:block; float:left; height:20px; }
.menu li.top > a:link, .menu li.top > a:visited  {
	display:block;
	padding:2px 10px 2px 10px;
	border-left:#FFFFFF thin solid;
	font-size:12px;
	height:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
}
/* Exception premier bouton sans bordure à gauche */
.menu li.top  a.top_link#d0 {border-left:0px; }
/* Survol des boutons de niveau 1*/
.menu li.top  a:hover#d0 {	}
.menu li.top  a:hover#d1 {color:#AB85C9;}
.menu li.top  a:hover#d2 {color:#CCCC00;}
.menu li.top  a:hover#d3 {color:#E6418D;}
.menu li.top  a:hover#d4 {color:#FF9900;}
.menu li.top  a:hover#d5 {color:#0099CC;}
.menu li.top  a:hover#d6 {color:#ADAC9C;}
.menu li.top  a:hover#d7 {color:#AB85C9;}
.menu li.top  a:hover#d8 {color:#CCCC00;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */



/* *****************
  Niveau 2 du menu 
********************/
/* garde niveau 2 invisible en le plaçant en dehors de l'écran */
.menu ul,  .menu :hover ul ul.sub { position:absolute; left:-9999px; top:-9999px; width:0; height:0; padding:0px; list-style:none; }
/* Placer le menu niveau 2 pour le rendre visible */
.menu :hover ul.sub {left:0px; top:20px; height:auto; width:230px; margin:0px; border:0px;}

/* Couleurs des "blocs" sous menus (niveau 2) */
.menu li.p0 ul  {background-color:#000;}
.menu li.p1 ul  {background-color:#AB85C9;}
.menu li.p2 ul  {background-color:#CCCC00;}
.menu li.p3 ul  {background-color:#E6418D;}
.menu li.p4 ul  {background-color:#FF9900;}
.menu li.p5 ul  {background-color:#0099CC;}
.menu li.p6 ul  {background-color:#ADAC9C;}
.menu li.p7 ul  {background-color:#AB85C9;}
.menu li.p8 ul  {background-color:#CCCC00;}

/* Bouton niveau 2 */
ul.sub li {width:auto; border-top:#fff 1px dotted; text-align:left; }	
ul.sub li a:link, ul.sub li a:visited { 
	display:block;
	border:0px;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	text-transform:none;
}
ul.sub li a:hover, ul.sub li a:active {color:#fff}



/* *****************
  Niveau 3 du menu 
********************/

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul{
	left:230px;
	top:0px;
	border:0px;
	white-space:nowrap;
	height:auto;
	z-index:300;
	margin:0px;
	background-color:#ADAC9C;
}
.menu li ul.sub2, .menu li ul.sub2 li {width:auto;}


/* ******************
Commun niveaux 2 et 3 
********************/
ul.sub li, .menu :hover ul.sub2 li {padding:2px 10px 2px 10px;}




/*************************************************************************************
                          Menu Shorts (Plan Site, Contacts...)
**************************************************************************************/
/* 
Modif dans les fichiers 
	- accueil.dyn 
	- fiche.dyn
le div contenant le menu du haut est désormais identifié "shorts"
*/
div#shorts {
	float:right;
}
a.Style_short:active, a.Style_short:focus, a.Style_short:link, a.Style_short:visited {
	color:#fff;
	text-decoration:none;
	font-family: "Trebuchet MS", Verdana, Helvetica;
	font-size:10px;
}
a.Style_short:hover {text-decoration:underline;}



/**********************
        Menu Bas
***********************/
A.lien_bottom:active, A.lien_bottom:focus, A.lien_bottom:link, A.lien_bottom:visited {
	color:#FFF;
	text-decoration:none;
}
A.lien_bottom:hover {
	color:#FFF;
	text-decoration:underline;
}



/*************************************************************************************
                                    Menus Fiches
**************************************************************************************/
/******************
  Titre Menu Fiches
 ******************/
.title_left_menu{
	font-size:16px;
	color:#000;
	font-weight:bold;	
	margin-top:10px;
}

 A.lien_menu_fiche:focus, A.lien_menu_fiche:visited, A.lien_menu_fiche:link{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
A.lien_menu_fiche:active {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
A.lien_menu_fiche:hover {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

 A.lien_menu_fiche_on:focus, A.lien_menu_fiche_on:visited, A.lien_menu_fiche_on:link{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
A.lien_menu_fiche_on:active {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
A.lien_menu_fiche_on:hover {
	color:#ffffff;
	font-weight:bold;
	text-decoration:underlined;
}

 A.lien_menu_fiche_congres:focus, A.lien_menu_fiche_congres:visited, A.lien_menu_fiche_congres:link{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
A.lien_menu_fiche_congres:active {
	color:#f39200;
	font-weight:bold;
	text-decoration:none;
}
A.lien_menu_fiche_congres:hover {
	color:#f39200;
	font-weight:bold;
	text-decoration:none;
}

 A.lien_menu_fiche_on_congres:focus, A.lien_menu_fiche_on_congres:visited, A.lien_menu_fiche_on_congres:link{
	color:#f39200;
	font-weight:bold;
	text-decoration:none;
}
A.lien_menu_fiche_on_congres:active {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
A.lien_menu_fiche_on_congres:hover {
	color:#f39200;
	font-weight:bold;
	text-decoration:underlined;
}


/*
.lien_menu_fiche {
	list-style:none;
	margin:0px;
	padding: 5px 0px;
}
.lien_menu_fiche li {
	float:left;
}
.lien_menu_fiche li a,
.lien_menu_fiche li a:visited {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
.lien_menu_fiche_on ,
.lien_menu_fiche_on:visited,
.lien_menu_fiche_on:hover,
.lien_menu_fiche_on:active{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
*/