.navigation
{ 
	float:left;
	margin: 0; 
	padding: 0; 
	list-style: none; 
	background: #000; 
	color: #fff; 
	width: 200px; 
	font: 1.2em "Trebuchet MS", sans-serif; 
	background: #7b2521;
	border-radius:0px 35px 35px 0px;
	-moz-border-radius:0px 35px 35px 0px;
	-webkit-box-shadow:2px 2px 5px #7b0f0a;
	-moz-box-shadow:2px 2px 5px #7b0f0a;
} 
	  
.navigation a, .navigation span { 
      display: block; 
      padding: 4px 10px; 
      color: #fff; 
      text-decoration: none; 

}

   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
      background:url(/img/menu-item-deroule.png) no-repeat; 
      } 
   .navigation .open a, .navigation .open span { 
      background: url(/img/menu-item-enroule.png) no-repeat; 
      } 
   .navigation a:hover, .navigation a:focus, .navigation a:active { 
      text-shadow:0px 0px 2px #FFF;
      } 
   .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;
	background: #efcf93;
	text-shadow:1px 1px 5px #7b0f0a;
		border-left:solid;
		border-right:solid;
		border-width:thin;
		border-color:#7b0f0a;
      } 
   .navigation ul.subMenu a { 
      background: none; 
      padding: 3px 20px; 
	  	-webkit-transition-property: padding-left,background-color,text-shadow;
	-webkit-transition-duration: 1s;		
	transition-property: padding-left,background-color,text-shadow;
	transition-duration: 1s;
      }

.navigation ul.subMenu a:hover{ 
	text-shadow:1px 1px 3px #000;
	padding-left:30px;
	background-color:#efba56;
}