@charset "UTF-8";
/* CSS Document */

*{font-size:100.01%}

html {

	font-size:64%;

	background:#fff;

}

body{

	margin:0;

	font:1.0em Arial, Helvetica, sans-serif;

	color:#fff;

	background:url(../images/body-bg2.jpg) no-repeat 50% 0;

	min-width:1002px;

}

img{border-style:none;}

a{color:#000;}

a:hover{text-decoration:none;}

input,

textarea,

select{

	font:100% arial,sans-serif;

	vertical-align:middle;

}

form,fieldset{

	margin:0;

	padding:0;

	border:none;

}

/*page*/

#page{

	width:1002px;

	margin:0 auto;

}

/*header**/

#header{

	width:100%;

	height:151px;

}

#header h1{

	background:url(../images/logo.png) no-repeat;

	width:242px;

	height:92px;

	text-indent:-9999em;

	overflow:hidden;

	margin:37px 0 0 11px;

	float:left;

	display:inline;

}

#header h1 a{

	display:block;

	height:100%;

	cursor:pointer;

	position:relative;

}

/*search-form**/

#search-form{

	width:375px;

	height:57px;

	float:right;

	background:url(../images/search-bg.gif) no-repeat;

	padding:3px 18px 0 20px;

}

#search-form.login-add{

	background:url(../images/search-bg-open.gif) no-repeat;

	width:602px;

}

#search-form a{

	color:#f8d239;

	text-decoration:none;

	font-size:12px;

	float:left;

	border-right:1px solid #f8d239;

	margin:10px 6px 0 0;

	padding-right:6px;

	outline:none;

}

#search-form a.a-btn{border:none;}

#search-form.login-add a.a-btn{display:none;}

#search-form a:hover{text-decoration:underline;}

#search-form input{

	float:left;

	padding:3px 0 3px 4px;

	font:12px Arial, Helvetica, sans-serif;

	color:#fff;

	border:none;

	background:#afafaf;

}

.recherche{

	width:212px;

	float:right;

	padding:5px 0 0;

}

#search-form .recherche input{width:180px;}

#search-form .recherche input.search-btn{

	width:25px;

	padding:0;

	background:url(../images/search-btn.gif) no-repeat;

	height:21px;

	cursor:pointer;

	text-indent:-9999em;

}

.recherche label, .login label{display:none;}

#search-form .login{display:none;}

#search-form.login-add .login{display:block;}

.login{

	float:left;

	background:url(../images/login-separator.gif) no-repeat 100% 0;

	padding:1px 25px 0 0;

	height:34px;

	width:263px;

}

#search-form .login input{

	width:100px;

	margin:4px 6px 0 1px;

}

#search-form .login input.ok-btn{

	background:url(../images/ok-btn.gif) no-repeat;

	width:41px;

	height:29px;

	text-indent:-9999em;

	padding:0;

	margin:1px 0 0;

	cursor:pointer;

}

#header img{

	float:right;

	margin-right:7px;

	display:inline;

}

/*navigation**********/

.navigation{

	width:100%;

	overflow:hidden;

	height:63px;

	background:url(../images/navigation-bg.png) no-repeat;

}

.navigation div{

	width:100%;

	position:relative;

}

.podcast-icon{

	float:right;

	background:url(../images/podcast-icon.png) no-repeat;

	width:75px;

	height:63px;

	text-indent:-9999em;

	overflow:hidden;

	margin-right:18px;

	cursor:pointer;

}

.navigation ul{

	float:left;

	list-style:none;

	margin:0;

	padding:15px 0 0 11px;

	overflow:hidden;

}

.navigation ul li{

	float:left;

	height:35px;

	background:url(../images/navigation-separator.gif) no-repeat 100% 6px;

	padding-right:2px;

	margin:0 -2px 0 2px;

	display:inline;

}

.navigation ul li a{

	display:block;

	text-indent:-9999em;

	overflow:hidden;

	height:100%;

}

.navigation ul li.accueil a{

	width:89px;

	background:url(../images/nav-accueil.gif) no-repeat;

}

.navigation ul li.rallye a{

	background:url(../images/nav-rallye.gif) no-repeat;

	width:78px;

}

