@charset "utf-8";
/*----------------------
  -- Main Body Styles --
  ----------------------*/
img {
	border: 0;
}
body {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 background-color:;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
/*--This is the main container of the template.  It sets the overall width of the tempalate as well as centers it--*/
#wrapper {
	width: 980px;
	margin: 0 auto; /*centers the template*/
}
/*--The main header--*/
#header {
	width: 983px;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	height:100px;
	background: transparent url(../images/header-main.jpg) no-repeat;
}
#header-main {
	width: 192px;
	height: 53px;
	margin: 0px;
	float:right;
	background:url(../images/recherche.jpg) no-repeat;
	margin-top:47px;
}
#header-bottom {
	width: 983px;
	height: 6px;
	margin: 0px;
	background: transparent url(../images/header-bottom.jpg);
}
#title{
float:left;
margin-top:30px;
margin-left:15px;
font-family:'century gothic',arial,verdana;
height:80px;
}
#title p{
font-size:29px; font-weight:bold; color:#283773
}
#title span.blue{
color:#35afe4
}
#title span.size{
font-size:16px;
}
/*--Set the margin of the logo so that it aligns properly with the left header background--*/
#logo {
	margin: 5px 0px 0px 20px;
	height:97px;
	width:117px;
	float:left;
}
/*--Footer styles--*/
#footer {
	height: 64px;
	width:981px;
	margin:0 auto;
	background:url(../images/footer.jpg) no-repeat;
	clear: both;/*Clears all columns and sets the footer at the bottom*/
}
/*--Set footer width and center--*/
#footer-wrapper {
	color:#666666;
	width: 981px;
	margin: 0 auto;
	padding: 10px 0px;
}
#footer-wrapper a {
	color:#666666;
}
#footer-wrapper a:hover {
	color:#666666;
}
#footer-wrapper p#gauche {
	float:left; text-align:left
}
#footer-wrapper p#gauche span {
color:#5798CA;
font-weight:bold;
}
#footer-wrapper p#droite {
float:right; margin-top:70px}
/*----------------------
  -- Link Styles      --
  ----------------------*/
/*-Main Links.  All links will show like this unless specified otherwise-*/
a:link {
	color: #5798ca;
	text-decoration: none;
}
a:visited {
	color: #5798ca;
	text-decoration: none;
}
a:hover {
	color: #293773;
}
/*-----------------------
  -- Navigation Styles --
  -----------------------*/


/*--Browse Navigation. (Featured, Most Views, etc...)--*/
.browse-nav {
	text-align: right;
	margin: -15px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
}


.browse-nav a {
	color: #293773;
	font-size: 12px;
}
.browse-nav a:hover {
	text-decoration: underline;
}

/*--Search Bar--*/
#search-bar {
	float: right;
	width:160px;
	margin: 7px 15px 0px 0px;
}
#search-bar img{
margin:5px 0 0 5px;
float:right;
}

/*-----------------------
  -- Column Styles     --
  -----------------------*/
#inner-templates-container {
	width: 100%;/* margin: 0px auto; */
}
#column-left-1 {
	width: 712px;
	float: left;
	margin: 15px 5px 10px 0px;
}
#column-right-1 {
	width: 258px;
	float: left;
	margin: 15px 0px 10px 5px;
}

/*------------------------------------
  -- Containers, Headers and Blocks --
  ------------------------------------*/

/*--Wide Container Header--*/

.header-wide-2 {
	color: #1f5176;
	font-size: 14px;
	font-weight: bold;
	width: 704px;
	height: 24px;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 8px;
	background: transparent url(../images/column-header-wide-2.gif) no-repeat;
}

.header-wide h2 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	text-align: left;
}
/*--Wide Container--*/
.container-wide {
	width: 704px;
	text-align: center;
	border: 1px solid #a7a7a8;
	border-top: none;
	border-bottom: none;
	padding: 0px 3px;
}
/*--Bottom border. This is to give the wide containers rounded bottom corners.--*/
.container-wide-footer {
	width: 712px;
	height: 6px;
	margin: -2px 0px 10px 0px;
	background: transparent url(../images/column-border-bottom-wide.gif) no-repeat;
}
/*--Top border. This is to give the wide containers rounded top corners.--*/
.container-wide-header {
	width: 712px;
	height: 6px;
	margin: 5px 0px 0px 0px;
	background: transparent url(../images/column-border-top-wide.gif) no-repeat;
}
.rating {
	float: left;
}
/*--Narrow Column Header--*/
.header-narrow {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	width: 259px;
}
/*-- Narrow Container.  These are used in the right column--*/
.container-narrow {
	width: 259px;
	background: transparent url(../images/top.jpg) no-repeat;
	border: 1px solid #f7f7f7;
}
/*--This gives the narrow containers rounded bottom corners.--*/
.container-narrow-bottom {
	width: 260px;
	height: 12px;
	margin: -1px 0px 10px 0px;
	background: transparent url(../images/bottom.jpg) no-repeat;
}
/*--The Login Form Container--*/
#pub-vide {
	color: #fff;
	width: 259px;
	height: 173px;
	background: transparent url(../images/box.jpg) no-repeat;
	margin: 0px 0px 5px 0px;
}
#pubcahr {
	color: #fff;
	width: 259px;
	height: 173px;
	margin: 0px 0px 5px 0px;
}
/*--The Index Player Container--*/
#index-player-container {
	width: 710px;
	text-align: center;
	border: 1px solid #a7a7a8;
	border-top: none;
	padding: 0px 0px 1px 0px;
	margin: 0px 0px 10px 0px;
}

