@charset "utf-8";
* {
	padding:0;
	margin:0;
}
html,body {
	width:100%;
	height:100%;
	position:relative;
}
#slideshow {
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	margin:0 auto;
	position:relative;
}
#logo-rumillat{
	width:100%;
	height:100%;
	background-image:url(../logo-rumillat.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
#ss_window {
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
}
#ss_slider {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:800%;
	height:100%;
}
#ss_slider div {
	width:12.5%;
	height:100%;
	padding:0;
	margin:0;
	position:relative;
	overflow:hidden;
	float:left;
	display:block;
	background-size:cover;
	background-position:right top;
}

/* TITRE et Anim TITRE */
#ss_slider .legend{
	width:100%;
	position:absolute;
	padding:50px 0;
	top:45%;
	left:0;
	text-align:center;
	font-size: 250%;
	font-family: "Droid Serif",serif;
	text-shadow:0 0 10px black;
	transform:scale(0.5);
	opacity:0;
	transition:ease all 0ms;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+20,000000+50,000000+80&0+20,0.4+50,0+80 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 20%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 20%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0) 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0) 20%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

}
#ss_slider .legend.active{
	transform:scale(1);
	opacity:1;
	transition:ease all 2000ms;
}
#ss_slider img {
	display:block;
}
#ss_slider figcaption {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:110%;
	position:absolute;
	left:0;
	bottom:50px;
	display:block;
	padding:20px 20px 20px 100px;
	color:white;
	background-color:rgba(0,0,0,0.5);
}
#ss_nav{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity:0;
	transition: all 700ms ease;
	z-index:20;
}
#ss_nav:hover{
	opacity:0.99;
	transition: all 100ms ease;
}
#ss_prev,#ss_next{
	position:absolute;
	top:0;
	width:50px;
	height:100%;
	background-image: url(../images/slideshow/bg-btn-ss_nav.png);
	background-repeat: no-repeat;
	background-position: center;
	opacity:0.3;	
}
#ss_prev:hover,#ss_next:hover{
	opacity:1;	
}
#ss_prev span,#ss_next span{
	display:none;
}
#ss_prev{
	left:0;
	background-position: left;
}
#ss_next{
	right:0;
	background-position: right;
}
#ss_prev:active{
	background-position: 5%;
}
#ss_next:active{
	background-position: 95%;
}
#ss_pag{
	padding:0;
	list-style-type:none;
	margin:0 auto;
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:30;
	
}
#ss_pag li{
	float:left;
	margin-right:4px;
}
#ss_pag a{
	font-size:11px;
	display:block;
	background-color:rgba(255,255,255,0.7);
	color:#fff;
	padding:5px;
	border-radius:50%;
}
#ss_pag a span{
	display:none;
}
#ss_pag .ss_pag_current{
	background-color:rgba(255,255,255,0.4);
}
#ss_timer_bar{
	background-color:#999;
	height:2px;
}
#ss_debug{
	clear:both;
	padding:20px;
}