/* 
    Document   : menus
    Created on : 22 juil. 2010, 14:52:23
    Author     : Eric
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#menu {
    margin: 0 auto;
    height: 2.5em;
    text-align: center;
    min-width: 70em;
    padding: 0 1em;
    border-bottom: 1px solid #8787C8;
    margin-left: -3.5%;
    margin-top: -0.7em;
}

#menu li {
    display: inline; /* affichage horizontal */
}

#menu li a {
    line-height: 2.5em;
    padding: 0.5em 2em;
    background: -moz-linear-gradient(top,#8787C8,#414187 50%,#8787C8);
    color: #EEEEFF;
    border: 1px solid #8787C8;
    border-bottom: 3px solid #8787C8;
    text-decoration: none;
    -moz-border-radius: 1em 1em 0 0;
    -webkit-border-radius: 1em 1em 0 0;
    -webkit-border-top-left-radius: 1em; /* pour Chrome */
    -webkit-border-top-right-radius: 1em; /* pour Chrome */
}

#menu li a:hover, #menu li a:focus,#menu li a.allume {
    background: -moz-linear-gradient(top,#8787C8,#EEEEFF 50%,#8787C8);
    color: #151F33;
}

#sousmenu {
    background: -moz-linear-gradient(top,#BEBEFF,#EEEEFF);
    margin: 0 auto;
    height: 2.5em;
    text-align: center;
    min-width: 70em;
    padding: 0 1em;
    border-top: 1px solid #8787C8;
}

#sousmenu li {
    display: inline; /* affichage horizontal */
}

#sousmenu li a {
    line-height: 1.2em;
    padding: 0 1em 0.5em 1em;
    color: #151F33;
    text-decoration: none;
}

#sousmenu li a:hover, #sousmenu li a:focus,#sousmenu li a.item {
    color: #FFF;
}