/*
//
//	CSS by The Rubik's Man
//		 © 2005-2006
//
*/
/*************   Pour la div du SlideShow   **************/
.SlideShow
{
	text-align: center; 
	font: 10px arial, helvetica, sans-serif; 
	margin:20px;
}

.SlideShow div#centered 
{ 
	margin-left:auto; 
	margin-right:auto; 
	height: 100%; 
	width: 100%; 
	position: absolute;
}

.SlideShow a:link  
{
	color: #66CCFF; 
	text-decoration: none;
}

.SlideShow a:visited 
{
	color: #66CCFF;
	text-decoration: none;
}

.SlideShow a:hover 
{
	text-decoration: none;
	color: #66CC00;
}


.SlideShow a img
{ 
	border: none;
	outline: none;
	-moz-outline: none;
}

.SlideShow_divExt
{
	position: relative;
	background-color: #fff; /* Couleur arriere plan principal de la div du slideshow */
	color: inherit;
	width: 20px;
	height: 1px;
	margin: 0 auto;
	display: table;
}

.ShadowStyle 
{
	border-top:1px solid #FFF;
	border-right:1px solid #CCC;
	border-left:1px solid #FFF;
	border-bottom:1px solid #CCC;
}

.SlideShow 
{
	position: inherit;
	display: none;
}
	
.SlideShow_loading
{
	position: absolute;
	top: 0;
	left: 0;
	display:none;
}

.SlideShow_bottom
{
	margin: 0 auto;
	text-align: left;
	color:#666666;
	background-color: inherit;
}

.SlideShow_topNav
{
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: left;
	font-size: 8px;
	background-color: inherit;
	color:#CCCCCC;
	line-height: 170%;
	width: 100%;
}

.SlideShow_descriptions
{
	background-color: #FFF;
	color:#999999;
	margin: 0 auto;
	text-align: left;
	line-height:140%;
	height: 35px;
	width: 100%;
}

.SlideShow_divInt
{
	background-color:#666666;
	color: inherit;
	position: relative;
	text-align: center;
	line-height: 0.0;
}
	
.SlideShow_ImageNav
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0 auto;
}

.SlideShow_prevImg, .SlideShow_nextImg
{
	width: 30%;
	height: 100%;
	background: transparent url(./images/blank.gif) no-repeat; /* Trick IE into showing hover */
	outline:none;
}
	
.SlideShow_prevImg 
{ 
	left: 0; 
	float: left; 
	outline: none; 
	-moz-outline: none;
}
.SlideShow_nextImg 
{ 
	right: 0; 
	float: right; 
	outline: none; 
	-moz-outline: none;
}
.SlideShow_prevImg:hover, .SlideShow_prevImg:visited:hover 
{ 
	background: url(./images/prev.gif) left 100% no-repeat; 
}
.SlideShow_nextImg:hover, .SlideShow_nextImg:visited:hover 
{ 
	background: url(./images/next.gif) right 100% no-repeat; 
}


.SlideShow_IPTC
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: auto;
	background-color: #000;
	color:#CCCCCC;
	font-size:9px;
	line-height:140%;
	text-align:left;
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;
	display: none;
}
		
.SlideShow_IPTCbutton
{
	position: absolute;
	top: 0;
	left: 0;
}

.SlideShow_PLAYbutton
{
	position: absolute;
	top: 0;
	right: 17px;
	_right: 27px;
}

.SlideShow_STOPbutton
{
	position: absolute;
	top: 0;
	right: 0;
	_right: 10px;
}

.SlideShow_IPTC_left
{
	float: left;
	text-align:right;
	width:28%;
}

.SlideShow_IPTC_right
{
	float: right;
	text-align:left;
	width:70%;
}

.slider_pos
{
	position: absolute;
	top: -10px;
	right: 30px;
}

.minSliderValue
{
	position: absolute; 
	top:22px;
	_top: 15px; 
	width: 30px; 
	right: 65px;
	_right: 69px;
	height: 25px;
	vertical-align:bottom;
}
.medSliderValue
{
	position: absolute; 
	top:22px;
	_top: 15px; 
	width: 30px; 
	right: 27px;
	_right: 30px;
	height: 25px;
	vertical-align:bottom;
}
.maxSliderValue
{
	position: absolute; 
	top:22px;
	_top: 15px; 
	width: 30px; 
	right: -10px;
	height: 25px;
	vertical-align:bottom;
}
/*********************************************************/

/* Pour le slider de reglage de la vitesse de defilement */

.dynamic-slider-control 
{
	position:			relative;
	background-color:	transparent;/*rgb(204,204,204);*/
	-moz-user-focus:	normal;
	-moz-user-select:	none;
	cursor:				default;
}

.horizontal 
{
	width:				200px;
	height:				27px;
}

.dynamic-slider-control input 
{
	display:	none;
}

.dynamic-slider-control .handle 
{
	position:			absolute;	
	font-size:			1px;
	overflow:			hidden;
	-moz-user-select:	none;
	cursor:				default;
}

.dynamic-slider-control.horizontal .handle 
{
	width:				15px;
	height:				16px;
	background-image:	url("./images/handle.png");
}

.dynamic-slider-control.horizontal .handle div 
{

}

.dynamic-slider-control.horizontal .handle.hover 
{		
	width:				15px;
	height:				16px;
	background-image:	url("./images/handle.hover.gif");
}

.dynamic-slider-control .line 
{
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	border:				1px solid;
	border-color:		rgb(102,102,102) white
						white rgb(102,102,102);
	
	behavior:			url("boxsizing.htc"); /* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}

.dynamic-slider-control.horizontal .line 
{
	height:				4px;
}

.dynamic-slider-control .line div
{
	width:		2px;
	height:		2px;
	
	border:				1px solid;
	border-color:		rgb(152,153,153) rgb(102,102,102)
						rgb(102,102,102) rgb(152,153,153);
}

/***********************************************************/
/*
//
//	CSS by The Rubik's Man
//		 © 2005-2006
//
*/

