body{
	background-color:rgb(60, 60, 60);	
	width:796px;
	margin:auto;
	padding:0px;
	font-family:"Century Gothic";	
}

#conteneur{
	margin:0;
	margin-top:8px;
	padding:0;
	background-image:url("images/fond_du_site.gif");
	background-repeat:no-repeat;
	width:796px;
	height:563px;
}

#entete{
	float:left;
	width:616px;
	height:57px;
	padding-left:180px;
	padding-top:23px;
}

#corps{
	float:left;
	width:800px;
	height:429px;	
}


#pied{
	float:left;
	width:796px;
	height:54px;	
}

#menus{
	margin-left:217px;
	margin-top:22px;
}


#entete a{float:left; margin-left:40px;}

#entete a.bouton_accueil{background-image:url(images/menu/accueil.gif); width:60px; height:38px;}
#entete a.bouton_accueil:hover{background-image:url(images/menu/accueil_actif.gif); width:60px; height:38px;}

#entete a.bouton_mediatheque{background-image:url(images/menu/mediatheque.gif); width:109px; height:38px;}
#entete a.bouton_mediatheque:hover{background-image:url(images/menu/mediatheque_actif.gif); width:109px; height:38px;}

#entete a.bouton_myspace{background-image:url(images/menu/myspace.gif); width:73px; height:38px;}
#entete a.bouton_myspace:hover{background-image:url(images/menu/myspace_actif.gif); width:73px; height:38px;}

#entete a.bouton_liens{background-image:url(images/menu/liens.gif); width:38px; height:38px;}
#entete a.bouton_liens:hover{background-image:url(images/menu/liens_actif.gif); width:38px; height:38px;}


#pied a{float:left;}

#pied a.bouton_video{background-image:url(images/menu/video.gif); background-repeat:no-repeat; width:51px; height:38px;}
#pied a.bouton_video:hover{background-image:url(images/menu/video_actif.gif); background-repeat:no-repeat; width:51px; height:38px;}

#pied a.bouton_contacts{background-image:url(images/menu/contacts.gif); width:65px; height:38px;}
#pied a.bouton_contacts:hover{background-image:url(images/menu/contacts_actif.gif); width:65px; height:38px;}


#description_du_groupe{
	float:left;
	width:165px;
	padding:9px;
	margin:0;
	font-family:"Century Gothic";	
	font-size:11px;	
	text-align:justify;
	color:white;	
}

#description_du_groupe a{color:white;}
#description_du_groupe a:hover{background-color:rgb(60,60,60);}

#photo_accueil {
	float:left;
	margin-left:15px;
	margin-top:10px; 
	border:0;
}

#biographie{
	float:left;
	width:165px;
	height:411px;	
	padding:9px;
	margin:0;
	font-family:"Century Gothic";	
	font-size:11px;	
	text-align:justify;
	color:white;	
}

#photo_biographie {
	float:left;	
	width:440px;
	height:352px;
	margin-top:20px;
	margin-left:25px;
}

#panorama_flash{
	float:left;	
	width:440px;
	margin-top:20px;
	margin-left:25px;
}

#photo_retour{
display:block;
float:left;
margin-left:20px;
margin-top:10px;
border:none
}

a#photo_retour img{
border:none;
}

#adresse{
	float:left;
	width:165px;
	height:280px;
	overflow:auto;
	padding:9px;
	padding-top:69px;
	margin:0;
	font-family:"Century Gothic";	
	font-size:13px;	
	color:white;	
}

/*  PAGE MEDIATEQUE */
#mediagauche{
	float:left;
	width:182px;
	height:426px;}

#listingMP3{
	padding:9px;
	padding-right:0;
	font-family:"Century Gothic";	
	font-size:12px;	
	color:white;
	margin:0;
	padding-top:20px;
}

#listingMP3 a {text-decoration:none; color:white;}
#listingMP3 a:hover {background-color:rgb(60,60,60);}

#galerie_mediatheque{
	float:left;
	width:468px;
	margin-left:18px;
	margin-top:22px;
	}
	
#galerie_mediatheque  img{
	border:solid 1px white;
	float:left;
	margin-left:4px;
	margin-bottom:6px;
	width:110px;
	height:88px;
}		
	
#photo_en_grand	{
	position:absolute;
	width:468px;
	height:378px;
	display:none;
}

#commandesMP3 a {float:left; height:20px;}
#commandesMP3 a:hover {background-position: 0px 20px;}

a.bouton_prev{background-image:url(images/player/forward.gif); width:21px;}
a.bouton_next{background-image:url(images/player/next.gif); width:21px;}

a#bouton_stop{background-image:url(images/player/stop.gif); width:14px;}
a#bouton_play{background-image:url(images/player/play.gif); width:14px;}



/*  FIN MEDIATEQUE */

/*  PAGE LIEN */
#page_lien{
	margin-top:20px;}

#zone_logo a img{
	border:none;}
	
#description_logo{
	float:left;
	width:165px;
	padding:9px;
	margin:0;
	font-family:"Century Gothic";	
	font-size:13px;	
	color:white;}
/*  FIN LIEN */

#formulaire_contact{
	float:left;
	font-family:"Century Gothic";	
	font-size:13px;	
	color:white;	
	padding-top:65px;
	padding-left:30px;}

#mailEnvoye{
	float:left;
	font-family:"Century Gothic";	
	font-size:13px;	
	color:white;	
	padding-left:215px;
	padding-top:50px;
	margin:0;}

a.btn_retour {display:block; width:117px; height:25px; margin-left:200px; margin-top:10px; background-image:url(images/retour.gif);}
a.btn_retour:hover  {background-image:url(images/retour_hover.gif);}