/* *************************************************************************** */
/* NAVIGATION                                                                  */
/* *************************************************************************** */
#navigation {
  width:204px;
  float:left;
  border-left:1px solid #8f9eb5;
}
#navigation ul {
  margin:0;
  padding:0;
  list-style-type:none;
}
#navigation ul a{
    display:block;
}
/* ** LEVEL 1 ** */
li.level1 {
  /*border-top:1px solid #D3DBE4;
  border-bottom:1px solid #8091A8;*/
  padding: 2px 15px 2px 15px;
  /*background-image:url(/images/arrow_level1.gif);*/
  background-repeat:no-repeat;
  background-position:5px 5px;
  background-position:5px 11px;
  display:block;
}
li.level1Active { /*background-color:#e4e4e4;*/ }
li.level1Active a.levelActive1 {
  display:block;
  /*border-top:1px solid #D3DBE4;
  border-bottom:1px solid #8091A8;*/
  padding: 2px 15px 2px 15px;
  background-image:url(/images/arrow_level1_active.gif);
  background-repeat:no-repeat;
  background-position:5px 11px;
}

html>body li.level1Active a.levelActive1{
  background-position:5px 6px;
  padding: 2px 15px 2px 15px;
}
#navigation li.level1 a {
  font-weight:normal;
  color:#000;
  text-decoration:none;
  font-size:0.7em;
}
#navigation li.level1Active a.levelActive1{
  font-weight:bold;
  /*color:#fff; couleur définie dans la feuille CSS des skins */
  text-decoration:none;
  font-size:0.7em;
}
/* ** LEVEL 2 ** */
li.level2 {
  /*border-top:1px solid #E3E6EC;*/
  /*background-color:#CCD3DD;*/
  /*border-bottom:1px solid #A0ADC1;*/
  padding: 2px 15px 2px 30px;
}
li.level2Active { /*background-color:#CCD3DD;*/ }
li.level2Active a.levelActive2{
  display:block;
  /* border-top:1px solid #E3E6EC;
  border-bottom:1px solid #A0ADC1; */
  padding: 2px 15px 2px 30px;
  font-weight:bold;
  background-image:url(/images/arrow_level1_active.gif);
  background-repeat:no-repeat;
  background-position:19px 11px;
  background-color:#E2E6EB;

}
html>body li.level2Active a.levelActive2{
  background-position:19px 6px;
  padding: 3px 15px 2px 30px;
  font-weight: bold;
}
#navigation li.level2Active a{
  font-weight: bold;
  color:#808080;
  text-decoration:none;
  font-size:0.6em;
}
#navigation li.level2 a{
  font-weight:bold;
  color:#808080;
  text-decoration:none;
  font-size:0.6em;
}

/* ** LEVEL 3 ** */
li.level3 {
  border-top:1px solid #fff;
  /*background-color:#E2E6EB;*/  
  /*border-bottom:1px solid #BCC5D3;*/
  padding: 2px 15px 2px 45px;
}
li.level3Active { /*background-color:#f1f5fa;*/}
li.level3Active a.levelActive3 {
  display:block;
  border-top:1px solid #fff;
  /*border-bottom:1px solid #BCC5D3;*/
  padding: 2px 15px 2px 45px;
  font-weight:bold;
  background-image:url(/images/arrow.gif);
  background-repeat:no-repeat;
  background-position:34px 11px;
}
html>body li.level3Active a.levelActive3{
  background-position:34px 6px;
  padding: 3px 15px 2px 45px;
}

#navigation li.level3Active a{
  font-weight: bold;
  color:#808080;
  text-decoration:none;
  font-size:0.6em;
}

#navigation li.level3 a{
  font-weight:normal;
  color:#808080;
  text-decoration:none;
  font-size:0.6em;
}

/* ** LEVEL 4 ** */
li.level4 {
  border-top:1px solid #fff;
  background-color:#fff;
  border-bottom:1px solid #CCD3DE;
  padding: 2px 15px 2px 55px;
}
li.level4Active {
  background-color:#fff;
}
li.level4Active a.levelActive4{
  display:block;
  border-top:1px solid #fff;
  border-bottom:1px solid #CCD3DE;
  padding: 2px 15px 2px 55px;
  font-weight:bold;
  background-image:url(/images/arrow_level4.gif);
  background-repeat:no-repeat;
  background-position:44px 7px;
}
html>body li.level4Active a.levelActive4{
  background-position:44px 6px;
  padding: 3px 15px 2px 55px;
}
#navigation li.level4Active a{
  font-weight:normal;
  color:#f00;
  text-decoration:none;
  font-size:0.9em;
}