/* CSS Document */

* { border:0; margin: 0; padding:0;}
*:link {
				text-decoration: none;
				}

a {
				outline: 0; /*enlève les pointillés autour des liens cliquables du menu*/
				}
				
body {
				font:12px "Comic Sans MS", Verdana, Arial, sans-serif;
				color: #5522ff;
				background-color:#000;
				}

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

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

.avertissement {
				background-color:#111;
				position:absolute;
				left:30%;
				bottom:2px;
				color:#999;
				font-weight:bold;
				border:black  groove 2px;
				padding-left:1em;
				padding-right:1em;
				text-align:center;
				}
				
div.avertissement p a:link {
				background-color:#111;
				font-weight: normal;
				color: #007FFF;
				}

div.avertissement p a:visited {
				background-color:#111;
				font-weight: normal;
				color: #007FFF;
				}
				
div.avertissement p a:hover {
				background-color:#111;
				font-weight: normal;
				color: #007F00;
				}				
				
.titre_times {
				font-family:"Times New Roman", Times, serif;
				}				
				/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
				/*																			*/
				/*				style CSS pour la PAGE INDEX								*/
				/*																			*/
				/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


/*taille et position de la bt pour la photo de sd club*/

#logo_partition_page_index {
				position: absolute;
				width : 260px;
				height: 100px;
				left: 2%;
				margin-left:10px;
				top: 2%;
				margin-top:10px;
				z-index: 1000;
				background-image: url(../image/mini/sd_partition/sd_partition_sd-club_sns-fond_2.png);
				}

/*  #free_scores{
			position:absolute;
			width:120px;
			height:36px;
			text-indent:-5000px;
			top:0px;
			right:0px;
			margin-right:100px;
			background-image: url(../image/mini/gifs/frees_scores.gif);
			}			*/	

#best_of_ref{
			position:absolute;
			width:90px;
			height:30px;
			text-indent:-5000px;
			top:0px;
			right:0px;
			margin-right:100px;
			background-image: url(../image/mini/gifs/best_of_romandie.gif);
			}

#e_annuaire{
			position:absolute;
			width:80px;
			height:15px;
			text-indent:-5000px;
			top:10px;
			right:0px;
			margin-right:230px;
			background-image: url(http://www.e-annuaire.ch/e-annuaire.gif);
			}

#marier_ch{
			position:absolute;
			width:165px;
			height:58px;
			text-indent:-5000px;
			top:50px;
			right:0px;
			margin-right:10px;
			background-image: url(../image/mini/gifs/logo_marier_ch.gif);
			}

#sd_club_index {
				position: absolute;
				width: 664px;
				height: 598px;
				left: 50%;
				margin-left: -332px;
				top: 50%;
				margin-top: -299px;
				z-index: 1;
				background-image:url(../image/gd_page/sd_club_definitif_2.jpg);
				}

#chat_index    {
				position: absolute;
				width : 25px;
				height: 32px;
				left: 433px;
				top: 494px;
				z-index:50;
				visibility: visible;
				background-image: url(../image/mini/chat_anim_1.gif);
				}
				
				

#logo_club_index {
				position: absolute;
				width : 54px;
				height: 52px;
				left: 221px;
				top: 86px;
				background-image:url(../image/mini/logo_sd_anim.gif);
				z-index:50;
				visibility: visible;
				}

#porte_app_index {
				position: absolute;
				width : 53px;
				height: 56px;
				left: 477px;
				top: 156px;
				}

#porte_app_index:hover {
				width : 53px;
				height: 56px;
				left: 477px;
				top: 156px;
				background: url(../image/mini/porte_juanita.gif) top left no-repeat;
				z-index: 50;
				}

#porte_club_index {
				position: absolute;
				width : 67px;
				height: 111px;
				left: 203px;
				top: 135px;
				}

#porte_club_index:hover {
				width : 67px;
				height: 111px;
				left: 203px;
				top: 135px;
				background: url(../image/mini/porte_ouverte_2.gif) top left no-repeat;
				z-index: 50;
				}

#pieddepage_index {
				position:absolute;
				left:10%;
				width:78%;
				bottom: 5px;
				text-align: center;
				}
				
				/*F I N du style pour la page index*/
				
				/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
				/*																			*/
				/*					Style pour l'INTERRIEUR DU SD-CLUB						*/
				/*																			*/
				/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/




