/* ELEMENTS COMMUNS
----------------------------------------------------------------------------------------------------*/
body {
	overflow-x: hidden;
	font-size:12px; /* gives us a base of 12px */
}
#slider ul, #slider li {
	background:none;
	list-style: none;
	margin: 0;
	padding: 0;
}
#caroussel-container {
	left:-10px;
	margin: 0 auto;
	width: 580px;
	position: relative;
	text-align:left;
	
}
#slider
{
	overflow: hidden !important;
}

#caroussel, #slideshow {

}
#overflow-fix {
	overflow: hidden;

}
/* CAROUSSEL
----------------------------------------------------------------------------------------------------*/
#caroussel {
	height:113px;
	
}
#caroussel #slider { 

}

#caroussel #slider li { 
	height: 113px;
	width: 580px;
}
#caroussel #previous a, #caroussel  #next a {  
	display: block;
	position: relative;
	width: 25px;
	height: 113px;
	background: url(../images/video-scroll-lft.gif) no-repeat center left;	
}	
#caroussel #next a {
	background: url(../images/video-scroll-rt.gif) no-repeat center right;	
	padding-left: 4px;
	outline:none;
}
#caroussel #previous, #caroussel #next { 
	display: block;
	height: 113px;
	left: -25px;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 25px;
	z-index: 1000;
}




/* SLIDESHOW
----------------------------------------------------------------------------------------------------*/
#slideshow{
	background:url(http://nealite.fr/images/interface/slideshow.gif) transparent repeat-x 0 0;
	height:113px;
}
#slideshow #slider li { 
	height: 113px;
	overflow: hidden;
	width: 575px;
	margin-top:15px;
}
#slideshow  #previous a {
	display: block;
	position: relative;
	width: 25px;
	height: 113px;
	background: url(../images/video-scroll-lft.gif) no-repeat center left;	
	outline:none;
}	
#slideshow  #next a {  
	display: block;
	position: relative;
	width: 25px;
	height: 113px;
	background: url(../images/video-scroll-rt.gif) no-repeat center right;	
	outline:none;
}
#slideshow #previous { 
	display: block;
	height: 113px;
	left: -25px;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 25px;
	z-index: 1000;
}
#slideshow #next { 
	display: block;
	height: 113px;
	left: -29px;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 29px;
	z-index: 1000;
}


#slideshow #next, #caroussel #next { left: 575px;}





.video1 a {
	display: block;
	float: left;
	border: 1px solid #0D5373;
	margin: 1px 4px 0 0;
	background: url(../images/video-thumb1.jpg) no-repeat top left;	
	width: 187px;
	height: 107px;
	text-decoration:none;
	outline:none;
	}
	
.video2 a {
	display: block;
	float: left;
	border: 1px solid #0D5373;
	margin: 1px 4px 0 0;
	background: url(../images/video-thumb2.jpg) no-repeat top left;	
	width: 187px;
	height: 107px;
	text-decoration:none;outline:none;
	}
	
.video3 a {
	display: block;
	float: left;
	border: 1px solid #0D5373;
	margin: 1px 0 0 0;
	background: url(../images/video-thumb3.jpg) no-repeat top left;	
	width: 187px;
	height: 107px;
	text-decoration:none;
	outline:none;
	}
	
.video4 a {
	display: block;
	float: left;
	border: 1px solid #0D5373;
	margin: 1px 4px 0 0;
	background: url(../images/video-thumb4.jpg) no-repeat top left;	
	width: 187px;
	height: 107px;
	text-decoration:none;
	outline:none;
	}
	
.video5 a {
	display: block;
	float: left;
	border: 1px solid #0D5373;
	margin: 1px 4px 0 0;
	background: url(../images/video-thumb5.jpg) no-repeat top left;	
	width: 187px;
	height: 107px;
	text-decoration:none;outline:none;
	}
	
.video6 a {
	display: block;
	float: left;
	border: 1px solid #0D5373;
	margin: 1px 0 0 0;
	background: url(../images/video-holder.png) no-repeat top left;	
	width: 187px;
	height: 107px;
	text-decoration:none;
	outline:none;
	}
	


SPAN.title {
	font: .9em/1.1em Arial,sans-serif;
	color: #fff;
	text-decoration:none;
	margin: 0 20px 0 8px;
	padding-top: 80px;
	display: block;
	}
	
SPAN.title:hover {
	text-decoration:underline;
	}