/*//////////////////////////////////////////////////////////////*/
/* Mise en forme des �l�ments du menu principal */
/*//////////////////////////////////////////////////////////////*/
#header div#menu-principal {
    width: 750px;
    float: left;
    margin: 5px 0 0 48px;
    padding: 3px 3px 0 7px;
    background: url(../images/fd-menuPrinc-coinG.gif) no-repeat 3px 3px;
}

#monmenu {
    background: url(../images/fd-menuPrinc-coinDr.gif) no-repeat right top;
    height: 31px;
    display: block;
    margin: 0;
    padding: 0 4px 0 0px;
    color: #ffffff;
    font-size: 110%;
}

#monmenu li {
    list-style-type: none;
    position: relative;
    width: 140px;
    padding: 0px;
    margin: 0px;
}

#monmenu li a {
    text-decoration: none;
}

#monmenu ul ul {
    display: none;
    position: absolute;
    margin: 0px;
    padding: 0px;
    background: #fff;
}

#monmenu ul.niveau1 {
    padding: 0;
    margin: 0px;
    width: 100%;
    float: left;
    background: url(../images/bk-menu-off.gif) repeat-x #1D64A5;
}

#monmenu ul.niveau1 li {
    display: block;
    float: left;
    color: #ffffff;
    padding: 5px 10px 0 7px;
    height: 26px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

#monmenu li:hover, #monmenu li.sfhover {
    background: url(../images/bk-menu-on.gif) repeat-x top left #E7E6E1;
    color: #225393;
}

#monmenu li:hover li, #monmenu li.sfhover li {
    color: #fff;
}

#monmenu ul.niveau1 span.lvl1 {
    color: #ffffff;
    cursor: default;
}

#monmenu ul.niveau1 li:hover span.lvl1, #monmenu ul.niveau1 li.sfhover span.lvl1 {
    color: #225393;
} /*roll over sur nivo2 */
#monmenu ul.niveau2 {
    top: 31px;
    border: solid #185a9e;
    border-width: 0 0 2px 2px;
    border-top: solid 1px #fff;
}

#monmenu ul.gauche {
    left: 0px;
    border-width: 0 0 2px 2px;
    padding: 4px 0 0 4px;
}

#monmenu ul.droite {
    right: 0px;
    border-width: 0 2px 2px 0;
    padding: 4px 4px 0 0;
}

#monmenu ul li ul.niveau2 li {
    display: block;
    float: none;
    width: 192px;
    padding: 2px 10px 0 10px;
    margin-bottom: 4px;
    height: auto;
    text-decoration: none;
    text-transform: none;
    height: 19px;
}

#monmenu ul li ul.gauche li {
    background: url(../images/fd-mp-smenu-off-gris.jpg) no-repeat top right;
}

#monmenu ul li ul.droite li {
    background: url(../images/fd-mp-smenu-off-gris-dr.jpg) no-repeat top left;
}

#monmenu li:hover li:hover, #monmenu li.sfhover li.sfhover {
    background: url(../images/fd-mp-smenu-sansfleche.gif) no-repeat #1D64A5 top right;
}

#monmenu li:hover li.sansfleche:hover, #monmenu li.sfhover li.sansfleche.sfhover {
	background: url(../images/fd-mp-smenu-sansfleche.gif) no-repeat #1D64A5 top right;
}

#monmenu li:hover ul.droite li:hover, #monmenu li.sfhover ul.droite li.sfhover {
    background: url(../images/fd-mp-smenu-on-sansfleche.gif) no-repeat #1D64A5 top right;
}

#monmenu li:hover ul.droite li.sansfleche:hover, #monmenu li.sfhover ul.droite li.sansfleche.sfhover {
    background: url(../images/fd-mp-smenu-sansfleche.gif) no-repeat #1D64A5 top right;
}

#monmenu li:hover li:hover a, #monmenu li.sfhover li.sfhover a {
    color: #ffffff;
}

#monmenu ul.niveau3 {
    top: -5px;
    border-bottom: 2px solid #17569d;
    border-top: #c7b8a1 1px solid;
}

#monmenu ul.gauche ul.niveau3 {
    left: 212px;
    padding: 4px 4px 0 0;
    border-right: #c7b8a1 1px solid;
}

#monmenu ul.droite ul.niveau3 {
    right: 212px;
    padding: 4px 0 0 4px;
    border-left: #c7b8a1 1px solid;
}

#monmenu ul li ul.niveau2 li ul.niveau3 li {
    width: 190px;
}

#monmenu ul li ul.gauche li ul.niveau3 li {
    background: url(../images/fd-mp-smenu2-off.jpg) no-repeat;
}

#monmenu ul li ul.droite li ul.niveau3 li {
    background: url(../images/fd-mp-smenu2-off-dr.jpg) no-repeat top right;
}

#monmenu ul li ul.niveau2 li ul.niveau3 li a {
    color: #353322;
}

#monmenu li:hover li:hover li:hover, #monmenu li.sfhover li.sfhover li.sfhover {
    background: url(../images/fd-mp-smenu2-on.gif) no-repeat #1D64A5;
}

#monmenu li:hover li:hover li:hover a, #monmenu li.sfhover li.sfhover li.sfhover a {
    color: #ffffff;
}

#monmenu li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {
    display: block
}

#monmenu ul.droite a, #monmenu ul.droite li {
    text-align: right;
}