#logo_partition_page_sd_club{
				position: absolute;
				background-image: url(../image/mini/sd_partition/sd_partition_sd-club_sns-fond_2.png);
				width : 260px;
				height: 100px;
				left: 2%;
				margin-left: 10px;
				top: 2%;
				margin-top: 10px;
				z-index: 1000;
				}

/*taille et position de la bt pour la photo de l'intériur du club sd club*/

#sd_club_int {
				position: absolute;
				background-image: url(../image/int_club/sd_club_int_newpan.jpg);
				width: 900px;
    			height: 600px;
    			left: 50%;
    			margin-left: -450px;
    			top: 50%;
    			margin-top: -300px;
    			z-index: 10;
				}


/* pied de page intérieur du club*/
#pieddepage_club_int {
				position:absolute;
				left:10%;
				width:78%;
				bottom: 25px;
				text-align: center;
				}

				
#email_club {
            	background-image:url(../image/appart/email.gif);
            	position:absolute;
            	width:55px;
            	height:60px;
            	top:40px;
            	left:80px;
            	}

#email_club:hover {
            	background-image:url(../image/appart/email.gif);
            	width:55px;
            	height:60px;
            	top:40px;
            	left:80px;
            	z-index:50;
            	}

				
#gold_book_club	{
				position:absolute;
				width:47px;
				height:73px;
				top: 53px;
				left: 726px;
				}

#gold_book_club:hover	{
				width:47px;
				height:73px;
				background: url(../image/int_club/livredor.png);
				top: 53px;
				left: 726px;
				z-index:50;
				}				

#lien_int_club{
				position:absolute;
				width:74px;
				height:119px;
				top: 280px;
				left: 789px;
				}

#lien_int_club:hover	{
				width:74px;
				height:119px;
				background: url(../image/int_club/liens.png);
				top: 280px;
				left: 789px;
				z-index:50;
				}				

#galerie_photo_club{
				position:absolute;
				width:50px;
				height:76px;
				top: 144px;
				left: 727px;
				}

#galerie_photo_club:hover 	{
				width:50px;
				height:76px;
				background: url(../image/int_club/galerie_photo.png);
				top: 144px;
				left: 727px;
				z-index:50;
				}		
			
#panneau_club		{
				position:absolute;
				width:76px;
				height:111px;
				top: 62px;
				left: 179px;
				}
	
#panneau_club:hover 	{
				width:76px;
				height:111px;
				background: url(../image/int_club/panneau.png);
				top: 62px;
				left: 179px;
				z-index:50;
				}			
			
#live_music_club		{
				position:absolute;
				width:142px;
				height:118px;
				top: 405px;
				left: 290px;
				}
	
#live_music_club:hover 	{
				width:142px;
				height:118px;
				background: url(../image/int_club/live-music.png);
				top: 405px;
				left: 290px;
				z-index:50;
				}				
			
#porte_appart_club		{
				position:absolute;
				width:54px;
				height:144px;
				top: 139px;
				left:84px;
				}
	
#porte_appart_club:hover 	{
				width:54px;
				height:144px;
				background: url(../image/int_club/porte.png);
				top: 139px;
				left: 84px;
				z-index:50;
				}				
			
#bio_club		{
				position:absolute;
				width:122px;
				height:219px;
				top: 59px;
				left: 392px;
				}
	
#bio_club:hover 	{
				width:122px;
				height:219px;
				background: url(../image/int_club/sandrine_club.png);
				top: 59px;
				left: 392px;
				z-index:50;
				}				

#photo_cyril		{
				position:absolute;
				width:62px;
				height:69px;
				top: 41px;
				left: 794px;
				}
	
#photo_cyril:hover 	{
			
				width:62px;
				height:69px;
				background: url(../image/int_club/photo_cyril.jpg);
				top: 41px;
				left: 794px;
				z-index:50;
				}	

#photo_cath		{
				position:absolute;
				width:64px;
				height:97px;
				top: 132px;
				left: 797px;
				}
	
#photo_cath:hover 	{
				width:64px;
				height:97px;
				background: url(../image/int_club/club_cath.jpg);
				top: 132px;
				left: 797px;
				z-index:50;
				}				
			
#musique_jukebox		{
				position:absolute;
				width:46px;
				height:70px;
				top: 109px;
				left: 670px;
				}
		
#musique_jukebox:hover 	{
				width:46px;
				height:70px;
				background: url(../image/int_club/lien_musique.png);
				top: 109px;
				left: 670px;
				z-index:50;
				}				
			
			
			
			
