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

/* structure */

/* base */

a img{
border: 0;
}


body {
margin: 0;
padding: 0;
background:white;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

* {
	margin: 0;
	padding: 0;
	}


#graph {
	position:relative;
	left:0px;
	top:0px;
	width:23px;
	height:900px;
	background:blue;
	
}





#contenu {
	position:relative;
	margin: 0 auto;
	top:0px;
	height:600px;
	width:1024px;
	font-size:11px;
	background:white;
	
}




#artwork {
	position:absolute;
	font-family: "Times New Roman", Times, serif;
	left: 212px;
	top: 30px;
	width: 300px;
	height: 330px;
	background-color:#03d5f6;
}



#artworknews {
	position:absolute;
	font-family: "Times New Roman", Times, serif;
	font-size:12px;
	color: black;
	left: 212px;
	top: 361px;
	width: 300px;
	height: 330px;
	background-color:white;
	
}


#music {
	position:absolute;
	top:30px;
	left:513px;
	font-family: "Times New Roman", Times, serif;
	width: 300px;
	height: 330px;
	background-color:#ff0000;
}

#musicnews {
	position:absolute;
	font-family: "Times New Roman", Times, serif;
	font-size:12px;
	color: black;
	left: 513px;
	top: 361px;
	width: 300px;
	height: 330px;
	background-color:white;
	
}


	
	
	
	a.home {
	text-decoration:none;
	color: white;
	font-family: "Times New Roman", Times, serif;
	font-size: 333px;
	}
	
	
	a.home:hover{
	text-decoration: none;
	color: #03d5f6;
	font-size: 333px;	
	}
	
	
		a.home2 {
	text-decoration:none;
	color: white;
	font-family: "Times New Roman", Times, serif;
	font-size: 333px;
	}
	
	
	a.home2:hover{
	text-decoration: none;
	color: #ff0000;
	font-size: 333px;	
	}
	
	
	a {
	text-decoration: none;
	color: black;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	}
	
	
a:hover, #MenuOn {
	text-decoration: none;
	color: #03d5f6;
	
	}
	
	
	
	/* infobulle */




a.info {
   position: relative;
   color: white;
   text-decoration: none;
   font-size:333px;
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: cross; /* on change le curseur par défaut en curseur d'aide */
   font-size:14px;
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   text-decoration: none;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 0px; /* on positionne notre infobulle */
   left: 0px;
  width: 300px;
	height: 330px;

   background:red;

   color: white;
  

   border: 0px solid red;
   border-left: 0px solid red;
}