.navigation ul li.circuit a{

	background:url(../images/nav-circuit.gif) no-repeat;

	width:84px;

}

.navigation ul li.montagne a{

	background:url(../images/nav-montagne.gif) no-repeat;

	width:114px;

}

.navigation ul li.tout-terrain a{

	background:url(../images/nav-terrain.gif) no-repeat;

	width:138px;

}

.navigation ul li.karting a{

	background:url(../images/nav-karting.gif) no-repeat;

	width:89px;

}

.navigation ul li.infos-ffsa a{

	background:url(../images/nav-infos.gif) no-repeat;

	width:111px;

}

.navigation ul li.f3-euro-series a{

	background:url(../images/nav-equipes2.gif) no-repeat;

	width:176px;

}

.navigation ul li a:hover, .navigation ul li a.active{background-position:0 100%;}



/*main**********/

#main{

	width:100%;

	overflow:hidden;

}

/*column**********/

.column{

	width:468px;

	float:left;

	padding-left:6px;

	overflow:hidden;

}

/*content**********/

.content{

	width:528px;

	float:right;

	overflow:hidden;

}

/*video-navigation************/

.video-navigation{

	width:434px;

	height:457px;

	background:url(../images/video-navigation-bg.jpg) no-repeat;

	overflow:hidden;

	padding:0 15px 0 19px;

}

/*video-menu***********/

.video-menu{

	width:100%;

	overflow:hidden;

	background:url(../images/video-menu-bg.gif) no-repeat 0 100%;

	padding:17px 0 14px;

}

.video-menu ul{

	float:left;

	list-style:none;

	margin:0;

	padding:6px 0 0;

}

.video-menu ul li{

	float:left;

	height:19px;

	padding:0 10px 9px 10px;

	background:url(../images/menu-separator.gif) no-repeat;

	margin:0 4px 0 -4px;

}

.video-menu ul li a{

	display:block;

	text-indent:-9999em;

	overflow:hidden;

	height:100%;

}

.video-menu ul li.actus a{

	background:url(../images/menu-actus.gif) no-repeat;

	width:55px;

}

.video-menu ul li.plus a{

	background:url(../images/menu-plus.gif) no-repeat;

	width:114px;

}

.video-menu ul li.notes a{

	background:url(../images/menu-notes.gif) no-repeat;

	width:148px;

}

.video-menu ul li a:hover, .video-menu ul li a.active{background-position:0 100%;}

.rss-icon{

	background:url(../images/rss-icon.gif) no-repeat;

	width:29px;

	height:29px;

	text-indent:-9999em;

	overflow:hidden;

	float:right;

	margin:4px 9px 0 0;

}

#videos-list-content{
	position:relative;
}
#video-list-content-loading{
	position:absolute;
	top:30%;
	left:40%;
}

.video-list{

	list-style:none;

	margin:0 0 0 8px;

	padding:5px 0 0;

	width:460px;

	overflow:hidden;

}

* html .video-list{padding-bottom:15px;}

*+ html .video-list{padding-bottom:15px;}

.video-list li{

	float:left;

	margin:0 2px 13px 0;

	width:140px;

	height:80px;

	overflow:hidden;


}

.video-list li a{

	position:relative;

	display:block;

	width:140px;

	height:80px;
	

}

.video-list li a span{display:none;}

.video-list li a:hover span, .video-list li a.hover span{
	border:3px solid #5caddc;
	position:absolute;
	top:0;
	left:0;
	width:126px;
	height:74px;
	text-indent:-9999em;
	overflow:hidden;
	display:block;
	

}

.video-item.selected span {
	border:3px solid #f49d00;
	position:absolute;
	top:0;
	left:0;
	width:126px;
	height:74px;
	text-indent:-9999em;
	overflow:hidden;
	display:block;
}


#videos-list-content-loading{
	position:absolute;
	top:74%;
	left:47%;
}
#videos-list-content-loading img{
	width:20px;
}
/*video-description***********/

.video-description{

	width:429px;

	background:url(../images/video-bg.png);

	overflow:hidden;

	margin-top:-10px;

	padding:3px 0 5px 5px;

	position:absolute;
	
	top:275px;
	
}

