* { margin: 0; padding: 0; }
@font-face{
	font-family: "Junction";
	src: url("http://www.trombiz.com/fonts/Junction.otf");
}
img { border: none; }
a { text-decoration: none; color: #3366CC;}
a:hover{ color: #333; }
label { float: left; display: block; width: 120px;}
form { background: #EEEEEE; border: 1px solid #DADADA; padding: 5px;}
input, textarea { -moz-border-radius: 5px; padding: 2px; border: 1px solid #ccc; margin: 2px;}
input:hover, input:focus, input:active, textarea:hover, textarea:focus, textarea:active { background: #EEEEEE; border: 1px solid #999;}
input[type="radio"] { }
/* input[type="submit"],button{ background: #EEEEEE; border: 1px solid #000; padding: 5px;} */
.reset { background: #DE3F38; border: 1px solid #C32820; padding: 5px; }
input[type="submit"],button{ background: #99CC33; border: 1px solid #6C9024; padding: 5px;}
	input[type="submit"]:hover, button:hover{ border: 1px solid #444;}
ul,li,ol { margin: 0 0 0 15px; }
hr { border: 1px solid #EBEBEB; height: 1px;}
body{
	/*background: #EAEAEA url(/imgs/fond.jpg) repeat-y top center;*/
	background: #EAEAEA;
	font-family: "Trebuchet MS", Helvetica, Tahoma, Verdana, Arial, Serif;
	font-size: 12px;
}

#wrapper {
	background: #f8f8f8;
	margin: 0 auto;
	width: 901px;
	border: 1px solid #DADADA;
	border-top: none;
	
	box-shadow:0px 0px 2px #333333;
	-moz-box-shadow:0px 0px 2px #333333;
	-webkit-box-shadow:0px 0px 2px #333333;	
}
	#header{ height: 66px;}
		#logo {
			background: url(/imgs/logo.jpg) top left no-repeat;
			position: absolute;
			margin: 0 0 0 5px;
			width: 250px;
			height: 66px;
		}
		
		#log_box{
			float: right;
			margin: 2px;
			padding: 0 2px;
			border: 1px solid #D1D1D1;
			background: #EBEBEB;
		}
		
		#menud{ }
			#menud .line{ padding: 0 0 0 8px; }
		
	#navigation{
		background: #E4E4E4;
		border-top: 1px solid #D0D0D0;
		border-bottom: 1px solid #D0D0D0;
		padding: 0 5px 0 5px;
		height: 18px;
	}
		.website { color: #BE2021; font-weight: bold;}
		#nav_widgets { font-weight: bold; color: #000;}
			#nav_widgets:hover { color: #BB2622; }
	
	#content{
		padding: 5px;
	}
		#account .input, #widgets .input { width: 500px;}
		#account .select, #widgets .select { width: 60px; margin: 1px;}
		#account .textarea, #widgets .textarea  { width: 500px; height: 70px; font-size: 11px;}
			#widgets .preview_1 { width: 160px; }
		#account .separe { border: 1px solid #ccc; }
		#account .option { margin: 5px; }
			#account .option:hover { background: #f7f7f7; }
		
		#register form { width: 500px; margin: auto;}
		
		#last_registered .line{
			background: url(/imgs/folder-small.png) left center no-repeat;
			display: block;
			padding: 0 0 0 16px;
		}
		
		.line .lien {
			float: left;
			display: block;
			width: 150px;
			height: 15px;
			overflow: hidden;
		}
		
		#webcam { width: 685px; height: 300px; margin: 0 auto; border: 4px solid #EEEEEE; background:#f5f5f5 url(/imgs/pattern.jpg); display: none;}
			#webcam div { padding: 55px 0 0 0; }
			#acces_webcam { border: 1px solid #D0D0D0; cursor: pointer;}
		
		#profile{ margin: 5px auto 0 auto; width: 680px;}
			#profile .avatar { padding: 10px; }
		
		.tops { margin: 5px auto 0 auto; width: 715px;}
			/* Blocs du trombi d'une personne */
			.blox_large{float: left; width: 97%; margin: 12px 0 0 12px; border: 1px solid #E4E4E4;}
				#more_user_pictures { padding: 0 5px 0 0;}
			.blox{ float: left; width: 220px; border: 1px solid #E4E4E4; margin: 0 0 0 12px;}
				.blox_large .titre, .blox .titre { background: #EEEEEE; border-bottom: 1px solid #E4E4E4; margin: 0 0 3px 0;}
				
				#most_viewed { float: left; width: 455px; height: 90px;}
				#best_rated, #most_comments { float: left; width: 455px; height: 90px; margin-top: 5px;}
				
				#last_comments{ float: right; margin: 0 10px 0 0;}
					#last_comments .line { padding: 1px 0 0 3px; height: 18px; overflow: hidden;}
				#best_rated img, #most_viewed img, #most_comments img, #user_pictures img { width: 80px; margin: 1px 3px; padding: 1px; border: 1px solid #ccc;}

		/* Blocs de de la page d'accueil */
		.bloc {
			margin: 0 5px 0 0;
			float: left;
			width: 290px;
			border: 1px solid #DADADA;
		}
			.bloc .titre {
				color: #6C6C6C;
				padding: 0 0 0 5px;
				font-weight: bold;
				text-transform: uppercase;
				background: #EEEEEE;
				border-bottom: 1px solid #E4E4E4;
			}
			
			.bloc .content{
				padding: 2px 0 0 2px;
			}
			
		#trombi{
			width: 860px;
			clear: both;
			margin: 5px auto 0px auto;
		}

			#trombi .img_webcam .first{ margin: 12px 10px 0 0; }
			#trombi .img_webcam { float: left; margin: 2px 2px 5px 2px; }
			#trombi .img { padding: 2px; border: 1px solid #C2C2C2; }
			#trombi .img:hover{ border: 1px solid #777; }
			#votes{ float: right;}
				#wnote{ cursor: pointer;}
				#wnote:hover { text-decoration : underline; }
			#alert{}
			
			.infos { }
				.infos span { padding: 0 0 0 5px; }
				.nb_coms_m a { color: #BD2122; font-weight: bold; background: url(/imgs/comment_yellow.gif) no-repeat; padding: 0 0 0 20px; }
				.nb_coms a { background: url(/imgs/comment.gif) no-repeat; padding: 0 0 0 20px; }
				.nb_coms, .nb_coms_m{ float: right; padding: 0 4px 0 0;}
					.nb_coms:hover, .nb_coms_m:hover { color: red; }
				.fcom { padding: 0 15px 0 0; }
				
				.op { position: absolute; margin: 2px 0 0 4px; width: 17px;}
					.op img { opacity: 0.7; float:left; padding: 2px 0 0 0; cursor: pointer;}
					.op img:hover { opacity: 1 }
				/*
				.op_del{ float:left; padding: 2px 0 0 0; cursor: pointer;}
				.op_ban{ float:left; padding: 2px 0 0 0; cursor: pointer;}
				.op_lay{ float:left; padding: 2px 0 0 0; cursor: pointer;}
				.op_wid{ float:left; padding: 2px 0 0 0; cursor: pointer;}
				.op_com{ float:left; padding: 2px 0 0 0; cursor: pointer;}
				*/
			
		
		.comment_image { float: left; margin: 20px 10px; width: 320px;}
		.comment_big_image { margin: 20px auto;}
		.comment_image .fright img, .comment_big_image .fright img{ cursor: pointer; margin: 0 5px; padding: 2px 0 0 0;}
		.comment_image span { padding: 3px 0 0 0; }
		#smileys { width: 370px; height: 22px; overflow: hidden; cursor: pointer;}
		#smileysh { width: 370px; overflow: hidden; cursor: pointer;}
			#more_smiles{ }
		.comment_form{ float: left; margin: 10px 0 0 0;}
			.comment_form form { background: transparent; border: none; }
			.comment_form textarea{ width: 400px; height: 100px; }
			
		.bcom {
			clear: left;
			width: 600px;
			background: #EEEEEE;
			border: 1px solid #DADADA;
			margin: 10px auto 0 auto;
		}
			.spoil { color: #EEEEEE; }
			.spoil:hover { color: #000; }
			.tarid:target { border: 5px solid #555; }
			.imgavatar{ padding: 3px 2px 2px 2px; width: 30px; height:30px;}
			.bcom .haut{ border-bottom: 1px dashed #ccc; }
				.haut .votescom { float: right; padding: 0 5px 0 0; font-size: 11px;}
					.votescom img { padding: 4px; cursor: pointer;}
					.votescom img:hover { background: #D4D4D4;}
				.haut .date { float: right; padding: 0 5px 0 0; font-size: 11px;}
				.haut .user { color: #333; font-weight: bold; padding: 0 0 0 5px;}
				.haut .number { color: #006CD8; }
				.haut .adm { padding: 2px 0 2px 0; color: #000; }
				.acc a { color: #B92523; }
					.acc a:hover { color: green; }
			
			.bcom img { max-width : 550px; }
			.bcom .com { padding: 0 0 0 5px; overflow: hidden;}
		
		#vvotes img, #vvues img {
			background: #eee;
			padding: 2px;
			border: 1px solid #ccc;
			margin: 2px;
		}
			#select_time a{
				padding: 2px 5px;
				font-size: 15px;
			}
			
		#top_trombiz{ margin: 0px auto; text-align: center;}
		#top_trombiz img {
			width: 70px;
			height: 70px;
			border: 1px solid #EBEBEB;
			background: #DEDEDE;
			padding: 1px;
			margin: 3px;
		}
			
	#footer {
		font-weight: bold;
		color: #ccc;
		float: left;
		width: 901px;
		margin: 5px auto 5px auto;
		clear: both;
		height: 100px;
		text-align: center;
	}
	
.separe {
	float: left;
	border-top: 1px solid #ccc;
	height: 2px;
	width: 888px;
	margin: 10px 0 2px 0;
}

.break{
	border-bottom: 1px solid #aaa;
	min-height: 1px;
	padding: 2px 0 2px 5px;
	margin: 5px 0 0 0;
	font-weight: bold;
}

.box { width: 888px; }


.t0 { font-size: 11px; }
.t1 { font-size: 12px; }
.t2 { font-size: 13px; }
.t3 { font-size: 14px; }
.t4 { font-size: 16px; }
.t5 { font-size: 18px; }
.t6 { font-size: 20px; }
.t7 { font-size: 24px; }


.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 2px; margin: 2px; background: #EDEDED; border: 1px solid #D9D9D9; width: 80%;}

.maj { text-transform: uppercase }
.milieu{ vertical-align: middle; }


.ok { color: green; }
.bok{ border: 1px solid green; }

.error{ color: #A91400; }
.berror{ border: 1px solid red ; }

.pagination{ text-align: left; width: 840px; margin: 15px auto 0 auto; padding: 0 5px; height: 30px; min-height: 30px; clear: both;}
.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;}
	
.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;
}	
.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;
}	
.round {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.font1{
	font-family: "CODE Bold";
}

/* Propre au plugin Jquery Tooltip */
#tooltip{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
}

/* Propre au plugin Jquery Tooltip */
#imgtooltip{
	position:absolute;
	background: #fff;
	border:1px solid #333;
	padding: 1px;
	display:none;
}	


/* Propre au plugin Jquery Checkboxes */
.jquery-checkbox       {display: inline; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand;}
.jquery-checkbox .mark {display: inline;}

.jquery-checkbox img {vertical-align: middle; width: 60px; height: 20px;}
.jquery-checkbox img{background: transparent url(/imgs/checkbox.png) no-repeat;}

.jquery-checkbox img{
	background-position: 0px 0px;
}
.jquery-checkbox-hover img{
	background-position: 0px -20px;
}
.jquery-checkbox-checked img{
	background-position: 0px -40px;
}
.jquery-checkbox-checked .jquery-checkbox-hover img {
	background-position: 0px -60px;
}

.jquery-checkbox-disabled img{
	background-position: 0px -80px;
}
.jquery-checkbox-checked .jquery-checkbox-disabled img{
	background-position: 0px -100px;
}

#tabs {
	font-size: 90%;
	margin: 0 0 20px 0;
}
#tabs ul {
	float: left;
	width: 500px;
	padding-top: 4px;
}
#tabs li {
	margin-left: 8px;
	list-style: none;
}
* html #tabs li {
	display: inline;
}
#tabs li, #tabs li a {
	float: left;
}
#tabs ul li.active {
	border-top:2px #CCCCCC solid;
	background: #EBEBEB;
}
#tabs ul li.active a {
	color: #333333;
}
#tabs div {
	background: #EBEBEB;
	clear: both;
	padding: 5px;
}
#tabs ul li a {
	text-decoration: none;
	padding: 8px;
	color: #000;
	font-weight: bold;
}