@charset "utf-8";
/* CSS Document */
	
.body {
      font-size:14px;
      font-family:"Myriad pro", Arial, sans-serif;
      color:#000;
      background-color:#989898;
	  text-decoration:none;
}

body a {
	text-decoration:none;
	color:inherit;
	border:none;
}
 
.content  {
      width:1024px;
      height:768px;
	  position:absolute;
	  top:50%;
	  margin-top:-384px;
	  left:50%;
	  margin-left:-512px;
	  background:url(../img/mysitegrungeneatbackground.jpg) no-repeat;
	  border:1px solid  #000;
}

.cadre {
	position:absolute;
	background-image:url(../img/cadre.png);
	height:322px;
	width:435px;
	background-color:#E7EADE;
}

.titre {
	position:absolute;
	top:25px;
	left:400px;
	width:221px;
	height: 78px;
}

.milieu {
	position:absolute;
	top:240px;
    left:280px;
	width: 400px;
	height: 295px;
	padding:5px;
	margin:5px;
	border-color:#FFF;
	border-width:thin;
}

.milieu2 {
	position:absolute;
	top:240px;
    left:280px;
	width: 500px;
	height: 295px;
	padding:5px;
	margin:5px;
	border-color:#FFF;
	border-width:thin;
	overflow:auto;
}
		  
.menu {
	position:absolute;
	top:74px;
	left:84px;
	font-size:12px;
	font-family:"Myriad pro", Arial, sans-serif;
	font-weight:bolder;
}

.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu li {
	margin-left:2px;
	float:left; /*pour IE*/
}

.menu ul li a {
	display:block;
	float:left; 
	height:10px;
	width:auto;
	background-color:transparent;
	color:black;
	text-decoration:none;
	text-align:center;
	padding:5px;
}

.menu ul li a:hover {
	background-color:transparent;
	border-bottom:solid;
	border-bottom-color: #971714;
	border-bottom-width:medium;
}
  
.menu2 {
	position:absolute;
	top:74px;
	right:84px;
	font-size:12px;
	font-family:"Myriad pro", Arial, sans-serif;
	font-weight:bolder;
}

.menu2 ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu2 li {
	margin-left:2px;
	float:left; /*pour IE*/
}

.menu2 ul li a {
	display:block;
	float:left; 
	height:10px;
	width:auto;
	background-color:transparent;
	color:black;
	text-decoration:none;
	text-align:center;
	padding:5px;
}

.menu2 ul li a:hover {
	background-color:transparent;
	border-bottom:solid;
	border-bottom-color: #971714;
	border-bottom-width:medium;
}



.flower  {
	 background:url(../img/mysitegrungeneatfleur.png) no-repeat;
	 width:82px;
	 height:96px;
	 position:absolute;
	 top:647px;
	 left:107px;
	 text-align:center;
	 background-color:transparent;
}

.flower:hover  {
	  background: url(../img/mysitegrungeneatfleurbig.png) no-repeat; 
	border:none;
	text-decoration:none;
	 width:98px;
	 height:115px;
	 position:absolute;
	  top:628px;
	 left:99px;
	 background-color:transparent;
}

.credits {
	 position:absolute;
	 top:745px;
	 left:118px;
	 text-align:center;
	 text-decoration:none;
	 color:black;
}

.livredorimage  {
	 background:url(../img/mysitegrungeneatlivredor.png) no-repeat;
	 position:absolute;
	 top:665px;
	 left:220px;
	  width:137px;
	 height:82px;
	 text-align:center;
	 background-color:transparent;
}

.livredorimage:hover  {
	 background:url(../img/mysitegrungeneatlivredor2.png) no-repeat;
	 position:absolute;
	 top:665px;
	 left:220px;
	  width:137px;
	height:82px;
	background-color:transparent;
}

.livredortexte {
	 position:absolute;
	 top:745px;
	 left:255px;
	 text-align:center;
	 color:black;
}
	  
.droite {
	 position:absolute;
	 top:241px;
	 left:785px;
	  width:113px;
	 height:230px;
	 
}

.news {
	position:absolute;
	top:140px;
	left:785px;
	 width:113px;
	 height:66px;
}

.liens {
	position:absolute;
	top:260px;
	left:795px;
	width:98px;
	 height:51px;
}

