@charset "iso-8859-1";
/* **************MENU GAUCHE    *** */

* {margin:0;padding:0; text-decoration:none; list-style-type: none}

div#menu-left { 
float: left;  width: 234px; min-height: 604px; 
 padding: 0 0 0 6px;
 background: url(../images/fond/menuleft.jpg) no-repeat; }

#menu-left ul {}
#menu-left ul a.title {}
#menu-left ul li {}
#menu-left ul ul {}

#menu-left li.category2 {margin:0 0 15px;    }

#menu-left li.category2 a.title {   /*Niveau 1*/
width:168px;
display:block;
margin:10px auto 10px 15px; 
padding:5px 25px;
background-image: url(../images/menu/puce.gif);
background-position:left;
background-repeat: no-repeat;
font-size: 14px;
text-align:left}

#menu-left li.category2 a.title span.menu_word {        /*Niveau 1 span titre*/
background-color: white;
padding: 0px 2px 0px 0px;}

#menu-left li.category2 a {        /*Niveau 1*/
width:150px;
display:block;
margin:10px auto 10px 15px;
padding:5px 25px;
text-align:center}

#menu-left li.category3 { list-style-type:none;}

#menu-left li.category3 a {       /*2eme niveau*/
 display: block; 
width: 210px; text-align: left;
margin:0 0 3px 20px;   padding:0 0 0 4px;
background-color:#ede8ce;   
font-weight: normal; color:#646567;}

#menu-left li.category4 {}

#menu-left li.category4 a {       /*3eme niveau*/
display: block;  width: auto; text-align: left; 
margin :0 0 2px 35px;        padding:0 0 0 10px;
background-color: white;   color:#c07a34; 
background-image: url(../images/puce/puce_menu.jpg);
background-repeat: no-repeat;}

#menu-left li.product {  list-style-type:none}

#menu-left li.product a {
width: 173px;  
display: block; 
text-align: left;   
margin:0 3px 0 55px;     padding:0 0 0 5px;
background-image: none; 
background-color: #eaebec;     color:#7a7c7f;}

#menu-left li.category2 a:hover,
#menu-left li.category3 a:hover,
#menu-left li.category4 a:hover,
#menu-left li.product a:hover {  color:#7a7a7a}

#menu-left a:link {color:#9e7339;} /*Color 1 niveau*/

#menu-left .top {  
border: 1px solid gray;
height:6px;
overflow:hidden;
background-image:url()}

#menu-left .middle {
padding:1px 5px 1px 25px;
background-image:url()}

#menu-left .middle div {
padding:2px 5px 2px 20px;
border-bottom:1px solid #e5c7a9;
background-color:#eedac6;
background-image:url();
background-position:left;
background-repeat:no-repeat}

#menu-left .bottom {
height:6px;
overflow:hidden;
background-image:url(../images/fond/menu-left_bottom.jpg)}

/*   ---  menu left liens en plus   ---  */
.more  {text-align: left; zoom:1; clear: both;  }
.more a {margin: 0 0 0 15px; color:#9e7339 }
.more a:hover{ color:#7a7a7a}