@charset "utf-8";

/* CSS Document */



#slider-stage {

	width: 556px;

	overflow:hidden;

	height: 194px;

	margin:0 25px 0;

	float:right;

	position:relative;

}

/*#slider-buttons {

	width: 296px;

	margin: 0 auto;

	position:relative;

	height:20px;

}*/

#slider-list {

	

	border: 0;

	margin: 0;

	padding: 0;

	left: 0px;

	width:223px;

	height:194px;

	top:0;

	position: absolute;

}

#slider-list a.theme {

	list-style: none;

	padding: 0;

	border: 0;

	margin:0 -60px 0 0;

	float: left;

	width: 235px;

	height: 157px;

	position:relative;

	cursor:pointer;

	text-decoration:none;

	overflow:hidden;

}

#slider-list a.theme:hover {

}

#slider-list a.theme span.nameVignette {

	position:absolute;

	left:4px;

	bottom:0px;

	color:#a0a09b;

	padding:3px;

	font-size:10px;

}

#slider-list a.theme:hover span.nameVignette {

	color:#494947;

}

#slider-list a.theme span.changeTheme {

	background:#363636;

	color:#FFD200;

	display:none;

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:10px;

	font-weight:bold;

	height:16px;

	left:0px;

	padding:4px 0 0;

	position:absolute;

	text-align:center;

	text-transform:uppercase;

	top:0px;

	width:120px;

}

#slider-list a.theme:hover span.changeTheme {

	display:block;

}

#sliderBloc {

	

	margin:1140px 0 0px -55px;

	width:1000px;

	padding:0;

	overflow:hidden;

	position:relative;

}

#sliderBloc a#previous {

	background:url(../images/fleche-carrousel-gauche.png) no-repeat left top;

	text-indent:-9999px;

	cursor:pointer;

	width:20px;

	height:50px;

	margin:0px 0px 0 0;

	left:420px;

	top:50px;

	position:absolute;

	z-index:1;

}

#sliderBloc a#next {

	background:url(../images/fleche-carrousel-droite.png) no-repeat left top;

	text-indent:-9999px;

	cursor:pointer;

	width:20px;

	height:50px;

	margin:0px 0px 0 0;

	right:0px;

	top:50px;

	position:absolute;

	z-index:1;

}

#sliderBloc a#previous:hover, #sliderBloc a#next:hover {

	background-position:left 0px;

}

.demo{

	padding:0;

	float:left;

	margin:0;

}