.video-description h2{

	margin:0;

	font-size:13px;

	font-weight:bold;

	color:#5caddc;

	position:relative;

}

.video-description p{

	margin:0;

	font-size:11px;

	font-weight:normal;

	color:#fff;

	position:relative;

}

/*page-navigator*******/

.page-navigator{

	width:434px;

	overflow:hidden;

	list-style:none;

	margin:0;

	padding:0;

}

.page-navigator li{

	float:left;

	width:63px;

	height:64px;

	margin:0 38px 0 86px;

	display:inline;

}

.page-navigator li a{

	text-indent:-9999em;

	overflow:hidden;

	display:block;

	height:100%;

	cursor:pointer;

}

.page-navigator li.prev a{background:url(../images/left-arrow.png) no-repeat;}

.page-navigator li.prev a:hover, .page-navigator li.prev a.active{background:url(../images/left-arrow-over.png) no-repeat;}

.page-navigator li.next a{background:url(../images/right-arrow.png) no-repeat;}

.page-navigator li.next a:hover, .page-navigator li.next a.active{background:url(../images/right-arrow-over.png) no-repeat;}

#pagination{
	text-align:center;
	position:absolute;
	top:315px;
	left:90px;
	width:250px;
}
.pagination_simple_lien_cur{
	color:#55ade0;
	display:none;
}
.pagination_simple_lien{
	color:#FFFFFF;
	text-decoration:none;
}
#pagination_simple_lien_previous{
	margin-right:80px;
}
#pagination_simple_lien_next{
	
}
.pagination_ajust_img{
	vertical-align:middle;
}
/*explorateur*************/

.explorateur{

	background:url(../images/explorateur-bg.gif) no-repeat;

	width:446px;

	height:220px;

	padding:15px 0 0 21px;

}

.explorateur h2.expl-heading{

	background:url(../images/explorateur-heading.gif) no-repeat;

	width:108px;

	height:15px;

	text-indent:-9999em;

	overflow:hidden;

	margin:0 0 11px;

}



/*explorateur-bo*********/

.explorateur-box{

	position:relative;
	
	height:145px; 

	overflow:auto;

	width:417px;
	

}

.explorateur-box .vscroll-line{

	left:1px !important;

	width:14px !important;

	overflow: hidden;

	height:153px;

	background:url(../images/scroll-line.png) no-repeat;

}



.explorateur-box .vscroll-slider{

	left:0 !important;

	background:none;

	width:16px !important;

	height:32px;

	background:url(../images/scroll-slider.png) no-repeat;

}

.explorateur-box p{margin:0;}



.vscroll-up,

.vscroll-down {display:none;}

.explorateur-box ul{

	list-style:none;

	margin:0;

	padding:4px 0 0;

}

.explorateur-box ul li{margin-bottom:8px;}

.explorateur-box ul li a{

	font-size:1.3em;

	color:#5caddc;

	text-decoration:none;

	padding-left:26px;

	background:url(../images/blue-folder.gif) no-repeat;

}

.explorateur-box ul li.play a, .explorateur-box ul li.play a:hover{background:url(../images/blue-arrow.gif) no-repeat 0 50%;}

.explorateur-box ul li a:hover{

	color:#f8d239;

	background:url(../images/yellow-folder.gif) no-repeat;

}

.explorateur-menu{

	width:390px;

	overflow:hidden;

	list-style:none;

	margin:0 56px 0 0;

	padding:0;

}

.explorateur-menu li{

	float:right;

	font-size:1.3em;

	border-right:1px solid #f8d239;

	margin:0 -1px 0 1px;

	padding:0 4px;

}

.explorateur-menu li a{

	text-decoration:none;

	color:#f8d239;

}

.explorateur-menu li a:hover{text-decoration:underline;}



/*box-holder*********/

.box-holder{

	width:468px;

	padding:0 0 0 5px;

	overflow:hidden;

}

.box-holder img{float:left;}

.tagcloud{

	float:left;

	background:url(../images/tag-cloud.gif) no-repeat;

	width:137px;

	height:243px;

	padding:8px 9px 0 18px;

}

