* { padding: 0px; margin: 0px; }
ul, li { padding: 0px; margin: 0px 0px 2px 15px; list-style-type: circle;}
a { color: #356AA0; text-decoration: none;}
	a:hover { color: #D22D4F; }
img { border: none; }
input, textarea { background: #fff; border: 1px solid #999; color: #333; padding-left: 2px; margin: 1px;}

body {
 font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #E6E6E6 url(http://www.bu2z.com/img/bg.jpg) center center repeat-y;
}

#wrapper { 
 margin: auto;
 width: 950px;
}

#header {
color: #333;
width: 915px;
float: left;
height: 70px;
margin: 0px 0px 5px 10px;
padding: 0px 5px 0px 5px;
border: 1px solid #d2d2d2;
border-top: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-bottom-left-radius: 5px;
background: #f5f5f5;
}
	#banniere{
		background: transparent url(http://www.bu2z.com/img/bu2z_sprites.png) 0px 0px no-repeat;
		margin: 10px 0px 0px 2px;
		position: absolute;
		width: 202px;
		height: 53px;
		-webkit-transition: background-position .3s ease;
		-webkit-animation-direction: alternate;
		-moz-transition: background-position .3s ease;
		-o-transition: background-position .3s ease;
		transition: background-position .3s ease;
	}
	
	#banniere:hover{
		background: transparent url(http://www.bu2z.com/img/bu2z_sprites.png) -220px 0px no-repeat;
	}
	
	#search { }
		#i_search {
			float: right;
			background: #FFF url(http://www.bu2z.com/img/magnifier_small.png) no-repeat;
			width: 200px;
			border: 1px solid #797979;
			padding: 0 0 0 16px;
			margin: 5px 5px 5px 0px;
		}

#category{
	position: absolute;
	top: 45px;
	color: #333;
	width: 900px;
	text-align: right;
	margin: 0px 0px 5px 10px;
	padding: 0px 5px 0px 5px;
}
	#category a {
		border: 1px solid #ccc;
		background: #f0f0f0;
		padding: 2px 4px;
	}
	
	#category a:hover { background: #E6E6E6; border: 1px solid #8B8B8B;}
		
#leftcolumn {
float: left;
color: #333;
margin: 0px 0px 0px 10px;
padding: 0px 5px 0px 5px;
width: 500px;
border: 1px solid #D2D2D2;
background: #F5F5F5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#leftcolumn_big {
float: left;
color: #333;
margin: 0px 0px 0px 10px;
padding: 0px 5px 0px 5px;
width: 650px;
border: 1px solid #D2D2D2;
background: #F5F5F5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#smallcolumn {
float: left;
color: #333;
margin: 0px 10px 0px 0px;
padding: 1px 0 5px 0;
width: 140px;
border: 1px solid #D2D2D2;
background: #F5F5F5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
	#smallcolumn .round {
		text-align: center;
		width: 125px;
		margin: 0 0 0 5px;
		background: #EBEBEB;
		border: 1px solid #E1E1E1;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	#smallcolumn .round a{ width: 115px; display: block;}

