* { margin: 0; padding: 0; }
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 0 2px 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"]{ background: #EEEEEE; border: 1px solid #000;}
	input[type="submit"]:hover{ border: 1px solid #B1C7F1;}
ul,li { margin: 0 0 0 10px; }
hr { border: 1px solid #EBEBEB; height: 1px;}
body{
	background: #EAEAEA url(/imgs/fond.jpg) repeat-y top center;
	font-family: "Trebuchet MS", Helvetica, Tahoma, Verdana, Arial, Serif;
	font-size: 12px;
}

#wrapper {
	margin: 0 auto;
	width: 901px;
}
	#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;
		}
		
	#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; }
		
		#register form { width: 500px; margin: auto;}
		
		.last_registered a{
			background: url(/imgs/folder-small.png) left center no-repeat;
			display: block;
			padding: 0 0 0 16px;
		}
		
		#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;}
		
		.tops { margin: 5px auto 0 auto; width: 715px;}
			.blox{ float: left; width: 220px; height: 190px; border: 1px solid #E4E4E4; margin: 0 0 0 12px;}
				.blox .titre { background: #EEEEEE; border-bottom: 1px solid #E4E4E4; margin: 0 0 3px 0;}
				#most_viewed { float: left; width: 455px; height: 90px;}
				#best_rated { float: left; width: 455px; height: 90px; margin-top: 5px;}
				
				#last_comments{ float: right; margin: 0 10px 0 0;}
					#last_comments div { padding: 1px 0 0 3px; height: 18px; overflow: hidden;}
				#best_rated img, #most_viewed img { width: 80px; margin: 1px 3px; padding: 1px; border: 1px solid #ccc;}
		
		.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{ }
			#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 }
					.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;}
					
			
		
		.comment_image { float: left; margin: 20px 10px; width: 320px;}
		.comment_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;}
			#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;
		}
			.tarid:target { border: 5px solid #333; }
			.bcom .haut{ border-bottom: 1px dashed #ccc; }
				.haut .date { float: right; padding: 0 5px 0 0; font-size: 11px;}
				.haut .user { color: #B92523; font-weight: bold; padding: 0 0 0 5px;}
				.haut .number { color: #006CD8; }
				.haut .adm { padding: 2px 0 2px 0; color: #000; }
			
			.bcom .com { padding: 0 0 0 5px; overflow: hidden;}
			
	#footer {
		font-weight: bold;
		color: #ccc;
		float: left;
		width: 901px;
		margin: 30px auto 5px auto;
		clear: both;
		height: 100px;
		text-align: center;
		border-top: 1px dashed #ccc;
	}
	
.separe {
	float: left;
	border-top: 1px solid #ccc;
	height: 2px;
	width: 888px;
	margin: 10px 0 2px 0;
}

.box { width: 888px; }


.t0 { font-size: 11px; }
.t1 { font-size: 12px; }
.t2 { font-size: 13px; }
.t3 { font-size: 14px; }

.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; }
.error{ color: #A91400; }

.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;
}

/* 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;
}