.tete {
	  position:absolute;
	 top:663px;
     left:730px;
	 width:105px;
	 height:107px;
}

.play {
	background-image:url(../img/mysitegrungeneatplay.png);
	background-repeat:no-repeat;
	 position:absolute;
	 top:679px;
     left:825px;
	 width:76px;
	 height:76px;
	 background-color:transparent;
}

.play:hover {
	background-image:url(../img/mysitegrungeneatplayhover.png);
	background-repeat:no-repeat;
	position:absolute;
	 top:679px;
     left:825px;
	 width:76px;
	 height:76px;
	 background-color:transparent;
}

.playtext {
	position:absolute;
	 top:750px;
     left:840px;
	 width:63px; 
	 height:27px;
	 background-color:transparent;
}

.stop {
	background-image:url(../img/cross2.png);
	 position:absolute;
	 top:685px;
     left:900px;
	 width:82px;
	 height:68px;
	 background-color:transparent;
}

.stop:hover {
	background-image:url(../img/cross2clair.png);
	position:absolute;
	 top:686px;
     left:900px;
	 width:82px; 
	 height:68px;
	 background-color:transparent;
}

.stoptext {
	position:absolute;
	 top:750px;
     left:923px;
	 width:63px; 
	 height:27px;
	 background-color:transparent;
}

.forme1 {
	 position:absolute;
	 top:145px;
     left:160px;
	 background-image:url(../img/forme1.png);
	 width:52px; 
     height:52px;
	 background-position: 0px 0px;
}

.forme1 a { display: block; }

.forme1 a:hover{
	position:absolute;
	background: url(../img/forme1.png) no-repeat -0px -52px ; 
	border:none;
	text-decoration:none;	
}

.forme2 {
	 position:absolute;
	 top:145px;
     left:252px;
	 background-image:url(../img/forme2.png);
	 width:52px; 
     height:52px;
     background-position: 0px 0px;
}

.forme2 a { display: block; }

.forme2 a:hover {
	position:absolute;
	background: url(../img/forme2.png) no-repeat -0px -52px ; 
	text-decoration:none; 
    border:none;
	width:52px; 
    height:52px;
}

.forme3 {
	 position:absolute;
	 top:145px;
     left:344px;
	 background-image:url(../img/forme3.png);
     height:52px;
     background-position: 0px 0px;
}

.forme3 a { display: block; }

.forme3 a:hover {
	position:absolute;
	background: url(../img/forme3.png) no-repeat -0px -52px ; 
	text-decoration:none; 
    border:none;
	width:52px; 
    height:52px;
}

.encours {
	 position:absolute;
	 top:205px;
     left:153px;
	 width:75px; 
    height:10px;
}
	  
.futures {
	 position:absolute;
	 top:205px;
     left:245px;
	 width:73px; 
    height:10px;
}
	  
.passees {
	 position:absolute;
	 top:205px;
     left:340px;
	 width:61px; 
    height:10px;
}
	  
img {
		border:none;
}

.coeur {
	 background-image:url(../img/mysitegrungeneatcoeur.png);
	 position:absolute;
	 top:445px;
	 left:120px;
	 width:98px;
	 height:59px;
	 border:none;
	 text-decoration:none
}

.coeur a{
	text-decoration:none;
	border:none;
	position:absolute;
	background-color:transparent;
	width:98px;
	height:59px;
	
	
}

.coeur a:hover{
    background:url(../img/mysitegrungeneatcoeurhover.png) no-repeat;
	position:absolute;
	width:98px;
	height:59px;
	text-decoration:none;
	border:none;
	background-color:transparent;
}

.lastfm {
	position:absolute;
	top:640px;
    left:830px;
}

.jangocontent {
	position:absolute;
	left:600px;
	top:640px;
	height:1px;
	width:1px;
	overflow:hidden
	}
	
.jangocontentoff {
	position:absolute;
	left:600px;
	top:640px;
	height:1px;
	width:1px;
	overflow:hidden
}

.copyright {
	font-size:14px;
      font-family:"Myriad pro", Arial, sans-serif;
	  color: #000;
	  text-decoration:none;
	  position: absolute;
	  left: 320px;
	  top:650px;
	  
}

.validateurs {
position: absolute;
	  left: 570px;
	  top:650px;
}
	
.languesversion {
	position:absolute;
	 top:390px;
	 left:805px;
}