* {
margin: 0;
padding: 0;
}

html, body {
height: 100%;
margin: 0;
padding: 0;
background: #000;
color: #FFF;
font-size:12px;
font-family: "Arial", "Tahoma", "Verdana";
line-height:100%;
text-align:center;
overflow:auto;
}

a {
outline: none;
color: #FFF;
text-decoration:none;
}
div#shim {
visibility: hidden;
width: 100%;
height: 50%;
margin-top: -280px;
float: left;
}

div#wrapper {
width: 640px;
height: 620px;
clear: both;
position: relative;
top: -280px;
/* IE4ever Hack: Hide from IE4 **/
position: static;
/** end hack */
text-align:left;
margin:0 auto;
}

a:hover, a:active {
text-decoration:none;
	color: #aaa;
}

#bandeau {
	width:100%;
	background:#99cc33;
	color: #FFF;
	height:35px;
	}
	
#annees {
	width:100%;
	}

.button {
	text-align:center;
	padding:5px 0;
	margin: 0 4px;
	}

.annee-selected {
	font-weight:bold;
	color: #99cc33;
	}
	
.photo-meta-data {
padding: 11px;
height: 13px;
position: relative;
background: #8aba29;
z-index: 9999;
color: white;
text-align:center;
text-transform:uppercase;
font-size: 15px;
letter-spacing:1px;
}
.cross-link	{
display: block;
width: 62px;
margin-top: -14px; 
position: relative; 
padding-top: 15px;
z-index: 9999;
}

#contact-box {
	height:80px;
	text-transform:uppercase;
	color: #DDD;
	font-family: Verdana;
	font-size:9px;
	font-weight:normale;
	padding: 495px 0;
	}
	
#left {
	float:left;
	width:49%;
	}
	
#right {
	float:right;
	width:49%;
	}
	
#clear {
	clear:both;
	}

#nav-buttons {display:none;}

#mail 
{
	margin-top:-350px; height:350px;text-align:center}

#mail a { color: #8aba29;
}