/*FIN du style pour l'interieur du club*/				
				
				/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
				/*																			*/
				/*						pages de karaoke													*/
				/*																			*/
				/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


/*dimensionnement et positionnement de la page et du cadre*/



		  
#cadre 	{
				background-color: #000;
				position:absolute;
				width:900px;
				height:604px;
		  		top:50%;
		 	 	margin-top:-302px;
		  		left:50%;
		  		margin-left:-450px;
		 		}

							/*xxxxxxXXXXXXXXXXXXXXXXXXXXXxxxxxxxx*/

/*positionnement des bords et coins du cadre*/
/*bords et coins pour le cadre noir avec refflets*/		 
#cadre_top {
			position:absolute;
			width:900px;
			height:20px;
			top:-20px;
			left:0px;
			background-image:url(../image/mini/reflet_h.gif);
			background-repeat:repeat;			
			}
#cadre_right {
	        position:absolute;
	        width:20px;
	        height:608px;
	        top:0px;
	        left:900px;
	        background-image:url(../image/mini/reflet_v.gif);
	        background-repeat:repeat;
	        right: 0px;
			}
#cadre_bottom {
			position:absolute;
			width:900px;
			height:20px;
			bottom:-20px;
			left:0px;
			background-image:url(../image/mini/reflet_h.gif);
			background-repeat:repeat;			
			}
#cadre_left {
			position:absolute;
			width:20px;
			height:608px;
			top:0px;
			left:-20px;
			background-image:url(../image/mini/reflet_v.gif);
			background-repeat:repeat;			
			}
#cadre_coin_1 {
			position:absolute;
			width:20px;
			height:20px;
			top:-20px;
			left:-20px;
			background-image:url(../image/mini/coin_1.gif);
						
			}
#cadre_coin_2 {
			position:absolute;
			width:20px;
			height:20px;
			top:-20px;
			left:900px;
			background-image:url(../image/mini/coin_2.gif);			
			}
#cadre_coin_3 {
			position:absolute;
			width:20px;
			height:20px;
			top:604px;
			left:900px;
			background-image:url(../image/mini/coin_3.gif);			
			}
#cadre_coin_4 {
			position:absolute;
			width:20px;
			height:20px;
			top:604px;
			left:-20px;
			background-image:url(../image/mini/coin_4.gif);		
			}
/*FIN du cadre*/
							/*xxxxxXXXXXXXXXXXXXXXXXXXXXXXXXxxx*/

/*debut de list_kar*/

#list_kar 	{              /*positionement de la boite*/
			position:absolute;
			width:180px;
			height:195px;
			top:250px;
			left:0;
			}
			
#list_kar li {
			margin-top:2px;
			text-align:left;
			margin-left:2em;
			list-style-image:url(../image/clavier_et_decor/note_1.gif);
			}

#list_kar a:link,a:visited {
    			color:#0000ff;
				text-decoration:none;
				}

#list_kar a:hover {
   				 background-color:#DDDDDD;
				}
				
.bold 		{
    			font-size:1.2em;
    			font-weight:bold;
				}
								
/*FIN de list_kar*/

								/*xxxxxxXXXXXXXXXXXXXXXXXXXxxxxxx*/

/*Debut style pour la feuille*/

#feuille 		{        
   			 	position: absolute;/*mise en place de la feuille au-dessus du clavier*/
				width: 424px;
    			height: 403px;
    			top: 40px;
    			left: 245px;
		
    			/*bord et couleur de la feuille temporaire*/
    			background-image: url(../image/clavier_et_decor/paper_grains.gif);
    			background-attachment:fixed;      
    			overflow: auto;   /*ajoute le scroll
   				z-index:1;*/
				}

#feuille h3,h2 {       /*mise en page de la feuille*/
    			padding:1em 0.8em ;
    			text-align:center;
				}



#feuille a:hover {background-color:#ffffff;
					}

#feuille p,ul	{
    			text-align:left;
   				margin-left:0.5em;
   				margin-bottom:2em;
				}

#feuille ul 	{
				margin-bottom:1em;
				padding-left:1em;
				}

#feuille ul li {
				color:#0000FF;
				font-family:"Comic Sans MS", Verdana, Arial, sans-serif;
				list-style-type:none;
				}

#feuille ul li.bold_red:first-letter {
				font-size:1.4em;
				font-weight:bold;
				color:#DF0000;
				}

.marge9 		{
   				text-align: left;
   				margin-left: 9em;
   				list-style-image: url(../image/clavier_et_decor/note_1.gif);
				}
				
