*
{
	margin:0;
	padding:0;
	outline:0;
	border:0;
}

body
{
	background:url('body-background.jpg') repeat center top #000000;
}

div#body
{
	background:url('light-source-trans.png') no-repeat center top transparent;
}

div#header
{
	position:relative;
	margin:0 auto;
	width:940px;
	height:90px;
	background:url('logo.png') no-repeat left 10px transparent;
}

ul#links
{
	position:absolute;
	top:55px;
	right:0px;
	list-style-type:none;
	font:normal 10px "Arial";
	text-transform:uppercase; 
}

ul#links li
{
	padding:0 15px;
	padding:5px 15px 5px 30px;
	float:left;
}
ul#links li.twitter{background:url('twitter.png') no-repeat center left transparent;}
ul#links li.facebook{background:url('facebook.png') no-repeat center left transparent;}
ul#links li.flickr{background:url('flickr.png') no-repeat center left transparent;}
ul#links li.contact{background:url('contact.png') no-repeat center left transparent;}

ul#links li a, ul#links li a:link, ul#links li a:active, ul#links li a:visited
{
	color:gray;
	text-decoration:none;
}

ul#links li a:hover
{
	color:white;
}

ul#menu
{
	width:940px;
	height:45px;
	margin:0 auto;
	background:url('menu-bg-trans.png') no-repeat center top transparent;
	list-style-type:none;
}

ul#menu li
{
	padding:15px 10px 0 10px;
	float:left;
	color:rgb(210,210,210);
	font:bold 12px "Arial";
}
ul#menu li.choix{font-style:italic;color:gray;}

ul#menu li a, ul#menu li a:link, ul#menu li a:active, ul#menu li a:visited
{
	color:white;
	text-decoration:none;
}

ul#menu li a:hover
{
	color:gray;
}

div#corps
{
	width:940px;
	margin:15px auto;
}

div.vignette
{
	position:relative;
	float:left;
	margin:3px;
	width:75px;
	height:75px;
	border:2px solid rgb(20,20,20);
}

div.vignette img.miniature
{
	z-index:1;
	position:absolute;
	top:0px;
	left:0px;
}

div.vignette img.ombre
{
	z-index:2;
	position:absolute;
	top:0px;
	left:0px;
}

div.vignette:hover img.ombre
{
	display:none;
}