/* Table of Contents:
  PAGE STRUCTURE
  TYPOGRAPHY
  HEADER
  NAVIGUATION
  FOOTER
  FORMS
  COMMENTS
  EXTRA

  colors:
  	Sky blue (Vids duration text):#4c74b9;
	Mid grey (Vids title):#757575;
	Light Orange (Vids date posted):#ffae00;
	Light Grey (Vids views):#959595;
	DARK GREY:(Vids min):#434343;
*/

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

body {
	/*background-color: #00FF00;*/
	background: #EDEDED url("../images/bck_body.jpg") repeat-x 0 -30px;
}
/* -----------------------------------*/
/* ---------->>> PAGE STRUCTURE <<<-----------*/
/* -----------------------------------*/
#container {
	overflow: hidden;
	width: 950px;
}

.container { width: 950px; margin: 0 auto;}

ul.helper { list-style: none; float: right; margin-top: 1px; margin-right:5px; padding-bottom:0; }
ul.helper li { float:left; height: 20px; line-height: 1.8em; margin-left: 5px; }

ul.helper li.lang * { float: left; margin-left: 2px; }
ul.helper li a { color: #202020; text-decoration: underline; }
ul.helper li a:hover { color: #FE6508; }


/* ---------->>> HEADER <<<-----------*/
.header { background-color: silver; }

.header .indent { text-indent:-9999px; height:30px; padding:0; overflow: hidden; }

h1.header_logo { position:absolute; width: 155px; height: 50px; text-indent: -9000px; background: transparent url("/images/logo.gif") no-repeat 0 0; margin:5px 0 0 15px; padding:0; }

#naviguation_menu { overflow:hidden;  height:29px; margin-left: 40px; }

/* ---------->>> subheader <<<-----------*/
.subheader { background-color: #121212; border-bottom: 4px solid #f96b11; margin-bottom: 15px; padding:0; }
#submenu { color:#fff; margin:0;}

/* -----------------------------------*/
/* ---------->>> TYPOGRAPHY <<<-----------*/
/* -----------------------------------*/
 /*----------------- color--*/
 a {color:#fff;}
.BLUE {color: #4c74b9;}
.GREY {color: #959595;}
.ORANGE {color: #ed6f00;}
.none {display:none;}
/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/



/* -----------------------------------*/
/* ---------->>> NAVIGUATION <<<-----------*/
/* -----------------------------------*/
/*---------------------------menu*/
#naviguation_menu ul {
background:transparent url("../images/menu_matrix.jpg") no-repeat;
list-style: none;
list-style-image: none;
position: relative;
width:570px;
left:145px;
}

#naviguation_menu li {
float:left;
}

#naviguation_menu li a{
  background:transparent url("../images/menu_matrix.jpg") no-repeat;
  height:29px;
  display:block;
  margin:0;
  overflow:hidden;
  padding:0;
  position:absolute;
  text-align:center;
  width:95px;
  text-decoration:none
 }

#naviguation_menu li a h3{
 /*font:normal;*/
 padding:7px 0 0;
 }




/*  normal statement*/
li#nav_home a {background-position: 0 0;  left: 0px;}
li#nav_videos a {background-position: -95px 0; left: 95px;}
li#nav_community a{background-position: -190px 0; left: 190px;}
li#nav_mystuff a{background-position: -285px 0; left: 285px;}
li#nav_webcam a{background-position: -380px 0; left: 380px;}
li#nav_dating a{background-position: -475px 0; left: 475px;}
/*over statement*/
li#nav_home a:hover {background-position: 0 -29px;  }
li#nav_videos a:hover {background-position: -95px -29px;}
li#nav_community a:hover{background-position: -190px -29px;}
li#nav_mystuff a:hover{background-position: -285px -29px;}
li#nav_webcam a:hover{background-position: -380px -29px;}
li#nav_dating a:hover{background-position: -475px -29px;}

/*click statement*/
li#nav_home a:active {background-position: 0 -58px;}
li#nav_videos a:active {background-position: -95px -58px;}
li#nav_community a:active{background-position: -190px -58px;}
li#nav_mystuff a:active{background-position: -285px -58px;}
li#nav_webcam a:active{background-position: -380px -58px;}
li#nav_dating a:active{background-position: -475px -58px;}

/*selected*/
#body_home li#nav_home a{background-position: 0 -87px;  left: 0px;}
#body_videos li#nav_videos a{background-position: -95px -87px; left: 95px;}
#body_community li#nav_community a{background-position: -190px -87px; left: 190px;}
#body_mystuff li#nav_mystuff a{background-position: -285px -87px; left: 285px;}
#body_webcam li#nav_webcam a{background-position: -380px -87px; left: 380px;}
#body_dating li#nav_dating a{background-position: -475px -87px; left: 475px;}


#menu_signup, #menu_login{
background:transparent url("../images/tabs_signup_left.jpg") no-repeat 0 4px;
cursor: pointer;
height:29px;
margin:0 5px;
}

#menu_signup{
background:transparent url("../images/tabs_signup_left.jpg") no-repeat 0 4px;
}
#menu_login{
 background:transparent url("../images/tabs_login_left.jpg") no-repeat 0 4px;
}