/*--The Video Browser Container--*/
.browse-videos {
	width: 704px;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	background-position: right bottom;
}
.browse-videos ul {
	list-style-type: none;
	display: inline;
	clear: both;
}
.browse-videos li {
	display: inline;
	width: 120px;
	text-align: center;
	float: left;
	padding: 2px;
	margin: 5px 26px;
}
.browse-videos-title {
	color: #333;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}
.browse-videos-duration {
	color: #333;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	margin-top: 4px;
}
.browse-videos-member {
	color: #333;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 4px;
}
.browse-videos-rating {
	text-align: right;
	margin-top: -10px;
}
.browse-videos-date {
	color: #333;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	margin-top: -4px;
}


/*--The Stats Container--*/

.container-narrow ul {
	list-style-type: none;
}
.container-narrow li {
	float: left;
	width: 100%;
	line-height: 1.8;
}

/*----------------------
  -- General Styles   --
  ----------------------*/
.stats-thumb {
	float: left;
	margin: 2px 0px
}
.stats-lable {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	margin: 5px;
	float: left;
}
.stats-value {
	float: right;
	margin: 5px 2px;
}

.clear-fix {
	clear: both;
}

/*----------------------
  -- Promoted Videos  --
  ----------------------*/
#promoted-narrow {
border-style: none solid;
border-color: -moz-use-text-color rgb(167, 167, 168);
border-width: medium 1px;
padding: 0pt 3px;
min-height: 145px;
margin-top: 5px;
padding-left:5px;
}
#promoted-narrow .last {
margin:0; padding:0;
}
#promoted-narrow-center {
border-style: none solid;
border-color: -moz-use-text-color rgb(167, 167, 168);
border-width: medium 1px;
padding: 0pt 3px;
min-height: 145px;
margin-top: 5px;
padding-left:5px;
text-align:center;
}
#promoted-narrow-center span.title {
color:#283773;
font-weight:bold;
}
#promoted-narrow span.title {
color:#283773;
font-weight:bold;
}
.ts-1 {
	border: none;
	height: 120px;
	position: relative;
	text-align: left;
	width: 522px;
}
.ts-1-1 {
	border: none;
	height: 114px;
	left: 40px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 126px;
}
.ts-2 {
	border: none;
	height: 114px;
	position: relative;
	text-align: left;
	width: 126px;
}
.ts-2-1 {
	background-color: #f2f2f2;
	border: none;
	height: 0px;
	left: 0px;
	overflow: hidden;
	padding: 1px;
	position: absolute;
	text-align: center;
	top: 0px;
	width: 124px;
}
.ts-2-2 {
	background-color: #f2f2f2;
	border: none;
	height: 97px;
	left: 0px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 124px;
}
.ts-2-3 {
	font-weight: bold;
	background-color: #f2f2f2;
	margin: 78px 0px 0px 0px;
	padding: 1px;
	position: absolute;
	text-align: center;
	width: 124px;
}
.ts-2-4 {
	font-size:9px;
	font-weight: bold;
	background-color: #f2f2f2;
	height: 19px;
	margin: 91px 0px 0px 0px;
	line-height: 19px;
	padding: 1px;
	position: absolute;
	text-align: center;
	width: 124px;
}
.ts-2-5 {
	background-color: #f2f2f2;
	border: none;
	height: 0px;
	margin: 92px 0px 0px 0px;
	overflow: hidden;
	padding: 1px;
	position: absolute;
	text-align: center;
	width: 124px;
}
.ts-1-2 {
	border: none;
	height: 114px;
	left: 210px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 126px;
}
.ts-3-3 {
	background-color: #f2f2f2;
	border: none;
	height: 18px;
	left: 0px;
	padding: 1px;
	position: absolute;
	top: 101px;
	width: 124px;
}
.ts-3-4 {
	background-color: #f2f2f2;
	border: none;
	height: 19px;
	left: 0px;
	padding: 1px;
	position: absolute;
	top: 121px;
	width: 124px;
}
.ts-1-3 {
	border: none;
	height: 114px;
	left: 380px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 126px;
}
.ts-1-4 {
	border: none;
	height: 114px;
	left: 550px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 126px;
}



input:focus, textarea:focus {
	color: #444444;
	border: 1px solid #0099FF;
}