body { text-align: center; font-family: arial; background: #000000; color: #ddd; }
a, a:link, a:active { color: #ccc; font-weight: bold; outline: none; text-decoration: none; }
a:hover { color: #777; }

#footer-gallery { font-size: 0.7em; float: left; padding: 5px 0 10px 0; text-align: center; width: 100%; }

img { border: 0; }
#userinfo { border: 1px solid black; font-size: 0.7em; padding: 3px; position: absolute; right: 5px; top: 8px; }
#userinfo a, #userinfo a:visited { color: #069; font-weight: bold; text-decoration: none; }
#userinfo a:hover { text-decoration: underline; }

#gallery { margin: auto; text-align: left; width: 690px; }
#galleryImages { display: inline-block; }
.album, .imageEntry { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: rgba(0,0,0,0.3); }

.album { display: block; height: 130px; width: 100%; clear: both; margin-bottom: 5px; }
.album img { float: left; margin-right: 10px; width: 130px; }
.albumInfo { float: left; }
.albumInfo, .order { margin-top: 35px; }
.albumName { font-size: 0.9em; }
.albumDate, .albumDesc { font-size: 0.7em; }
.order { float: right; margin-right: 10px; }

.imageEntry { float: left; font-weight: bold; padding: 5px; text-align: center; height: 200px; margin: 5px; width: 200px; }
.imageEntry img { margin: 0 auto; }
.imageTitle { font-size: 0.8em; }
.exifLabel { font-size: 0.8em; }
.exifData { font-size: 0.7em; font-weight: normal; }

#pagination { clear: both; float:left; margin: 10px 0 10px 4px; font-size: 12px; }
#pagination a, #pagination #currentPage { padding: 5px; margin-right: 2px; }
#pagination a { border: 1px solid #ccc; }
#pagination #currentPage { border: 2px solid black; color: black; font-weight: bold; }

#map { margin: 0 auto; /*width: 700px; height: 500px;*/ }
.marker { text-align: center; }

input, select, .label { margin-top: 5px; }
.label { clear: both; float: left; width: 200px; margin-top: 5px; font-size: 0.9em; font-weight: bold; }
.sublabel { font-size: 0.8em; margin: 2px 0 0 20px; }

#versionInfo { font-size: 0.8em; margin-bottom: 10px; border: 1px solid #ffd700; padding: 5px; }


/* CSS site */


#page {
	margin: auto;
	width: 800px;
	text-align:center;
}


/* header area */
#header {
	background: url(../../pics/header.jpg) no-repeat;
	height: 320px;
	text-align: right;
}
#header-insc {
	padding-right: 10px;
	padding-top: 10px;
}
#header-menu {
	height: 60px;
	text-align: left;
	background: url(../../pics/bg-2.jpg) repeat-y;
	vertical-align: top;
}

#header-2 {
	background: url(../../pics/header-forum.png) no-repeat;
	height: 320px;
	text-align: center;
}
#header-menu-2 {
	height: 60px;
	text-align: left;
	background: url(../../pics/bg.jpg) repeat-y;
	vertical-align: top;
}
#header-menu-2 ul {
	display: inline;
	text-align: center;
	margin: auto;
}
#header-menu-2 li {
	display: inline;
	width: 210px;
	margin-right: 62px;
	margin-left: -10px;
	padding: 0;
}


/* content area */
#content {
	margin: auto;
	width: 800px;
	background: url(../../pics/bg.jpg) repeat-y;
}
#content-2 {
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 800px;
	background: url(../../pics/bg.jpg) repeat-y;
}
#post {
	text-align: left;
	width: 700px;
	padding: 10px;
	margin: auto;
	background-color: #000000;
}
#photographe {
	text-align: center;
	width: 700px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: auto;
	background-color: #000000;
}


/* footer area */
#footer {
	width: 700px;
	height: 20px;
	padding-top: 20px;
	margin: auto;
	display: block;
	font-size: 12px;
}


/* Liens divers */
.red {color: #E2001A;font-size: 12px;}
.yel {color: #FFED00;font-size: 12px;font-weight: bold;}
.link-1 {color: #FFED00;font-size: 12px;font-weight: bold;text-decoration:none;}
.link-2 {color: #FF0000;font-size: 12px;font-weight: bold;text-decoration:none;}
.insc {color: #FFED00;font-size: 16px;font-weight: bold;text-decoration:none;}