html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.5; background: #000; margin:0 0 1.5em 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


body {
	color: #797979;
	font-family: Verdana, Arial;
	font-size: 75%;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #FF0080;
}


ul {
	/*margin-left: 15px;*/
}

h1{
    font-weight: bold;
    color:#ccc;
    text-align: center;
    font-size: 20px;
    font-variant: small-caps;
    font-weight: normal;
    border-bottom:1px solid #333;
    border-top:1px solid #222;
    margin:0 0 20px 0;
    padding:10px 0;
    background: #111;
}











										  /************/

										 /* Galerie **/

/****************************************************/

#categories li{

	list-style-type: none;

	width:222px;

	display:block;

	float:left;

	text-align: center;

	margin:10px;

	padding-bottom:5px;

	font-variant: small-caps;

	font-weight: bold;

	letter-spacing: 0.5px;

}

#categories li a{

	text-decoration: none;

}

#categories li a img{

	width:200px;

	border: 1px solid #242424;

	height:200px;

	/*line-height: 150px;*/

	text-align: center;

	text-decoration: none;

	padding:10px;

	background-color: #000;

}

#categories li a:hover img{
	border: 1px solid #fff;
	background-color: #242424;
}





#photos li{
	list-style-type: none;
	width:260px;
	display:block;
	float:left;
	text-align: center;
	margin:16px;
	height:300px;
}

#photos li a{
	text-decoration: none;
}

#photos li a img{
	width:250px;
	border: 5px solid #242424;
	height:250px;
	line-height: 300px;
	text-align: center;
	text-decoration: none;
}

#photos li a:hover img{

}

/* Barre de navigation */
#nav{
    height:30px;
    line-height: 30px;
    width:auto;
    border-bottom:1px solid #333;
    background: #222;
    padding:0 20px;
}
#nav li{
    float:left;
    list-style:none;
}
#nav li#add-picture a{
    background-image: url(../images/add-picture.gif);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left:25px;
    
}
#nav a{
    float:left;
    height:20px;
    display:block;
    line-height: 20px;
    padding:0 5px;
    margin:4px 10px 0 0;
    background-color: #444;
    border:1px solid #222;
    -moz-border-radius:3px;
    color:#eee;
}
#nav a:hover{
    background:#555;
    color:#fff;
}
/* Formulaire d'envoi des photos */
#upload-photo{
    background-color: #111;
    border: 1px solid #333;
    -moz-border-radius:3px;
    width:600px;
    margin:20px auto 0 auto;
}
#upload-photo h1{
    font-weight: bold;
    color:#fff;
    text-align: center;
    font-size: 15px;
    border-bottom:1px solid #333;
    margin:0 0 20px 0;
    background-color: #222;
    }
#upload-photo p{
    margin:0 0 10px 0;
    clear:both;
}
#upload-photo label{
    width:300px;
    text-align: right;
    display:block;
    float:left;
    margin:0 5px 0 0;
    color:#ddd;
}
.required{
    clear:both;
    font-size: 11px;
    color:#999;
    text-align: center;
    font-style: italic;
    border-top:1px solid #222;
    padding:5px 0;
}
#upload-photo input{
    border:1px solid #ccc;
    -moz-border-radius:3px;
    width:200px;
    line-height:18px;
    padding:1px 5px;
}
#upload-photo input.bouton{
    color:#fff;
    border:none;
    background: url(../images/bouton.gif) no-repeat;
    cursor: pointer;
    width:160px;
    height:25px;
    line-height: 25px;
    border:none;
    font-weight: bold;
    margin:0 0 20px 305px;
}