/* CSS Document */

* { border:0; margin: 0; padding:0;}
*:link {text-decoration: none;}
a:visited {text-decoration: none;}
body {
      font:1.1em "Comic Sans MS", Verdana, Arial, sans-serif;
      color: #5522ff;
      /*background:#7a377c;*/
      background-image:url(../../image/mini/fond_jukebox.jpg);
      text-align:center;
     }
 		    /*****************************************************************************/
				/*                                                                           */
				/*                       JUKEBOX                                             */
				/*                                                                           */
				/*****************************************************************************/

h3 {
    font-size:1.1em;
    font-weight:lighter;
    color:#8f7;
    }

.text{
      color:#8f7;
      font-size:1.2em;
      }


				
#jukebox {
			/*taille et position de la bt du jukebox*/
			background-image:url(../../image/gd_page/jukebox_2.gif);
			width: 772px;
			height: 566px;
			position: absolute;
			left: 50%;
			margin-left: -381px;
			/*top: 50%;
			margin-top: -200px;*/
			bottom:20px;
			}				






				
#list_jukebox{
				position:absolute;
				width: 442px;
				height: 168px;
				top: 298px;
				left: 165px;
				background-image:url(../../image/jukebox/fond_jbx_scooler.jpg);
				color:#dd7;
			  /*background-image:url(../../image/clavier_et_decor/paper_grains.gif);*/
				background-attachment: scroll;	/**/
				overflow: hidden;								
				}
/*
#list_jukebox p{
                    font-size:1.3em;
                    }

#list_jukebox h2{
                    font-size:2em;
                    }
*/
#list_jukebox li{
				text-decoration:none;
				list-style-type:none;
				text-align:center;
				font-size:16px;				
				}
				
#list_jukebox a:link {
              color:#AB5000;
              }				
#list_jukebox a:visited {
              color:#AB5000;
              }
#list_jukebox a:hover{
              color:blue;
				      }


#photo_app{
            background:url(../../image/jukebox/appart_jbox.png);
            width:206px;
            height:147px;
            position:absolute;
            left: 50%;
            margin-left:-490px;
            bottom:450px;
            }

#photo_club{
            background:url(../../image/jukebox/club_jbox.png);
            width:256px;
            height:203px;
            position:absolute;
            left: 50%;
            margin-left:285px;
            bottom:420px;
            }

#nbr_morceau{
                position:absolute;
                background-color:#000;
                width:410px;
                height:20px;
                top:485px;
                left:170px;
              }


				
#pieddepage {             
               width: 800px;
      			   height: 40px;
      			   position: absolute;
      			   left: 50%;
      			   margin-left: -400px;
              font-size:1.5em;
              font-weight:bold;
              }				

#lecteur_jukebox{
                position:absolute;
                background-color:#000;
                width:350px;
                height:20px;
                top:485px;
                left:180px;
                }	

				
#piece_retour {
				position: absolute;
				width : 52px;
				height: 112px;
				left: 84px;
				top: 395px;
				}

#piece_retour:hover {
    			width : 52px;
				height: 112px;
    			left: 84px;
				top: 395px;
				background: url(../../image/jukebox/piece_anim.gif) top left no-repeat;
				z-index: 100;
				}	
				
				
#fond_etoiles  {
				position: absolute;
				width : 460px;
				height: 155px;
				left: 50%;
				margin-left:-230px;
				bottom:305px;
				z-index:0;
				visibility: visible;
				background-image: url(../../image/jukebox/etoils_anim.gif);
				}

#fond_2  {
				position: absolute;
				width : 460px;
				height: 155px;
				left: 50%;
				margin-left:-230px;
				bottom:305px;
				z-index:0;
				visibility: visible;
				background-image: url(../../image/mini/textur/eau_anim.gif);
				}

#grenouille {
             position:absolute;
             width:107px;
             height:98px;
             left:215px;
             top:126px;
             z-index:100;
             background-image: url(../../image/jukebox/grenouille_2.gif);
             }

#disc {
             position:absolute;
             width:195px;
             height:104px;
             left:215px;
             top:177px;
             z-index:100;
             background-image: url(../../image/jukebox/jukebox_disc.gif);
             }


#note  {
				position: absolute;
				width : 88px;
				height: 45px;
				left: 265px;
				top:90px;
				z-index:100;
				visibility: visible;
				background-image: url(../../image/jukebox/notes022.gif);
				}

				
#mini_herminette    {
				position: absolute;
				width : 58px;
				height: 105px;
				left: 465px;
				top:175px;
				z-index:100;
				visibility: visible;
				background-image: url(../../image/jukebox/dolls_danse_02s.gif);
				}

#danseuse_n  {
				position: absolute;
				width : 100px;
				height: 304px;
				left: 465px;
				top:27px;
				z-index:100;
				visibility: visible;
				background-image: url(../../image/jukebox/danseuse_nue_1.gif);
				}
				
