/* navigation */

#navigation {
font-family: helvetica, arial, verdana, sans-serif;
font-size: 13px;
font-weight:bold;
width:850px;
position:absolute;
top:193px;
}

#navigation a {
color: #0386ba;
text-decoration: none;
background: url('images/logomenu.png') top right no-repeat;
padding-left:8px;
padding-right:20px;


}

#navigation .niveau1 {
float: right;
padding: 19px 3px 2px 3px;
border-left: 1px solid #0386ba;
margin-left:-1px;
/*background: url('images/logomenu.png') top right no-repeat;*/
}

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

#navigation .niveau1:hover a {
color: #fff;
padding-right:20px;
}

#navigation a:hover {
color: #fff;
background: url('images/logomenu.png') top right no-repeat;
padding-right:20px;

}

#navigation .niveau1 {
position:relative;
}

#navigation .item1 a {
border-right: 0;
}

#navigation .ulniveau2 {
display: none;
position:absolute;
left:-1px;
top:40px;
width:16em;
/*background-color: #C20061;*/
background-color: #025371;
padding-top:0;
border-left:1px solid #0386ba;
}

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

#navigation .niveau2 a {
color: #fff;
background: url('images/logooff.png') top right no-repeat;
}

#navigation .niveau2:hover {
background-color: #0386ba;
}

#navigation .niveau1.courante {
border-bottom:6px solid #0386ba;
}