/* HTML DE BASE
**********************************************************************/
body
  {
	  background:url(../img/bg.jpg) repeat-x #4D4F50;
		margin:0;
		padding:0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
#wrapper
  {
	  width:595px;
		margin:0 auto;
	}	
	
	
#background
  {
	  background:url(../img/background.jpg) no-repeat;
	}
		
		
/* HACKS
********************************************************************************/

/* POINILLES AUTOUR DES LIENS (FIREFOX) */
a, a:active { outline:none; }

		
/* EN-TETE
**********************************************************************/	
#header
  {
	  background:url(../img/header.jpg) no-repeat;
		width:595px;
		height:127px;
		margin:0 auto;
	}
	
#header a
  {
	  display:block;
		width:595px;
		height:127px;	
	}	

#header h1
  {
	  display:none;
	}	
	
/* MENU
**********************************************************************/		
#menu
  {
	  clear:both;
		width:497px;
		margin:0 auto 24px auto;
		display:block;	
	}
	
#menu ul
  {
	  margin:0;
		padding:0;
		list-style-type:none;
		float:left;
	}	
	
#menu li
  {
	  display:inline;
		float:left;
	}	
	
#menu li a
  {	
	  display:block;
		background:url(../img/menu_off.jpg) no-repeat;
		width:97px;
		height:26px;
		color:#FFFFFF;
		text-decoration:none;
	}
	
#menu span
  {
	  display:block;
	  text-align:center;
	  padding-top:4px;
	}	
	
#menu li a:hover	
  {
	  background:url(../img/menu_over.jpg) no-repeat;	
	  color:#FFFFFF;
	}	
	
#accueil #m-accueil	a,
#groupe #m-groupe	a,
#agenda #m-agenda	a,
#medias #m-medias	a,
#contact #m-contact	a
  {
	  background-image:url(../img/menu_sel.jpg);
	}
	
/* CONTENU
**********************************************************************/		
#content
  {
	  width:90%;
	  border:1px solid black;
		background:#FFFFFF;
		margin:20px auto;
		padding:10px;
		clear:both;
		display:block;
	}
	
/* PAGE D'ACCUEIL
**********************************************************************/		
#home
  {
	  clear: both;
		font-size:130%;
		text-align:center;
		color:white;
	}	
	
#home p
  {	
	  text-align:left;
		margin:36px 0;
	}	
	
#news
  {
    background:url(../img/news_bg.jpg) no-repeat #FFFF99;
	border-bottom:1px solid black;
	border-right:1px solid black;
	font-size:110%;
  }	
  
#news .gutter 
  {
    padding:18px 18px 18px 60px;
  }	
/* MEDIA
**********************************************************************/		
#media_nav
  {
	  background:url(../img/medias_nav_bg.jpg) no-repeat;
		width:596px;
		height:125px;
		float:left;
	}	
	
#media_nav span { display:none; }	
	
#media_nav ul
  {	
	  padding:0;
		margin:0;
		list-style-type:none;
		float:left;
	}

#media_nav li
  {
	  display:inline;
	  float:left;
		width:108px;
		height:125px;
		margin:0 44px 0 44px
	}		
	
	
#media_nav #s-photos a
  {
	  display:block;
	  background:url(../img/photo_off.jpg) no-repeat;
		width:108px;
		height:125px;
	}		
	
#media_nav #s-photos a:hover, #media_nav.photos #s-photos a
  {
	  background:url(../img/photo_sel.jpg) no-repeat;	
	}	
	
#media_nav #s-mp3 a
  {
	  display:block;
	  background:url(../img/mp3_off.jpg) no-repeat;
		width:108px;
		height:125px;
	}		
	
#media_nav #s-mp3 a:hover, #media_nav.mp3 #s-mp3 a
  {
	  background:url(../img/mp3_sel.jpg) no-repeat;	
	}		
	
#media_nav #s-videos a
  {
	  display:block;
	  background:url(../img/video_off.jpg) no-repeat;
		width:108px;
		height:125px;
	}		
	
#media_nav #s-videos a:hover, #media_nav.videos #s-videos a
  {
	  background:url(../img/video_sel.jpg) no-repeat;	
	}			
	
/* GROUPE
**********************************************************************/			
#group_content
  {
    background:#F0F0F0;
	
  }
  
  
#group_content .gutter
  {  
    padding:20px 20px 40px 20px;
  }	
  
#group_text
  {
	clear:both;
	color:white;
	margin-top:12px;
	font-size:110%;
	line-height:1.5em;
  }

#groupe_nav
  {
	clear:both;
    margin-top:18px;
	width:100%;
	margin-bottom:24px;
	
  }	
	
#groupe_nav span { display:none; }		
	
#groupe_nav ul
  {	
	padding:0;
	margin:0;
	list-style-type:none;
	float:left;
	background:url(../img/groupe_bg.jpg) repeat-x;
	width:100%;
	}

#groupe_nav li
  {
	  display:inline;
	  float:left;
		width:156px;
		height:47px;
		text-align:center;
		margin:0 0px 0 25px
	}		
	
	
#groupe_nav #s-presentation a
  {
	  display:block;
	  background:url(../img/presentation_off.jpg) no-repeat;
		width:156px;
		height:47px;
	}		
	
	#groupe_nav #s-presentation a:hover, #groupe_nav.presentation #s-presentation a
  {
	  background:url(../img/presentation_on.jpg) no-repeat;	
	}		
	
#groupe_nav #s-formation a
  {
	  display:block;
	  background:url(../img/formation_off.jpg) no-repeat;
		width:156px;
		height:47px;
	}		
	
	#groupe_nav #s-formation a:hover, #groupe_nav.formation #s-formation a
  {
	  background:url(../img/formation_on.jpg) no-repeat;	
	}	
	
#groupe_nav #s-discographie a
  {
	  display:block;
	  background:url(../img/discographie_off.jpg) no-repeat;
		width:156px;
		height:47px;
	}		
	
	#groupe_nav #s-discographie a:hover, #groupe_nav.discographie #s-discographie a
  {
	  background:url(../img/discographie_on.jpg) no-repeat;	
	}
	
#groupe table
  {
    clear:both;
	width:100%;
  }		
  
 #groupe table th
   { width:1px; } 
	
/* AGENDA
**********************************************************************/				
#agenda_content
  {
    background:url(../img/groupe_bg.jpg) repeat-x #F0F0F0;
  }	
  
 #agenda_content .gutter
  { 
    padding:18px 20px 36px 20px;
  }	

 #agenda_content h1
  { 
    text-align:center;
	color:#990000;
  }	
  
  #agenda_content h2
  { 
    font-size:110%;
	color:#333333;
	margin-top:36px;
  } 
  
 #agenda .img
   {
     text-align:center;
   } 
   
 #agenda .img img
   {
     border:1px solid silver;
	 padding:1px;
   }  
   
 #agenda p
   {
     padding-left:12px;
   }  

/* FORMULAIRE
********************************************************************************/	
#contact_content
  {
    background:url(../img/groupe_bg.jpg) repeat-x #F0F0F0;
		width:500px;
  }	
  
 #contact_content .gutter
  { 
    padding:48px 20px 36px 20px;
  }	

label
  {
	  font-weight:bold;
		display:block;
		width:160px;
		vertical-align:top;
		float:left;
		color:maroon;
	}
	
#form_contact
  {
	  margin:10px auto 60px auto;
		width:450px;
	}	
	
#submit_button
  { text-align:center;}
	

.thanks
  {
	  clear:both;
	  margin:250px auto  0 auto;
		color:silver;
		display:block;	
	}		

	
/* GALERIE
********************************************************************************/		
.gallery
  {
	  float:left;

		/*background:url(../img/picture_background.jpg) no-repeat;*/
		text-align:center;
		vertical-align:middle;
		height:190px;
	}	
	
.gallery img, .zoom img
  {	
	  vertical-align:middle; 
	  border:0;
		margin:auto auto;
		border:10px solid white;
	}
	
.gallery img.thumb
  {
	  margin:0 18px 10px 0;
	  
	}	
	
	.zoom
	  {
		  text-align:center;
		}
	
.backbtn
  {
	  margin:12px 0 36px 0;
		text-align:center;
	}	
	
.backbtn img { border:0;}	

/* MP3
********************************************************************************/	
.mp3_item
  {
	clear:both;
	background:#CCCCCC url(../img/mp3.jpg) no-repeat;
	border-bottom:1px solid white;
	border-right:1px solid white;
	margin:12px 0px;
	padding:4px 4px 4px 62px;
  }
	
#prive .mp3_item
  {
	border: 2px solid maroon;
  }	
	
.mp3_item h1
  {	
	  padding:0;
		margin:0;
		font-size:18px;
	}	
	
.mp3_item a, .video_item a
  { 
	  color:#990000;
	  text-decoration:none;
	}	
	
.mp3_item a:hover, .video_item a:hover
  { 
	  text-decoration:underline;
	}		
	
/* VIDEO
********************************************************************************/	
.video_item
  {
	  clear:both;
	  background:#CCCCCC url(../img/video.jpg) no-repeat;
			border-bottom:1px solid white;
		border-right:1px solid white;
		margin:12px 0px;
		padding:4px 4px 4px 62px;
	}
	
.video_item h1
  {	
	  padding:0;
		margin:0;
		font-size:18px;
	}