.tagcloud ul{

	list-style:none;

	margin:0;

	padding:0;

}

.tagcloud ul li{

	font-size:16px;

	font-weight:normal;

	text-transform:uppercase;

	display:inline;

	padding-right:8px;

}

.tagcloud ul li em{

	font-weight:bold;

	font-style:normal;

}

.tagcloud ul li em em{

	font-size:18px;

	font-weight:normal;

}

.tagcloud ul li a{

	text-decoration:none;

	color:#c7c7c7;

}

.tagcloud ul li a:hover{color:#5caddc;}

h2.tags-heading{

	background:url(../images/tags-heading.gif) no-repeat;

	width:41px;

	height:14px;

	text-indent:-9999em;

	overflow:hidden;

	margin:0 0 15px;

}

/*video-holder**********/

.video-holder{

	background:url(../images/video-holder-bg.gif) no-repeat;

	width:521px;

	height:299px;

	padding:5px 0 0 7px;

}

.video-holder img{display:block;}

/*information-block************/

.information-block{

	background:url(../images/information-bg.gif) no-repeat;

	width:498px;

	height:145px;

	padding:18px 15px 0;

}

.information-block .title{

	width:100%;

	overflow:hidden;

	padding-bottom:15px;

}

.title h1{

	margin:0;

	color:#55ade0;

	font-size:13px;

	font-weight:bold;

}

.title em{

	float:left;

	font-style:normal;

}

.title span{

	font-size:12px;

	color:#c7c7c7;

	float:right;

	font-weight:normal;

}

.information-block p{

	margin:0 0 6px;

	font-size:12px;

}

/*info**********/

.info{

	width:495px;

	background:url(../images/info-bg.gif) no-repeat;

	overflow:hidden;

	padding:10px 0 0 5px;

}

.mail{

	float:left;

	background:url(../images/mail-arrow.gif) no-repeat 0 50%;

	font-size:12px;

	color:#c7c7c7;

	text-decoration:none;

	padding-left:25px;

}

.mail:hover{text-decoration:underline;}

.info p{

	margin:0;

	font-size:12px;

	float:left;

	color:#55ade0;

	padding-left:20px;

}

.info p span{color:#fff;}

.info img{

	float:left;

	margin-left:5px;

}
#jaime_content a{
	color:#C7C7AE;
	text-decoration:none;
}
#jaime_content a:hover{
	color:#C7C7AE;
	text-decoration:underline;
}
#jaime_content-loading img{
	width:12px;
}

/*tags-associes*******/

.tags-associes{

	width:100%;

	overflow:hidden;

	padding:4px 0 0;

}

.tags-associes ul{

	float:left;

	list-style:none;

	margin:0;

	padding:0;

}

.tags-associes h2{

	float:left;

	font-size:12px;

	color:#55ade0;

	margin:0 0 0 6px;

	display:inline;

	font-weight:normal;

}

.tags-associes li{

	float:left;

	font-size:12px;

	color:#55ade0;

	margin-left:6px;

	display:inline;

}

.tags-associes li a{

	text-decoration:none;

	color:#c7c7c7;

}

