#mainNav { 
 	background: url(images/mainNav.jpg) #a323a0 no-repeat left top;
	margin: 0 15px; 
	padding: 0; 
	position: relative;
	z-index: 100;
	background-color: #a323a0; 
	height: 35px;
	
	 
	
}

#mainNav li {
	list-style: none;
	margin: 0;
	padding-left: 4px;
	float: left;
	position: relative;
	font-family: verdana;
	display:block;
	background: url(images/mainNav.jpg) #bd46ba no-repeat center top;	
	 
}

#mainNav a { 
	display: block;
	background:none;
	color: white;
	text-decoration:none; 	 
	padding-right:26px;
	padding-left:23px;
	line-height: 33px;
	width:auto;
	font-size: 13px;
}
  
#mainNav ul {
	width: 16em; 
	position: absolute; 
	left: -999em; 
	margin-top: 0; 
	padding: 0;
	top: 33px;
	border-top: 1px solid #bd46ba;
	border-left: 1px solid #bd46ba;	
	border-right: 1px solid #bd46ba;
	opacity: .85;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	
	
	
} * html

 
#mainNav ul {
 	line-height: normal !important; 
	line-height: 0; 
} /* IE6 "fix" */
  	
#mainNav ul a { 
	_zoom: 1; 
} /* IE6/7 fix */



#mainNav ul li { 
	float: none;
	
	
}


/* Everything else is theming */
 

#mainNav li:hover{
	background: url(images/navLeft.jpg)  scroll no-repeat left top;
	display:block;
	
}

#mainNav a:hover {
	background: url(images/navRight.jpg)  scroll no-repeat right top ;
	display:block;
	
	
}

#mainNav li:hover ul, #mainNav li.hover ul {
	left: 2px;
	
}



#acceuil #mainNav .acceuil,
#apropos #mainNav .apropos,
#eft #mainNav .eft,
#formation #mainNav .formation,
#channeling #mainNav .channeling,
#coaching #mainNav .coaching,
#articles #mainNav .articles,
#contact #mainNav .contact {
	background: url(images/navLeft.jpg) #a323a0  no-repeat left top;


}

#acceuil #mainNav .acceuil a,
#apropos #mainNav .apropos a,
#eft #mainNav .eft a,
#formation #mainNav .formation a,
#channeling #mainNav .channeling a,
#coaching #mainNav .coaching a,
#articles #mainNav .articles a,
#contact #mainNav .contact a {
	background: url(images/navRight.jpg) #a323a0  no-repeat right top ;


}




#mainNav ul li{
	background-image: none;
	padding:0;
	margin:0;
	position:relative;
	
	border-bottom: 1px solid #bd46ba;
	
}

#mainNav ul a{
	position:relative;
	padding: 0px 7px;
	background-color: #a323a0;
	height: 100%;
	line-height:30px;
}




#mainNav .hover{
	background: url(images/navLeft.jpg) no-repeat left top ;
}


#mainNav li.hover a {
 	background: url(images/navRight.jpg) no-repeat right top ;

	
}


#mainNav ul li:hover{
	background-image: none;
	background-color: #12a0cf; 
}

#mainNav li.hover li a{
	background-image:none;
	background-color: #a323a0;
	
	
}

#mainNav li  li a:hover {
	background-image:none; 
	background-color: #12a0cf; 
}

#eft #mainNav .eft li a, #formation #mainNav .formation li a{
	background-image:none;
	background-color: #a323a0;
}

#eft #mainNav .eft li a:hover, #formation #mainNav .formation li a:hover{
	background-image:none; 
	background-color: #12a0cf; 
}
 

/* #mainNav ul a { 
border-bottom: none; 
} - I also needed this for IE6/7 */