/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family:Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body {
 background-color: #fff;
 font-family: Lucida Grande, Verdana, Sans-serif;
 font-size: 14px;
 line-height:17px;
 color: #4F5155;
}

a {
 color: #003399;
 background-color: transparent;
 font-weight: normal;
}

h1 {
 color: #444;
 background-color: transparent;
 border-bottom: 1px solid #D0D0D0;
 font-size: 16px;
 font-weight: bold;
 margin: 24px 0 2px 0;
 padding: 5px 0 6px 0;
}

.code {
 font-size: 12px;
 background-color: #f9f9f9;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 10px 6px;
 width:612px;
}

.code h2{

	font-size: 14px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;

}

.code p{

	font-size: 12px;
	margin:10px 0;
	
}

#main_wrapper{
	width:1000px;
	margin: 0 auto;
	background-color:#FFFFFF;
}

#menu_top{
	/*border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;*/
	background-image:url(../image/grey.gif);
	background-repeat: repeat-x;
	width:998px;
	height:35px;
	margin: auto;
	/*padding:2px;*/
	padding-top:2px;
	text-align:center;
}

#menu_top a, #menu_top a:hover{
	font-size: 10px;
	text-decoration:underline;
	color:#333333;
	font-weight:bold;	
}

#menu_top .name {	
	font-size: 10px;
	color:#FF6600;
	font-weight:bold;
}

#menu_top table {
	margin:0px auto;
}

#menu_top td {
	vertical-align:top;
	margin:0px;
}

#logo_container{
	width:1000px;
	height:125px; /* hack ebuzzing, sinon 90px */
	margin: 15px auto;
	overflow:hidden;
}

#logo{
	width: 230px;
	height: 35px;
	float:left;
	margin: 25px 0 0 0;
}

#ad_container_728{
	width: 728px;
	height: 125px; /* hack ebuzzing, sinon 90px */
	float:right;
	
	/* DEBUG */
	/*background:#CCCCCC;*/
}

#ad_container_300{

	width: 300px;
	/*height: 280px;*/ /* hack ebuzzing, sinon 250px */
	margin:auto;
	
	/* DEBUG */
	/*background:#CCCCCC;*/

}

#facebook_container_300{

	width: 300px;
	margin:auto;
}

#middle_wrapper{

	/*border-top: 1px solid #CCCCCC;*/
	width:1000px;
	margin: 25px auto;
	overflow:hidden;

}

#main_left_col{

	width:615px;
	float:left;
	margin: 15px 0;

}

.main_left_item{

	/*border: 1px solid #CCCCCC;*/
	background-image:url(../image/grey.gif);
	background-repeat: repeat-x;
	width:610px;
	margin: 0 auto 10px auto;
	/*padding:2px;*/
	padding:6px;
	text-align:left;
	overflow:hidden;
}

.main_left_item h1{

	font-size: 16px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	margin:0 0 15px 0;
	border:none;

}

.main_left_item h1 a{

	font-size: 16px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	margin:0 0 15px 0;
	border:none;

}

.main_left_item h2{

	font-size: 14px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	margin:0 0 15px 0;

}

.main_left_item h2 a{

	font-size: 16px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	margin:0 0 15px 0;

}

.main_left_item p{

	font-size: 12px;
	margin:10px 0;
	line-height:16px;
	
}

#main_right_col{

	width:350px;
	float:right;
	margin: 15px 0 0 15px;

}

.sub_middle_item{

	/*border: 1px solid #CCCCCC;*/
	background-image:url(../image/grey.gif);
	background-repeat: repeat-x;
	width:336px;
	margin: 0 auto 15px 0;
	/*padding:2px;*/
	padding:6px;
	text-align:left;
	overflow:auto;
}

.sub_middle_item_top_video{

	/*border: 1px solid #CCCCCC;*/
	background-image:url(../image/grey.gif);
	background-repeat: repeat-x;
	width:336px;
	margin: 0 auto 15px 0;
	/*padding:2px;*/
	padding:6px;
	text-align:left;
	overflow:auto;
	
}

.sub_middle_item_top_video_left{
	float:left;
	width:130px;
	margin:0 0 0 25px;
}

.sub_middle_item_top_video_left h2{
	margin:0 0 10px 0;
}


.sub_middle_item_top_video_right{
	float:left;
	width:130px;
	margin:0 0 0 25px;
}

.sub_middle_item_top_video_right h2{
	margin:0 0 10px 0;
}

.sub_middle_col{

	width:350px;
	float:right;
	margin: 0 0 15px 0;

}

.sub_middle_col h2{
	
	font-size: 14px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	
}

.sub_middle_item p{

	font-size: 12px;
	margin:10px 0;
	
}


