/* CSS Document */


body 		{	 behavior: url(csshover.htc);   /* WinIE behavior call */

			} 

		
div#menu ul 		{
	margin: 0;
	padding: 0;  /* pour supprimmer toutes marges du div menu qui contient les ul  */
					}
			
div#menu li {			position: relative; float: left;/* CE FLOAT LEFT PERMET DE FAIRE FLOTTER LES LI COTE A COTE */
 				 	 	list-style: none; margin: 0;
			 		    background: no-repeat  url(../bt/bouton2.gif); 
						width:85px; line-height:20px;
						
					   
			}
			
			
div#menu li.sousmenu {
							background: no-repeat  url(../bt/bouton1.jpg); /* couleur de fond des LI --> à remplacer par l'onglet gif*/
						}	
div#menu li:hover {
						 background: no-repeat  url(../bt/bouton1.gif); /* couleur de fond des LI --> à remplacer par l'onglet gif SURVOLEE */

					 }	
	
								 
div#menu li a 			{		display: block; padding:0 18px;
								text-decoration: none; /* pas de trait de soulignement des liens */						color: #000000;  /* couleur de police  */
						}
 div#menu li a:hover			{ color: #000000;  /* couleur de police  */
						} 			 
			 
div#menu ul.nivo2 		{		top: 20px; /* 30 PARCEQUE 20 + 5 +5 du padding */
					 	}	

 div#menu ul.nivo2 li{	
									background-color: none;/* pour ne pas voir l'image onglet dans les sousmenu et remettre une couleur */
									background-image: no-repeat  url(../bt/bouton2.jpg);
									border-bottom: 1px solid #FFFFFF;	
}		 
div#menu ul.nivo2 li:hover {background-color: #0099CC}			 



div#menu li.sousmenu:hover {background-color: none;}




div#menu ul ul {
		position: absolute; width: 7em;
 		 display: none;}
  
div#menu ul.nivo1 li.sousmenu:hover ul.nivo2 {
	display:block;
	
}