/*
sbp_menu.css
---------
 Par  Emmanuel Gothié d'après diverses sourses (alsacréation, contribspip, lesiteduzero etc...)
Fichier créé le : 04/11/08
Dernière mise à jour :  

liens : 
http://www.spip-contrib.net/Menu-en-cascade-automatique-tout
http://www.missmopi.net/spip-ex-md-mfplus.php3
http://www.spip-contrib.net/Menus-deroulant-vertical-ou

*/


ul#menu_horiz_sbp li ul{ display:none; }     /* les  ul des li du menu ne sont pas montrés */
ul#menu_horiz_sbp li:hover>ul{ display:block; } /* les ul du menu sont montré dans le cas d'un hovers sur li - ">" : veux dire si sous-menu existe ?*/



/* Caractéristiques de base de la liste du menu*/
ul#menu_horiz_sbp {
list-style-type : none; /* Suppression de toutes les puces de la listes */
width : 480px;
height : 22px;
margin : 0; padding : 0; /*pour éviter l'indentation de la liste (automatique en XHTML) */
background-color : white;
border : 1px solid silver;
border-bottom : 1px solid white; 

     /* ----------------- Paramètre de transparence-----------------*/ 
   	  filter:alpha(opacity=80);   /* IE : ils conseille de mettre après ie8 */
      -moz-opacity:0.80;           /* Firefox */
      opacity: 0.80;               /* standard CSS3 */
      -khtml-opacity: 0.80;        /* Konqueror */	
	/* ----------------- / Paramètre de transparence-----------------*/

}


/* Modification de toutes les li (<li> est contenu par le <ul>), inutile de lui rajouter une class */
ul#menu_horiz_sbp li { 
/*test */ /*position:relative; */ /* passe le sous menu en verticale */


display : inline;
padding : 0 5px; /* Pour espacer les boutons entre eux */
line-height : 22px; /*line-height, valeur la hauteur totale du menu : permet de centrer verticalement le texte dans sa case ! Attention propriété qui ne marche pas avec tout */
float: none ;
/* width: 62px;*/ /* permet de fixer une taille de bouton, sinon c'est width: auto par défaut ! */




}

/* Tous les boutons gauches */
ul#menu_horiz_sbp li.boutonleft {
/*test */ 
float : left;
border-right : 1px solid silver; 

}

/* Les boutons droits */
ul#menu_horiz_sbp li.boutonright {
/*test */ 
float : right;
border-left : 1px solid silver; 

}


ul#menu_horiz_sbp a {
color: black;
text-decoration : none;
/* padding : 0 0.5em; */
/* font:  0.8em "Trebuchet MS";*/
font:  0.8em "arial";
font-weight: bold;
}

/* Lien particulier des tarifs */
ul#menu_horiz_sbp a#tarifs  {color:black;/*color: rgb(85,101,173);*/}



ul#menu_horiz_sbp a:hover { 
text-decoration: none;
/* font-weight: bold;*/ /*marche */
color:rgb(61,134,250);
/* line-height: 26px; */ /* change hauteur de la ligne du dernier menu */
/*background-color: rgb(177,206,253);*/
 }
 
 ul#menu_horiz_sbp li:hover { /* pour FIREFOX ONLY  li:over infonctionnel ie */

border-top-color: rgb(248,224,80); /* JAUNE couleur gauche visible, les autres sont blanches*/
background-color:rgb(250,240,190); /* JAUNE PALE */

 }
 
 
 

/* Si l'on met des images dans les boutons */ 
ul#menu_horiz_sbp a img { 
border: none;
padding:  0 0.3em;
}


/* Les sous menus*/