/*FIN de style pour la feuille*/

						/*xxxxxxxxxXXXXXXXXXXXXXXXXXXXXXXXXXXxxxxxxxxxxx*/

/*positionnement du ratelier ds #karaoke*/
#ratelier 		{
    			position:absolute;
    			width:425px;
   				height:39px;
            	left:244px;      
            	top:405px;
   				background-image:url(../image/clavier_et_decor/ratelier_b.gif);
    			visibility: visible;
    			z-index:10;
				}

/*FIN du positionnement du ratelier ds #karaoke*/


                    /*xxxxxxxxxxxxxXXXXXXXXXXXXXXxxxxxxxxxxxxx*/
					
/* oeil du chat */
#cat_eye {
			position: absolute;
			width:42px;
			height:18px;
			background-image: url(../image/mini/cat_eyes.gif);
			left:736px;
			top:322px;
			visibility: visible;
			z-index: 10;
			}

				/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
				/*																			*/
				/*							SALLE DE COURS												*/
				/*																			*/
				/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
		

.titre_bw{
			position:absolute;
			top:0px;
			left:0px;
			background-color:transparent;
			margin:0px;
			}


.choral{
		position:absolute;
		bottom:-1em;
		right:0px;
		text-align:right;
		font-size:1.5em;
		color:#007F00;
		}

.avertissement_2 {
				background-color:#111;
				position:absolute;
				left:35%;
				top:10px;
				color:#999;
				font-weight:bold;
				border:black  groove 2px;
				padding-left:1em;
				padding-right:1em;
				z-index:100;
				}
				
.info_enregistrement {
				background-color:#111;
				position:absolute;
				left:30%;
				bottom:2px;
				color:red;
				font-size:1.1em;
				border:red  groove 2px;
				padding-left:1em;
				padding-right:1em;
				}				
				
				
div.avertissement_2 p a:link {
        		background-color:#111;
				font-weight: normal;
				color: #007FFF;
				}

div.avertissement_2 p a:visited {
        		background-color:#111;
				font-weight: normal;
				color: #007FFF;
				}
				
div.avertissement_2 p a:hover {
        		background-color:#111;
				font-weight: normal;
				color: #007F00;
				}

				
/*positionnement du dessin*/

#dessin_bw {
			position:absolute;
			width:806px;
			height:586px;
			top:50%;
			margin-top:-293px;
			left:50%;
			margin-left:-403px;
			background-image:url(../image/gd_page/appart_or_vert_1e.png);
			}

#main 		{
			position:absolute;
			width:296px;
			height:157px;
			background-image:url(../image/appart/main.png);
			top: -25px;
			right: -100px;
			}
          
#email_appart {
            position:absolute;
            width:55px;
            height:60px;
            top:152px;
            left:363px;
            }

#email_appart:hover {
            background-image:url(../image/appart/email.gif);
            width:55px;
            height:60px;
            top:152px;
            left:363px;
            z-index:100;
            }
			
#gold_book_app	{
			position:absolute;
			width:131px;
			height:98px;
			top: 188px;
			left: 40px;
			}

#gold_book_app:hover	{
			
			width:131px;
			height:98px;
			background:url(../image/appart/old_bokk_mini.png);
			top: 188px;
			left: 40px;
			z-index:100;
			}
			
#journal_app	{
			position:absolute;
			width:120px;
			height:71px;
			top: 485px;
			left: 150px;		
			}

#journal_app:hover	{
			position:absolute;
			width:120px;
			height:71px;
			background:url(../image/appart/journal_sol_2.png);
			top: 485px;
			left: 150px;
			z-index:100;
			}
			
#clavier_forum {
			position:absolute;
			width:107px;
			height:31px;
			top: 315px;
			right: 148px;				
				}
							
#clavier_forum:hover {
			position:absolute;
			width:107px;
			height:31px;
			background:url(../image/appart/clavier_forum.png);
			top: 315px;
			right: 148px;
			z-index:100;	
				}

			
#karaoke_app {
			position:absolute;
			width:111px;
			height:78px;
			top: 232px;
			left: 405px;				
				}

#karaoke_app:hover {
			position:absolute;
			width:111px;
			height:78px;
			background:url(../image/appart/appart_karaoke.png);
			top: 232px;
			left: 405px;
			z-index:100;				
				}

				
#habit_tete {
			position:absolute;
			width:93px;
			height:204px;
			top: 214px;
			left: 325px;
			}
			
