div#contenu {
  background-image: url(../../images/mirador.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-top: 80px;
}

/*
		Page
*/

div#page {
	margin-left: 400px;
}

/*
		Les listes
*/

div.annee {
	float: left;
  width: 10.7em;
  margin-right: 0.5em;
}

div.annee h3 {
	font-weight: bold;
  margin-bottom: 0.5em;
}

ul.sites {
	margin-bottom: 1em;
}

ul.sites li {
  padding-left: 0.4em;
  margin-bottom: 0.2em;
  padding-top: 0.1em;
}

ul.sites li a {
	display: block;
}

div#page ul.sites li a:hover {
	text-decoration: none;
}

ul.sites.legende li {
  display: inline;
  padding-right: 1em;
}

ul.sites li.type0 {
	border-left: 3px solid #f00;
}

ul.sites li:hover.type0 {
	border-left: 3px solid #d77;
  background-color: #222;
}

ul.sites li.type1 {
	border-left: 3px solid #333;
}

ul.sites li:hover.type1 {
	border-left: 3px solid #777;
  background-color: #222;
}

ul.sites li.type2 {
	border-left: 3px solid #00f;
}

ul.sites li:hover.type2 {
	border-left: 3px solid #77f;
  background-color: #222;
}

ul.sites li.type3 {
	border-left: 3px solid #fff;
}

ul.sites li:hover.type3 {
	border-left: 3px solid #aaa;
  background-color: #222;
}

ul.sites li.type4 {
	border-left: 3px solid #fa0;
}

ul.sites li:hover.type4 {
	border-left: 3px solid #fc4;
  background-color: #222;
}