/* CSS Document */

img, img a, h1, h2, h3, h4 { margin:0; padding:0; border:0; font-weight: inherit; font-style: inherit;	font-size: 100%; font-family: inherit; }
dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; font-size:11px;font-family: 'Arial',Verdana,sans-serif;}
form { margin:0; padding:0; }

h1,h2,h3{text-transform:uppercase;}

body{ top:0; margin:0; padding:0; background: #1E2022 none no-repeat scroll 0 0; color:#FFFFFF; font-size:11px;font-family: 'Arial',Verdana,sans-serif; }

a{color:#bfbfbf; text-decoration:underline;}
a:hover{color:#ffffff}

div#all { 
position:relative; 
margin:auto; 
padding:0; 
z-index:1; 
width:920px;
background-color: #333a3d;
}
/*******************************************************/
/*	HEADER */
#header { position:relative; color:#FFFFFF; margin:0; padding:0; width:920px; height:100px;}
#header img.logo{float:left;}
#header a{ color:#FFFFFF; text-decoration:none;}
#header ul.liens{ float:right; height:30px;}
#header ul.liens li{ display:inline; margin-right:10px;}

/*******************************************************/
/* wrapper */
div#wrapper { position:relative; margin:0px; padding:0px; width:920px;padding-bottom:50px;}
/*########CONFIG###########*/
div#wrapper .config{ padding:20px;}


/*******************************************************/
/* ACCUEIL */
#accueil1{
	padding:10px;
	width:400px;
	float:left;
	margin-right:20px;
}

#accueil1 li{
	margin-left:20px;
	padding-bottom:6px;
	list-style-type:circle; 
}

#accueil1 h2{
	margin-bottom:10px;
	color:#ffb400;
}

#fonctions{
	margin-top:30px;
	
}


#accueil2{
	border-left:2px solid #5a676c;
	margin-left:440px;
	margin-right:20px;
}
#accueil2 .titre{
	background-color: #1E2022;
	font-weight:bold;
	font-size:14px;
	margin-left:0px;
	padding:4px;
}

#accueil2 p{
	margin-left:20px;
}
#accueil2 img{
	text-align:center;
	margin-top:10px;	border:1px solid #5a676c;
}
/*******************************************************/




#contenu{margin-left:0px;padding-top:40px;width:920px;}
#contenu h1{ margin-left:0px;color:#fff;text-align:right; padding-right:20px;margin-top:15px;margin-bottom:15px;font-size:14px;}
.container{
	margin-left:100px;
}

.container h1{
	margin-top:30px;
}

/*******************************************************/
/* Recherche Avancée */
#recherche{
	padding:20px;
	background-color: #20282a;
	border-top:2px solid #5a676c;
	border-bottom:2px solid #5a676c;
	
}

#resultats{
}


/*******************************************************/
/* IMAGES */
#galerie{
	margin-left:90px;

}
.vignette{
	position:relative;
	display:block;
	height:150px;
	margin-top:0px;
	padding-top:0px;
	margin-right:5px;
}

#galerie td{
	vertical-align:top;
	padding-right:10px;
}

#galerie td a{
	top:0px;
	padding-top:0px;
}

.DL{
	float:left;
	margin:5px 5px 5px 0px;
}

#galerie td p{
	margin-top:0px;
	font-size:9px;
}
#galerie .delete{
	margin-right:10px;
}

#controles{
	width:80px;
	float:left;
}
#infos_edit{
	float:left;
	margin-right:20px;
	height:300px;
	color:#000;

}
#fpagin{
	float:right;
}

#nb_images input{
	width:30px;
}

.num_page_courante{
	font-weight:bold;
	color:#5a676c;
}

.num_photos{
	width:25px;
	height:12px;
	background-color:#5a676c;
	border:1px solid black;
}

.a_right{
	float:right;
}

.a_right form{
	text-align:right;
}


/*******************************************************/
/* COMPTES */
#edition{
	margin-top:0px;
	padding-top:0px;
	background-color:#fff;
	color:#1E2022;
}
#email{margin-top:0px;padding-top:0px;background-color:#fff;color:#1E2022;}
#email h1{text-transform:uppercase;font-size:18px;font-weight:bold;}

#liste {margin-left:20px;}
#liste table {width:750px;border:1px solid #5a676c;}



#comptes{color:#000;}
#comptes h1{width:640px;font-size:18px;font-weight:bold;background-color:#333a3d;color:#FFF;padding:4px;border-top:2px solid #5a676c; border-bottom:2px solid #5a676c;}

#droits{width:400px;border-collapse:collapse;}
#droits td{border:1px solid black;}

/*******************************************************/
/* footer */
div#footer { text-align:center; clear:both; padding-bottom:5px; margin:0; color:#5a676c; border-top:2px solid #5a676c;padding-top:10px;}
div#footer p { margin:0; padding:0; }
div#footer a { color:#5a676c; }
div#footer a:hover { color:#fff; }


/*******************************************************/
/* sidebar!!! */
#menu {margin:0px; height:30px; width:920px;top:0px; background-color:#1E2022; color: #FFFFFF; border-top:2px solid #5a676c; border-bottom:2px solid #5a676c;}

#menu #navigation{float:left; width:650px;position: absolute; z-index:100;}
#menu a { color: #bfbfbf; text-decoration:none; }
#menu a:hover { color:#ffb400;}
#menu ul {display:block; list-style-type: none; height:30px;}
#menu .principal{display: inline;height:30px;float: left; width:150px;border-left:1px solid #5a676c;}
#menu ul li p{height:22px;font-weight:bold;margin: 0px;padding : 8px 10px 0px 10px;}
#menu ul li ul.smenu li{z-index:100;list-style: none;display: block;text-align:left;margin:0px;padding: 5px 4px 5px 5px;border-bottom:1px solid #1E2022;height:14px;background-color:#5a676c;color: #FFFFFF;}

#menu form{ float:right;margin-top:4px;}
#menu .login{float:right; margin-right:10px;}


div#logo h1 { color:white; font-size:22px; font-weight:bold; text-transform:uppercase;}
div#logo h1 a { text-decoration:none; color:white; }
div#logo h2 { margin-left:25px; color:#999; font-size:14px; font-weight:bold;}

div#user { position:absolute; bottom:0px; right:10px; padding:3px; background:#FFF; height:40px; width:230px; text-align:center; padding-top:8px;  }
div#user a { text-decoration:none; color:#666; font-weight:bold; }
div#user a:hover { color:#000; }