body {
color:black;
background-color:black;
background-image:url(images/fond.bmp);
background-repeat:no-repeat;
background-position:150px 50px;
}

#cache li
{
	position: absolute; top: 375px; left: 500px;
	display: block ;
	width: 650px ;
	line-height: 30px ;
	text-decoration: none ;
	background: #000000 ; 
	border: 0px solid ;

}

#flashcontent {
		height: 380px;
		width:650px;

		}
ul#portfolio
{
	position: absolute; top: 20px; left: 500px;
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#home
{
	position: absolute; top: 90px; left: 385px;
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#home li
{
	margin: 0 ;
	padding: 0px ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#home li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 60px ;
	line-height: 60px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/gm.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#home li a:hover
{
	background: url(images/gm.png) no-repeat 0 0px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}


ul#blog
{
	position: absolute; top: 400px; left: 130px;
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#blog li
{
	margin: 0 ;
	padding: 0px ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#blog li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 338px ;
	line-height: 123px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/portfolio.bmp) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#blog li a:hover
{
	background: url(images/portfolio.bmp) no-repeat 0 -123px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}

ul#facebook
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#facebook li
{
	position: absolute; top: 400px; left:440px;
	margin: 0;
	padding: 0px ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#facebook li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 230px ;
	line-height: 123px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/facebook.bmp) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#facebook li a:hover
{
	background: url(images/facebook.bmp) no-repeat 0 -123px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}


ul#flickr
{
	position: absolute; top: 400px; left: 730px;
	margin: 0 0 0 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#flickr li
{
	margin: 0 0 0 0 ;
	padding: 0px ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#flickr li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 148px ;
	line-height: 123px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/flickr.bmp) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#flickr li a:hover
{
	background: url(images/flickr.bmp) no-repeat 0 -123px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}