/* CSS Document */
#ref-titre {
	height:35px;
	padding-top:5px;
}

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding-left: 0px;
	width: 278px;
	margin-top:10px;	
}
ul.thumb li {
	margin: 0; padding:7px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 40px;
	height: 40px;	
}
ul.thumb li img {
	width: 45px; height: 45px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 0px solid #f5f6da;
	/*border: none; */
	padding: 0px;
	background: #f5f6da;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	/*background:url(../images/thumb_bg.png) no-repeat center center;  Image used as background on hover effect*/ 
	background-color: #fff;
	border: 1px solid #fff;
	/*border: none;*/ 
}
#main_title {
	background-color:#f5f6da;
	margin-top:2px;
	padding-left: 2px;
	width: 485px;
	height: 20px;
	line-height:20px;
	
}
/* CSS Document ----------------------------------------------------------------------------------*/
#ref-video {
	width: 610px;
	height:345px;
	margin-left:5px;	
}


#ref-jcarousellite {
	width: 615px;
	height:345px;
	overflow:hidden;
	margin-left:5px;
	
}


ul#refsticker {
	list-style-type:none;
	padding:0;
	margin:0;	
	width: 610px;
	height: 345px;
	
	}
	
	
ul#refsticker li {
	padding:0;	
	float:left;
	text-align:left;
	width: 610px;
	height: 345px;
	
}

/*--------------------------------------------------------------------------------------------*/
/* Menu --------------------------------------------------------------------------------*/
ul#refmenu {
	list-style-type : none;
	padding:0;
	margin:0;	
	width: 220px;
	height: 35px;
	
}

ul#refmenu li {
	padding:0;
	line-height:35px;	
	float:left;
	text-align:left;
	margin-left:10px;	
}

ul#refmenu li#bouton {
	width: 45px;	
}


ul#refmenu #bouton a {		
	display:block;		
	padding-top: 0px;
	padding-left:0px;
	text-decoration:none;
	
}
 
ul#refmenu #bouton a:hover { 	
	color:#000;
	text-decoration:none;
}


ul#refmenu #bouton.bouton1 a {	
	background-image: url(../images/bt_ref_loupe.gif);
}
ul#refmenu #bouton.bouton1 a:hover { 	
	background-image:url(../images/bt_ref_loupe_on.gif);

}

ul#refmenu #bouton.bouton2 a {	
	background-image: url(../images/bt_ref_play.gif);
}
ul#refmenu #bouton.bouton2 a:hover { 	
	background-image:url(../images/bt_ref_play_on.gif);

}

ul#refmenu #bouton.bouton3 a {	
	background-image: url(../images/bt_ref_reveil.gif);
}
ul#refmenu #bouton.bouton3 a:hover { 	
	background-image:url(../images/bt_ref_reveil_on.gif);

}

ul#refmenu #bouton.bouton4 a {	
	background-image: url(../images/bt_ref_exe.gif);
}
ul#refmenu #bouton.bouton4 a:hover { 	
	background-image:url(../images/bt_ref_exe_on.gif);

}

ul#refmenu #bouton.bouton5 a {	
	background-image: url(../images/bt_ref_play.gif);
}
ul#refmenu #bouton.bouton5 a:hover { 	
	background-image:url(../images/bt_ref_play_on.gif);

}