/*                         ~\\|//
                            (@ ~)
        •————————————oOOO————(_)————OOOo————————————•
		| CSS pour BulMenu							|
        | Mail : marcel.Bultez@Tiscali.fr           | %%%%%%%% à faire pour avoir un menu vertical
        | Site : http://marcel-Bultez.chez-Alice.fr | ~~~~~~~~ à faire pour toujours avoir le menu en haut de page ( si scrolling )
        |               .oooO   Oooo.               |
        •———————————————(   )———(   )———————————————•
                         \ (     ) /
                          \_)   (_/
                          
Modifications : /le rafraichisseur d'image!/ (tm)
*/

#Menu
{
				width:100%;					/* largeur 1ère ligne %%%%%%%% pour un menu vertical mettre:128px */
				clear:both;
 				font-family:verdana,arial;		/* police utilisée */
				font-size:12px;					/* taille des caractères */
				font-weight:bold;				/* en gras */
				margin-left:9px;
}
#Menu a
{
				text-decoration:none;			/* texte tel quel */
				border:1px solid #83a04c;		/* couleur de la bordure */
				background-color:#83a04c;		/* couleur normale du fond */
												/* height:???px; hauteur des lignes */
				display:block;					/* mode d'affichage */
				color:#FFF;					/* couleur du texte */
				padding:5px;

}
#Menu a:hover
{
			background-color:#a4ba72;		/* couleur du fond quand on survole */
			color:#FFF;
			text-shadow: 0px 0px 6px #8CDAFF;
}

#Menu li	
{	
				width:120px;					/* largeur des libellés */
				margin-right:3px;					/* espace à droite */
				margin-left:3px;								/* padding:???px; et/ou margin:??px; séparation entre les lignes /colonnes */
				cursor:pointer;					/* aspect du curseur */
				display:block;					/* mode d'affichage */
				float:left;						/* "cours du texte" : à gauche et "entouré" à droite des éléments qui le suivent */ 
				margin-left:0px;
				margin-right:1px;
				margin-bottom:-1px;

}

#Menu ul
{	
			visibility:hidden;				/* caché au départ, on le rendre visible au survol */
			position:absolute;				/* mode d'affichage */
			/*border:1px solid black;
			border-bottom:2px solid black;*/
			background-color:#FFCC00;
			
			/* Y viva css3 */
			box-shadow:5px 5px 6px #555;
			-webkit-box-shadow:5px 5px 6px #555;
			-moz-box-shadow: 5px 5px 6px #555;			
			
}

#Menu ul li	
{
			float:none;						/* "cours du texte" : normal */ 
			display:block;					/* type d'affichage */
			left:-0px;						/* ajustements horizontaux des sous-menus 1er niveau %%%%%%%% pour un menu vertical mettre:87px */
			top:-2px; 							/* decalage en hauteur */
			/*top:-20px;					%%%%%%%%%% à ajouter pour un menu vertical */
			position:relative;				/* mode positionnement */
}

#Menu ul li ul
{	
			float:none;						/* "cours du texte" : normal */ 
			position:absolute;				/* mode positionnement */
			left:120px;
			top:3px;						/* ajustements verticaux des sous-menus niveaux suivants */
			visibility:hidden;				/* caché au départ, on le rendre visible au survol */	
}

* html #Menu li li,* html #Menu li li li
{	
			display:inline;					/* pour rectifier une gestion "différente" de IE */
}

#Menu img	
{
			border:0;						/* pas de bordure pour les images */
			margin-left:2px;        /* espacer la fleche du texte */
}