/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
        .menu, .ssmenu {
                visibility:hidden;
        }
}
/*d3d3d3          98fb98             d8bfd8*/
/*.menu, .ssmenu {*/
.menuH {
        background-color:#bbff22;
       /* background-color:#d3d3d3;bbeeff*/
        color:black;
        font-size:8px;
        font-weight:none;
        border:1px solid #AAB;
        padding:1px;

/* width et margin sont au cas où le javascript est désactivé. */
        width:1em;
        margin:1em;
}

.menuF {
        background-color:#ffffff;
        color:black;
        font-size:8px;
        font-weight:none;
        border:1px solid #AAB;
        padding:1px;

/* width et margin sont au cas où le javascript est désactivé. */
        width:1em;
        margin:1em;
}

.ssmenuA {
        background-color:#6495ed;
       /* background-color:#6495ed;*/
        color:black;
        font-size:8px;
        font-weight:none;
        border:1px solid #FEC;
        padding:1px;

/* width et margin sont au cas où le javascript est désactivé. */
        width:1em;
        margin:1em;
}
.ssmenuE {
        background-color:#ffebcd;
       /* background-color:#ffebcd;*/
        color:black;
        font-size:8px;
        font-weight:none;
        border:1px solid #FEC;
        padding:1px;

/* width et margin sont au cas où le javascript est désactivé. */
        width:1em;
        margin:1em;
}
.ssmenuG {
        background-color:#7fffd4;
       /* background-color:#7fffd4;*/
        color:black;
        font-size:8px;
        font-weight:none;
        border:1px solid #FEC;
        padding:1px;

/* width et margin sont au cas où le javascript est désactivé. */
        width:1em;
        margin:1em;
}
/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menuF, .menuH {
        text-align:center;
}

.ssmenupA {
        background-color:#6495ed;
       /* background-color:#6495ed;*/
        color:red;
        font-size:8px;
        font-weight:none;
        border:1px solid #FEC;
        padding:1px;

/* width et margin sont au cas où le javascript est désactivé. */
        width:1em;
        margin:1em;
}
.ssmenupE {
        background-color:#ffebcd;
        /*background-color:#ffebcd;*/
        color:red;
        font-size:8px;
        font-weight:none;
        border:1px solid #FEC;
        padding:1px;

/* width et margin sont au cas où le javascript est désactivé. */
        width:1em;
        margin:1em;
}
.ssmenupG {
        background-color:#7fffd4;
        /*background-color:#7fffd4;*/
        color:red;
        font-size:8px;
        font-weight:none;
        border:1px solid #FEC;
        padding:1px;

/* width et margin sont au cas où le javascript est désactivé. */
        width:1em;
        margin:1em;
}
/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menuF, .menuH {
        text-align:center;
}
.menuF span, .menuH span,
.ssmenuA span, .ssmenuE span, .ssmenuG span,
.ssmenupA span, .ssmenupE span, .ssmenupG span
{
/* Ne pas toucher
        C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
        pause dans l'élocution */
        display:none;
}