.tags-associes li a:hover{color:#fecb00;}

/*connected-form***********/

.connected-form{

	width:495px;

	overflow:hidden;

	padding:10px 0 0 5px;

}

.connected-form label{

	float:left;

	font-size:12px;

	color:#55ade0;

	padding-right:8px;

	position:relative;

}

.connected-form span{

	float:left;

	width:420px;

	height:20px;

	padding:1px 0 0 4px;

	background:url(../images/connected-input-bg.png);

}

.connected-form span input{

	display:block;

	width:100%;

	font:12px Arial, Helvetica, sans-serif;

	color:#c7c7c7;

	border:none;

	background:none;

	position:relative;

}

/*comments-block*************/

.comments-block{

	position:relative;
	
	background:url(../images/comments-bg.gif) no-repeat;

	width:518px;

	height:469px;

	padding:8px 0 0 10px;

}

h2.comments-heading{

	background:url(../images/comments-heading.gif) no-repeat;

	width:127px;

	height:14px;

	text-indent:-9999em;

	overflow:hidden;

	margin:0 0 17px 11px;

}

/*comments-form********/

.comments-form{

	background:url(../images/info-bg.gif) no-repeat 0 100%;

	width:483px;

	padding:0 0 17px 17px;

	overflow:hidden;

	margin-bottom:16px;

}

.comments-form label.titre{

	display:block;

	text-indent:-9999em;

	overflow:hidden;

	background:url(../images/titre-label.gif) no-repeat;

	width:36px;

	height:13px;

	margin:0 0 7px 3px;

}

.comments-form input{

	display:block;

	width:453px;

	background:#afafaf;

	padding:6px 0 6px 10px;

	font:14px Arial, Helvetica, sans-serif;

	border:none;

	margin-bottom:19px;

}

.comments-holder{

	width:100%;

	overflow:hidden;

}

.comments-holder textarea{

	width:405px;

	height:72px;

	float:left;

	border:none;

	border-top:1px solid #595959;

	background:#afafaf;

	overflow:auto;

	padding:0;

	margin-top:0;

}

.comments-form input.ok-submit{

	background:url(../images/ok-submit.gif) no-repeat;

	width:58px;

	height:73px;

	text-indent:-9999em;

	overflow:hidden;

	cursor:pointer;

	float:left;

	padding:0;

	margin:0;

}

label.message-heading{

	background:url(../images/message-label.gif) no-repeat;

	width:119px;

	height:13px;

	text-indent:-9999em;

	overflow:hidden;

	margin:0 0 5px;

	display:block;

}

/*comments-list*************/

.comments-list{

	height:225px; 

	overflow:hidden;

	width:485px;

	padding:0 0 0 5px;

}

.comments-list .scroll-content{

	height:225px !important;

	width: 468px !important;

}

.comments-list .vscroll-line{

	left:1px !important;

	width:14px !important;

	overflow: hidden;

	height:225px;

	background:url(../images/scroll-line2.png) no-repeat;

}



.comments-list .vscroll-slider{

	left:0 !important;

	background:none;

	width:16px !important;

	height:32px;

	background:url(../images/scroll-slider.png) no-repeat;

}

.comments-list p{margin:0;}

.comments-list ul{

	list-style:none;

	margin:0;

	padding:0;

}

.comments-list ul li{

	padding:4px 0 4px 10px;

	margin-bottom:7px;

	width:458px;

}

.comments-list ul li.bg{background:url(../images/comments-bg.png);}

.comment-title{

	width:100%;

	overflow:hidden;

	position:relative;

}

.comments-list ul li h2{

	margin:0;

	font-size:1.3em;

	color:#55ade0;

	font-weight:normal;

	display:inline;

}

.comments-list ul li .postdate{

	margin:0;

	font-size:1.3em;

	color:#55ade0;

	font-weight:normal;

}

.comments-list ul li .postauthor{

	margin:0;

	font-size:1.3em;

	color:#55ade0;

	font-weight:bold;

}

.comments-list ul li p{

	margin:0;

	font-size:1.3em;

	color:#fff;

	font-weight:normal;

	position:relative;

}





#footer{

	width:974px;

	padding:10px 16px 10px 12px;

	overflow:hidden;

	font-size:1.4em;

}

#footer a{

	color:#fff;

	text-decoration:none;

}

#footer a:hover{text-decoration:underline;}

#footer p{

	float:right;

	margin:0;

}

#footer p a{color:#55ade0;}

#footer ul{

	list-style:none;

	margin:0;

	padding:0;

	overflow:hidden;

	float:left;

}

#footer ul li{

	float:left;

	background:url(../images/footer-separator.gif) no-repeat 0 50%;

	padding:0 4px 0 10px;

	margin:0 10px 0 -10px;

}








http://www.ffsa.tv/css/all_override.css

html {
	background: none;
}

body {
	background-color: #191e22; 
}

/* scrollbars */

.vscroll-slider {
	cursor: pointer;	
}

#homeNavigatorSlider {
	position: relative;
}

#homeNavigator .video-description-item {
	display: none;
}

#homeNavigator {
	overflow: hidden;
	position: absolute;
	width:435px;
	height: 385px;
}

.video-description {
	height: 31px;
}

