.navigation { 
      margin: 0; 
      padding: 0; 
      list-style: none; 
      background: #000; 
      color: #fff; 
      width: 200px; 
      font: 1.2em "Trebuchet MS", sans-serif; 
      } 
	  a:focus /* Quand le visiteur sélectionne le lien */
{
   background-color: #FFCC66;}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline;
   color: red;
}
a /* Lien normal */
{
   text-decoration: none;
   color: white;
   font-style: normal;
}

   .navigation a, .navigation span { 
      display: block; 
      padding: 4px 10px; 
      color: #fff; 
      text-decoration: none; 
      background: #000 url(menu-item.png) left bottom no-repeat; 
      } 
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
      background-image: url(menu-item-deroule.png); 
      } 
   .navigation .open a, .navigation .open span { 
      background-image: url(menu-item-enroule.png); 
      } 
   .navigation a:hover,  .navigation a:active { 
      text-decoration: underline;
   color: red;
	  
      } 
	  .navigation a:focus
	  {
	     text-decoration: underline;
   color: red;

	  }
   .navigation .subMenu { 
      font-size: .8em; 
      background: #ccc url(subMenu.png) 0 0 repeat-x; 
      font-size: .9em; 
      margin: 0; 
      padding: 0; 
      border-bottom: 1px solid #666; 
      } 
   .navigation ul.subMenu a { 
      background: none; 
      padding: 3px 20px; 
	   background-color: 	black;
      }