#navigation, #nav_perso {
    position:               relative;
    width:                  100%;
    font-size:              80%;
    font-weight:            bold;
    height:                 30px;
    border-bottom:          1px dashed #999;
    border-right:           1px solid #999;
    border-left:            1px solid #999;
    background-color:       #f0edf0;
    background-image:       linear-gradient(#fff, #ccc);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0edf0+1,9b9b9b+40,f0edf0+100 */
    background:             #f0edf0; /* Old browsers */
    background:             -moz-linear-gradient(top,  #f0edf0 1%, #9b9b9b 40%, #f0edf0 100%); /* FF3.6-15 */
    background:             -webkit-linear-gradient(top,  #f0edf0 1%,#9b9b9b 40%,#f0edf0 100%); /* Chrome10-25,Safari5.1-6 */
    background:             linear-gradient(to bottom,  #f0edf0 1%,#9b9b9b 40%,#f0edf0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter:                 progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0edf0', endColorstr='#f0edf0',GradientType=0 ); /* IE6-9 */
}
#navigation ul ul, #nav_perso ul ul {
    display:                none;
    left:                   128px;
    padding:                0;
    border-right:           #b0b0b0 1px solid;
    border-top:             #b0b0b0 1px solid;
    border-left:            #b0b0b0 1px solid;
    border-bottom:          #b0b0b0 1px dashed;
    position:               absolute;
    top:                    -1px;
    background-color:       #f0edf0;
}

#navigation li, #nav_perso li {
    height:                 30px;
    line-height:            30px;
    padding-left:           0.5em;
    list-style-type:        none;
    position:               relative;
    white-space:            nowrap;
}
#navigation ul.niveau1 li {
    min-width:              18em;
}
#navigation ul.niveau1>li:first-child {
    width:                  50px !important;
	min-width:              50px !important;
}

#nav_perso li {
    width:                  115px;
}
ul.niveau1 > li {
    float:                  left;
}
#navigation a, #nav_perso a {
    color:                  #000;
    display:                block;
}

#navigation li:hover, #nav_perso li:hover {
    background-color:       #dfdfdf;
}
#navigation li a:hover, #nav_perso li a:hover {
    color:                  #066;
/*        background-color:       #ffff70 */
}

#navigation li.sfhover, #nav_perso li.sfhover {
    background-color:       #ffff70
}

#navigation li a, #nav_perso li a {
    text-decoration:        none
}

#navigation li ul.niveau2, #nav_perso li ul.niveau2 {
    left:                   0;
    top:                    30px;
}
#navigation li:hover ul.niveau2, #nav_perso li:hover ul.niveau2 {
    display:                block
}

#navigation li li:hover ul.niveau3 {
    display:                block
}

#navigation li.sfhover ul.niveau2, #nav_perso li.sfhover ul.niveau2 {
    display:                block
}

#navigation li li.sfhover ul.niveau3 {
    display:                block
}

#navigation li.plus {
    background-position:    right 50%;
    background-image:       url(../imgs/fdroite.gif);
    border-bottom:          #b0b0b0 1px dashed;
    background-repeat:      no-repeat
}

#nav_perso {
    display:                inline-block;
    float:                  right;
}

#nav_perso > ul > li {
    float: left;
    width: 110px;
}
#nav_perso li#config {
    /* width:                  63px; */
}
/*
#nav_perso li {
    float:              left;
}

*/