.title h1 {
	float: left;
	height:16px;
	overflow:hidden;
	width:330px;
}

.tags-associes ul {
	width: 400px;
	height: 15px;
	overflow: hidden;
}

.information-block p {
	height: 15px;
	overflow:hidden;	
}

.comments-form {
	margin:0 0 15px 5px;
	padding:0 0 0 17px; 
}
#commentaire_form .error {
	color: #900;
}
#commentaire_form .ok {
	color: #090;
}
.comments-form .comments-form-message-anonymous {
	height: 33px;
}

#comment_message {
	height: 12px;
}

#comment_message.success {
	color: #090;
}

#comment_message.error {
	color: #900;
}

.tagcloud ul {
	overflow:hidden;
	width:130px;
	height:205px;
}

.tagcloud ul li {
	font-size:12px;
}
.tagcloud ul li a {
	line-height:17px;
}

.video-list {
	height: 268px;
}

.video-holder {
	width: 520px;
}

.video-description {
	margin-top:0px;
	padding:5px 0 5px 5px;
}


#search-form input {
	color: #000000;
}

.comments-holder textarea {
	font-size:14px;
}

input.input_hidden {
	display: none;
}

#loginForm input.error {
	color: #c00;
}

#bodyPub {
	width: 299px;
	height: 249px;
	margin-left:17%;

}

.is-empty {
	width: 440px;
	line-height: 320px;
	text-align: center;
	font-size: 18px;
	color: #fff;
}

#player_container {
	background: #000;
	width: 512px;
    height: 291px; 
}

#loginDisplay {
	font-size:12px;
	width:150px;
	height:14px;
	overflow:hidden;
	line-height:14px;
	margin:5px 0;
}


.image-loader {
    width: 138px;
    height: 78px;
    overflow: hidden;
}

#search-form a.deconnect {
	border: none;
	float: none;
	font-size:9px;
	line-height:9px;
	margin: 0 0 0 90px;
}

.image-loader.loading {
    background: url(../images/ajax-loader-2.gif) no-repeat center center;
}

#podcastInfos {
	display: none;
	font-size: 14px;
	margin:10px 0 0;
}

#podcastInfos h2 {
	color:#68afda; 
	font-size: 18px;
	float: left;
}

#podcastInfos .btn-close {
	display: block;
	text-indent: -500em;
	float: right;
	cursor: pointer;
	margin: 5px 0 0 0;
	
}

#podcastInfos p {
	clear: both;
}



#podcastInfos a {
	color:#68afda;
}

.btn-close {
    background: url(../images/close_button.gif) no-repeat center center;
	width: 24px;
	height:24px;
}


http://www.ffsa.tv/css/rate.css

#voteRater {
	height:15px;
	float:left;
}

.vote-rate img.active {
	cursor: pointer;
}

.vote-rate {
	float: left;
}


.explorateur-box  {
	width:417px;
	height:145px;
	overflow:hidden;
	position:relative;
}

.comments-list {
	width:485px;
	height: 345px;
	overflow:hidden;
	position:relative;
	padding:0 0 0 5px;

}

.comments-list.logged {
	height: 205px;
}

#commentaires_form_content_loading{
	position:absolute;
	left:90%;
	top:2%;
}
#commentaires_form_content_loading img{
	width:20px;
}

#categoryNavigator .jScrollPaneTrack {
	background:url(../images/scroll-line.png) no-repeat 0 0;
}

#videoDescription .jScrollPaneTrack {
	background:url(../images/scroll-line3.png) no-repeat 0 0;
}

#videoDescription .comments-list.logged .jScrollPaneTrack {
	background:url(../images/scroll-line2.png) no-repeat 0 0;
}

/* Scrollbar Skining */

.jScrollPaneDrag {
	background:url(../images/scroll-slider.png) no-repeat 0 0;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	right:5px;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneDrag {
	position: absolute;
	width:7px;
	right:1px;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}



.error_message {
	width:500px;
	height: 750px;
	margin:auto;
	margin-top:200px;
	width:500px;
	font-size: 18px;
	text-align: center;
}

.error_message a {
	color: #fff;
}

a {
   outline: none;
}