body{
margin:0;
padding:0 0 30px 0;
background:url(../art/bg_body.jpg) no-repeat top center #ec307a;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#777777;
}

#header{
height:150px;
}
	#header_container{
	width:849px;
	height:105px;
	margin:0 auto;
	padding:45px 20px 0 20px;
	}
		#btn_index{
		float:left;
		display:inline;
		}
		
		#btn_en_savoir_plus{
		float:right;
		margin:80px 80px 0 0;
		display:inline;
		}
#container{
width:889px;
margin:0 auto;
}
	#calage_left{
	width:19px;
	float:left;
	display:inline;
	}
	#content{
	width:811px;
	margin:0;
	padding:0 20px;
	float:left;
	display:inline;
	}
	
		#main_video{
		float:left;
		display:inline;
		width:536px;
		height:404px;
		background:url(../art/bg_main_video.jpg) no-repeat top center;
		padding:0;
		}
			#main_video_flv{
			margin:3px 0 0 3px;
			}
			#ruban_selection{
			position:absolute;
			z-index:2;
			width:150px;
			height:88px;
			}
			#nounours_transp{
			position:absolute;
			z-index:2;
			width:29px;
			height:29px;
			margin:56px 0 0 68px;
			}
		#main_video_infos{
		float:right;
		display:inline;
		width:245px;
		height:381px;
		background:url(../art/bg_main_video_infos.jpg) no-repeat top center;
		margin:13px 0 0 0;
		padding:0px 15px 0 15px;
		}
		#main_video_infos_selection{
		float:right;
		display:inline;
		width:245px;
		height:361px;
		background:url(../art/bg_main_video_infos-selection.jpg) no-repeat bottom center;
		margin:13px 0 0 0;
		padding:20px 15px 0 15px;
		}
		#main_video_infos_selection a{
		text-decoration:underline;
		}
			.nb_comment{
			color:#000000;
			font-weight:bold;
			vertical-align:middle;
			}
			.nb_comment_white{
			color:#FFFFFF;
			font-weight:bold;
			vertical-align:middle;
			}
			#main_video_content{
			margin:20px 0 0 0;
			}
			#main_video_content h1{
			margin:0;
			}
			#main_video_content form{
			margin:5px 0;
			}
			#main_video_content_infos{
			height:305px;
			}
			#main_video_content_infos p{
			margin:10px 0;
			}
		#videos_list{
		clear:both;
		}
		
			#ruban_selection_small{
			position:absolute;
			z-index:2;
			width:50px;
			height:30px;
			}		
			.video_thumb{
			width:89px;
			float:left;
			display:inline;
			margin:9px 55px 0 0;
			}
			.video_thumb_nomarg{
			width:89px;
			float:left;
			display:inline;
			margin:9px 0 0 0;
			}
				.video_thumb input,.video_thumb form,.video_thumb_nomarg input,.video_thumb_nomarg form{
				margin:0;
				padding:0;
				}
				
				.video_thumb_header{
				width:89px;
				height:18px;
				background:url(../art/bg_vu.jpg) no-repeat top center;
				}
				
				.video_thumb_header_vu{
				width:89px;
				height:18px;
				background:url(../art/bg_vu.jpg) no-repeat bottom center;
				}
	#btns_colors{
	float:left;
	display:inline;
	width:17px;
	padding:0 0 0 2px;
	}
		#btns_colors img{
		margin:4px 0 0 0;
		}
#footer{
clear:both;
text-align:center;
color:#ce90a8;
padding:30px 0 0 0;
}


.content_nyrobox{
padding:70px 0 30px 0;
width:500px;
}

/** Commentaires *************************/
.comment{
padding:0 0 5px 0;
margin:0 0 10px 0;
border-bottom:1px solid #ec307a;
}
	.comment p{
	margin:5px 0 0 0;
	padding:0;
	}
	.comment_date{
	font-size:11px;
	}
/** Pagination ******************************/
#infos_pagination{
margin:0 0 5px 0;
}

#content_comments{
height:264px;
overflow:auto;
}

.navigation_pagination{
clear:left;
margin:10px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:2px 0 2px 0;
color:#000000;
text-align:left;
}
.current_page{
color:#ec307a;
text-align:center;
text-decoration:none;
padding:1px 2px;
margin:0;
display:inline;
}
	
.other_page{
color:#777777;
text-align:center;
text-decoration:none;
padding:1px 2px;
margin:0;
display:inline;
}
.other_page:hover{
text-decoration:underline;
}


.navigation{
color:#777777;
text-align:center;
text-decoration:none;
padding:1px 2px;
margin:0;
display:inline;
}
.navigation:hover{
text-decoration:underline;
}
/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/


