ul#mainNav { margin-top:-4px !important;}
ul#mainNav li a
{
	background: url(/Content/Modules/Cache/Image?~/Content/Images/Axa/nav_right.gif) no-repeat top right;
	color: #002974;
	font-size: 1em;	
	padding: 0;
	text-transform: uppercase;
}

ul#mainNav li a span
{
	background: url(/Content/Modules/Cache/Image?~/Content/Images/Axa/nav_left.gif) no-repeat top left;
	display: block;	
}

#mainNav, #mainNav ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 29px; /* on définit une hauteur pour chaque élément */
		 background-color: 1px solid #eff7ff !important;
        
}
#mainNav a span { padding-left:15px;  padding-right:15px;}

#mainNav a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
       
}
#mainNav li /* Éléments des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #mainNav li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#mainNav li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        /* width: 144px; Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */

}


#mainNav li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        

	border-bottom: 1px solid #CBD7E5;
    margin: 0 0 4px;
    padding: 0 0 4px;
    text-transform: uppercase;
    width: 100%;
	line-height:15px;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #mainNav li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#mainNav li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */

}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #mainNav li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#mainNav a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */

}

#mainNav li:hover ul ul, #mainNav li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
		display:block;
}

/*** additional ***/
ul#mainNav li div.menu01 ul {width:180px;}
ul#mainNav li div.menu01 ul { border:1px solid #ccc !important}
ul#mainNav li div.menu01 ul, ul#mainNav li div.menu01 ul a   { background-color:#eff7ff; background-image:none;}
ul#mainNav li div.menu01 ul a:hover {color:red; background-image:none}
ul#mainNav li div.menu01 ul a {padding-left:10px; padding-right:10px;}
ul#mainNav li div.menu01 ul {border:1px solid #adb6ce}

ul#mainNav li a:hover {background: url(/Content/Modules/Cache/Image?~/Content/Images/Axa/nav_right_h.gif) no-repeat top right; color:#fff; }
ul#mainNav li a:hover span {background: url(/Content/Modules/Cache/Image?~/Content/Images/Axa/nav_left_h.gif) no-repeat top left;	display: block; }
ul#mainNav li ul li.last { border-bottom:0px;}