
#conteneur {
	border:0px solid #ff3300;
	margin-left:auto;
	margin-right:auto;
	height: 597px;
	width: 950px;
	overflow:hidden;
	position:relative;
}

/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
  position:relative;
  width:9500px;
/*
	width: 960px;
	background-color: #eee;
	border: 1px solid #ddd;
*/
}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
	width:950px;
	height:597px;
	overflow: hidden;
	float:left;
}

#slideshow .slides ul {
	/*width: 2880px;*/
	height: 2880px;
}

#slideshow .slides li {
	width: 950px;
	height:133px;
	float: left;
	padding: 20px;
	border-bottom:1px solid black;
}

.slides div#balle 				{ background: url('../images/contenu/balle.gif') top left no-repeat transparent; }
.slides div#basketball 			{ background: url('../images/contenu/basketball.gif') top left no-repeat transparent; }
.slides div#beachvolley 			{ background: url('../images/contenu/beachvolley.gif') top left no-repeat transparent; }
.slides div#coursepied 			{ background: url('../images/contenu/coursepied.gif') top left no-repeat transparent; }
.slides div#deckadulte 			{ background: url('../images/contenu/deckadulte.gif') top left no-repeat transparent; }
.slides div#deckmineur 			{ background: url('../images/contenu/deckmineur.gif') top left no-repeat transparent; }
.slides div#descente 		{ background: url('../images/contenu/descente.gif') top left no-repeat transparent; }
.slides div#dynamophilie 			{ background: url('../images/contenu/dynamophilie.gif') top left no-repeat transparent; }
.slides div#mamancardio 			{ background: url('../images/contenu/mamancardio.gif') top left no-repeat transparent; }
.slides div#randonneecycliste 	{ background: url('../images/contenu/randonneecycliste.gif') top left no-repeat transparent;}
.slides div#ringuette 	{ background: url('../images/contenu/ringuette.gif') top left no-repeat transparent; }
.slides div#soccer 				{ background: url('../images/contenu/soccer.gif') top left no-repeat transparent; }
.slides div#tennis 				{ background: url('../images/contenu/tennis.gif') top left no-repeat transparent; }
.slides div#texasholdm 			{ background: url('../images/contenu/texasholdem.gif') top left no-repeat transparent; }
.slides div#ultimatefrisbee 			{ background: url('../images/contenu/frisbee.gif') top left no-repeat transparent; }

.slides div#voletspecial 			{	width: 950px;height:178px;float: left;padding: 10px 0;border-bottom:1px solid black;}
.slides div#voletprimaire 			{ width: 950px;height:178px;float: left;padding: 10px 0;border-bottom:1px solid black;}


#slideshow .slides h2 {
margin-top: 0;}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
background-color: #ddd;
border-top: 2px solid #ccc;}

#slideshow .slides-nav li {
float: left;}

#slideshow .slides-nav li a {
display: block;
padding: 15px 20px;
outline: none;}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
background-color: #eee;}

.js #slideshow .slides-nav li.on a {
position: relative;
top: -4px;}