html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: inherit;
     font-style: inherit;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
	 font-weight:normal;
}

:focus {outline: 0;}
a{text-decoration:none;}
p{text-align:justify;}
ol, ul {list-style: none;}


/*
**********************
fin de reset é kikette
**********************
*/


html, body{
	text-align:center;
	font-family:Verdana, helvetica, arial;
	background:#111 url(../img/bg_top.jpg) top repeat-x;height:100%;
	}

/*ie6 block*/

#block{ 
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	left:0;
	z-index:500;
	background:black;
	}
	#block div{
		margin-top:15%;
		background:white;
		width:400px;
		padding:20px;
		text-align:left;
		font-size:0.8em;
		line-height:20px;
		}
		#block div img{
			float:left;
			margin-right:15px;
			}
		#block div a{
			color:#9BB059;
			text-decoration:underline;
			font-weight:bold;
			}
			#block div span a{
				color:#FB9F3C;
				}

	
#global{
	text-align:left;
	margin:0 auto;
	width:960px;
	}

.clear{
	clear:both;
	}
	
h4{ /*titres footer*/
	font-size:1.1em;
	color:#8ea34c;
	margin-bottom:15px;
	}
	
/*
********************************
top = nav
********************************
*/

#top{
	height:39px;
	}
	
#top ul{
	text-align:right;
	}
	#top ul li{
		display:inline;
		}
		#top ul li a{
			display:inline-block;
			margin-top:3px;
			padding:11px 4px 0px 7px;
			color:#888;
			font-size:0.7em;
			}
		#top li a:hover{
			color:#aaa;
			}
.nav_selected a{
	background:url(../img/fleche_nav_top.jpg) top center no-repeat;
	}
	
	
/*
********************************
content contient col_gauche et col_droite
********************************
*/



#content{
	background:url(../img/bg_bande.gif) right repeat-y;
	}
	
	
	
/*
********************************
col gauche = logo + nav + galerie
********************************
*/

#light_left{
	position:absolute;
	width:202px;
	height:146px;
	margin-left:-202px;
	background:url(../img/light_left.gif) no-repeat;
	}

#col_gauche{
	width:680px;
	float:left;
	}
	#col_gauche h1{
		width:565px;
		height:108px;
		background:url(../img/logo.jpg) no-repeat;
		text-indent:-9999px;
		}	
		#col_gauche h1 a{
			width:565px;
			height:108px;
			display:block;
			}	
	
	
/* menu déroulant */


#sort_by{
	width:639px;
	height:37px;
	background:url(../img/bg_sort.jpg) repeat-x;
	color:#888;
	font-size:0.7em;
	}
	.sorted{
		float:left;
		line-height:37px;
		padding:0 30px 0 15px;
		background:url(../img/separ_sort_by.gif) right no-repeat;
		cursor:default;
		}
	.sorted:hover {
		background:black url(../img/separ_sort_by.gif) right no-repeat;
		}
		.sorted a{
			color:#888;
			}
		.sorted b{
			font-weight:normal;
			}
		.sorted ul{
			display:none;
			}
		.sorted:hover ul{
			position:absolute;
			display:block;
			z-index:999;
			margin-top:0;
			}
		*+html .sorted:hover ul{
			margin-top:23px;
			}
			*+html .sorted:hover ul li{
				margin-bottom:-6px;
				}
				.sorted:hover ul li a{
					display:block;
					padding:0 15px;
					background:black;
					color:#888;
					}
				.sorted ul li a:hover{
					color:#ccc;
					}
					.sorted ul li a img{
						margin-right:13px;
						}

	
/* menus deroulés : taille fixée en px */
	
#sort_cat{
	width:105px;
	}
	 #sort_cat ul{
		margin-left:-15px;
		}
	*+html #sort_cat ul{
		margin-left:-122px;
		}
		#sort_cat li a{
			width:119px;
			}
			
#sort_freelance{
	width:150px;
	}
	#sort_freelance ul{
		margin-left:-15px;
		}
	*+html #sort_freelance ul{
		margin-left:-166px;
		}
		#sort_freelance li a{
			width:164px;
			}
		
