/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:10px auto;
	width:900px;
	height:300px;
	background:#e8e8e8;
	position:relative;
}
#slideshow #slidesContainer {
	margin:0 auto;
	width:820px;
	height:300px;
	overflow:auto; /* affiche une scrollbar au cas ou */
	position:relative;
}
#slideshow #slidesContainer .slide {
	margin:0 auto;
	width:225px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
	height:300px;
	font-family: Arial;
	font-size: 12px;
	color: #4c4c4c;
}
#slideshow #slidesContainer .slide p  a,
#slideshow #slidesContainer .slide p  a:hover,
#slideshow #slidesContainer .slide p  a:visited,
#slideshow #slidesContainer .slide p  a:focus
{
	font-family: Arial;
	font-size: 13px;
	color: #4c4c4c;
	text-decoration: none;
}
#slideshow #slidesContainer .slide img {
	height:230px;
	border: 15px solid #fff;
	margin-bottom: 5px;
	cursor: pointer;
}

#slideshow #slidesContainer .slide img.noLien {
	height:230px;
	border: 15px solid #fff;
	margin-bottom: 5px;
	cursor: default;
}

/** 
 * Slideshow style rules.
 */
#slidenoshow {
	margin:10px auto;
	width:900px;
	height:300px;
	background:#e8e8e8;
	position:relative;
}
#slidenoshow #slidesContainer {
	margin:0 auto;
	width:880px;
	height:300px;
	overflow:auto; /* affiche une scrollbar au cas ou */
	position:relative;
	padding-left: 60px;
}
#slidenoshow #slidesContainer .slide {
	margin:0 auto;
	width:225px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
	height:300px;
	font-family: Arial;
	font-size: 12px;
	color: #4c4c4c;
	padding-right: 60px;
	float: left;
}
#slidenoshow #slidesContainer .slide p  a,
#slidenoshow #slidesContainer .slide p  a:hover,
#slidenoshow #slidesContainer .slide p  a:visited,
#slidenoshow #slidesContainer .slide p  a:focus
{
	font-family: Arial;
	font-size: 13px;
	color: #4c4c4c;
	text-decoration: none;
}
#slidenoshow #slidesContainer .slide img {
	height:230px;
	border: 15px solid #fff;
	margin-bottom: 5px;
	cursor: pointer;
}

#slidenoshow #slidesContainer .slide img.noLien {
	height:230px;
	border: 15px solid #fff;
	margin-bottom: 5px;
	cursor: default;
}

/** 
 * Slideshow controls style rules.
 */
.control {
	display:block;
	width:39px;
	height:300px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
}
#navDiapo{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:25px;
	bottom:10px;
	cursor:pointer;
}
#leftControl {
	top:0;
	left:0;
	background:#e8e8e8 url('../images/control_left.jpg') no-repeat 0 0;
}
#rightControl {
	top:0;
	right:0;
	background:#e8e8e8 url('../images/control_right.jpg') no-repeat 0 0;
}