/* HTML */
body {
	font: 100% Georgia, Trebuchet MS, Arial, sans-serif;
	font-size: 100%;
	background: #000;
	line-height: 1.5em;
	color: #000;
	background: #000;
	background-image: url(media/template/background.png);
}
hr {
	color: #b3b3b3;
	background-color: #b3b3b3;
	height: 1px;
	border: 0;
}
input, textarea {
	font: 100% Georgia, Trebuchet MS, Arial, sans-serif;
	background: #fff;
	color: #000;
}
a {
	color: #f7f7f7;
	text-decoration: none;
}


/* TEMPLATE */
#container {
	width: 976px;
	margin: auto;
	position: relative;
	z-index: 0;
	padding: 0 12px;
	background: #f7f7f7;
}
#header {
	height: 130px;
	background: #000;
	background-repeat: no-repeat; 
	background-position: 100% 30%;
}
#transparent {
	background-image: url(media/template/gradient.png); 
	background-repeat: no-repeat; 
	background-position: right;
	height: 130px;
}
#banner {
	background-image: url(media/template/banniere_haut.png);
	background-repeat: no-repeat;
	height: 130px;
}
#menu {
	background:  #f7f7f7;
	padding: 15px 0px;
	text-transform: uppercase;
}
#menu_inner {
	height: 28px;
	width: 100%;
	border-top:  1px solid #000;
	border-bottom: 1px solid #000;
	padding-top: 5px;
	margin: 0;
	z-index: 10;
}
#under_menu1 {
	height: 8px;
	background: #b3b3b3;
}
#under_menu2 {
	height: 8px;
	border-top:  2px solid #f7f7f7;
	background: #01aeb9;
}
#under_menu3 {
	height: 8px;
	border-top:  2px solid #f7f7f7;
	background: #000;
}
#body {
	min-height: 530px;
	height: auto !important;
	height: 530px;
	background: #f7f7f7;
}
#video_box {
	min-height: 250px;
	height: auto !important;
	height: 250px;
}
#footer {
	padding: 7px;
	background-image: url(media/template/banniere_bas.jpg);
}


/* MENU PRINCIPAL */
.menu {
	font-size:  24px;
	font-weight: bold;
	margin-right: 45px;
	margin-left: 16px;
	color:  #000;
}
.menu_over {
	color: #01aeb9;
}
.menu_selected {
	color: #01aeb9;
}


/* SEARCH */
#search_div {
	text-transform: none;
	float: right;
	font-size: 100%;
	width: 145px;
	height: 23px;
	border: 1px solid #b3b3b3;
	position: relative;
	z-index: 11;
} 
#search_input {
	background: transparent; 
	color: #01aeb9;
	padding: 3px;
	font-size: 14px;
	border: transparent;
} 
#search_selector {
	position: absolute;
	font-size: 100%;
	background: #eee;
	border: 1px solid #b3b3b3;
	padding: 3px;
	color: #000;
	width: 138px;
	left: 0px;
	top: 24px;
	display: none;
	text-align: left;
	z-index: 9;
}


/* THUMB */
.video_thumb {
	width: 130px; 
	height: 69px;
	position: relative;
}
.video_thumb img {
	width: 130px; 
	height: 70px;
	display: none;
	position: relative;
}
.video_thumb a, .video_thumb a:visited, .video_thumb a:active {
	line-height: 130%;
	display: none;
	width: 120px;
	padding: 0 5px;
	position: absolute;
	top: 5px;
	left: 0px;
	text-align: center;
	font-size: 90%;
	text-decoration: none;
	color: #fff;
}


/* LIGHT GRAY */
.l_gray {
	color : #b3b3b3;
}
.l_gray_bg {
	background : #b3b3b3;
}
.l_gray_bd {
	border : 1px solid #b3b3b3;
}
.l_gray_bd_bottom {
	border-bottom : 1px solid #b3b3b3;
}
.l_gray_bd_top {
	border-top : 1px solid #b3b3b3;
}
.l_gray_a a, .gray_a a:visited, .gray_a a:active {
	color : #b3b3b3;
}
.l_gray_a a:hover {
	color : #000;
	text-decoration: none;
}



/* PRIMARY */
.primary {
	color: #01aeb9;
}
.primary_bg {
	background: #01aeb9;
}
.primary_bd {
	border: 1px solid #01aeb9;
}
.primary_bd_bottom {
	border-bottom: 1px solid #01aeb9;
}
.primary_a a, .primary_a a:visited, .primary_a a:active {
	color : #01aeb9;
	font-weight: bold;
}
.primary_a a:hover {
	color: #888;
	text-decoration: none;
}