#sort_css{
	width:90px;
	}
	#sort_css ul{
			margin-left:-15px;
			}
	*+html #sort_css ul{
			margin-left:-109px;
			}
		#sort_css li a{
			width:104px;
			}

	
#sort_color {
	width:113px;
	}
	#sort_color b img{
		margin-right:13px;
		}
		#sort_color ul{
			margin-left:-15px;
			}
		*+html #sort_color ul{
			margin-left:-129px;
			}
			#sort_color li a{
				width:128px;
				}
		
	
/*
filtres 
*/

#user_selection {
	width:608px;
	font-size:0.6em;
	margin-top:20px;
	margin-bottom:-5px;
	color:#555;
	background:#1a1a1a;
	padding:10px 15px;
	}
	#user_selection ul{
			display:inline;
			}
		#user_selection li{
			display:inline;
			}
			#user_selection li a{
				color:#777;
				padding:3px;
				}
			#user_selection li a:hover{
				color:#aaa;
				}

#reset_filters a{
	color:#a43838!important;
	padding:5px!important;
	}
#reset_filters a:hover{
	background:#111;
	}
	

#Popularity a{
	float:right;
	background:#222 url(../img/pop_not_ok.gif) left no-repeat;
	padding:10px 12px 10px 29px;
	margin:-10px -15px -10px 0;
	color:#777;
	}
#Date a{
	float:right;
	background:#222 url(../img/pop_ok.gif) left no-repeat;
	padding:10px 12px 10px 29px;
	margin:-10px -15px -10px 0;
	color:#777;
	}
#Popularity a:hover, #Date a:hover{
	color:#aaa;
	}
	
	
#tooltip{
	font-size:0.6em;
	background:#090909;
	padding:5px 8px;
	color:#ddd;
	}

/* 
*************************
galerie 
*************************
*/



.thumb{
	float:left;
	margin:30px 25px 0 0;
	width:196px;
	height:190px;
	}
	.thumb a img{
		border:8px solid #070707;
		position:absolute;
		}	
	.thumb h2 {
		position:absolute;
		width:196px;
		height:148px;
		}
		.masque{
			position:absolute;
			background:black;
			width:164px;
			bottom:5px;
			height:0;
			padding:4px 8px 2px 8px;
			margin-left:8px;
			display:none;
			}
		.masque a{
			color:#7f8c57;
			font-size:0.6em;
			}
			.masque a:hover{
				text-decoration:underline;
				}
	.thumb h3{
		padding-top:147px;
		font-size:0.7em;
		background:#070707;
		}
		.thumb h3 a{
			color:#7f8c57;
			padding:0 8px 3px 8px;
			border-bottom:1px solid #111;
			line-height:22px;
			overflow:hidden;
			height:22px;
			display:block;
			}
		.thumb h3 a:hover{
			color:#93a754;
			}
			
.infos_gen{
	padding:6px 8px 8px 8px;
	color:#7f8c57;
	background:#070707;
	font-size:0.75em;
	}
	.infos_gen p{
		text-transform:uppercase;
		color:#555;
		font-size:10px;
		}
.thumb .vote{
	float:right;
	cursor:pointer;
	}

.thumb .load{float:right;padding:5px 6px;margin-top:-4px;}
.thumb .load img{width:12px;height:12px;}
.thumb .voted{
	float:right;
	cursor:default;
	}

.thumb .click_vote{
	margin-bottom:-1px;
	}
	
	
/* pagination */

#pagination{
	clear:both;
	text-align:center;
	padding-top:50px;
	font-size:0.9em;
	padding-bottom:5px;/*ie6*/
	}
	#pagination li{
		display:inline;
		padding:2px 6px;
		color:#989898;
		}
		#pagination li a{
			padding:4px 8px;
			background:#070707;
			color:#718140;
			margin:-6px;
			border:1px solid #1c1c1c;
			}
			#pagination li a:hover{
				background:#718142;
				color:black;
				border:1px solid black;
				}
				

	
/*
********************************
col droite = rss + categories + sponsors
********************************
*/


#col_droite{
	float:right;
	width:270px;
	margin-right:0!important;
	margin-right:-9px;
	}

