/*************************************************************/
/*   Design:   Théâtre Colombier v. 1.0                      */
/*   File:     Styles pour la navigation                     */
/*-----------------------------------------------------------*/
/*   Author:   John Kummli - CEG Neuchâtel                   */
/*   Date:     13 mai 2008                                   */
/*-----------------------------------------------------------*/
/*   License:  Copyright CEG 2008                            */
/*************************************************************/

#nav {
	font-size:11px;
}

.menugauche a {
    display:block;
	text-decoration:none;
	color:black;
	height::15px;
	padding:5px 0 5px 22px;
}
.menugauche a:hover{
	background-color:#FFFFFF;
}

.menugauche ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
}

/* ** LEVEL 1 ** */
li.level1 a, li.level1 a:hover {
	background-image:url(../img/bg-menu-level1.jpg);
	background-repeat:repeat-y;
	display:block;
	padding: 0 0 0 5px;
	font-weight:normal;
	color:#845304;
	text-decoration:none;
	font-size:11px;
	line-height:18px;
	margin-top:5px;
}
li.level1 a:hover {
  	padding: 0 0 0 10px;
	font-weight: normal;
}
li.level1Active a.levelActive1, li.level1Active a.levelActive1:hover {
  	background-image:url(../img/bg-menu-level1.jpg);
  	background-repeat:repeat-y;
  	display:block;
	padding: 0 0 0 5px;
	font-weight:bold;
	color:#845304;
	text-decoration:none;
	margin-top:5px;
}

html>body li.level1Active a.levelActive1{
/*  background-position:5px 6px;
  padding: 2px 15px 2px 15px; */
}

#navigation li.level1 a {

}
#navigation li.level1Active a.levelActive1{
}
/* ** LEVEL 2 ** */
li.level2 {
	margin-left:20px;
}
li.level2Active {
	margin-left:20px;
}

li.level2Active a.levelActive2{
  display:block;
  /* border-top:1px solid #E3E6EC;
  border-bottom:1px solid #A0ADC1; */
  
  color:#394990;

}
html>body li.level2Active a.levelActive2{
}
#navigation li.level2Active a{
	text-decoration:none;
	color:#656565;
	line-height:20px;
	font-weight:bold;
}
#navigation li.level2 a{
	text-decoration:none;
	color:#656565;
	line-height:20px;
}

/* ** LEVEL 3 ** */
li.level3 {
 /* border-top:1px solid #fff; */
  /*background-color:#E2E6EB;*/  
  /*border-bottom:1px solid #BCC5D3;*/
}
li.level3 a {
	display:block;
	padding: 0 0 0 40px;
	font-size: 0.9em;
}
li.level3Active { /*background-color:#f1f5fa;*/}
li.level3Active a.levelActive3 {
	display:block;
	padding: 0 0 0 40px;
	font-size: 0.9em;
	background-color:white;
	color:#394990;
}
html>body li.level3Active a.levelActive3{
/*  background-position:34px 6px;
  padding: 3px 15px 2px 45px; */
}

#navigation li.level3Active a{

}

#navigation li.level3 a{
}

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