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

html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	background-color:#ffffff;
	font-family:Verdana, Geneva, sans-serif;
}

a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #e8f0ff;
}
a:active {
	text-decoration: underline;
	color: #FFFFFF;
}

#container
{
width: 916px;
height: 718px;

margin : auto;
background-image: url(img/intro.gif);
background-position: top;
background-repeat: no-repeat;


}

#top_top
{

width: 200px;
height: 100px;

margin-left : 200px;
margin-top : 100px;

}


#droite
{
width: 368px;
height: 570px;

margin-left : 400px;


}


#lecteur
{
width: 360px;
height: 291px;
margin-top: 30px;
 float:right;
 position:absolute;
 
 }
 
 #english {
 width: 200px;
 height: 50px;
 background-image: url(img/english.gif);
 background-repeat: no-repeat;	
margin-top: 275px;
 margin-left : 55px;
 float:right;
  position:absolute;
}
#english:hover {
 background-image: url(img/englishover.gif);
 background-repeat:no-repeat;
 position:absolute;
 }

 #french {
 width: 200px;
 height: 50px;
 background-image: url(img/french.gif);
 background-repeat: no-repeat;	
 margin-top: 335px;
 margin-left : 55px;
 float:right;
 position:absolute;
 }
#french:hover {
 background-image: url(img/frenchover.gif);
 background-repeat:no-repeat;
 position:absolute;
 }
 
  #myspace {
 width: 148px;
 height: 80px;
 background-image: url(myspacewhite.gif);
 background-repeat: no-repeat;	
}


 #lastfm {
 width: 148px;
 height: 80px;
 background-image: url(lastfmwhite.gif);
 background-repeat: no-repeat;	

 }
 
  #facebook {
 width: 148px;
 height: 80px;
 background-image: url(facebookwhite.gif);
 background-repeat: no-repeat;	

 }
 
   #forum {
 width: 148px;
 height: 80px;
 background-image: url(forumwhite.gif);
 background-repeat: no-repeat;	

 }