/* navigation */
#navigation{
  width:850px;
position:absolute;
top:33px;
  z-index: 10;
}

#navigation > ul {
font-family: helvetica, arial, verdana, sans-serif;
font-size: 13px;
font-weight:bold;
}

#navigation a {
color: #e30071;
text-decoration: none;
}

#navigation .niveau1,#navigation > ul > li {
float: right;
padding: 19px 5px 2px 5px;
border-left: 1px solid #e30071;
margin-left:-1px;
}

#navigation .niveau1:hover, #navigation > ul > li:hover {
background: url('images/fond-nav-niv1.png') top left repeat-x #e30071;
padding-bottom:8px;
}

#navigation .niveau1:hover a, #navigation > ul > li:hover a{
color: #fff;
}

#navigation a:hover {
color: #fff;
}

#navigation .niveau1, #navigation > ul > li {
position:relative;
}

#navigation .item1 a, #navigation > ul >  li:first-of-type a {
border-right: 0;
}

#navigation .ulniveau2 ,#navigation > ul > li > ul  {
display: none;
position:absolute;
left:-1px;
top:40px;
width:12em;
background-color: #C20061;
padding-top:0;
border-left:1px solid #e30071;
}

#navigation .niveau2,#navigation > ul > li > ul >li  {
padding:6px 2px 4px 4px;
color: #fff;
font-weight: normal;
font-size:11px;
}

#navigation .niveau2 a,#navigation > ul > li > ul >li a {
color:#fff;
}

#navigation .niveau2:hover,#navigation > ul > li > ul >li:hover  {
background-color:#e30071;
}

#navigation .niveau1.courante ,#navigation > ul >li.courante{
border-bottom:6px solid #e30071;
}