#menu_signup span, #menu_login span{
  color:#666;
  font: bold 1em Arial;
  display:block;
  line-height:2.9em;
  margin: 0 0 0 2.4em;
  padding: 1px 9px 0 4px;
  text-transform : uppercase;
}


#menu_signup span,#menu_login span{
  background:transparent url("../images/tabs_signup_right.jpg") no-repeat right 4px;
}
.bck-part{
	background: #fff url("../images/bck_part.jpg") repeat-x;
	border: 1px solid #ccc;
  overflow: hidden;
  padding: 5px 0 0 0;
}
.no-border-top{
border-top:0;
}
/*----------------------------------------*/
/*------------------------------search*/
p#submenu_ipod {
	/*border: 1px solid #000;*/
  line-height:3.8em;
  padding:0 0 0 25px;
  text-transform: uppercase;
  width: 24%;

}
span.bullet{
background: url("../images/puce.png") no-repeat left top;
display:block;
float:left;
height:1.8em;
text-indent:-9999px;
width:1.8em;
margin-right: 5px;
}

#form_search {
	/*border: 1px solid #000;*/
	background:transparent url("../images/bck_search.jpg") no-repeat;
	height: 38px;
    width: 50%;
}
#form_search input, #form_search a, #form_search select {
position:relative;
top:10px;
left:55px;
}

#form_search input#search_term{
width:19em;
}

p#submenu_statistic {
	line-height:3.8em;
	width: 22%;
	padding:0;
}


/*----------------------------------------------------/
---------------      CATEGORIES     ------------------/
-----------------------------------------------------*/
#categories { padding: 0 0 15px 10px; _padding: 8px 0 0 10px; }
#categories ul{ float:left; list-style:none; list-style-image:none; width: 125px; margin:0; padding:0;}

#categories #group ul li {background: url("../images/round_btn_blue_left.gif") no-repeat left 0px; float:left;padding: 0px 0 0 6px; margin:0;}
#categories #group ul a {background: url("../images/round_btn_blue_right.gif") no-repeat right 0px; padding: 0 5px 0 0; display:block;height:1.9em;}
#categories #group ul a input[type=radio]{margin:1px 1px 0 0; vertical-align:middle; border:1px solid transparent; float:left;}
#categories #group ul a h3 {float:left; line-height:1.8em; padding:0 5px 0 0;}

#categories div.menu_video { height: 15px; margin-top: 10px;}
#categories div.menu_video ul { width: 100%;  }
#categories .menu_video ul li {
	float: left;
background: url("../images/round_btn_grey_left.gif") no-repeat 0px 0;
color:#fff;
padding: 0 0 0 7px;
line-height: 1.8em;
text-transform:lowercase;
margin-right: 8px;
}
#categories .menu_video ul li a {
background: url("../images/round_btn_grey_right.gif") no-repeat right 0;
display:block;
line-height: 1.7em;
text-align: center;
padding: 0 7px 0 0;
}
/*-------------------------------------------------------------------/
--------------------------IMAGE -------------------------------------------/
/--------------------------------------------------------------------------------*/

img {
}

img.thumb {
	background: #bbb;
	border:1px solid #aaa;
	height: 120px;
	width: 160px;
}

#videos_scroller a h3.titlevidz, #relative_videos a h3.titlevidz, #videos_list a h3.titlevidz{
color: #333;
height: 1.8em;
line-height: 1.8em;
margin:0;
padding:0;
overflow:hidden;
}

/*------------------------------------------------------------------------------------/
------------------------------onglet-------------------------------------------------/
/*------------------------------------------------------------------------------------*/


.title_box {
	background: #ccc url("../images/bck-title.jpg") repeat-y ;
	border:1px solid #bbb;
	height: 2em;
	padding: 0.3em 0.5em 0.3em 0.3em
}
.title_box a { color: black; }
.title_box h3{
color: #fff;
padding: 0.4em;
}





