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

body{
	font: 62.5% Verdana, Arial, Sans-Serif;
	color:#e5e5e5;
	margin:0;padding:0;
	background:#202020 url(../images/bg_left.gif) top left repeat-y;
	line-height:1.7em;
}
a {color:#9cbf2e; text-decoration:none;}
a:hover {text-decoration:underline;}

/* INTRO */

.bod {margin:0;padding:0;background:#202020;}

	.bod .intro {width:100%; margin:0 auto;}
	.bod img { border:0; }



#montage {
	float:left;
	width:427px;
}
	#montage img {float:left}
	
	#montage .flashMusique {
		float:left;
		width:427px; height:635px;
		background:url(../images/img_left.jpg) top left no-repeat;
		position:relative;
	}
	#montage .flashMusique  .flash {
	position:absolute;
	top:30px;
	right:10px;
	display:block;
	width:200px;
	height:300px;
	}
	
	#montage .flashMusique .flash .gauche{width: 25px; height: auto; float: left;}
	#montage .flashMusique .flash .droite{width: 150px; height: auto; float: left;padding-left: 10px;font-weight: bold;font-size: 11px;}
	
#content {
	float:left;
	padding: 31px 0 30px 64px;
}
	#content #menu {
		width:97px; 
		float:left; 
		padding:0 0 33px 0;
	}
		#content #menu a {
			clear:both; 
			float:left;
			width:97px;
			height:20px;
			text-indent:-10000px
		}
			#content #menu a.nouvelle {background:url(../images/btn_nouvelle.gif) top left no-repeat;}
			#content #menu a.disco {background:url(../images/btn_disco.gif) top left no-repeat;}
			#content #menu a.concert {background:url(../images/btn_concert.gif) top left no-repeat;}
			#content #menu a.bio {background:url(../images/btn_bio.gif) top left no-repeat;}
			#content #menu a.photos {background:url(../images/btn_photo.gif) top left no-repeat;}
			#content #menu a.contact {background:url(../images/btn_contact.gif) top left no-repeat;}
		#content #menu a:hover {background-position:-102px 0px  !important;}
		
	#content .title {float:left; clear:both}
	#content p {
		font-size:1.15em;
		line-height:1.6em;
		margin:0;
		padding:16px 0 20px 0;
	}		
	
	#content #text {
		clear:both;
		width:500px; 
		float:left; 
	}
	
	#content #texte .disqueLigne{
		clear:both;
		width:500px; 
		float:left;
	}	
	 .contact form {padding:0;margin:0;}
	 .contact input {margin: 0 0 8px 0; width:220px;} 
	 	.contact input.btn {width:auto;} 
		
	 .contact textarea {margin: 0 0 8px 0; width:220px; height:70px} 
		#content #text .bioLeft {float:left; width:145px;}
			#content #text .bioLeft img {float:left; padding: 30px 0 0px 0; margin:0;}
			#content #text .bioRight {float:left; width:350px}
			
		#content #text .date{font-size:0.9em;}
		#content #text .tel{padding:15px 0 25px 0; clear:both; border-bottom:1px solid #2b2b2b;}
			#content #text .tel a{font-size:1.1em;}
			
			#content #text .disque {
				width:200px;
				padding: 15px 17px 0 0;
				float:left
			}
				#content #text .disque a img {border:0; padding:3px 0 0 0;}
				#content #text .disque a {text-decoration:none;}
				#content #text .disque img.disc {border:6px solid #343434; float:left; margin: 0 0 8px 0; display:inline}
				#content #text .disque .tounes {font-size:1.2em;margin:0; padding:0px 0 0 0}
				#content #text .disque .trademark {color:#636363;font-size:0.9em;padding-right:15px}
					#content #text .disque .tounes strong {font-size:0.8em; text-transform:uppercase;padding: 0 0 4px; 0;}
					#content #text .disque .tounes span {font-size:0.9em;color:#8b8b8b; }
					
					#content #text .disque .tounes a {height:13px;color:#fff; padding: 0 0 0 20px;background:url(../images/btn_play.gif) top left no-repeat; clear:both;}
					#content #text .disque .tounes a span {font-size:0.9em;color:#8b8b8b;}
					#content #text .disque .tounes a:hover {color:#9cbf2e; text-decoration:none;background-position:bottom left;}
					#content #text .disque .tounes a:hover span {color:#9cbf2e;}
					
				#content #text .photos {
					float:left;
					width:400px;
					border-top:1px solid #2b2b2b;
					border-bottom:1px solid #2b2b2b;
					padding-bottom:9px
				}	
					#content #text .photos a {
						float:left;
						border:6px solid #343434;
						margin: 9px 12px 0 0;
						display:inline
					}	
					#content #text .photos a img{float:left;border:0;}	
					#content #text .photosCount {
						float:left;
						width:400px;
						text-align:right;
						padding: 13px 3px 0 0;
						font-size:1.2em
					}
					form {padding:0;margin:0;}