/* CSS by Das */
/* le corps de la page et les textes et titres */
body {
	margin: 0px;
	padding: 0px;
	text-align: justify;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	height: 100%;
	background-color: #000000;
	background-image: url(IMG/interface/fondsommaire.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
/* le div qui contient la page */
#container {
	position: relative;
	margin: 0px auto auto 0px;
	width: 950px;
	margin: 0 px;
	padding: 0px;
}
/* définitions des images */
#boutphoto {
	width: 119px;
	height: 39px;
	position: absolute;
	top: 358px;
	left: 610px;
	border: 0px;
}
#boutprojet {
	width: 119px;
	height: 39px;
	position: absolute;
	top: 404px;
	left: 525px;
	border: 0px;
}
#boutcv {
	width: 119px;
	height: 39px;
	position: absolute;
	top: 455px;
	left: 463px;
	border: 0px;
}
#boutdas {
	width: 119px;
	height: 39px;
	position: absolute;
	top: 507px;
	left: 372px;
	border: 0px;
}
#boutblog {
	width: 119px;
	height: 39px;
	position: absolute;
	top: 558px;
	left: 307px;
	border: 0px;
}
#logomenuphoto, #logomenuprojet, #logomenucv, #logomenudas {
	border: 0px;
	width: 320px;
	height: 300px;
}
#logomenublog {
	border: 0px;
	width: 353px;
	height: 300px;
}
/* pour les menu on astuce, les span apparraissent quand on passe sur les menu */
a {
   text-decoration: none; /* définition du lien qui affichera le calque */
}
a:hover {
   background: none; /* correction d'un bug IE */
}
a span { /* définition de la balise <span> inclue dans <a> */
   display: none;
}
a:hover span { /* définition de la balise <span> au survol */
   display: inline;
   position: absolute;
   top: 0px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
   left: 0px;
   width: 320px;
   height: 320px;
   color: white;
}
/* les commentaires sous les photos */
h1 {
	font-size: 14px;
	margin: 5px;
}
 /* CSS by Das */