html{overflow:hidden}

#slideshow {
	position:absolute;
	top:0;
}

#loading IMG {
	position: absolute;
	bottom: 50%;
	left: 50%;
}

#slideshow DIV {
	position:absolute;
	visibility:hidden; // pour IE7
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}

#slideshow DIV IMG {
	position:absolute;
}

#slideshow DIV.active {
	visibility:visible; // Pour IE7
	z-index:10;
	opacity:1.0;
}

#slideshow DIV.last-active {
	z-index:9;
}

#hover_view_wrapper {
	position: absolute;
	bottom: 40px;
	left: 0px;
	width: 100%;
	z-index:100;
}

#hover_view {
	margin: auto;
	width: 251px;
	height: 58px;
	background: rgb(31, 31, 31);
	background: rgba(31, 31, 31, 0.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#hover_view #previous {
	width: 42px;
	height: 48px;
	background: url(../images/arrows.png) 0 -320px no-repeat;
	cursor: pointer;
	margin-left: 30px;
	float: left;
}

#hover_view #previous:hover {
	background-position: 0 -257px;
}

#hover_view #previous.disabled {
	background-position: 0 -194px;
}

#hover_view #playpause {
	width: 52px;
	height: 55px;
	background: url(../images/slideshow_hud_sprite.png) 0 0 no-repeat;
	cursor: pointer;
	margin-left: 12px;
	float: left;
}

#hover_view #playpause.pause {
	background-position: 0 0;
}

#hover_view #playpause.play {
	background-position: 0 -85px;
}

#hover_view #playpause.pause:hover {
	background-position: 0 -170px;
}

#hover_view #playpause.play:hover {
	background-position: 0 -255px;
}

#hover_view #next {
	width: 41px;
	height: 48px;
	background: url(../images/arrows.png) 0 -131px no-repeat;
	cursor: pointer;
	margin-left: 12px;
	float:left;
}


#hover_view #next:hover {
	background-position: 0 -68px;
}

#hover_view #next.disabled {
    background-position: 0 -5px;
}

#hover_view #info {
	width: 43px;
	height: 48px;
	background: url(../images/info.png) 0 0 no-repeat;
	cursor: pointer;
	margin-left: 200px;
}

#hover_view #info:hover {
	background: url(../images/info-over.png) 0 0 no-repeat;
}


h2,p{
  font-size:100%;
  font-weight:normal;
}
ul,li{
  list-style:none;
}
ul.hide{
	visibility:hidden;
}
ul.show{
	visibility:visible;
}

ul{
  overflow:hidden;
  padding:3em;
  
}

ul li a{
  text-decoration:none;
  color:#000;
  display:block;
  min-height:10em;
  width:10em;
  padding:1em;
  z-index:100;
  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
}
ul li{
  margin:1em;
  float:left;
}
ul li h2{
  font-family: "Comic Sans MS", cursive, Georgia, Constantia, Palatino;
  font-size:140%;
  font-weight:bold;
  padding-bottom:10px;
}
ul li p{
  font-family:"Comic Sans MS", cursive, Georgia, Constantia, Palatino;;
  font-size:80%;
}
ul li a{
  -webkit-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -moz-transform:rotate(-6deg);  
}

ol{text-align:center;}
ol li{display:inline;padding-right:1em;}
ol li a{color:#fff;}