@media only screen and (max-width: 800px) {
#ariane a:hover {
font-size: 1.8vw;
}}

#ariane{
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 1.2vw;
width: 100%;*95%;
left: 0px;
 text-align: left;
position: fixed;
margin-top: 20px;
background-color: #33ffff;
z-index: 10000;
top: -2vw;
}
#commentaire {
position: relative;
font-size: 1.2vw;
top: -0vw;
text-align: right;
margin-left: 72%;
margin-right: 0px;
margin-top: -3vw;
margin-bottom: -2vw;
height:0px;
color: red;
padding-bottom: 2vw;
padding-top: 1vw;
background-color: white;
width: auto;*40vw;
min-width: 2vw;

}

#ariane ul, #ariane li {
list-style-type:none;
position: relative;	
padding:0;margin:0;
margin-left: 1vw;
}		
/*Styles sur la liste*/
#ariane ul{
height:1.5vw;
*margin-bottom: 1vw;
*margin:5px auto;
padding:0.5vw 0;
 text-align: left;

}	


/*Style sur les éléments a et span*/
#ariane li a, #ariane li span {
float:left;
height:2vw;
margin:0;
padding:0 0 0 5px;
font-size:1.2vw;
text-transform:uppercase;
letter-spacing:0.02em;
}
#ariane li > a::after{
    content: "  \25b6 ";
    font-size: 1.2vw;
  color: RGBa(0,0,93,50); *RGBa(255,235,3,250);
}
#ariane li a:hover {
color: red;
}