ul#menu_horiz_sbp .sousmenu_niv1, ul#menu_horiz_sbp .sousmenu_niv2 
{
/*test */  position:absolute; /*permet de ne pas avoir apparition du block décallant les éléments lefts, car position static par défaut ce qui décale tout le menu !!!*/
 /* position:relative; */  /*ca place le menu correctement en dessous mais décalle le reste du menu de la taille du sopus-menu apparu ! */
 
 /* float: none ;*/ /* EN TEST §!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 
 list-style-type: none;
 margin: 0; padding: 0; border: 0;
}


/* Les sous menus de niveau 1*/
ul#menu_horiz_sbp .sousmenu_niv1
{
 /* boite grise niveau 1*/
 border-bottom: 1px solid silver;/**/	
/* border-top: 1px solid silver; *//**/	
border-left: 1px solid silver; /**/	
border-right: 2px solid silver; /**/	

 margin-top: -1px !important; /*décalage du sous-menu */
 margin-left: -3px !important; /*décalage du sous-menu */
 
 /* pour ie */
 margin-top: 10px ; /*décalage du sous-menu */
 margin-left: 10px ; /*décalage du sous-menu */
}

	/* Les sous menus de niveau 1*/
	ul#menu_horiz_sbp .sousmenu_niv1 li
	{
	float:left; /* de nouveau la deuxième ligne les cellules sont en float (permet de passer le sous-menu en dessous du lien survollé !*/
	 margin: 0; padding:0 0px; /* espacement des textes du deuxième niveau */
	 border: 0;

	 
	background-color:rgb(241,241,241); /* fond gris clair */
	}
			ul#menu_horiz_sbp .sousmenu_niv1  li a
			{
			display: block; /*transformation de nouveau en bloc : la taille corrspond au texte le plus long */
			 margin: 0; padding: 0; 
			border-top: 2px solid silver; /**/
		
			/* pour le positionner il faut que les li du dessu soient en float relatives !   */


			padding: 2px 5px ;  /*si deux valeurs, la première s'applique à "top" et "bottom", et la deuxième à "right" et "left"  */

			}
			ul#menu_horiz_sbp .sousmenu_niv1  li a:hover
			{
			/* border-top-color: rgb(61,134,250); */ /* couleur gauche visible, les autres sont blanches*/
			border-top-color: rgb(248,224,80); /* JAUNE couleur gauche visible, les autres sont blanches*/
			background-color:rgb(250,240,190); /* JAUNE PALE */
			}
			
			
/* Les sous menus de niveau 2*/
ul#menu_horiz_sbp .sousmenu_niv2 
{
border-bottom: 2px solid silver; /**/	
border-top: 1px solid silver; /**/	
border-right: 1px solid silver; /**/	

 margin-left: 2px; /*décalage du sous-menu */

}

ul#menu_horiz_sbp .sousmenu_niv2  li
{
 float: none;/* correction de la propriété de la première ligne héritée (float sur les éléments <li> parents des sous-menus), les éléments <li> des sous-menus ne flottent plus */
 margin: 0; padding: 0; border: 0;
 background-color:rgb(228,228,228); /* fond gris */

  text-indent:2px;  /* fonctionne mais plutôt padding ci-dessous */
 
}

			ul#menu_horiz_sbp .sousmenu_niv2  li a
			{
			display: block; /*transformation de nouveau en bloc : la taille corrspond au texte le plus long */
			 margin: 0; padding: 0; 
			border-top: 0px ; /*annule effet de niveau n-1*/
			border-left: 2px solid silver; /**/
			
		
			/* pour le positionner il faut que les li du dessu soient en float relatives !   */
			 background-color:rgb(241,241,241); /* fond gris clair */

			padding: 2px 5px ;  /*si deux valeurs, la première s'applique à "top" et "bottom", et la deuxième à "right" et "left"  */

			}
			ul#menu_horiz_sbp .sousmenu_niv2  li a:hover
			{
			
			/* border-left-color: rgb(61,134,250);*/ /* couleur gauche visible, les autres sont blanches*/
			border-left-color:rgb(248,224,80);
			border-top: 0px solid ; /*pour annuler effet rollover du niveau au dessus (border-top couleur)*/
			background-color:white;
			
			}