/* *************************************************************************** */
/* NAVIGATION                                                                  */
/* *************************************************************************** */
#navigation {
 	width:100%;
 	float:left;
 	/* border-left:1px solid #c9dcbf;*/
}
#navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#navigation ul a{
    display:block;
}
/* ** LEVEL 1 ** */
li.level1 {
  border-top:1px solid #b5bfd5;
  background-color:#9ca4b8;
  border-bottom:1px solid #6b7280;
  padding: 2px 10px 2px 15px;
}
li.level1Active { background-color:#728ab9; }
li.level1Active a.levelActive1 {
  display:block;
  border-top:1px solid #b5bfd5;
  border-bottom:1px solid #6b7280;
  padding: 2px 10px 2px 15px;
  background-image:url(/images/puce1.gif);
  background-repeat:no-repeat;
  background-position:5px 10px;
}
html>body li.level1Active a.levelActive1{
  background-position:5px 8px;
  padding: 3px 15px 2px 15px;
}
#navigation li.level1 a {
  font-weight:bold;
  color:#000;
  text-decoration:none;
  font-size:0.8em;
}
#navigation li.level1Active a.levelActive1{
  font-weight:bold;
  color:#fff;
  text-decoration:none;
  font-size:0.8em;
}

/* ** LEVEL 2 ** */
li.level2 {
  border-top:1px solid #c9d1eb;
  background-color:#b9c2e1;
  border-bottom:1px solid #939cbc;
  padding: 2px 10px 2px 20px;
}
li.level2Active { background-color:#abb6db; }
li.level2Active a.levelActive2{
  display:block;
  border-top:1px solid #c9d1eb;
  border-bottom:1px solid #939cbc;
  padding: 2px 10px 2px 20px;
  font-weight:bold;
  background-image:url(/images/puce.gif);
  background-repeat:no-repeat;
  background-position:10px 10px;
}
html>body li.level2Active a.levelActive2{
  background-position:10px 8px;
  padding: 3px 10px 2px 20px;
}
#navigation li.level2 a, #navigation li.level2Active a{
  font-weight:normal;
  color:#000;
  text-decoration:none;
  font-size:0.8em;
}

/* ** LEVEL 3 ** */
li.level3 {
  border-top:1px solid #fff;
  background-color:#cdd5f1;
  border-bottom:1px solid #cad0dc;
  padding: 2px 10px 2px 40px;
}
li.level3Active { background-color:#cdd5f1;}
li.level3Active a.levelActive3 {
  display:block;
  border-top:1px solid #fff;
  border-bottom:1px solid #cad0dc;
  padding: 2px 10px 2px 40px;
  font-weight:bold;
  background-image:url(/images/puce.gif);
  background-repeat:no-repeat;
  background-position:29px 10px;
}
html>body li.level3Active a.levelActive3{
  background-position:29px 6px;
  padding: 3px 10px 2px 40px;
}

/* ** 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.8em;
}