* {
  padding:0;
  margin:0;
}
body {
  background-color:#090607;
	font-family:'Trebuchet MS',  Arial, Helvetica, sans-serif;
}

img.beauxyeux {
  top:0;
  left:0;
  z-index:-1;

}

#vue {
font-family:'Trebuchet MS',  Arial, Helvetica, sans-serif;
color:#FFF;
background-color:transparent;
position:absolute;
top:0;
right:0;
padding:0.2em;
margin:0;
text-align:right;
}
#vue p {
	font-size:1em;
  margin:0 0 1em 0;
}
#vue .petit {
	font-size:0.8em;
}
#vue .grand {
	font-size:1.2em;
}
#vue p, #vue p a, #vue p a:visited  {
	color:#FFF;
	text-decoration:none;
  text-shadow: 0.2em 0 0.4em #FFF;
}
#vue p a:hover  {
	background-color:#FFF;
	text-decoration:none;
	color:#CC0C0C;
  text-shadow: 0.2em 0 0.3em #CC0C0C;
}
#vue a span.bulle, #vue a:visited  span.bulle{
	visibility:hidden;
}
#vue a:hover  span.bulle {
	visibility:visible;
}
#versplan {
  position:absolute;
  left:0;
  bottom:0;
  padding:0.2em;
}
#versplan p, #versplan p a, #versplan p a:visited {
  color:#FFF;
  text-shadow: -0.1em 0 #300, 0.1em 0 #300, 0 -0.1em #300, 0 0.1em 0 #300, -0.1em 0.1em 0.4em #FFF;
  text-decoration:none;
}
#versplan p a:hover  {
	background-color:#FFF;
	text-decoration:none;
	font-weight:bold;
	color:#CC0C0C;
  text-shadow: -0.1em 0.1em 0.4em #CC0C0C;
}