#rss_top{
	padding-top:20px;
	background:#111;
	}
	
#bande{
	margin-top:-2px;
	padding:20px;
	background:#0a0a0a;
	}
	#bande input{
		margin-top:7px;
		background:#acacac url(../img/bg_search.jpg);
		border:none;
		padding:6px 5px 5px 5px;
		font-size:0.75em;
		width:220px;
		color:#444;
		}
		
.confirm{
	color:#999;
	font-size:0.8em;
	line-height:18px;
	margin-top:30px;
	}


#sponsors{
	margin-bottom:45px;
	}
#sponsors_titre{
	margin:37px 0 14px 0;
	}
#sponsors a{
	margin-bottom:8px!important;
	}
	
	
	

	#live_ranking p{
		font-size:0.7em;
		color:#555;
		font-style:italic;
		margin:5px 0 10px 0;
		line-height:14px;
		}
	#live_ranking li{
		border:1px solid #0A0A0A;
		border-bottom:1px solid #181818;
		margin:0;
		}
		#live_ranking li a{
			font-size:0.7em;
			color:#718140;
			display:block;
			padding:1px 0 8px 0;
			width:185px;
			height:14px;
			overflow:hidden;
			line-height:18px;
			}
			#live_ranking li a i{
				font-weight:bold;
				color:#848484;
				padding:0 8px 0 2px;
				}
			#live_ranking li a:hover{
				color:#93a754;
				}
			#live_ranking li a:hover i{
				color:#ccc;
				}
		#live_ranking .live_ranked{
			float:right;
			margin-top:4px;
			font-size:0.75em;
			color:#718140;
			}
	
	

#best_month img{
	margin-top:45px;display:block;
	}
	#best_month a img{
		border:8px solid #050505;
		margin:4px 0 6px 0!important;
		}
		#best_month a:hover img{
		border:8px solid #000;
		}
	#best_month p{
		font-size:0.7em;
		color:#777;
		text-align:left;
		line-height:22px;
		}
		#best_month p span{
			font-size:0.75em;
			display:block;
			margin:12px 0 -4px 0;
			text-transform:uppercase;
			}
		#best_column a{
			font-size:1.2em;
			font-weight:bold;
			}
		#best_column a:hover{
			color:#93A754;
			text-decoration:none!important;
			}
		#best_month p a{
			color:#7f8c57;
			}
		#best_month p a:hover{
			text-decoration:underline;
			}
	
	
	
/*
********************************
footer
********************************
*/

#pre_footer{
	clear:both;
	height:80px;
	background:url(../img/bg_pre_footer.jpg) bottom center no-repeat;
	}

#footer{
	clear:both;
	background:#0a0a0a url(../img/bg_footer_bottom.gif) bottom repeat-x;
	border-top:1px solid #191919;
	padding-top:30px;
	}
	
#footer_center{
	margin:0 auto;
	width:960px;
	text-align:left;
	}
	
.footer_encart{
	float:left;
	margin-bottom:40px;
	}
	.footer_encart p{
		font-size:0.7em;
		color:#555;
		line-height:18px;
		}
		.footer_encart p a{
			color:#888;
			}
			.footer_encart p a:hover{
				color:#aaa;
			}
#footer_encart_about{
	width:280px;
	margin-right:60px;
	}	
#footer_encart_team{
	width:280px;
	margin-right:60px;
	}
#google_ads h4{
	margin-bottom:-15px;
	position:relative;
	z-index:900;
	}
	
	
	
#infos_legales{
	clear:both;
	font-size:0.7em;
	color:#444;
	height:27px;
	padding-top:15px;
	}
	#infos_legales span {
			color:#444;
			float:right;
			cursor:pointer;
			}
		#infos_legales span:hover {
			color:#777;
			}
	#infos_legales li{
		display:inline;
		margin-right:30px;
		}
		#infos_legales li a{
			color:#444;
			}
		#infos_legales li a:hover, #infos_legales span a:hover{
			color:#777;
			}


/*
********************************
submit
********************************
*/


