#sliderJNS
{
	margin: 0 0;
	width: 740px;
	height: 640px;
	position: absolute; z-index: 1
}
#masque
{
	margin: 0 0;
	width: 740px;
	height: 640px;
	position: absolute; z-index: 2
}
#sousslider
{
	margin: 0 auto;
	width: 740px;
	height: 780px;
}
	#sliderJNS .button
	{
		display: inline-block;
		background: #555555;
		color: #ffffff;
		text-align: center;
		line-height: 30px;
		height: 30px;
		text-decoration: none;
		outline: 0;
		border-radius: 8px;
		font-size: 1.25em;
		border-bottom: solid 2px #999999;
		text-shadow: 0 1px 1px #003A6C;
	}

	#sliderJNS .button:hover
	{
		background: #2094E6;
	}

	#sliderJNS .viewer
	{
		position: absolute;
		top: 55px;
		left: 120px;
		width: 500px;
		height: 590px;
		margin: 0 0;
		overflow: hidden;
	}

		#sliderJNS .viewer .reel
		{
			display: none;
			width: 500px;
			height: 465px;
		}

		#sliderJNS .viewer .reel .slide
		{
			position: relative;
			width: 500px;
			height: 465px;
		}

	#sliderJNS .advance-buttons
	{
		text-align: center;
		padding: 25px 0 0 0;
		
	}

		#sliderJNS .advance-buttons a
		{
			opacity: 0.25;
			width: 150px;
			margin: 0 0.2em 0 0.2em;
		}

		#sliderJNS .advance-buttons a.active
		{
			opacity: 1;
		}
	#sliderJNS .indicator
	{
		margin: 30px auto 0 auto;
		
		}

		#sliderJNS .indicator ul
		{
			list-style: none;
			padding: 0;
			margin: 0;
			
		}

			#sliderJNS .indicator ul li
			{
				display: inline-block;
				width: 12px;
				height: 12px;
				text-indent: -9999em;
				background: #c8c8c8;
				margin: 0 6px 0 2px;
				border-radius: 2px;
			}

			#sliderJNS .indicator ul li.active
			{
				background: #FFCC00;
				border-top: solid 1px #505050;
			}