.ssmenuA ul, .ssmenuA li,
.ssmenuE ul, .ssmenuE li,
.ssmenuG ul, .ssmenuG li,
.ssmenupA ul, .ssmenupA li,
.ssmenupE ul, .ssmenupE li,
.ssmenupG ul, .ssmenupG li
{
/* Ne pas trop toucher.
        Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
        padding:0;
        margin:0;
        list-style-type:none;
}

.menuF a, .menuF a:visited,
.menuH a, .menuH a:visited,
.ssmenuG a, .ssmenuG a:visited,
.ssmenuE a, .ssmenuE a:visited,
.ssmenuA a, .ssmenuA a:visited
{
/* Les liens qui ne sont pas sous le curseur. */
        font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
        text-decoration:none;
        color:black;
        padding:0; /*2px 1px;*/
/* Ne pas modifier le block */
        display:block;
/*        Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
        aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*        height:100%;
        margin:0px;*/
        margin:0px;
        width:100%;
}
.ssmenupG a, .ssmenupG a:visited,
.ssmenupE a, .ssmenupE a:visited,
.ssmenupA a, .ssmenupA a:visited
{
/* Les liens qui ne sont pas sous le curseur. */
        font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
        text-decoration:none;
        color:red;
        padding:0; /*2px 1px;*/
/* Ne pas modifier le block */
        display:block;
/*        Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
        aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*        height:100%;
        margin:0px;*/
        margin:0px;
        width:100%;
}
html>body .menuF a, html>body .menuF a:visited, html>body .menuF a:hover, html>body .menuF a:active,
html>body .menuH a, html>body .menuH a:visited, html>body .menuH a:hover, html>body .menuH a:active,
html>body .ssmenuA a, html>body .ssmenuA a:visited, html>body .ssmenuA a:hover, html>body .ssmenuA a:active,
html>body .ssmenuE a, html>body .ssmenuE a:visited, html>body .ssmenuE a:hover, html>body .ssmenuE a:active,
html>body .ssmenuG a, html>body .ssmenuG a:visited, html>body .ssmenuG a:hover, html>body .ssmenuG a:active,
html>body .ssmenupA a, html>body .ssmenupA a:visited, html>body .ssmenupA a:hover, html>body .ssmenupA a:active,
html>body .ssmenupE a, html>body .ssmenupE a:visited, html>body .ssmenupE a:hover, html>body .ssmenupE a:active,
html>body .ssmenupG a, html>body .ssmenupG a:visited, html>body .ssmenupG a:hover, html>body .ssmenupG a:active
{
        width:auto;
}

.menuH a:hover, .menuH a:focus {
/* Les liens sous le curseur.
        On change les couleurs du texte et de fond, et on enlève le soulignement.
        */
       /* background-color:#ffffff;*/
        background-color:#d8bfd8;
        color:white;
        text-decoration:none;
}
.menuF a:hover, .menuF a:focus {
/* Les liens sous le curseur.
        On change les couleurs du texte et de fond, et on enlève le soulignement.
        */
        background-color:#483d8b;
        color:white;
        text-decoration:none;
}

.ssmenuG ul:hover, .ssmenuG a:hover, .ssmenuG a:focus,
.ssmenupG ul:hover, .ssmenupG a:hover, .ssmenupG a:focus
{
/* Les liens sous le curseur.
        On change les couleurs du texte et de fond, et on enlève le soulignement.
        */
        background-color:#7fffd4;
        color:white;
        text-decoration:none;
}

.ssmenuA ul:hover, .ssmenuA a:hover, .ssmenuA a:focus,
.ssmenupA ul:hover, .ssmenupA a:hover, .ssmenupA a:focus
{
/* Les liens sous le curseur.
        On change les couleurs du texte et de fond, et on enlève le soulignement.
        */
        background-color:#6495ed;
        color:white;
        text-decoration:none;
}

.ssmenuE ul:hover, .ssmenuE a:hover, .ssmenuE a:focus,
.ssmenupE ul:hover, .ssmenupE a:hover, .ssmenupE a:focus
{
/* Les liens sous le curseur.
        On change les couleurs du texte et de fond, et on enlève le soulignement.
        */
        background-color:#ffebcd;
        color:green;
        text-decoration:none;
}


img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
        car c'est vilain :-p */
        border:none;
}

.ssmenuG img, .ssmenuA img, .ssmenuE img,
.ssmenupG img, .ssmenupA img, .ssmenupE img
{
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
        margin-right:1px;
}

.ssmenuG img.hr, .ssmenuA img.hr,  .ssmenuE img.hr ,
.ssmenupG img.hr, .ssmenupA img.hr,  .ssmenupE img.hr
{
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
        margin-top:1px;
        margin-bottom:1px;
        margin-left:0;
        margin-right:0;
        width:100%;
        display:block;
}

/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure.
- l'effet spécial IE pour les ssmenu si on aime ça...
- police et couleurs des liens "non survolés" et "survolés".
*/