#sort_by span{
	margin-left:10px;
	line-height:33px;
	color:#718140;
	font-size:1.5em;
	font-weight:bold;
	}
	
#submit{
		color:#989898;
		}
	#submit ul{
		margin:40px 0 60px 0;
		}
		#submit li{
			font-size:0.8em;
			margin-top:15px;
			color:#ccc;
			}
			#submit li a{
				color:#718140;
				}
			#submit li span{
				background:black;
				padding:3px 3px 3px 8px;
				border-left:2px solid #718140;
				}
	#submit fieldset{
		float:left;
		width:320px;
		font-size:0.7em;
		}
	#fieldset_left label{
		display:block;
		margin-bottom:7px;
		}
	#fieldset_left input{
		background:#acacac;
		border:none;
		padding:4px 5px 6px 4px;
		width:230px;
		}
		#fieldset_left input:hover, #fieldset_left input:focus{
			background:#dedede;
			}
	.checkbox{margin-right:3px;padding:0;}
		*+html .checkbox{	background:none;margin-right:3px;}
	#fieldset_left textarea{
		background:#acacac;
		border:none;
		padding:5px;
		width:230px;
		height:130px;
		}
		#fieldset_left textarea:hover, #fieldset_left textarea:focus{
			background:#dedede;
			}
			
fieldset div{
	float:left;
	width:160px;
	line-height:30px;
	}
fieldset span{
	display:block;
	margin-bottom:8px;
	}
fieldset label:hover{
		color:#dcdcdc;
		}
fieldset select{
	background:#acacac;
	border:none;
	}
fieldset button{
	padding:12px;
	background:black;
	border:6px solid #444;
	cursor:pointer;
	color:#999;
	}
	fieldset button:hover{
		border:6px solid #777;
		}
fieldset input{
	background:#acacac;
	border:none;
	padding:2px 3px 4px 2px;
	}
fieldset img{
	float:left;
	margin-right:10px;margin-top:10px;
	}
	
.unicorn{
	padding:5px 0 8px 0;
	display:block;
	}
	
#submit_me{
	clear:both;
	margin-top:50px;
	width:639px!important;
	text-align:center;
	}
	
.received{
	background:#99AE57;
	padding:5px;
	color:black;
	line-height:25px;
	}
.error{
	background:#FF3F47;
	padding:5px;
	color:black;
	line-height:25px;
	}
	
	
	
/*
********************************
Details
********************************
*/


#sort_by h2{
	margin-left:10px;
	line-height:33px;
	color:#718140;
	font-size:1.5em;
	font-weight:bold;
	}

#elected span{
	background:#8FA44D;
	padding:2px;
	color:black;
	}
	
html #elected img{
	float:none;
	border:none;
	margin:2px 0 0 0;
	background:none;
	}

#details img{
	float:left;
	margin-top:30px;
	border:8px solid #070707;
	}

#details ul{
	float:left;
	margin-top:28px;
	width:305px;
	}
	#details li{
		font-size:0.7em;
		color:#ccc;
		margin:0 0 8px 15px;
		line-height:20px;
		
		}
		#details .vote, #details .voted{
			cursor:pointer;
			color:#999;
			padding:5px 6px;
			background:#070707;
			}
		#details .voted{
			cursor:default;margin-top:-10px;
			}
			#details .voted img, #details .vote img{
				margin:0 0 -1px 0;
				border:1px solid #070707;
				float:none;
				}
				*+html #details .voted img, #details .vote img{margin-top:8px;}
			#details .click_vote{
				margin-bottom:-3px!important;
				}
				
			#details .load{display:block;height:20px;margin-top:2px;}
				*+html #details .load{display:block;height:20px;margin-top:-9px;}
			#details .load img{width:12px;height:12px;float:none;margin:0;border:5px solid #070707;}

		#details li a{
			color:#7e9144;
			}
			#details li a:hover{
				text-decoration:underline;
			}


	
/*
********************************
blog
********************************
*/


#blog {
	width:639px;
	padding-top:40px;
	}
	#blog h3{
		font-size:0.9em;
		clear:both;
		color:#fff;
		margin-bottom:-8px;font-weight:bold;
		}