/* CSS Document bwebcreations */
* {
}
body {
	overflow: auto;
	background-image: url(../img/fond.jpg);
}
img {
	border: 0px;
}
a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	color:#C60000;
	text-decoration:none;
}

#page {
}
#site {
	position: absolute;
	left: 50%; 
	top: 50%;
	width: 800px;
	height: 600px;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -400px; /* moitié de la largeur */
	border: 1px solid #000;
	background-image: url(../img/fondsite.jpg);
}
#site #menu {
	position: absolute;
	width: 118px;
	height: 200px;
	left: 142px;
	top: 100px;
}
#site #menu #lien_1 a {
	display: block;
	width: 118px;
	height: 46px;
	background-image: url(../img/accueil_1.jpg);
}
#site #menu #lien_1 a:hover {
	display: block;
	width: 118px;
	height: 46px;
	background-image: url(../img/accueil_2.jpg);
}
#site #menu #lien_2 a {
	display: block;
	width: 118px;
	height: 50px;
	background-image: url(../img/projets_1.jpg);
}
#site #menu #lien_2 a:hover {
	display: block;
	width: 118px;
	height: 50px;
	background-image: url(../img/projets_2.jpg);
}
#site #menu #lien_3 a {
	display: block;
	width: 118px;
	height: 65px;
	background-image: url(../img/competences_1.jpg);
}
#site #menu #lien_3 a:hover {
	display: block;
	width: 118px;
	height: 65px;
	background-image: url(../img/competences_2.jpg);
}
#site #menu #lien_4 a {
	display: block;
	width: 118px;
	height: 49px;
	background-image: url(../img/contact_1.jpg);
}
#site #menu #lien_4 a:hover {
	display: block;
	width: 118px;
	height: 49px;
	background-image: url(../img/contact_2.jpg);
}
#site #titre_lien_1 {
	position: absolute;
	width: 227px;
	height: 52px;
	z-index: 1;
	left: 392px;
	top: 51px;
	background-image: url(../img/accueil.jpg);
}
#site #titre_lien_2 {
	position: absolute;
	width: 227px;
	height: 52px;
	z-index: 1;
	left: 392px;
	top: 51px;
	background-image: url(../img/projets.jpg);
}
#site #titre_lien_3 {
	position: absolute;
	width: 227px;
	height: 52px;
	z-index: 1;
	left: 392px;
	top: 51px;
	background-image: url(../img/cv.jpg);
}
#site #titre_lien_4 {
	position: absolute;
	width: 227px;
	height: 52px;
	z-index: 1;
	left: 392px;
	top: 51px;
	background-image: url(../img/contact.jpg);
}
#site #cont {
	position: absolute;
	width: 330px;
	height: 390px;
	left: 272px;
	top: 108px;
	overflow: auto;
}
#site #footer {
	position: absolute;
	width: 251px;
	height: 33px;
	left: 594px;
	top: 464px;
	background-image: url(../img/footer.jpg);
}