/* feuille de style MENU.CSS - theme : cerap */
/* version 10 octobre 2005 */
/* Magusine - les Corsaires asbl */



#nav {
background:url('nav.png') #BD6F29;
height: 35px;
}



#navigation {
	background-color: #BD6F29;
}


/* niveau 1 */


#navigation .niveau1 {
	background-image: url('menu.png');
	background-repeat: no-repeat;
	padding: 5px 0 6px 18px;
_padding: 0px 0 6px 18px;
	font-size: 12px;
	color:#fff;
	font-weight: normal;
}

#navigation .niveau1 {
        background-color: #FFF8AF;
}

#navigation .niveau1 a {
	font-family: helvetica;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

#navigation .niveau1:hover {
	font-size: 12px;
	background-image: url('menu_over_2.png');
	background-color: #FFF8AF;
	color: #5F1900;
}


#navigation .niveau1 a:hover {
	font-size: 12px;
	color: #5F1900;
}


#navigation  .courante a {
color:#FFF8AF;
}

#navigation  .courante  {
background-image: url('menu_over.png');
}

#navigation  .courante:hover {
background-image: url('menu_over.png');
}

#navigation  .courante li:hover {
background-image: none;
}


#navigation  .courante li  {
background-image: none;
}


/* niveau 2 */


#navigation .ulniveau2 {
	margin: 22px 0px 10px 0px;
}

#navigation .ulniveau2 {
	font-weight: normal;
	font-size: 11px;
}

#navigation li .niveau2 {
	padding-top: 5px;
_padding-top: 0px;
}

#navigation li .niveau2 a {
	font-size: 11px;
	color:#e27500;
}

#navigation .niveau2 a{
	font-size: 11px;
	background-image: url('fleche.png');
_background-position:left 30%;
	background-repeat: no-repeat;
	text-decoration: none;
	padding-left:7px;
	color:#e27500;
}


#navigation .niveau2 a:hover {
	font-size: 11px;
	color: #F6A201;
}


#navigation .ulniveau2 .courante {
height: 18px;
width: 170px;
	background: url('n2_courante.png') no-repeat;
padding-top:3px;
margin-top:5px;
margin-bottom:-3px;
}


#navigation .ulniveau2 .courante:hover {
height: 18px;
width: 170px;
	background: url('n2_courante.png') no-repeat;
}


#navigation .ulniveau2 .courante a{
background-image:none;
color: #8A4A0F;
padding-left:7px;

}



/*#menu li>ul { 
 to override top and left in browsers other than IE, 
which will position to the top right of the containing li, 
rather than bottom left 
top: auto;
left: auto;
}*/

#navigation li:hover ul, li.over ul { 
/* lists nested under hovered list items */
	display: block;
}