#rightcolumn {
float: left;
color: #333;
margin: 0px 10px 0px 10px;
padding: 5px 0px 5px 0px;
width: 250px;
border: 1px solid #D2D2D2;
background: #F5F5F5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
	.leurre_title a { color: #0000CC; font-family: Arial; }
	.leurre_text a{ color: #000000; font-family: Arial; }
	
	
	.links { float: left; width: 120px; }
	.links_options { clear: left; float: right; font-size: 11px; margin: 0 10px 0 0; padding: 1px 0 0 0;}
	
	
	
	.last_added img, .top_vues img{ margin: 1px; border: 1px solid #c2c2c2; }
		.last_added img:hover, .top_vues img:hover{ border: 1px dashed #c2c2c2; }
		
	.buzz_submit label { width: 80px; float: left; display: block; }
	.buzz_submit textarea { width: 240px; height: 150px;}
		
#footer_space { float: left; clear: both; height: 30px; }
#footer { 
 width: 930px;
 overflow: hidden;
 clear: both;
 color: #333;
 margin: 0px 0px 24px 10px;
 padding: 10px 0px 0px 0px;
 border-top: 1px dashed #cecece;
}
	#feed{ float: right; margin: 5px 15px 0px 0;}
	#submit_link { background: url(http://www.bu2z.com/img/add.png) no-repeat; padding: 0 0 0 20px; }
	#contact_link { background: url(http://www.bu2z.com/img/email.png) no-repeat; padding: 0 0 0 20px; margin: 0 0 0 5px;}

	
	
#pub1 { float: left; text-align: center;}
#pub2 { float: left; width: 350px; text-align: center;}

.box_min img{ margin: 0 2px 5px 0; padding: 2px; }
.box, .box_big { margin: 0 0 20px 0; font-size: 12px; font-family: Tahoma, Arial, Verdana, sans-serif;}
	.box h3, .box_big h3 { font-size: 12px; font-weight: normal; padding: 5px 0 0 0;}
	.box_big .box_title { border-bottom: 1px dashed #ccc; margin-bottom: 10px;}
	.box_title{ height: 18px; overflow: hidden; }
	.box_title h2 { font-size: 15px; margin: 0 0 5px 0;}
	.box_infos { padding: 0 0 4px 5px; margin: 0 0 10px 0; border-bottom: 1px dashed #ccc; font-size: 11px;}
	.box .infos, .box_big .infos { clear: left; text-align: left; margin: 10px 0 0 0; padding: 5px 5px 5px 5px; background: #EEEDEB; border: 1px solid #DCDAD6; font-size: 11px;}
	.notes{ float: right;}
	.notes { cursor: pointer;}
		.thumb_up { margin: 0 3px; float: right; display: block; width: 16px; height: 16px; background: url(http://www.bu2z.com/img/bu2z_sprites.png) -20px -60px no-repeat; }
		.thumb_down {margin: 0 3px; float: right; display: block; width: 16px; height: 16px; background: url(http://www.bu2z.com/img/bu2z_sprites.png) -40px -60px no-repeat; }
		.txt_note{ float: right; padding-left: 4px; font-weight: bold;}
	.box .comment a, .box_big .comment a { color: #DD1C0B; }
	.box .comment a:hover, .box_big .comment a:hover{ color: #000; }
	.box .image, .box_big .image { text-align: center;}
		.box .image img{ max-width: 480px; text-align: center; margin: 5px 0 0 0;}
		.box_big .image img, .box_big .image { max-width: 650px;  text-align: center; margin: 0 0 5px 0;}
	.box .gal_min, .box_big .gal_min, .gal_min { margin: 1px; text-align: center; border: 1px solid #c2c2c2; padding: 1px;}
		.current_min{ border: 1px solid #f00;}
	#image_seule{ text-align: center; margin: 10px 0 0 0; padding: 0 0 10px 0;}
		#image_seule h2{ font-size: 15px;}
		#image_seule img{ max-width: 640px;}
	.box .video, .box_big .video { text-align: center; }
	.box embed, .box object{ max-width: 480px; text-align: center; max-height: 360px;}
	.box_big embed, .box_big object { max-width: 640px; text-align: center;}
	.box .suite a{ background: url(http://www.bu2z.com/img/add.png) no-repeat; padding: 0 0 0 18px; margin: 10px 0 0 0; display: block; font-size: 12px; line-height: 16px; font-weight: bold;}
	.getplayer{ text-align: center; position: relative; cursor: pointer;}
	
	#facebook_like { margin: 5px 0 0 5px;}
	#big_social { width: 640px; margin: 0 auto; text-align: center; clear: both;}
		#big_social a { width: 32px; height: 32px; display: inline-block; margin: 0 5px;}
		#big_social .facebook { background: url(http://www.bu2z.com/img/bu2z_sprites.png) -60px -60px no-repeat; }
		#big_social .twitter { background: url(http://www.bu2z.com/img/bu2z_sprites.png) -100px -60px no-repeat; }
		#big_social .stumbleupon { background: url(http://www.bu2z.com/img/bu2z_sprites.png) -180px -60px no-repeat; }
		#big_social .contact { background: url(http://www.bu2z.com/img/bu2z_sprites.png) -140px -60px no-repeat; }
		#big_social .iphone { background: url(http://www.bu2z.com/img/bu2z_sprites.png) -220px -60px no-repeat; }
	#desc_social { text-align: center; padding: 5px 0 0 0; height: 18px;}
	
	
.titre_menu { border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; background: #EBEBEB;}
.titre_content{ padding: 0 2px 0 2px; }
.last_coms div.ico, .best_rated div.ico, .links div.ico{ margin: 0; padding:0; float: left; width: 16px; height: 15px; background: transparent url(http://www.bu2z.com/img/bu2z_sprites.png) 0 -60px no-repeat;  }
.last_coms a, .best_rated a, .links a { display: block; height: 18px; overflow: hidden; }
.random_pics img { border: 1px solid #c2c2c2; padding: 2px; }

.media{ margin: 5px 0 0 0; }

#media_like { margin: 10px 0 10px 0; }
	#media_like img { margin: 2px; border: 1px solid #000;}



.comments_pub { width: 630px; float: left; text-align: center; padding: 10px 0 0 0; }
.coms_users { margin: 5px 10px 20px 10px; float: left; width: 630px;}
	.main_com { color: #000; float: left; margin-top: 10px; width: 630px; border: 1px solid #B9B9B9;  background: #F7F7F7; overflow: hidden; }
		.avatar { float: right; margin: 1px 1px 0 0;}
	.barre_users { height: 18px; background: #E3E3E3; border-bottom: 1px solid #B9B9B9;}
		.date_com { float: right; font-size: 0.9em; margin: 0 5px 0 0; }
		.com_top { background: #BBDEBB;}
		.com_flop { background: #E68080;}
		.barre_users .ico { float: left; margin: 1px 3px; background: url(http://www.bu2z.com/img/bu2z_sprites.png) 0 -80px no-repeat; width: 15px; height: 15px;}
		.id_com { }
		.user{}
		.notes { float: right; cursor: pointer; padding: 1px 2px 0 0;}
	
	.comment{ padding: 5px 2px 5px 5px;} /*Le commentaire*/			
	.com_bottom { clear: both; float: right; font-size: 10px;}
		.com_mauvais { color: #f00; }
		.com_mauvais:hover { color: #000; }
		
		.com_bon { color: green; }
		.com_bon:hover { color: #036; }
		
		.areply{ color: #000; }
		.areply:hover{ color: #761C1C; }
	
	#smileys_line { padding: 5px 0 0 0; }
	#smileys { display: block; width: 400px; height: 22px; overflow: hidden; cursor: pointer;}
	#more_smiles{ }

	
	.affich_com { text-align: center; padding: 0 2px; margin: 5px; font-size: 1em; clear: left;}
			
.no_comments{ float: left; font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: center; } /* Gros message prevenant que les commentaires sont interdits */
.no_comments_text { float: left; padding: 0 0 0 10px; margin: 10px 0 0 0; } /* Texte explicatif des commentaires interdits */
.ip_bannie{ float: left; text-align: center; margin: 20px 0; text-transform: uppercase; color: red; } /*Alerte bannissement*/
.ip_bannie_text{ margin: 0 0 0 20px; color: black; } /* Texte du bannissement */
	.ip_bannie_text .raison { font-weight: bold; } /* Raison du bannissement */
	
	.ajout_coms { padding: 0 5px 5px 5px; width: 500px; }
	.ajout_coms input, .ajout_coms textarea{  margin: 1px;}
	.ajout_coms input:focus, .ajout_coms textarea:focus{ }
	.ajout_coms textarea{ width: 485px;}
	.ajout_coms .titre { padding-left: 20px; background: url(http://www.bu2z.com/img/comment_add.png) left center no-repeat; margin-bottom: 20px;}
	.ajout_coms .options {padding: 2px 0 2px 5px;}
		.options a {margin-left: 5px; }
		.options div { display: inline;}
		
		
/** Toolbar **/
	#toolbar {
		position: fixed;
		z-index: 100;
		padding: 3px 5px;
		height:20px;
		bottom: 0;
		width: 930px;
		margin: 0 0 0 5px;
		border-top: 1px solid #ccc;
		background: #333 url(http://www.bu2z.com/img/bg_barre.gif) repeat-x;
		color:#fff;
	}
	#toolbar a{
		color:#fff;
	}
	#toolbar_comment { background: url(http://www.bu2z.com/img/toolbar_comment.png) left center no-repeat; padding-left:20px;}
	
	#toolbar_share{
		font-family: Tahoma, Verdana;
		height:0;
		position: fixed;
		padding: 3px 10px;
		bottom: 0; 
		width: 200px;
		margin: 0 0 0 5px;
		border-top: 1px solid #ccc;
		background: #333;
	}
		#toolbar_share div{ margin: 5px 0; }
		#toolbar_share div a { color: white; font-weight: bold;}
		#toolbar_share div a:hover{ color: #ccc;}
		
		.share_icon { padding: 0 0 0 20px; }
		#share_delicious { background: #333 url(http://www.bu2z.com/img/share_delicious.png) left center no-repeat;}
		#share_stumbleupon { background: #333 url(http://www.bu2z.com/img/share_stumbleupon.png) left center no-repeat;}
		#share_digg { background: #333 url(http://www.bu2z.com/img/share_digg.png) left center no-repeat;}

/** Fin Toolbar **/

/***************************************************************************/
	
.label_form { display: block; width: 100px; float: left;}
.label_form2{ display: block; width: 80px; float: left; }

.titre { margin: 5px 0 3px 0px; padding: 0 0 0 5px;}
.titre_ligne { clear: both; color: #444; font-weight: bold; margin: 10px 0 3px 0; border-bottom: 1px solid #000;}
.titre_ligne2 { font-weight: bold; margin: 10px 0 10px 20px; border-bottom: 1px solid #000;}
.titre_ligne3 { font-weight: bold; margin: 10px 0 10px 30px; border-bottom: 1px solid #000;}

.plus{ height: 15px; overflow: hidden; }

.t0 { font-size: 11px; }
.t1 { font-size: 12px; }
.t2 { font-size: 13px; }
.t3 { font-size: 14px; }
.t4 { font-size: 16px; }

.c0 { color: #B70A1F; }
.c1 { color: #0A76B7; }
.c2 { color: #fff; }
.c3 { color: #fff; }
.c4 { color: #fff; }


.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }

.bold{ font-weight: bold; }
.italic{ font-style: italic; }
.underline{ text-decoration: underline; }
.quote { padding: 2px 2px 2px 5px; margin: 2px 2px 2px 15px; background: #EDEDED; border: 1px dashed #000; width: 90%; }

.maj { text-transform: uppercase }
.milieu{ vertical-align: middle; }


.ok { color: green; }
.error{ color: #A91400; }
.bok{ border: 2px solid green; }
.berror { border: 2px solid red; }



.pagination{ float: left; text-align: left; width: 93%; margin: 15px 2px 0 5px; padding: 0 5px; height: 30px; min-height: 30px; }
.pagination .number a{ color: #000; clear: left; padding: 3px 5px; border: 1px solid #6A6A6A; }
.pagination .number a:hover{ border: 1px solid #666; background: #ccc; color: #000;}
	.pagination .current { padding: 3px 5px; border: 1px solid #666; background: #666; color: #fff;}
	.pge_suivant { display: inline; padding: 3px 5px; margin-left: 10px; border: 1px solid #666;}
	.pge_precedent { display: inline; padding: 3px 5px; margin-right: 10px; border: 1px solid #666;}

/* ------------------------------------------ */
	
/* Arrondi haut */
.tround {
	border-radius-topleft: 5px;
	border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

/* Arrondi bas */
.bround {
	border-radius-bottomleft: 5px;
	border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

/* Arrondi complet */
.round {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