.sub_right_col{

	width:160px;
	float:right;
	margin: 0 0 15px 0px;

}

.sub_right_item h2{
	
	font-size: 14px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	
}

.sub_right_item p{

	font-size: 12px;
	margin:10px 0;
	
}

.sub_left_col{

	width:160px;
	float:right;
	margin: 0 30px 15px 0;

}

.sub_left_item h2{
	
	font-size: 14px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	
}

.sub_left_item p{

	font-size: 12px;
	margin:10px 0;
	
}

#menu_footer{
	border-top: 1px solid #CCCCCC;
	width:998px;
	height:200px;
	margin: auto;
	/*padding:2px;*/
	padding-top:6px;
	text-align:center;
}

#menu_footer a, #menu_footer a:hover{

	font-size: 10px;
	text-decoration:underline;
	color:#333333;
	font-weight:bold;
	
}

.video_item{
	overflow:hidden;
	width:135px; /* 120 */
	height:160px;
	float:left;
	margin:0 12px 0 0;
	display:none;
}

.resume_title{
	margin:5px 0 0 0;

}

.resume_title a{
	font-size:10px;
	font-weight:bold;
	line-height:10px;
	text-decoration:none;
	color:#4F5155; /* pour le chargement (modifié dans le JS) #4F5155*/
}

.top_video_items_container{
	overflow:hidden;
	width:595px; /* 530 */
	margin:auto;

}

.top_video_items_container p{
	
	margin:0px;

}

.top_video_items_container_new{
	overflow:hidden;
}

.video_item_pic{
	width:120px;
	float:left;
	height:190px;
}

.video_item_pic img{
	border:5px solid #CCCCCC;
}

.video_item_text{
	width: 470px;
	float:right;
	height:190px;
}

.video_item_text h2{
	background-image:url(../image/grey.gif);
	background-repeat: repeat-x;
	padding:3px;
}

#top24_container{
	overflow:hidden;
	width:550px;
	margin: 0 auto 25px auto;

}

#top24_logo{
	float:left;
	width:40px;
	height:90px;
	margin:0 10px 0 0;
}

#top24_more_logo{
	float:right;
	width:40px;
	height:90px;
	margin:0;
}

#topnow_container{
	overflow:hidden;
	width:550px;

}

#topnow_logo{
	float:left;
	width:40px;
	height:90px;
	margin:0 10px 0 0;
}

#topnow_more_logo{
	float:right;
	width:40px;
	height:90px;
	margin:0;
}

.top_video_buzz{
	float:left;
	height:125px;
	width:125px;
	margin:15px 10px 20px 0;

}

.pop {
  /**/position: absolute;
  z-index:1000;
  display: inline;
  float:right;
  margin-top:-90px;
  margin-left:0px;
   }

.pop p{
	margin:5px;
	font-size:10px;
}

.pop h2{
	margin:5px;
	font-weight:bold;
	color:#FFFFFF;
}

.pop .pop_menu {
	display: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.pop .pop_toggle {
	background-image: url(../image/more.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 20px;
	overflow: hidden;
	cursor: pointer;
	margin-top:70px;
}

.active .pop_menu {
	display: block;
	background-color: #333333;
	color: #fff;
	position: absolute;
	/*padding: .6em;*/
	overflow:hidden;
	width: 180px;
}

.active .pop_menu a {
    color: #fff; 
}
	

.active .pop_toggle {
  z-index: 2000;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../image/more.gif);
  }

#fb_app_container{
	overflow:auto;
}

.fb_app_logo{
	width:48px;
	float:left;
}

.fb_app_link{
	/*width:120px;*/
	/*float:right;*/
	margin:15px 80px 0 70px;
}

.featured_400{
	width:450px;
	text-align:center;
	margin:auto;
	background:url(../image/sponsorised.gif);
	background-repeat:no-repeat;
}

#rate{
	/*overflow:hidden;*/	
	font-size:20px;
	font-weight:bold;
	margin:0 0 30px 0;
}

#liked{
	float:left;
	/*width:60px;*/
	text-align:right;
	/*margin-top:5px;*/
}

#liked_text{
	float:left;
	/*width:150px;*/
	text-align:left;
	margin:0 15px 0 0;
}

#liked_button{
	font-weight:bold;
	float:left;
	width:50px;
	margin:2px 0 0 10px;
}

#liked_heart{
	float:left;
	width:16px;
	margin:2px 0 0 10px;
}

.copyright{
	text-align:right;
	font-size:9px;
	color:#666666;
}

.copyright a{
	font-size:9px;
	color:#666666;
}

#cse-search-box{
	margin:0px;
}