.index {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 0.px; /*--- On le place à 50 px du haut de l'écran ---*/
left: 390px; /*--- On le place à 0px de la gauche de l'écran ---*/
width: auto;
height: 25px;
padding: 2px;
z-index: 999;
background-color:#c7cac6;  /* couleur de fond */
background-repeat:no-repeat;  /* repetition du fond */
background-position:center center;  /* position du fond */
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border:1px solid #323630;            /* bordure */
-moz-box-shadow: 0px 0px 5px #000;    /* ombre portee */
-webkit-box-shadow: 0px 0px 5px #000;  /* ombre portee */
box-shadow: 0px 0px 5px #000;        /* ombre portee */
opacity: 0.8;                        /* opacite */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* opacite pour ie */
}
.index ul li a {
list-style: none;
text-align: left;
color: #d57735;
font-weight: bolder;
text-decoration: none;
font-size: 10;
display: inline-block;
}
.index ul li a:hover {
color: #2d0a18;
text-shadow: 1px 0px 1px #323630;
}
.index ul li {
list-style: none;
text-align: left;
color: #d57735;
font-weight: bolder;
text-decoration: none;
font-size: 10;
display: inline-block;
}
.index ul li a:hover {
color: #2d0a18;
text-shadow: 1px 0px 1px #323630;
}