body {
  font-family: Verdana,Arial,Helvetica;
  font-size: 12px;
  color: #000000;
  background-color: #FFFFFF;
}
.img_top {
   text-align: center;
}
.title {
display: block;
text-align: center;
font-weight:bold ;
color: #000000;
}
.nomvue {
  color: #000000;
}
.gauche {
}
.nomvuehisto {
  color: #000000;
}
.centre {
position: absolute;
left: 190px;
top: 40px;
}
.menu {
position: absolute;
top: 61px;
left: 0;
width: 166px;
height: 700px;
font: 16px Verdana, sans-serif;
z-index: 100;
}
.menu a {
  display: block;
  text-align: center;
  font: bold 1em sans-serif;
  padding: 5px 10px;
  margin: 0 0 1px;
  border-width: 0;
  text-decoration: none;
  color: #000000;
  background: #FFFFFF;
  border-right: 5px solid #FFFFFF;
}
.menu a:hover {
color: #AAAAAA;
background: #FFFFFF;
border-right: 5px double white;
}
.listevues {
float: left;
background: #FFFFFF;
width: 100%;
}
.vue {
float: left;
width: 80px;
margin: 10px;
height: 90px;
}
.vue .image {
width: 80px;
height: 60px;
}
.vue .image img {
 border: 0px;
 }
.vue .nom {
text-align: center;
font: 12px Verdana,Arial,Helvetica;
color: #000000;
}
.histo {
float: left;
background: #FFFFFF;
}
.histo .day {
float: left;
}
.histo .day h1 {
font: 12px Verdana,Arial,Helvetica;
font-weight:bold ;
left: 0;
margin-left: 10px;
color: #000000;
}
.histo .day .vignette {
float: left;
width: 162px;
margin: 15px;
height: 130px;
}
.histo .day .vignette .image {
width: 162px;
height:120px;
}
.histo .day .vignette .image img {
 border: 1px solid #ffffff;
	width: 80px;
	height: 60px;
}
.histo .day .vignette .image img:hover {
border: 1px solid #FFFFFF;
}
.histo .day .vignette .heure {
  text-align: center;
color: #000000;
font: 12px Verdana,Arial,Helvetica;
background: #FFFFFF;
}
.vide {
width: 100%;
}
.visu {
}
.menu .techno {
 font-size: 10px;
 color: black;
}
.navi {
}

.area {
        CLEAR: left;
        border: #ff0000 thin dashed;
        FLOAT: left;
        OVERFLOW: visible;
        POSITION: absolute;
        Z-INDEX: 2;
        text-decoration: none;
        margin: 0px;
}

.area2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #FFFFFF;
        OVERFLOW: visible;
        POSITION: absolute;
        Z-INDEX: 1;
}

.libelle {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #ff0000;
}

.area span {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #ff0000;
        border: 0px;
        float: left;
        text-decoration: none;
}

.area img {
        width:21px;
        height: 16px;
        float: right;
        border: 0px;
}

