/* COMMUN */
* {
	margin:0;
	padding:0;
}
img {
	border:0;
}
html, body {
	width:100%;
	height:100%;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	background-color:#1a1a1a;
}
a {
color:#fff;
text-decoration:none;
}
p {
margin:10px;
}
table {
border-collapse:collapse;
border:0 none;
}
td {
vertical-align:middle;
}




input, textarea, select{ border:none; background-color:#4d4d4d; color:white; }


/* HEAD */
table#header {
	position:absolute;
	top:0;
	left:0;
	height:60px;
	width:100%;
	z-index:3;
	border-bottom:1px solid white;
}
table#header td {
	vertical-align:bottom;
	background-color:#1a1a1a;
}
table#header h1 {
	font-size:18px;
	line-height:40px;
}
table#header td#titre{
	text-align:left; padding-left:10px; padding-top:4px; vertical-align:top;
	font-family:"Courier New", Courier, monospace; font-size:11px;
}
td#main_menu a{
	float:right;
	position:relative;
	margin:0 10px 0 0;
	display:block;
	width:34px;
	height:35px;
	padding-top:10px;	
}
td#main_menu a span {
	position:absolute;
	left:0;
	top:0px;
	display:block;
	width:34px;
	text-align:center;
	background-color:white;
	color:black;
}


div#onglets {	
	background-color:#4d4d4d;
	width:300px;
	height:35px;
}
div#onglets a {
	float:left;
	position:relative;
	margin:0;
	display:block;
	width:35px;
	height:35px;
	border-right:1px solid #1a1a1a;
}
div#onglets a:hover{
		
}
div#onglets a:active{
	background-color:#d4145a;
}

td#main_menu a img,
div#onglets a img {
	/*
	position:absolute;
	left:11px;
	top:4px;*/
}

td#main_menu a.selected,
div#onglets a.selected {
	background-color:#1a1a1a;
}


/* VIGNETTES */
div#vignettes {
	position:absolute;
	top:60px;
	left:0;
	height:180px;
	width:100%;
	overflow:auto;
	z-index:2;
	background-color:white;
	color:black;
}
div#vignettes table,
div#vignettes td {
	height:100%;
}
#view_results td span {
	display:block;
	font-size:10px;
	margin:5px auto 0;
}
#view_results a {
	display:block;
	padding:10px;
	margin:10px;
	width:120px;
	max-height:120px;
	position:relative;
	color:black;
	line-height:10px;
}
#view_results a.focus {
background:#FFF url(bg_zoom.gif) top left repeat;
}
#view_results img.selected {
border:1px solid #F00;
}
#view_results span.has_mask {
position:absolute;
top:-8px;
right:0;
height:40px;
width:40px;
background:url(/photolib/styles/mask.png) top left no-repeat;
}
#view_results .novisible span {
	color:#999;
}

/* INFOS */
div#content {
	/*width:290px;*/
	height:100%;
	font-size:12px;
	text-align:left;
	overflow:auto;
}
#content strong{
	display:block;
	background-color:#333;
	padding:3px 10px;
}
#content span{
	display:block;
	padding:3px 10px;
}
table#bottom {
	width:100%;
	height:100%;
}
td#spacer {
	height:240px;
}
td#small_spacer {
	height:60px;
}
td#infos {
	width:300px;
	text-align:left;
	vertical-align:top;
	border-right:1px solid white;
}
td#td_apercu {
	background-color:#1a1a1a;
}
#apercu img{
	-webkit-box-shadow:  0px 0px 15px 5px rgba(0, 0, 0, 0.5);
    box-shadow:  0px 0px 15px 5px rgba(0, 0, 0, 0.5);	
}

/* EDIT & UPLOAD */
object#rup,
applet#rup {
border:#7A8A99 solid 1px;
}
#editform{
	padding-top:10px;	
}
div.up_edit {
	float:left;
	border:#4d4d4d 1px solid;
	margin:5px;
	padding:5px;
	text-align:center;
	width:300px;
}
div#content div.up_edit {
border:0 none;
padding:0;
width:270px;
padding-bottom:50px;
}
div.up_edit table {
width:100%;
border-collapse:collapse;
border:0 none;
}
div.up_edit td {
	text-align:right;
	vertical-align:top;
	border:0 none;
	border-bottom:#4d4d4d solid 1px;
	padding:3px 0;
}
div.up_edit table label,
div.up_edit table input,
div.up_edit table select,
div.up_edit table textarea {
display:block;
width:140px;
margin:1px;
}
div.up_edit table label {
width:90px;
text-align:right;
}
div.up_edit table textarea {
height:60px;
}
div.up_edit table img {
width:20px;
height:20px;
}
div.up_edit div#add input {
display:inline;
width:110px;
}
div.up_edit input.nostyle {
display:inline;
float:none;
width:auto;
}
table#upload_list {
width:600px;
margin:0 auto;
}
table#upload_list td {
padding:1px 5px;
text-align:left;
border-bottom:1px solid white;
}
ul#upload_results {
width:600px;
margin:20px auto;
}
li {
text-align:left;
margin:5px;
}