/***************************************************************************/
/*------------------------STARS RATING---------------------------------------*/
/*---------------------------------------------------------------------------*/
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url("../images/star.gif") repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
/* debug probleme déritage  */
#last_viewed ul.star-rating { padding: 0; }

.star-rating li{
	padding:0;
	margin:0;

}

.star-rating a,
.star-rating .current-rating{
  position:absolute;
  padding:0;
  margin:0;
  top:0;
  left:0px;
  text-indent:-1000em;
  height:25px;
  line-height:25px;
  outline:none;
  overflow:hidden;
  border: none;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus {
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:7;
}
.star-rating a.two-stars{
	width:40%;
	z-index:6;
}
.star-rating a.three-stars{
	width:60%;
	z-index:5;
}
.star-rating a.four-stars{
	width:80%;
	z-index:4;
}
.star-rating a.five-stars{
	width:100%;
	z-index:3;
}
.star-rating .current-rating{
	z-index:2;
	background-position: left center;
}

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:50px;
	height:10px;
	margin-top: 0;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url("../images/star_small.gif");
	line-height: 10px;
	height: 10px;
}
.small-star .current-rating{
  overflow:hidden;
  top:0px;
  left:-8px;
  background-position: left -20px;
  padding:0;
}
.small-star .current-rating li { margin:0; padding:0; }

/*--------------------------------------------------/
---------------------------RATING VIDEO--------------------/
/---------------------------------------------------*/
.rating {
    cursor: pointer;
    margin: 0;
    clear: both;
    float:  right;
    width: 125px;
}
.rating:after {
    content: '.';
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden;
}
.total_rate {
  clear: right;
  float: right;
 }
 .showvideo_views {
 	float: right;
 	clear: right;
 	width: 25%;
 	text-align:right;
 	color: rgb(76, 116, 185);
  }
.cancel,
.star {
    float: left;
    width: 25px;
    height: 25px;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
}

div.done, div.done a {
  cursor: default;
}

.star,
.star a {background: url(../images/star.gif) no-repeat 0 0px;}

.star a {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 0 0px;
}

div.rating div.on a {
    background-position: 0 -50px;
}
div.rating div.hover a {
background-position: 0 -25px;
}


/*--------------------------------------------------/
---------------------------FOOTER--------------------/
/---------------------------------------------------*/

/* init Footer */
.footer { font-size: 110%; }
.footer .clear { margin: 0; border:solid 1px #e6e6e6; visibility:hidden; display:block; }
.footer.foot_header { background-color: #333; width: 100%; border-bottom: 6px solid #f96b11; margin-top: 30px; }
.footer.foot_header .container_footer {
 }

.footer .container_footer {
margin:0 auto;
width:960px; }
.footer .container_footer a {
color: #4c74b9; margin-top: 30px; }
.footer .container_footer a:hover { text-decoration: underline; }
/* end init Footer */

/* Form inscription au mailing list */
.footer .container_footer .subscribe_mailing {
	width: 763px;
	text-align:right;
	padding: 5px;
	margin: 3px 0;  }
.footer .container_footer label {
	color: #fff;
	font-size: 1.1em; }
.footer .container_footer .textfield {
	border: solid 1px #fff;
	background-color: #e6e6e6;
	padding: 3px 5px;
	width: 28%;
	height: 15px;}
.footer .container_footer .submit {
	border: none;
	background-color: #08a9fa;
	padding: 3px 5px; color: white;
	height: 23px; }


.footer .container_footer .footer_col {
	margin-top: 20px;
	padding-left: 1%;
	float: left;
	width:  17.5%;
	_width:  17.2%;
	height: 290px;
	overflow:hidden;
	border-left: 1px solid silver;
	margin-left: 1%; }
.footer .container_footer .footer_col h3 { font-size: 1.0em; margin-bottom: 5px; }
.footer .container_footer .footer_col ul { margin:0; padding:0; list-style: none; }
.footer .container_footer .footer_col ul li { line-height: 1.3em; white-space:nowrap; padding:0 0 3px 0;}
/* footer menu en ligne */
.footer .container_footer .menu_help { margin: 20px 0; padding: 0 1%; }
.footer .container_footer .menu_help div { margin: 7px 0; width: 90%; float: left; color: #4c74b9; }
.footer .container_footer .menu_help b   { margin: 7px 0; width: 10%; float: left; clear: left;  font-weight: bold; }

.footer .container_footer div.copyright { text-align: center; margin-top: 20px; margin-bottom: 15px; font: bold 1.1em "Times New Roman", Times, serif; color: #000; width:99%; }