/* ------------------------ Menu horizontal */
div#menu ul
{
 float : left;
 margin: 0;
 margin-top : 4px;
}
div#menu li
{
 font-size : 0.9em;
 float : left;
 margin-left : 0px;
 list-style-type : none;
 /*border-right : 1px solid #123;*/
}
div#menu li.selection
 {
   padding : 3px;
   padding-left : 5px;
   padding-right : 5px;
   color : #000;
 }
div#menu a
{
  display:block;
/*  text-decoration : none;*/
  color : #333;
  padding : 3px;
  padding-left : 5px;
  padding-right : 5px;
  width : 1%;
  white-space: nowrap; 
}
div#menu a:hover , div#menu a.selection
{
  color:#fff;
  background-image : url('../../images/bg1.gif');
  background-repeat : no-repeat; 
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* ------------------------------- Menu vertical --------- */
div#menu_v ul
{
  position : relative;
  left : 0px;
  display : block;
  margin-left : 0px;
  padding : 0;
  margin-right : 0px;
  text-align : left;
  list-style-type : none;
}
div#menu_v ul li
{  
  position:relative;
  left: 0px;
  padding:0;
  margin:0;
  list-style-type : none;
}
div#menu_v ul li.selection
 { font-size : 0.8em;
   margin-left : 30px;
   color : #12a;
   list-style-image: url('../../images/double_fleche.gif'); 
 }


div#menu_v ul a
{
  display : block;

  background-image: url('../../images/fleche.gif');
  background-repeat: no-repeat;
  background-position: 10px center ;
  padding-left: 30px;
  text-decoration : none;
  color : #777;
  white-space: nowrap; 
  font-size : 0.8em;
}
/* pour empecher IEMac  \*/
* html div#menu_v ul a  {height: 1%;}
/* */
div#menu_v ul a:hover
{  
  background-position: -100 -100;
  color : #555; 
}


div#menu_v ul a:active
{  
  background-position: -100 -100;
  color : #f44; 
}

div#menu_v ul a.petit
{
    background-image: url('../../images/fleche.gif');
    font-size : 0.7em;
	color : #000;
}
div#menu_v ul a.petit:hover
{  
  color : #222; 
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */