/*                         ~\\|//
                            (@ ~)
        •————————————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 */
				text-align:center;
				font-weight:lighter;				/* en gras */
				margin-left:8px;
}
#Menu a		
{	
				text-decoration:none;			/* texte tel quel */
				/*border:1px solid #CCC;		 couleur de la bordure */
				background-color:#369;		/* couleur normale du fond */
												/* height:???px; hauteur des lignes */
				display:block;					/* mode d'affichage */
				color:#FFF;					/* couleur du texte */
				padding:11px;
				background-image:url("../img/fondmenu.jpg");

}
#Menu a:hover
{ 	
			background-color:#DB5700;		/* couleur du fond quand on survole */
			color:#000;
			background-image:url("../img/fondmenuon.jpg");
			/*text-shadow: 0px 0px 6px #8CDAFF;*/
}

#Menu li	
{	
				width:189px;					/* 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:0px; 
				margin-bottom:-1px;
				font-size:14px;					/* taille des caractères du premier niveau */
}

#Menu ul
{	
			visibility:hidden;				/* caché au départ, on le rendre visible au survol */
			position:absolute;				/* mode d'affichage */
			opacity : 0.85;
			
		    /*filter : alpha(opacity=90); 
			border:1px solid black;
			border-bottom:2px solid black;
			background-color:#FFF;*/
			/* Y viva css3 
			box-shadow:5px 5px 6px #000;*/
			-webkit-box-shadow:5px 5px 6px #CCC;
			-moz-box-shadow: 5px 5px 6px #CCC;			
			
}

#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:-9px; 							/* decalage en hauteur */
			/*top:-20px;					%%%%%%%%%% à ajouter pour un menu vertical */
			position:relative;				/* mode positionnement */
			font-size:12px;					/* taille des caractères des sous-menus */
}

#Menu ul li ul
{	
			float:none;						/* "cours du texte" : normal */ 
			position:absolute;				/* mode positionnement */
			left:128px;						/* ajustements horizontaux des sous-menus niveaux suivants */
			left:119px;
			top:0px;						/* 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 */
}