#danseuse_red_blc  {
				position: absolute;
				width : 100px;
				height: 304px;
				left: 465px;
				top:26px;
				z-index:100;
				visibility: visible;
				background-image: url(../../image/jukebox/danseuse_red_blc.gif);				
				}

#danseuse_rb_75  {
				position: absolute;
				width : 75px;
				height: 228px;
				left: 465px;
				top:88px;
				z-index:100;
				visibility: visible;
				background-image: url(../../image/jukebox/danseuse_rb_75.gif);				
				}

#bateria  {
				position: absolute;
				width : 121px;
				height: 98px;
				left: 440px;
				top: 185px;
				z-index:100;
				visibility: visible;
				background-image: url(../../image/jukebox/bateria_2.gif);
				}

#lapinette  {
				position: absolute;
				width : 76px;
				height: 125px;
				left: 450px;
				top: 160px;
				z-index:100;
				visibility: visible;
				background-image: url(../../image/jukebox/lapinette.gif);
				}

#chanteurs001  {
				position: absolute;
				width : 75px;
				height: 115px;
				left: 450px;
				top: 165px;
				z-index:100;
				visibility: visible;
				background-image: url(../../image/jukebox/chanteurs001.gif);
				}

#guitariste  {
				position: absolute;
				width : 127px;
				height: 119px;
				left: 425px;
				top: 164px;
				z-index:100;
				visibility: visible;
				background-image: url(../../image/jukebox/guitariste_1.gif);
				}

#guitariste_electrique  {
				position: absolute;
				width : 96px;
				height: 91px;
				left: 465px;
				top: 190px;
				z-index:100;
				visibility: visible;
				background-image: url(../../image/jukebox/guitariste_electrique.gif);
				}

#guitare_chanteuse  {
				position: absolute;
				width : 100px;
				height: 135px;
				left: 450px;
				top: 147px;
				z-index:100;
				visibility: visible;
				background-image: url(../../image/jukebox/guitare_chanteuse.gif);
				}



#piano_blc  {
				position: absolute;
				width : 66px;
				height: 95px;
				left: 452px;
				top: 185px;
				z-index:100;
				visibility: visible;
				background-image: url(../../image/jukebox/piano_blc.gif);
				}

#merlin_chanteuse  {
				position: absolute;
				width : 80px;
				height: 125px;
				left: 452px;
				top: 155px;
				z-index:100;
				visibility: visible;
				background-image: url(../../image/jukebox/merlin_chanteuse.gif);
				}

				
#guitare_bass_1  {
				position: absolute;
				width : 100px;
				height: 304px;
				left: 465px;
				top:26px;
				z-index:100;
				visibility: visible;
				background-image: url(../../image/jukebox/bass_1.gif);				
				}
				
#guitare_bass_2  {
				position: absolute;
				width : 100px;
				height: 304px;
				left: 465px;
				top:26px;
				z-index:100;
				visibility: visible;
				background-image: url(../../image/jukebox/bass_2.gif);				
				}
				
#chanteuse_micro  {
				position: absolute;
				width : 78px;
				height: 142px;
				left: 458px;
				top:144px;
				z-index:100;
				visibility: visible;
				background-image: url(../../image/jukebox/dolls_chanteuse.gif);				
				}
				
#guitare_rotation  {
				position: absolute;
				width : 100px;
				height: 234px;
				left: 445px;
				top:50px;
				z-index:100;
				visibility: visible;
				background-image: url(../../image/jukebox/guitare_rot.gif);				
				}
				
#fille_avec_chien  {
				position: absolute;
				width : 100px;
				height: 304px;
				left: 465px;
				top:26px;
				z-index:100;
				visibility: visible;
				background-image: url(../../image/jukebox/danseuse_red_blc.gif);				
				}
				
#batterie  {
				position: absolute;
				width : 100px;
				height: 304px;
				left: 465px;
				top:26px;
				z-index:100;
				visibility: visible;
				background-image: url(../../image/jukebox/batterie.gif);				
				}
				
#lapin  {
				position: absolute;
				width : 100px;
				height: 130px;
				left: 450px;
				top:148px;
				z-index:100;
				visibility: visible;
				background-image: url(../../image/jukebox/lapin_2.gif);				
				}


			
/**/
#list_jbx_gauche{
					width:210px;					
					float:left;
					}

#list_jbx_droite{
				width:210px;				
				float:right;			
				}
				
.etiquette{
            width:210px;
            height:65px;
            background-image:url(../../image/mini/etiquette_barre_65h.jpg);
            }

.ligne_0{
			line-height:1.4em;
			}

.ligne_1{
			line-height:2.0em;
			}

.interprete{
			line-height:1.0em;
			color:black;
			
			}

.ligne_3{
			line-height:1.5em;
			}

.titre_out {
    position: absolute;
    left: -5000px;
}