/* GRAY */
.gray {
	color : #888;
}
.gray_bg {
	background : #888;
}
.gray_bd {
	border : 1px solid #888;
}
.gray_bd_bottom {
	border-bottom : 1px solid #888;
}
.gray_a a, .gray_a a:visited, .gray_a a:active {
	color : #888;
}
.gray_a a:hover {
	color : #888;
	text-decoration: underline;
}
.gray_a2 a, .gray_a2 a:visited, .gray_a2 a:active {
	color : #888;
}
.gray_a2 a:hover {
	color : #01aeb9;
	text-decoration: none;
}


/* LIGHT */
.light {
	color : #f7f7f7;
}
.light_bg {
	background : #f7f7f7;
}
.light_bd {
	border : 1px solid #f7f7f7;
}
.light_a a, .light_a a:visited, .light_a a:active {
	color : #f7f7f7;
}
.light_a a:hover {
	color : #a9acae;
	text-decoration: none;
}


/* DARK */
.dark {
	color : #000000;
}
.dark_bg {
	background : #000000;
}
.dark_bd {
	border : 1px solid #000000;
}
.dark_bd_top {
	border-top : 1px solid #000000;
}
.dark_bd_bottom {
	border-bottom : 1px solid #000000;
}
.dark_a a, .dark_a a:visited, .dark_a a:active {
	color : #000000;
	font-weight:  bold;
}
.dark_a a:hover {
	color : #01aeb9;
	text-decoration: none;
}


/* INPUT ET SUBMIT */
.submit {
	background: #ddd;
	color: #000;
	border: 1px solid #aaa;
	cursor: pointer;
}
.submit_over {
	background: #eee;
	color: #000;
}
.input_over {
	background: #f7f7f7;
}


/* COMMUNICATION */
.neg_com {
	border-bottom: 0.2em solid #f7f7f7;
	margin-bottom: 0.5em;
	color: #01aeb9;
	padding: 0.5em;
	display: none;
	font-weight: bold;
	text-align: center;
}
.pos_com {
	border-bottom: 0.2em solid #f7f7f7;
	margin-bottom: 0.5em;
	color: #01aeb9;
	padding: 0.5em;
	display: none;
	font-weight: bold;
	text-align: center;
}
.over_com {
	border-bottom: 0.2em solid #b3b3b3;
}


/* STAR VOTE */
.star_vote {
	height: 15px;
	width: 15px;
	cursor: pointer;
}
.star_vote_fill {
	background-image: url(media/template/star_fill.png);
	background-position: center;
	background-repeat: no-repeat;
}
.star_vote_selected {
	background-image: url(media/template/star_fill.png);
	background-position: center;
	background-repeat: no-repeat;
}
.star_vote_frame {
	background-image: url(media/template/star_frame.png);
	background-position: center;
	background-repeat: no-repeat;
}


/* CLASS */
.page_padding {
	padding: 20px 5px 35px 5px;
}
.side_padding {
	padding: 0px 25px 35px 25px;
}
.home_menu {
	color: #01aeb9;
}
.tb_header {
	height: 30px;
	padding: 0.3em;
	padding-top: 0.5em;
	border-bottom:  1px solid #000;
	text-align: left;
}


/* SLIDESHOW */
.jcarousel-skin-video .jcarousel-container {
	-moz-border-radius: 10px;
}
.jcarousel-skin-video .jcarousel-container-horizontal {
	width: 900px;
	margin:  auto;
	padding: 0px 38px 0px 38px;
}
.jcarousel-skin-video .jcarousel-clip-horizontal {
	width: 900px;
	height: 70px;
}
.jcarousel-skin-video .jcarousel-item {
	width: 140px;
	height: 70px;
	padding-left: 10px;
}
.jcarousel-skin-video .jcarousel-next-horizontal {
	position: absolute;
	top: 20px;
	right: -3px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(media/template/next_horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-video .jcarousel-next-horizontal:hover {
	background-position: -35px 0;
}
.jcarousel-skin-video .jcarousel-next-horizontal:active {
	background-position: -70px 0;
}

.jcarousel-skin-video .jcarousel-next-disabled-horizontal,
.jcarousel-skin-video .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-video .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: -105px 0;
}
.jcarousel-skin-video .jcarousel-prev-horizontal {
	position: absolute;
	top: 20px;
	left: 7px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(media/template/prev_horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-video .jcarousel-prev-horizontal:hover {
	background-position: -35px 0;
}
.jcarousel-skin-video .jcarousel-prev-horizontal:active {
	background-position: -70px 0;
}
.jcarousel-skin-video .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-video .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-video .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: -105px 0;
}