/* DOWNLOAD */
li.download {
	list-style-type:none;
	float:left;
	margin:10px;
	padding:10px;
	text-align:left;
	height:200px;
	width:160px;
	background-color:#fff;
}
.wrap_thumb{ width:100%; height:90px; margin-bottom:5px; text-align:center; background-repeat:no-repeat; background-position:center center; }
.wrap_thumb img{ display:none; }
li.download span{ display:block; font-weight:bold; text-align:center; padding-bottom:5px; border-bottom:1px solid #ccc; margin-bottom:5px; }
li.download div{ padding-top:5px; }
.bloc_actions{ clear:both; background-color:#4d4d4d; padding:5px; margin:5px 0; }
li.download a{
	color:black;}


/* EXPORT */
#grid_export{ width:350px; margin:0 auto; }
#grid_export a{ 
	display:block; background-color:white; padding:10px; margin:10px; height:100px; 
	-webkit-border-radius: 10px;    
    border-radius: 10px; color:black;
}
#grid_export a:hover{
	-webkit-box-shadow:  0px 0px 30px 10px rgba(255, 255, 255, 0.3);
 	box-shadow:  0px 0px 30px 10px rgba(255, 255, 255, 0.3);
}
#grid_export a:active{
	-webkit-box-shadow:  0px 0px 30px 10px rgba(255, 0, 0, 0.3);
 	box-shadow:  0px 0px 30px 10px rgba(255, 0, 0, 0.3);
	
}


/* LOGIN */
#logform {
margin:20px auto;
width:300px;
/*border:#CCC 1px solid;*/
background:#333;

-webkit-box-shadow:  0px 0px 25px 5px rgba(0, 0, 0, 0.8);
 box-shadow:  0px 0px 25px 5px rgba(0, 0, 0, 0.8);
 
 padding:20px 0 0;
 position:relative;
}
#logform label {
display:block;
float:left;
width:100px;
text-align:right;
margin:5px;
}
#logform input {
display:block;
float:left;
width:150px;
margin:5px;
}
#logform #login {
	display:block;
	float:none;
	width:100px;
	margin-left:115px;
	background-color:#d4145a;
	-webkit-border-radius: 5px;    
    border-radius: 5px;
	transition:background-color 0.25s ease-out;
}
#logform #login:hover {
	background-color:#00b2b9;	
}
#logform #login:active {
	background-color:#d4145a;	
}
#logform br {
clear:left;
}

#logform p {
	margin:25px 0 0;
}
#logform p a {
	display:block;
	padding:5px;
	background-color:#4d4d4d;
}

#logform p a:hover {
	background-color:#00b2b9;
}
#login_view{
	background-image:url('bg_login.png'); height:100%; width:100%; position:absolute; z-index:0;
	-moz-opacity:0.15;
	opacity:0.15;
	
-ms-filter:"alpha(opacity=15)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);
filter:alpha(opacity=15);
zoom: 1;/* HACK POUR IE */
}


/* COMMUN */
p#filtre {
width:900px;
text-align:left;
margin:10px auto;
}
p#resultats {
text-align:center;
font-size:14px;
font-weight:bold;
}
hr.clearboth {
clear:both;
visibility:hidden;
height:1px;
line-height:1px;
}


/* SEARCH */
#searchform {
text-align:left; padding:30px 10px;
}
#searchform select,
#searchform input {
width:280px;
margin:0 auto 5px;
}
#searchform input.button {
float:left;
width:auto;
margin:5px 0 0 80px;
}


/* USER */
#result {
	margin:10px auto;
	width:960px;
	border-collapse:collapse;
	text-align:left;
}
#result td {
	padding:5px;
}
.small {
	width:30px;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.col0 {
	font-weight:bold;
	border-bottom:1px solid white;
}
.col1 {
	border-bottom:#4d4d4d 1px solid;
}
.col2 {
	border-bottom:#4d4d4d 1px solid;
}
#edit_contact {
	margin:50px auto;
	position:relative;
	width:500px;
	border:#000 2px solid;
	background:#333;
}
#edit_contact dl {
	clear:left;
}
#edit_contact dt,
#edit_contact dd {
	margin-top:10px;
	float:left;
}
#edit_contact dt {
	width:150px;
	text-align:right;
	padding-right:10px;
}
#edit_contact dd {
	text-align:left;
	width:290px;
}
#edit_contact dd input,
#edit_contact dd select {
	text-align:left;
	width:280px;
}
#edit_contact textarea {
	width:280px;
	height:100px;
}
#edit_contact hr {
	clear:left;
	visibility:hidden;
	height:10px;
}




/* ADMIN */
#result tr.filtre select,
#result tr.filtre input {
background:#000;
color:#FFF;
border:0 none;
width:100%;
}