/*****************************
		Left Navigation 
******************************/

#MainNav {
	width: 192px;
	background: url("../images/Background_LeftNav.gif") #E1DEDD no-repeat 0 0;
	font-size:11px;
	}	
	ul#menu,ul.menu_single{
  		border-left: solid 1px #fff;
  		margin: 0;
  		padding: 0;
		}	  
		ul#menu li, ul.menu_single li{
		  	list-style-type: none;
		 	border-bottom: solid 1px #fff;
		  	line-height: 26px;
		  	width:190px;
			}
		ul#menu li.items a, ul.menu_single a{
		  	text-decoration: none;
		  	color:#000;
		  	height:26px;
		  	padding:0 0 0 22px;
		  	background: url("../images/i_bullet_off.gif") no-repeat 12px 50%;
			}
		ul#menu li.items a:hover, ul.menu_single a:hover{
		  	display:block;
		  	height:26px;
		  	background: url("../images/i_bullet_off.gif") #A9A4A5 no-repeat 12px 50%;
			}
		ul#menu li.items a.active,ul.menu_single a.active{
		  	display:block;
		  	background: url("../images/i_bullet_on.gif") #A9A4A4 no-repeat 12px 50%;
			}
			
		ul.menu_single2{
  			border-left: solid 1px #fff;
  			margin: 0;
  			padding: 0;
			}	  		
		ul.menu_single2 li{
		  	list-style-type: none;
		 	border-bottom: solid 1px #fff;
		  	line-height: 26px;
		  	width:190px;
			}
		ul.menu_single2 a{
		  	text-decoration: none;
		  	color:#000;
		  	height:26px;
		  	padding:0 0 0 22px;
		  	background: url("../images/i_bullet_off.gif") no-repeat 12px 50%;
			}
		ul.menu_single2 a:hover {
		  	display:block;
	
		  	background: url("../images/i_bullet_off.gif") #A9A4A5 no-repeat 12px 50%;
			}
		ul.menu_single2 a.active {
		  	display:block;
		  	background: url("../images/i_bullet_on.gif") #A9A4A4 no-repeat 12px 50%;
			}
/***********************************
	Left Navigation sur 2 lignes
************************************/
li.line-exception2 a{
  	text-decoration: none;
  	color:#000;
  	display: block;
	height:40px;
  	padding:0 0 0 22px;
  	background: url("../images/i_bullet_off.gif") no-repeat 12px 20%;
	}
	li.line-exception2 ul.subnav a{
	  	color:#000;
	  	height:26px;
	  	display: block;
	  	background:none;
	  	padding:0 0 0 30px;
	  	border-bottom: 0px solid #fff;
		}
	li.line-exception2 ul.subnav li{
	  	display: block;
	  	background: url("../images/i_fleche.gif") #DFE1CB no-repeat 22px 40%;
		}
	li.line-exception2 ul.subnav a:hover{
	  	display: block;
	  	background: url("../images/i_fleche.gif") #A9A4A4 no-repeat 22px 40%;
		}
	li.line-exception2 a:hover {
	 	display:block;
	  	background: url("../images/i_bullet_off.gif") #A9A4A5 no-repeat 12px 20%;
		}
	li.line-exception2 a.active {
	  	display:block;
	  	background: url("../images/i_bullet_on.gif") #A9A4A4 no-repeat 12px 20%;
		}
/***********************************
	Left Navigation sur 3 lignes
************************************/
li.line-exception3 a{
  	text-decoration: none;
  	color:#000;
  	display: block;
	height:60px;
  	padding:0 0 0 22px;
  	background: url("../images/i_bullet_off.gif") no-repeat 12px 20%;
	}
	li.line-exception3 ul.subnav a{
	  	color:#000;
	  	height:26px;
	  	display: block;
	  	background:none;
	  	padding:0 0 0 30px;
	  	border-bottom: 0px solid #fff;
		}
	li.line-exception3 ul.subnav li{
	  	display: block;
	  	background: url("../images/i_fleche.gif") #DFE1CB no-repeat 22px 40%;
		}
	li.line-exception3 ul.subnav a:hover{
	  	display: block;
	  	background: url("../images/i_fleche.gif") #A9A4A4 no-repeat 22px 40%;
		}
	li.line-exception3 a:hover {
	 	display:block;
	  	background: url("../images/i_bullet_off.gif") #A9A4A5 no-repeat 12px 20%;
		}
	li.line-exception3 a.active {
	  	display:block;
	  	background: url("../images/i_bullet_on.gif") #A9A4A4 no-repeat 12px 20%;
		}	
