/***** menu CSS *****/
@media print {/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
              .menu, .ssmenu {visibility:hidden;}
             }

/*-----------------------------------------------*/
/* S T Y L E   M E N U                           */
/*-----------------------------------------------*/
#conteneurmenu {position: relative;
                margin: 0px;
                width: 759px;
                height: 17px;
                visibility: hidden;
                /* float: left;
                border-style: solid;
                border-width: 1px;
                border-color: orange; */}

.menu  {/* Il est important de laisser une largeur et une marge, au cas où le Javascript
           soit désactivé. */
        background-color: #d2ddef;
        font-size:1em;
        border-left-style: solid;
        border-left-width: 1px;
        border-left-color: #002e60;
        padding:0px;
        margin:0px;
        font-weight:bold;
        color: #002e60;
        text-align:center;
        width: 130px;
        height: 18px;}

.menu a:link {color:#002e60; text-decoration: none;}
.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {/* Les liens qui ne sont pas sous le curseur.*/
                                                        font-family: Arial, Helvetica;
                                                        text-decoration:none;
                                                        color:#002e60;
                                                        padding:0px;
                                                        /* 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;
                                                        /* width:100%; */
                                                        voice-family: "\"}\"";
                                                        voice-family:inherit;}

.menu a:hover, .menu a:focus .menu a:visited {/* Les liens sous le curseur. On change les couleurs
                                                 du texte et de fond, et on enlève le soulignement. */
                                              background-color:#f17c0e;
	                                      /* border:1px solid #ffffff; */
                                              color:white;
	                                      text-decoration:none;
	                                      padding:0px;
	                                      margin:0px 0px 0px 1px;
	                                      /* width:100%; */}





/*-----------------------------------------------*/
/* S T Y L E   S O U S - M E N U                 */
/*-----------------------------------------------*/
.ssmenu {/* border:1px solid #ffffff; */
         color: #002e60;
         background-color:#d2ddef;
         /* Enlever les filtres Alpha pour l'instant
         filter:alpha(opacity=80);
         -moz-opacity:0.80;
         opacity: 0.80;*/
         padding:0px;
         margin:1.1em;
         font-weight:normal;
         text-align: left;}

.ssmenu a, .ssmenu a:visited {font-family: Arial, Helvetica;
                              text-decoration:none;
                              color:#002e60;
                              padding:4px 0px 5px 0px;
                              display:block;
                              height:100%;
                              margin:0px;
                              voice-family: "\"}\"";
                              voice-family:inherit;
                              border:1px solid #ffffff;}

.ssmenu a:link {font-weight:normal; color:#002e60;text-decoration: none;}
.ssmenu a:hover, .ssmenu a:focus{background-color:#f17c0e;
                                 /* Enlever les filtres Alpha pour l'instant
                                 filter:alpha(opacity=90);
                                 -moz-opacity:1;
                                 opacity:1;*/
                                 color: white;
                                 text-align: left;
                                 display:block;
                                 padding:4px 0px 5px 0px}


.menu span, .ssmenu span {/* pour cacher les ; en fin de <li>, ce qui permet aux synthèse
                             vocales de prendre une pause dans l'élocution */
	                  display:none;}

.ssmenu ul, .ssmenu li {/* Les items (les <li>) des sous-menus, notamment pour
                           enlever les puces des liste */
                        padding:0;
                        list-style-type:none;
                        border-right:1px solid #fff;
                        padding-right:1px;}


html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width :auto;
}