/** DIVERS ******************************************/
.my_clear{
clear:both;
padding:0;
margin:0;
line-height:0px;
font-size:0px;
height:0px;
}

img{
border:none;
}
.png_ie6{
behavior: url("/lulucastagnette/iepngfix_v2/iepngfix.htc");
}

.center{
text-align:center;
}
/** TITRES ****************************************/
.main_video_title{
color:#ec307a;
font-size:18px;
font-weight:bold;
margin:20px 0 0 0;
padding:0;
}

.video_title{
color:#ec307a;
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
}

/** TEXTES *****************************************/
.txt_pink{
color:#ec307a;
font-weight:bold;
}

.txt_black{
color:#000000;
font-weight:bold;
}
#note_moyenne{
margin:10px 0 3px 0;
}
/** LIENS ******************************************/
.lien_gris{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#777777;
}
.lien_blanc{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}
.lien_footer{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ce90a8;
text-decoration:none;
}
.lien_footer:hover{
color:#FFFFFF;
text-decoration:underline;
}
.lien_corporate{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}
.lien_corporate:hover{
text-decoration:underline;
}
.link_pink{
color:#ec307a;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
.link_pink:hover{
text-decoration:underline;
}
.lien-externe{
color:#EC307A;
text-decoration:underline;
font-weight:bold
}
.lien-externe:hover{
text-decoration:underline;
}
/** BOUTONS ****************************************/
.btn_back{
background:url(../art/btn_back.jpg) no-repeat top center;
width:53px;
height:23px;
display:block;
margin:0 0 0 30px;
}
.btn_back:hover{
background-position:center bottom;
}
.btn_delete_account{
background:url(../art/btn_delete_account.jpg) no-repeat top center;
width:143px;
height:23px;
display:block;
margin:0 0 0 30px;
}
.btn_delete_account:hover{
background-position:center bottom;
}
.btn_vote{
background:url(../art/btn_vote.jpg) no-repeat top center;
width:97px;
height:23px;
display:block;
margin:0 0 0 0;
}
.btn_vote:hover{
background-position:center bottom;
}
/** IMAGES *****************************************/
.avatar{
border:1px solid #cccccc;
margin:0 7px 0 0;
}

.video_thumb_img{
border:1px solid #ec307a;
}

/** FORMULAIRES *************************************/
.form_txt{
float:left;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
margin-right:10px;
width:170px;
}
.form_input{
float:left;
}

.form_submit{
clear:left;
margin-left:180px;
}

.form_sep{
clear:both;
height:5px;
line-height:5px;
}
#form_contact{
width:550px;
/*margin:30px auto 0 auto;*/
}
#form_profil{
width:460px;
margin:30px auto 0 auto;
}
/** MESSAGE DE RETOUR *************************************/
#div_message{
position:absolute;
top:50%;
left:50%;
width:300px;
height:150px;
margin-left:-150px;
margin-top :-100px;
background-color:#FFFFFF;
border:1px solid #ec307a;
z-index:1000;
padding:0;
display:none;
font-family:Arial, Helvetica, sans-serif;
}

.div_message_btn{
text-align:right;
margin:0px;
padding:0 5px 0 0;
background-color:#ec307a;
}
	.div_message_btn a{
	cursor:pointer;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.div_message_p{
text-align:center;
margin:40px 0 0 0;
}

/** En savoir plus *************************************/
#ensavoirplus{
background:url(../art/bg_ensavoirplus.jpg) no-repeat top center;
height:648px;
font-size:16px;
margin:5px 0 0 0;
}
	#txt_ensavoirplus_1{
	width:390px;
	text-align:right;
	padding:142px 0 0 135px;
	}
	#txt_ensavoirplus_2{
	width:470px;
	text-align:left;
	padding:140px 0 0 305px;
	}
	#txt_ensavoirplus_3{
	width:430px;
	text-align:right;
	padding:103px 0 0 110px;
	}
/************************************************************/

/** Contact & Règlement & Crédits ***************************/
#content_generique{
height:640px;
width:740px; 
margin-left:30px;
margin-top:10px;
background-color:white; 
text-align:justify;
overflow:auto;
}

/************************************************************/

/************************************************************/
/** ADMIN ***************************************************/
/************************************************************/
#admin_menu{
text-align:center;
}
#admin_menu_stats{
text-align:center;
margin:20px 0;
}

.content_comments_admin{
height:648px;
margin:5px auto 0 auto;
overflow:auto;
}
.c_admin{
border-bottom:1px solid #ec307a;
}
.comment_admin{
padding:0 0 5px 0;
margin:0 0 10px 0;
float:left;
display:inline;
}
.comment_action{
float:right;
display:inline;
padding:5px 5px 0 0;
}
#content_stats{
height:650px;
overflow:auto;
}