/*menu horizontal*/
#menuhoriz{
padding:0;
margin:0;
height:2.8vh;
list-style:none;
text-align:left;
}
#menuhoriz li{
display:inline-block;
position:relative;
border-radius:0.5vmin;
height:2.8vmin;
}
#menuhoriz ul li{
display:inherit;
border-radius:0;
}
#menuhoriz ul li:hover{
border-radius:0;
}
#menuhoriz ul{
position:absolute;
/*z-index: 10004;*/
max-height:0;
left: 0;
right: 0;
overflow:hidden;
/*
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
*/
}
#menuhoriz li:hover ul{
max-height:20vmin;
}
/* background des liens menus */
#menuhoriz li{
background-color: #4488FF;
background-image:-webkit-linear-gradient(top, #8888FF 0%, #2A2333 100%);
background-image:linear-gradient(to bottom, #44AA22 0%, #446622 100%);
}
/* background des liens menus au survol */
#menuhoriz li:hover{
background:#44CC22;
}
/* les a href */
#menuhoriz a{
text-decoration:none;
display:block;
padding:1px 1px;
color:#fff;
font-family:arial;
font-size:2vmin;
}
#menuhoriz ul a{
padding:1px 0;
}
#menuhoriz li:hover li a{
color:#fff;
text-transform:inherit;
}
#menuhoriz li:hover a, #menuhoriz li li:hover a{
color:#000;
}
#menuhoriz .annee {
background:#BE6;
color:#000;
font-family:arial;
font-size:2vmin;
display:inline-block;
position:relative;
padding:0.2vh 0.8vw;
height:2vh;
}
#menuhoriz .menusel {
background:#44BB22;
}

/*menu vertical*/
#menuvert, #menuvert ul{
padding:0;
margin:0;
list-style:none;
text-align:center;
width:100%;height:86vh;
overflow-y:scroll;
}
#menuvert li{
display:block;
position:relative;
border-radius:0.8vmin;
height:3vh;
}
#menuvert ul li{
display:inherit;
border-radius:0;
}
#menuvert ul li:hover{
border-radius:0;
}
#menuvert ul{
position:absolute;
z-index: 10004;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
}
/* background des liens menus */
#menuvert li{
background-color: #4488FF;
background-image:-webkit-linear-gradient(top, #44FFAA 0%, #4A4343 100%);
background-image:linear-gradient(to bottom, #44FFAA 0%, #4A4343 100%);
}
/* background des liens menus au survol */
#menuvert li:hover{
background:#88FFCC;
}
/* les a href */
#menuvert a{
text-decoration:none;
display:block;
padding:3px 8px;
color:#fff;
font-family:arial;
font-size:2vmin;
}
#menuvert ul a{
padding:4px 0;
}
#menuvert li:hover li a{
color:#fff;
text-transform:inherit;
}
#menuvert li:hover a{
color:#000;
}
#menuvert .menusel {
background:#44BBAA;
}
#menuhoriz .menusel {
background:#22BB66;
margin-top:3px;
margin-right:2px;
}
#menuhoriz .anneesel {
background:#228866;
margin-right:3px;
}