#habit_tete:hover {
			position:absolute;
			width:93px;
			height:204px;
			background:url(../image/appart/habit_tete.png);
			top: 214px;
			left: 325px;
			z-index:100;
			}			
			

#tarifs		{
			position:absolute;
			width:78px;
			height:60px;
			top: 253px;
			right: 145px;
			}
			
#tarifs:hover		{
			position:absolute;
			width:78px;
			height:60px;
			background:url(../image/appart/ecran_tarif.png);
			top: 253px;
			right: 145px;
			z-index:100;
			}


#porte_app_club{
			position:absolute;
			width:135px;
			height:292px;
			top: 160px;
			right: -5px;
				
				}		
	
	
#porte_app_club:hover{
			position:absolute;
			width:135px;
			height:292px;
			background: url(../image/appart/porte_club_vert_orange.png);
			top: 160px;
			right: -5px;
			z-index:100;	
				}	

#scooler_app  {
			position:absolute;
			width:142px;
			height:157px;
			top:155px;
			left:180px;
			}

#scooler_app:hover  {
			position:absolute;
			width:142px;
			height:157px;
			background:url(../image/appart/appart_galerie.png);
			top:155px;
			left:180px;
			z-index:100;
			}
			
#piano_app {
			position:absolute;
			width:218px;
			height:144px;
			top:325px;
			left:170px;
			}			
			
#piano_app:hover {
			position:absolute;
			width:218px;
			height:144px;
			background: url(../image/appart/piano.png);
			top:323px;
			left:160px;	
			z-index:50;
			}	
			
#micro_app {
			position:absolute;
			width:50px;
			height:17px;
			top:207px;
			left:416px;
			}			
			
#micro_app:hover {
			position:absolute;
			width:50px;
			height:17px;
			background: url(../image/appart/micro.png);
			top:207px;
			left:416px;	
			z-index:50;
			}			
			
#tab_cat {
			position:absolute;
			width:87px;
			height:110px;
			top:147px;
			left:479px;
			}			
			
#tab_cat:hover {
			position:absolute;
			width:87px;
			height:110px;
			background: url(../image/appart/tab_cat.png);
			top:147px;
			left:479px;	
			z-index:50;
			}			
			
#cd_1 {
			position:absolute;
			width:26px;
			height:39px;
			background: url(../image/appart/cd_1_anim.gif);
			top:307px;
			left:83px;
			z-index:50;
			}			
			
#cd_1:hover {
			position:absolute;
			width:26px;
			height:39px;
			background: url(../image/appart/cd_1.png);
			top:307px;
			left:83px;	
			z-index:50;
			
			}			
			
#cd_2 {
			position:absolute;
			width:22px;
			height:28px;
			background: url(../image/appart/cd_2_anim.gif);
			top:348px;
			left:116px;
			z-index:50;
			}			
			
#cd_2:hover {
			position:absolute;
			width:22px;
			height:28px;
			background: url(../image/appart/cd_2.png);
			top:348px;
			left:116px;	
			z-index:50;
			
			}			
			
#cd_3 {
			position:absolute;
			width:24px;
			height:24px;
			background: url(../image/appart/cd_3_anim.gif);
			top:317px;
			left:140px;
			z-index:50;
			}			
			
#cd_3:hover {
			position:absolute;
			width:24px;
			height:24px;
			background: url(../image/appart/cd_3.png);
			top:317px;
			left:140px;	
			z-index:50;
			
			}			
			
#cd_4 {
			position:absolute;
			width:21px;
			height:30px;
			background: url(../image/appart/cd_4_anim.gif);
			top:358px;
			left:91px;
			z-index:50;
			}			
			
#cd_4:hover {
			position:absolute;
			width:21px;
			height:30px;
			background: url(../image/appart/cd_4.png);
			top:358px;
			left:91px;	
			z-index:50;
			
			}			

#cd_5 {
			position:absolute;
			width:20px;
			height:24px;
			background: url(../image/appart/cd_5_anim.gif);
			top:396px;
			left:120px;
			z-index:50;
			}			
			
#cd_5:hover {
			position:absolute;
			width:20px;
			height:24px;
			background: url(../image/appart/cd_5.png);
			top:396px;
			left:120px;	
			z-index:50;
			
			}			
			
#ampli {
			position:absolute;
			width:56px;
			height:65px;
			background: url(../image/appart/ampli_anim.gif);
			top:438px;
			left:65px;
			z-index:50;
			}			
			
