#moduleSVG{
	/*border:1px solid red;background:#2E0067;*/
	background:gray;
	padding:10px;
	width:1004px;
	background-image: url('../images/rayure.png');
	margin-top:10px;
}
#video{
	float:left;
	width:640px;
	background:gray;
	border: 1px solid gray;
	-moz-box-shadow: 1px 1px 12px #555;
	-webkit-box-shadow: 1px 1px 12px #555;
	box-shadow: 1px 1px 12px #555;
	}

.titreVidPrinc{
	padding-top:2px;
	color:white;
	text-align:center;
	background:black;
	font-weight:bold;
	font-family: 'Century Gothic','URW Gothic L', 'verdana';
	font-size:14px;
	/*line-height:50px;*/
	height:45px;
	width:640px;
	}

		.scroll-pane,
			.scroll-pane-arrows
			{
				width: 100%;
				height: 342px;
				overflow: auto;
				background:black;
				color:gray;
			}
			.horizontal-only
			{
				height: auto;
				max-height: 342px;
			}
/*.nav{	width:351px;

	height:360px;
	background:8D0411;

				overflow: auto;
	border: 1px solid #2E0067;

}*/

.clear{
	clear:both ;
}

.uneVid{/*border: 1px solid white;*/
	margin-bottom:10px;
	width:332px;
	height:91px;
	}

.vidIm{
	margin-left:2px;
	border: 1px solid #2E2E2E;
	float:left;
	width:120px;
	height:90px;
}

.vidTitle{
	float:left;
	padding:1px 0 0 10px;
	background:black;
	width:198px;
	height:83px;
	color:gray;
	font-size:10px;
}

/*----------------------TABS-----------------*/
.tabbed_content {
	background-color: #000000;
	/*width: 620px;overflow: auto;border: 1px solid white;*/
	width: 352px;
	height:408px;
	margin-left:10px;
	float:left;
}

.tabs {
	height: 52px;
	position: relative;
}

.tabs .moving_bg {
	padding: 5px;
	background-color:#2E0067; /*7F822A;*/
	background-image:url(../images/arrow_down_blue.gif);
	position: absolute;
	width: 104px;
	z-index: 190;
	left: 0;
	padding-bottom: 24px;
	background-position: bottom left;
	background-repeat: no-repeat;
}

.tabs .tab_item {
	font-family: 'Century Gothic' , 'URW Gothic L' , 'verdana' ;
	display: block;
	float: left;
	padding: 5px;
	width: 104px;
	color: #ffffff;
	text-align: center;
	font-weight:bold;
	z-index: 200;
	position: relative;
	cursor: pointer;
	font-size:12px;
}


.tabbed_content .slide_content {
	overflow: hidden;
	background-color: #000000;
	padding:0px;
	position: relative;
	/*width: 600px;border: 1px solid yellow;*/
	width: 352px;
}

.tabslider {
	width: 5000px;
}

.tabslider ul {
	float: left;
	/*width: 560px;	border: 1px solid green;*/
	width: 352px;
	margin: 0px;
	padding: 0px;

}

.tabslider ul a {
	color: #ffffff;
	text-decoration: none;
}

.tabslider ul a:hover {
	color: #aaaaaa;
}

.tabslider ul li {
	/*padding-bottom: 7px;*/
}

.scroll-pane-arrow li{
	display:none;
	list-style:none;
	padding-bottom: 0px;
}
/*-----------scroller------------------------*/

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
/*---------------ROUNDED SCROLLER BUTTON--------------*/
.jspHorizontalBar,
.jspVerticalBar,
.jspTrack
{
	background:gray;/* #eeeef4;*/
}

.jspDrag
{
	background: #2E0067;/* #bbd;*/

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.jspTrack .jspActive,
.jspTrack .jspHover,
.jspDrag:hover
{
	background: #0B2161 ;/*TR*/
}


.jspArrow
{
	background: url(../images/ui-icons_222222_256x240.png) no-repeat;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.jspVerticalBar>.jspActive,
.jspArrow:hover
{
	background-image: url(../images/ui-icons_cd0a0a_256x240.png);
}

.jspVerticalBar>.jspDisabled,
.jspVerticalBar>.jspDisabled:hover,
.jspHorizontalBar>.jspDisabled,
.jspHorizontalBar>.jspDisabled:hover
{
	background-color: transparent;
	background-image: url(../images/ui-icons_888888_256x240.png);
}

.jspVerticalBar .jspArrow
{
	height: 15px;
}

.jspHorizontalBar .jspArrow
{
	width: 15px;
}

.jspArrowUp
{
	background-position: 0 0;
}

.jspArrowDown
{
	background-position: -67px 0 !important;
}

.jspArrowLeft
{
	background-position: -96px 0 !important;
}

.jspArrowRight
{
	background-position: -32px 0 !important;
}
/*---------------SEARCH--------------*/
fieldset.search {
	border: none;
	width: 104px;
	margin: 0 auto;
	background: #222;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #fff;
	font-size: 1.2em;
	width: 104px;
	height: 20px;
	padding: 0px;
	background: black url('../images/search_bg.png') no-repeat left top;
	margin-right: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}
.search input.box:focus {
	background: black url(../images/search_bg.png) no-repeat left -20px;
	outline: none;
}
/*.search input.box:hover {
	background: #2E0067 url(../images/search_bg.png) no-repeat left -40px;
	outline: none;*/
}
.search button.btn {
	width: 1px;
	height: 20px;
	cursor: pointer;
	text-indent: -9999px;
	background: #2E0067 url(../images/search_bg.png) no-repeat top right;
}
.search button.btn:hover {
	background: #2E0067 url(../images/search_bg.png) no-repeat bottom right;
}