*{
	color:#eee;
}

input,submit,select,textarea,option{
	color:#333;
}

body{
	background-color:#3A372E;
	font-family:"Trebuchet MS", Verdana, Tahoma, Arial, "Lucida Sans";
}

body, h1,h2{
	margin:0; padding:0;
}

a{
	color:#ffd;
}

a img{
	border:0px;
}
	
#top {

}

h1,h2{
	color:#ffe;
	margin-right:100px;
}

h1{
	margin-top:0.8em;
	font-size:24px;
}

h2{
	margin-top:0.6em;
	font-size:20px;
}

p{
	font-size:14px;
}

#user_interface{
	padding:0 12px 12px 12px;
	width:850px;
}
#user_interface form{
	margin-top:24px;
	background-color:#332;
	padding:10px;
	border:#ccc 1px solid;
}
	

#top h1{
	float:left;
	display:compact;
}

#top a{
	color:#f33;
	font-weight:normal;
	font-size:12px;
	margin-top:8px;
	display:compact;
}

.menu{
	font-size:16px;
	font-weight:normal;
	width:200px;
	padding-top:29px;
}

.menu li{
	list-style:none;
	padding:0;
	margin:0;
}

.menu ul{
	padding:0 0 0 16px;
	margin:0;
}

.menu a{
	text-decoration:none;
	color:#fff;
	border-bottom:1px solid #999;
	display:block;
	padding:0 4px;
	margin:0;
	font-weight:bold;
}

.menu a:hover{
	color:#ffd;
	background-color:#4D483C;
	padding:0 4px 0 8px;;
}

.menu p{
	padding:16px;
	color:#fff;
	font-size:14px;
}

#display-photo{
	display:compact;
	margin:0px auto 20px auto;
	width:auto;
}

h2.picture-title{
	font-size:36px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#eee;
	line-height:26px;
	margin-left:-1px;
	display:inline;
}

.picture-top,.picture-bottom{
	background-color:#fff;
}

.picture-bottom{
	text-align:right;
}

.picture-bottom a, .picture-bottom a:visited{
	font-weight:bold;
	color:#333;
	font-size:18px;
	line-height:18px;
	padding-right:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
}

.picture-bottom a:hover{
	color:#f00;
}

.picture{
	background-color:#fff;
	padding:0 18px;
}

.picture img{
	border:1px solid #333;
}

#comment{	
	background-color:#4D483C;
	color:#ccc;
	padding:8px;
	font-size:12px;
	border:1px solid #333;
	margin-top:16px;
}

.EXIF{
	border-top:1px solid #333;
	margin-top:8px;
	padding-top:8px;
}

#rate{
	vertical-align:middle;
	font-size:12px;
	margin-top:12px;
}

#rate img{
	float:left;
}

#rate span{
	font-weight:bold;
	color:#fe0;
	margin-left:12px;
}

#rate .category{
	font-weight:bold;
}

#rate .next{
	text-decoration:none;
}
#rate .category, #rate .next{
	color:#ffe;
	margin-left:12px;
}



* ------------- user form --------------- */
div.form_row, div.result_row{
	float:none;
	clear:both;
}

div.form_row select{
	width:250px;
}

div.form_row input{
	width:246px;
}


div.form_row span.form_label{
	width:240px;
}

div.list_element{
	vertical-align:bottom;	
}

div.list_element img{
	position:relative;
	top:8px;
}

div.list_element input{
	height:18px;
	width:250px;
	color:#CC0000;
}

div.list_element textarea{
	border:2px inset #CCC4A5;
	background-color:#FAF6E6;
	color:#333;
	font-size:12px;
	margin:10px 0 0 50px;
	padding:2px;
	width:300px
}

.elementNumber{
	width:50px;
	color:#c00;
	font-weigh:bold;
}

/* ------------- prototype window ------------- */

form#login_form, form#registration_form{
	background-position:left bottom;
	background-repeat:no-repeat;
}

.form_label, .form_input, .form_error  {
	padding:0;
	text-align:left;
	float:left; 
	width:100px;
	font-weight:bold;
	margin:5px;
}

