/* -------------------------------
	 Vertical Accordions avec Jquery
  ----------------------------------*/
	
  #navigation {
			margin: 30px 0 0 20px;
      padding: 0;
      width: 270px;
      text-align:left;
      list-style-type:none;
			background: transparent;
			color: #333;
			width: 250px;
			font-size: 14px;  
			border-bottom:2px solid #999;
			}
    
    * html #navigation {
    border-bottom:0;    
    }        
		#navigation a, #navigation span {
			display: block;
			width: 250px;
			padding: 4px 0 4px 0;
			color:#333;
			text-decoration: none;
			background:transparent url(img/menu_cat.gif)left bottom no-repeat;
			background-repeat:no-repeat;
			}
		#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
			background-image: url(img/menu_cat.gif);
			background-repeat:no-repeat;
			color:#d9d9d9;
			padding-left: 20px;
			}
	#navigation .toggleSubMenu a:hover {
			color:#f7f7f7;
			}
			
		#navigation .open a, #navigation .open span {
			background-image:url(img/menu_cat_selected.gif);
			background-repeat:no-repeat;
			color: #f7f7f7;
			padding-left: 20px;
			}
			#navigation .open span {
			color: #ccc;
			}
		#navigation a:hover, #navigation a:focus, #navigation a:active {
			text-decoration: none;
			}
		#navigation .subMenu {
		  width:250px;
			font-size: 13px;
			margin: 0;
			padding: 0;
			font-weight:normal;
			}
		#navigation ul.subMenu a {
		  display:block;
		  height:22px;
			background-image:url(img/menu_item.gif);
			background-repeat:no-repeat;
			padding-left: 20px;
			padding-right:0;
			color: #333;
			}
			#navigation ul.subMenu a:hover {
			padding-left: 20px;
			padding-right:0;
			color: #333;
			background-image:url(img/menu_item_hover.gif);
			background-repeat:no-repeat;
			}
			  
			ul#navigation li ul {
      list-style-type:none;
      background-color: transparent;
      padding-left:0;
      margin-left:0;
      }

  /* produits listing*/
  /* titre sous categorie */
   ul#navigation li ul li a.unselected{
    	font-weight:normal;
    	color:#5F5F5F;
    	font-size: 11px;
    }
    ul#navigation li ul li a.unselected:hover {
    	font-weight:normal;
    	color:#333;
    	font-size: 11px;
    }
    
  ul#navigation li ul li a.selected{
    	font-weight:bold;
    	color:#1546AF;
    }
  ul#navigation li ul li a.selected:hover{
    	font-weight:bold;
    	color:#3B77BF;
    }
    
  /* titre sous categorie */
   ul#navigation li ul li a.unselecteditem {
    	font-weight:bold;
    	color:#1546AF;
    }
    ul#navigation li ul li a.unselecteditem:hover {
    	font-weight:bold;
    	color:#819CCF;
    }
    ul#navigation li ul li a.souscat {
    	font-weight:bold;
    	color:#152f69;
    }
    ul#navigation li ul li a.souscat:hover {
    	font-weight:bold;
    	color:#3E588F;
    }


/* menu horizontal simple precedent le menu accordeon*/

 ul#firstmenu {
      margin-left:50px;
      margin-top:20px;
      list-style:none;  
      padding:0;
      color:#333;
      font-size:12px;
  }
   ul#firstmenu li {  
      display:inline;          
      padding:0;
      margin:0;
  }
 
 ul#firstmenu li a {   
      color:#333;
      font-size:12px;
      }
*+html ul#firstmenu {
      padding:0;
      margin-top:20px;
}


*+html ul#firstmenu li {
      padding:0;
      margin:0;
}
  /* menu pied de page */ 
   ul#footermenu {
        margin-left:30px;
        margin-top:5px;
        list-style:none;  
        padding:0;
        color:#333;
        font-size:12px;
    }
     ul#footermenu li {  
        display:inline;          
        padding:0 5px;
        margin:0;
    }
   
   ul#footermenu li a {   
        color:#152f69;
        font-size:12px;
        }
        
  *+html ul#footermenu {
        padding:0;
        margin-top:5px;
  }
  
  
  *+html ul#footermenu li {
        padding:0;
        margin:0;
  }