@charset "UTF-8";
/* CSS Document */

#box_general {
	height: 500px;	
	width:810px;
	padding:auto;
	margin:70px auto;
	top:100px;
}

a img{
	border: 0;
}

.vignette {
	background-repeat:no-repeat;
	margin:5px;
	height:130px;
	width:260px;
	float:left;
	
	opacity:0.3;
	filter:alpha(opacity=30);
	
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.vignette:hover{
	opacity: 1;
	filter:alpha(opacity=100);
}


#footer {
	height:51px;
	width:810px;
	margin-top:480px;
	position:absolute;
}

#logo {
	position:absolute;
	height:51px;
	width:51px;
	background-image:url(images/logo.png);
}

#td {
	position:absolute;
	margin-left:58px;
	height:20px;
	font-family:Georgia;
	font-size:24px;
	font-style:italic;
	font-weight:bold;
}

#id {
	position:absolute;
	margin-top:25px;
	margin-left:58px;
	height:20px;
	font-family:Georgia;
	font-size:18px;
	font-style:italic;
}

.menu {
	float:right;
	height:20px;
	width:100px;
	font-family:Georgia;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	margin-left:20px;
}

#fleche {
	background-image:url(images/passe.png);
	height:18px;
	float:left;
	width:18px;
	margin-top:3px;
	margin-left:10px;
}

#titre {
	float:left;
}

#works {
	width:90px;
}


a {
	font-family:Georgia;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

a:visited {
	font-family:Georgia;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

a:hover {
	font-family:Georgia;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

a:active {
	font-family:Georgia;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}