.form_label, form_value{
	font-size:14px;
	position:relative;
	top:0px;
	left:0px;
	text-decoration:none;
}

.form_value{
	background-color:#fafafa;
	border:1px solid #ddd;
	padding:5px 4px 3px 4px;
	margin:7px 6px 6px 110px;
	width:400px;
	display:block;
}

.form_value#message{
	background-color:#fff;
	min-height:200px;
}
.form_error{
	font-size:16px;
	width:300px;
	color:#c00;
}

.form_input input{
	border:2px solid #CCC4A5;
	background-color:#F2EACE;
	padding:2px;
	width:200px;
}

.form_label .form_info{
	display:none;
}

.form_label:hover .form_info{
	position:absolute;
	top:20px;
	left:10px;
	font-size:12px;
	width:350px;
	z-index:10;
	display:block;
	float:left;
	border:1px solid #333;
	background-color:#FFFFFA;
	font-weight:normal;
	color:#333;
	padding:3px;
	-moz-border-radius:6px; border-radius:6px;
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}

tr.underline_message td{
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
	vertical-align:middle;
}

tr.underline_message td a{
	text-decoration:none;
}

.sub_title{
	font-size:18px;
}



/* ------------- menu top ------------- */

div#top_menu{
	position:absolute;
	top:8px;
	left:180px;
	height:70px;
	vertical-align:top;
	background-repeat:repeat-x;
	background-position:top;
}

div#top_menu div{
	vertical-align:top;
	display:block;
	float:left;
	position:relative;
}

div#top_menu div.bouton_menu a{
	text-decoration:none;
}

div#top_menu div.bouton_menu a img{
	border:0px;
}

div#top_menu div.bouton_menu a div.label{
	display:none;
	border:0px;
}

div#top_menu div.bouton_menu a:hover div.label{
	display:block;
	position:absolute;
	width:150px;
	top:55px;
	left:-51px;
	padding:2px;
	background-color:#FFFFFA; 
	border:1px solid #c00;
	font-weight:bold;
	color:#333;
	text-align:center;
}

div#top_menu div.menu_title{
	font-size:16px;
	font-weight:bold;
	color:#FEE147;
	padding:0 10px 0 0;
}

div#top_menu div.menu_title div.login_link{
	font-size:14px;
}

div#top_menu div.menu_title div.login_link a.login_link{
	color:#fff;
}

div#top_menu div.menu_title div.login_link a.login_link:hover{
	color:#f00;
}

/* ------------- user form --------------- */
div.form_row, div.result_row{
	float:none;
	clear:both;
}

div.form_row select{
	width:250px;
}

div.form_row input{
	width:246px;
}


div.form_row span.form_label{
	width:240px;
}

div.list_element{
	vertical-align:bottom;	
}

div.list_element img{
	position:relative;
	top:8px;
}

div.list_element input{
	height:18px;
	width:250px;
	color:#CC0000;
}

div.list_element textarea{
	border:2px inset #CCC4A5;
	background-color:#FAF6E6;
	color:#333;
	font-size:12px;
	margin:10px 0 0 50px;
	padding:2px;
	width:300px
}

.elementNumber{
	width:50px;
	color:#c00;
	font-weigh:bold;
}

div#list_vote{
	float:left;
	padding:13px 0 0 0;
}

div#list_vote a{
	text-decoration:none;
}

div#list_vote img{
	border:0px;
	position:relative;
	top:-2px;
}
form#rate_form{
	display:compact;
	margin-top:0;
	background-color:transparent;
	padding:0;
	border:0px;
}

div.photo_list{
display:inline;
	width:100%;
}
	

.photo_list a{
	margin:2px;
	text-decoration:none;
	position:relative;
	top:0px;
	left:0px;
	float:left;
}

.photo_list a span{
	display:none;
}

.photo_list a:hover span{
	display:block;
	position:absolute;
	top:20px;
	left:12px;
	border:1px solid #666;
	background-color:#fffff0;
	color:#333;
	padding:2px;
	z-index:10;
	font-size:12px;
	font-weight:bold;
}

.photo_list a img{
	border:2px solid #fff;
	float:left;
}

.new_list_icon img{
	position:relative;
	top:6px;
	left:2px;
}