#ampli:hover {
			position:absolute;
			width:56px;
			height:65px;
			background: url(../image/appart/ampli.png);
			top:438px;
			left:65px;	
			z-index:50;
			
			}

#deck {
			position:absolute;
			width:47px;
			height:63px;
			background: url(../image/appart/deck_anim.gif);
			top:516px;
			left:80px;
			z-index:50;
			}			
			
#deck:hover {
			position:absolute;
			width:47px;
			height:63px;
			background: url(../image/appart/deck.png);
			top:516px;
			left:80px;	
			z-index:50;
			
			}



			
#ampoul_1{
			position:absolute;
			width:14px;
			height:13px;
			background-image: url(../image/appart/ampoul.gif);
			top:220px;
			left:644px;	
			z-index:50;
			}			
			
#ampoul_2{
			position:absolute;
			width:14px;
			height:13px;
			background-image: url(../image/appart/ampoul.gif);
			top:182px;
			left:648px;	
			z-index:50;
			}	
			
#ampoul_3{
			position:absolute;
			width:14px;
			height:13px;
			background-image: url(../image/appart/ampoul.gif);
			top:151px;
			left:669px;	
			z-index:50;
			}		
			
#ampoul_4{
			position:absolute;
			width:14px;
			height:13px;
			background-image: url(../image/appart/ampoul.gif);
			top:142px;
			left:697px;	
			z-index:50;
			}	    
      
			
#ampoul_5{
			position:absolute;
			width:14px;
			height:13px;
			background-image: url(../image/appart/ampoul.gif);
			top:143px;
			left:738px;	
			z-index:50;
			}	        	
	/**/		
			
					
				/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
				/*																	  */
				/*                page des L I E N S								  */
				/*																	  */
				/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
			
				
#im_liens{/*taille et position de la bt des liens*/
			width: 768px;
			height: 576px;
			position: absolute;
			left: 50%;
			margin-left: -384px;
			top: 50%;
			margin-top: -288px;
			}
			
#im_liens h1{
			margin-top: -7px;
			}				

				/*FIN des LIENS*/
				
				/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
				/*																			*/
				/*		galerie SCOOLER														*/
				/*																			*/
				/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


#panoramique {
				background-image: url(../image/galerie_foto/panoramique_blck.jpg);
				width:4000px;
				height:820px;
				}




				/*****************************************************************************/
				/*                                                                           */
				/*                       JUKEBOX                                             */
				/*                                                                           */
				/*****************************************************************************/
				
				
				
#jukebox {
			/*taille et position de la bt du jukebox*/
			background-image:url(../image/gd_page/jukebox.png);
			width: 800px;
			height: 600px;
			position: absolute;
			left: 50%;
			margin-left: -400px;
			top: 50%;
			margin-top: -300px;
			}
			
			
			/*mise en place de la feuille au-dessus du clavier*/
			/*
#feuille 		{        
   			 	position: absolute;
				width: 424px;
    			height: 403px;
    			top: 40px;
    			left: 245px;*/
		
    			/*bord et couleur de la feuille temporaire*/
    			/*background-image: url(../image/clavier_et_decor/paper_grains.gif);
    			background-attachment:fixed;      
    			overflow: auto; */  /*ajoute le scroll*/
   			/*	z-index:1;
				}		*/	
#list_jukebox{
				position:absolute;
				width: 440px;
				height: 168px;
				top: 309px;
				left: 181px;
				background-image:url(../image/mini/etiquette_barre.jpg);
				background-attachment:scroll;
				overflow:auto;								
				}

#list_jukebox li{
				text-decoration:none;
				list-style-type:none;
				text-align:center;
				font-size:16px;
				}
/**/
#list_jbx_gauche{
					width:218px;
					height: auto;
					float:left;

					}

#list_jbx_droite{
				width:200px;
				/*height:168px;*/
				float:right;
				/*
				background-image:url(../image/mini/etiquette_barre.jpg);
				background-attachment:scroll;	*/			
				}
.ligne_0{
			line-height:1.8em;;
			}

.ligne_1{
			line-height:2.0em;
			}

.interprete{
			line-height:1.4em;;
			}

.ligne_3{
			line-height:1.8em;;
			}


/* divers class  */
.img_a_droite  {
				float:right;
				border:#000 solid 5px;
                  }

.img_a_gauche {
                float:left;
                border:#000 solid 5px;
                }