/***********************************
	Left Navigation sur 4 lignes
************************************/
li.line-exception4 a{
  	text-decoration: none;
  	color:#000;
  	display: block;
	height:80px;
  	padding:0 0 0 22px;
  	background: url("../images/i_bullet_off.gif") no-repeat 12px 20%;
	}
	li.line-exception4 ul.subnav a{
	  	color:#000;
	  	height:26px;
	  	display: block;
	  	background:none;
	  	padding:0 0 0 30px;
	  	border-bottom: 0px solid #fff;
		}
	li.line-exception4 ul.subnav li{
	  	display: block;
	  	background: url("../images/i_fleche.gif") #DFE1CB no-repeat 22px 40%;
		}
	li.line-exception4 ul.subnav a:hover{
	  	display: block;
	  	background: url("../images/i_fleche.gif") #A9A4A4 no-repeat 22px 40%;
		}
	li.line-exception4 a:hover {
	 	display:block;
	  	background: url("../images/i_bullet_off.gif") #A9A4A5 no-repeat 12px 20%;
		}
	li.line-exception4 a.active {
	  	display:block;
	  	background: url("../images/i_bullet_on.gif") #A9A4A4 no-repeat 12px 20%;
		}	
/********************************************
Left Navigation sur 2 lignes (sans sous-menu)
*********************************************/

li.main-exception-link a{
  	text-decoration: none;
  	color:#000;
	height: 6%;
	line-height: 1.7;
	display: block;
  	padding:0 0 0 22px;
  	background: url("../images/i_bullet_off.gif") no-repeat 12px 20%;
	}
	li.main-exception-link a:hover {
	 	display:block;
		height: 6%;
	  	line-height: 1.7;
	  	background: url("../images/i_bullet_off.gif") #A9A4A5 no-repeat 12px 20%;
		}
	li.main-exception-link a.active {
	  	display:block;
	  	background: url("../images/i_bullet_on.gif") #A9A4A4 no-repeat 12px 20%;
		}

/*****************************
		Sub Navigation 
******************************/

ul#menu ul.subnav{
  	display: none;
  	text-align: left;
  	list-style-type: none;
  	margin: 0;
  	padding: 0;
	}
	ul#menu ul.subnav li{
	  	background:#DFE1CB;
		}
	ul#menu li ul li{
	 	border:none;
		border-top:1px solid #fff;
		}
	ul#menu ul.subnav li a{
	  	padding:0 0 0 30px;
	  	background: url("../images/i_fleche.gif") no-repeat 22px 50%;
	  	border-bottom: 0px solid #fff;
		}
	ul#menu ul.subnav li a:hover{
	  	padding:0 0 0 30px;
	  	background: url("../images/i_fleche.gif") #A9A4A5 no-repeat 22px 50%;
	  	border-bottom: 0px solid #fff;
		}
	
	
/********************************
	Sub Navigation sur 2 lignes
*********************************/
	ul#menu ul.subnav li.exception{
	  	line-height: 1.7;
	  	display: block;
	  	background: url("../images/i_fleche.gif") #DFE1CB no-repeat 22px 22% ! important;
		}
	ul#menu ul.subnav li.exception a{
	  	height: 6%;
	  	display: block;
	  	line-height: 1.7;
	  	background:none;
		}
	ul#menu ul.subnav li.exception a:hover{
		display: block;
	  	background: url("../images/i_fleche.gif") #A9A4A4 no-repeat 22px 22% ! important;
	  	height: 6%;
	  	line-height: 1.7;
		}

/*****************************
		Menu Single 
******************************/
ul.menu_single {
  	width: 190px;
  	text-transform:uppercase;
  	border-top: solid 1px #fff;
  	border-left: solid 1px #fff;
  	margin: 0;
  	padding: 0;
}	
ul.menu_single2 {
  	width: 190px;
  	border-left: solid 1px #fff;
  	background:#E2DEDD;
  	margin: 0;
  	padding: 0;
	}