/* CSS carmel_navigation*/

body {
    behavior: url(csshover.htc);
	}

div#menu {
    position:absolute;
	left: 1.3em;
	top: 4em;
	background-color:#660000;
	color:#FFCCCC;
	float: left; 
	width: 16em;
	z-index:1;
	}

div#menu a{
    
	color: #FFCCCC; 
	font-weight:bold;
	}

div#menu ul {
    background-color:#660000;
	border: 1px solid;
	color:#FFCCCC;
	line-height:2em;
	margin:3px; 
	padding: 0; 
	width: 12em; 
	}

div#menu ul a {
    width: 14em;
	}
	
div#menu li {
    border-bottom: 1px solid #FFCCCC;
	list-style:none; 
	margin:0px;
	position: relative; 
	}
	
div#menu li a {
    text-decoration: none; 
    padding: 8px 2px 2px 10px;
	background-color:#660000;
	color:#FFCCCC; 
    display:block; 
	width:10em;
	}
	
div#menu li:hover {
    background-color: #FFFFFF;
	color:#660000;
	border-left: 8px solid;
	border-left-color:#FFCCCC;
	}
	
/* Rajout d'une étoile pour les sous-menus */ 
div#menu li.sousmenu {
    background: url(http://www.labeauteducarmel.net/Images/etoile16x16.gif) 95% 50% no-repeat;
	background-color:#660000;
	color:#FFCCCC;
	line-height:2.5em;
	}

div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
    display:block;
	line-height:1.5em;
	}

div#menu li.sousmenu:hover {
    color:#660000;
	background-color: #FFFFFF;
	}

div#menu ul ul {
    position:absolute;
	left: 11em; 
	top: -1px;
	display:none;
	z-index:1;
	}


      
div#menu ul.niveau2 ul {
    left: 11em; /*positionnement horizontal sur la colonne précédente. Un chevauchement est nécessaire pour la navigation*/
	top:-15em; /*positionnement vertical de la troisième colonne*/
	z-index:1;
	}  
	
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {
    width:12em; 
	display:block;
	}

div#menu ul.niveau2 li a {
    width: 12em;
	}

div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
    width:15em; 
	display:block;
	}      

          
div#menu ul.niveau2bis ul {
    left: 12em;
	}  
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2bis {
    display:block; 
	width:12em;
	}      
div#menu ul.niveau2bis li a {
    width: 12em;
	
	}

/*COULEUR DES BORDURES*/
div#menu li a:hover {border-left-color:#FFFFFF;}
div#menu ul ul li a:hover {border-left-color: #FFFFFF;}
div#menu ul ul ul li a:hover {border-left-color: #FFFFFF;}