body
  {
   background: black url(../img/bg.jpg);
  }
  
.center { text-align: center;}  
  
button { cursor: pointer;}  
  
/* LOGO */
#header h1 
  {
    width:240px;
    height: 430px;
    position: absolute;
    top:20px;
    left:30px;
    text-indent: -9999px;
  } 
  
.logo1 { background: url(../img/logo1.gif) no-repeat;  }
.logo2 { background: url(../img/logo2.gif) no-repeat;  }
.logo3 { background: url(../img/logo3.gif) no-repeat;  }
.logo4 { background: url(../img/logo4.gif) no-repeat;  }
.logo5 { background: url(../img/logo5.gif) no-repeat;  }
.logo6 { background: url(../img/logo6.gif) no-repeat;  }
.logo7 { background: url(../img/logo7.gif) no-repeat;  }
.logo8 { background: url(../img/logo8.gif) no-repeat;  }
.logo9 { background: url(../img/logo9.gif) no-repeat;  }
.logo10 { background: url(../img/logo10.gif) no-repeat;  }
.logo11 { background: url(../img/logo11.gif) no-repeat;  }
  
h1 a 
  {
    width:220px;
    height: 420px;
    display: block;
  }  
  
  

/* MENU */
#menu
  {
    width:240px;
    position: absolute;
    top:460px;
    left:30px;    
    padding-bottom: 10px;
    background: url(../img/menu-bg.png) left bottom no-repeat;
     margin: 0 0 0px 0
   }
  
#menu ul
  {}  
  
#menu li a
  {
    display: block;
    height: 16px;
    width:240px;
    text-indent: -9999px;
  }  

#m-accueil a.f { background: url(../cache/m-accueil_f_off.png) no-repeat;}
#m-accueil a.d { background: url(../cache/m-accueil_d_off.png) no-repeat;}
#m-accueil a.e { background: url(../cache/m-accueil_e_off.png) no-repeat;}

#accueil #m-accueil a.f { background: url(../cache/m-accueil_f_on.png) no-repeat;}
#accueil #m-accueil a.d { background: url(../cache/m-accueil_d_on.png) no-repeat;}
#accueil #m-accueil a.e { background: url(../cache/m-accueil_e_on.png) no-repeat;}

#m-presentation a.f { background: url(../cache/m-presentation_f_off.png) no-repeat;}
#m-presentation a.d { background: url(../cache/m-presentation_d_off.png) no-repeat;}
#m-presentation a.e { background: url(../cache/m-presentation_e_off.png) no-repeat;} 

#presentation #m-presentation a.f { background: url(../cache/m-presentation_f_on.png) no-repeat;}
#presentation #m-presentation a.d { background: url(../cache/m-presentation_d_on.png) no-repeat;}
#presentation #m-presentation a.e { background: url(../cache/m-presentation_e_on.png) no-repeat;}  

#m-concerts a.f { background: url(../cache/m-concerts_f_off.png) no-repeat;}
#m-concerts a.d { background: url(../cache/m-concerts_d_off.png) no-repeat;}
#m-concerts a.e { background: url(../cache/m-concerts_e_off.png) no-repeat;} 

#concerts #m-concerts a.f { background: url(../cache/m-concerts_f_on.png) no-repeat;}
#concerts #m-concerts a.d { background: url(../cache/m-concerts_d_on.png) no-repeat;}
#concerts #m-concerts a.e { background: url(../cache/m-concerts_e_on.png) no-repeat;}  

#m-artistes a.f { background: url(../cache/m-artistes_f_off.png) no-repeat;}
#m-artistes a.d { background: url(../cache/m-artistes_d_off.png) no-repeat;}
#m-artistes a.e { background: url(../cache/m-artistes_e_off.png) no-repeat;} 

#artistes #m-artistes a.f { background: url(../cache/m-artistes_f_on.png) no-repeat;}
#artistes #m-artistes a.d { background: url(../cache/m-artistes_d_on.png) no-repeat;}
#artistes #m-artistes a.e { background: url(../cache/m-artistes_e_on.png) no-repeat;}  

#m-billeterie a.f { background: url(../cache/m-billeterie_f_off.png) no-repeat;}
#m-billeterie a.d { background: url(../cache/m-billeterie_d_off.png) no-repeat;}
#m-billeterie a.e { background: url(../cache/m-billeterie_e_off.png) no-repeat;} 

#billeterie #m-billeterie a.f { background: url(../cache/m-billeterie_f_on.png) no-repeat;}
#billeterie #m-billeterie a.d { background: url(../cache/m-billeterie_d_on.png) no-repeat;}
#billeterie #m-billeterie a.e { background: url(../cache/m-billeterie_e_on.png) no-repeat;}  

#m-infos_pratiques a.f { background: url(../cache/m-infos_pratiques_f_off.png) no-repeat;}
#m-infos_pratiques a.d { background: url(../cache/m-infos_pratiques_d_off.png) no-repeat;}
#m-infos_pratiques a.e { background: url(../cache/m-infos_pratiques_e_off.png) no-repeat;} 

#infos_pratiques #m-infos_pratiques a.f { background: url(../cache/m-infos_pratiques_f_on.png) no-repeat;}
#infos_pratiques #m-infos_pratiques a.d { background: url(../cache/m-infos_pratiques_d_on.png) no-repeat;}
#infos_pratiques #m-infos_pratiques a.e { background: url(../cache/m-infos_pratiques_e_on.png) no-repeat;}  

#m-sponsors a.f { background: url(../cache/m-sponsors_f_off.png) no-repeat;}
#m-sponsors a.d { background: url(../cache/m-sponsors_d_off.png) no-repeat;}
#m-sponsors a.e { background: url(../cache/m-sponsors_e_off.png) no-repeat;} 

#sponsors #m-sponsors a.f { background: url(../cache/m-sponsors_f_on.png) no-repeat;}
#sponsors #m-sponsors a.d { background: url(../cache/m-sponsors_d_on.png) no-repeat;}
#sponsors #m-sponsors a.e { background: url(../cache/m-sponsors_e_on.png) no-repeat;}  

#m-remerciements a.f { background: url(../cache/m-remerciements_f_off.png) no-repeat;}
#m-remerciements a.d { background: url(../cache/m-remerciements_d_off.png) no-repeat;}
#m-remerciements a.e { background: url(../cache/m-remerciements_e_off.png) no-repeat;} 

#remerciements #m-remerciements a.f { background: url(../cache/m-remerciements_f_on.png) no-repeat;}
#remerciements #m-remerciements a.d { background: url(../cache/m-remerciements_d_on.png) no-repeat;}
#remerciements #m-remerciements a.e { background: url(../cache/m-remerciements_e_on.png) no-repeat;} 

#m-zone_medias a.f { background: url(../cache/m-zone_medias_f_off.png) no-repeat;}
#m-zone_medias a.d { background: url(../cache/m-zone_medias_d_off.png) no-repeat;}
#m-zone_medias a.e { background: url(../cache/m-zone_medias_e_off.png) no-repeat;} 

#zone_medias #m-zone_medias a.f { background: url(../cache/m-zone_medias_f_on.png) no-repeat;}
#zone_medias #m-zone_medias a.d { background: url(../cache/m-zone_medias_d_on.png) no-repeat;}
#zone_medias #m-zone_medias a.e { background: url(../cache/m-zone_medias_e_on.png) no-repeat;} 

#m-archives  a.f { background: url(../cache/m-archives_f_off.png) no-repeat;}
#m-archives  a.d { background: url(../cache/m-archives_d_off.png) no-repeat;}
#m-archives  a.e { background: url(../cache/m-archives_e_off.png) no-repeat;}

#archives #m-archives  a.f { background: url(../cache/m-archives_f_on.png) no-repeat;}
#archives #m-archives  a.d { background: url(../cache/m-archives_d_on.png) no-repeat;}
#archives #m-archives  a.e { background: url(../cache/m-archives_e_on.png) no-repeat;}

#m-association  a.f { background: url(../cache/m-association_f_off.png) no-repeat;}
#m-association  a.d { background: url(../cache/m-association_d_off.png) no-repeat;}
#m-association  a.e { background: url(../cache/m-association_e_off.png) no-repeat;}

#association #m-association  a.f { background: url(../cache/m-association_f_on.png) no-repeat;}
#association #m-association  a.d { background: url(../cache/m-association_d_on.png) no-repeat;}
#association #m-association  a.e { background: url(../cache/m-association_e_on.png) no-repeat;}

#m-usinesonore  a.f { background: url(../cache/m-usinesonore_f_off.png) no-repeat;}
#m-usinesonore  a.d { background: url(../cache/m-usinesonore_d_off.png) no-repeat;}
#m-usinesonore  a.e { background: url(../cache/m-usinesonore_e_off.png) no-repeat;}

#association #m-usinesonore  a.f { background: url(../cache/m-usinesonore_f_on.png) no-repeat;}
#association #m-usinesonore  a.d { background: url(../cache/m-usinesonore_d_on.png) no-repeat;}
#association #m-usinesonore  a.e { background: url(../cache/m-usinesonore_e_on.png) no-repeat;}

#m-contact a.f { background: url(../cache/m-contact_f_off.png) no-repeat;}
#m-contact a.d { background: url(../cache/m-contact_d_off.png) no-repeat;}
#m-contact a.e { background: url(../cache/m-contact_e_off.png) no-repeat;}

#contact #m-contact a.f { background: url(../cache/m-contact_f_on.png) no-repeat;}
#contact #m-contact a.d { background: url(../cache/m-contact_d_on.png) no-repeat;}
#contact #m-contact a.e { background: url(../cache/m-contact_e_on.png) no-repeat;}

#m-liens  a.f { background: url(../cache/m-liens_f_off.png) no-repeat;}
#m-liens  a.d { background: url(../cache/m-liens_d_off.png) no-repeat;}
#m-liens  a.e { background: url(../cache/m-liens_e_off.png) no-repeat;}

#liens #m-liens  a.f { background: url(../cache/m-liens_f_on.png) no-repeat;}
#liens #m-liens  a.d { background: url(../cache/m-liens_d_on.png) no-repeat;}
#liens #m-liens  a.e { background: url(../cache/m-liens_e_on.png) no-repeat;}

#m-photos  a.f { background: url(../cache/m-photos_f_off.png) no-repeat;}
#m-photos  a.d { background: url(../cache/m-photos_d_off.png) no-repeat;}
#m-photos  a.e { background: url(../cache/m-photos_e_off.png) no-repeat;}

#photos #m-photos  a.f { background: url(../cache/m-photos_f_on.png) no-repeat;}
#photos #m-photos  a.d { background: url(../cache/m-photos_d_on.png) no-repeat;}
#photos #m-photos  a.e { background: url(../cache/m-photos_e_on.png) no-repeat;}
  
/* SOUS MENUS */
#submenu
  {

    width:240px;
/*    
    position: absolute;
    top:540px;
    left:30px;   
*/ 
    padding-bottom: 10px; 
    font-size: 15px; 
  }  
  
#submenu ul
  {
  margin-top: 0px;
  }  
#submenu li
{

}  
#submenu li a
  {  
    color:white; 
    text-decoration: none;
    text-indent: 0;
     height: auto; 
 padding: 1px	 0 0 5px; 


    
  } 
  
#submenu li a:hover
  {  text-decoration: underline; }   
  
#submenu li a.selected
  {  color: #C29900; text-decoration: none} 
  
#submenu li a.selected:hover { text-decoration: none; border:0}
   
   
   
  
/* LANGUES */
#lang
  {
    position: absolute;
    right:4px;
    top:10px;
  }  
  
#lang a 
  {
    display:block;
    height: 19px;
    width: 20px;
    float:left;
    text-indent: -9999px;
    margin: 0;
    padding: 0;
    text-decoration: none;
  } 
  
  
#lang #f { background: url(../img/f.png) no-repeat;} 
#lang #d { background: url(../img/d.png) no-repeat; margin-right: 3px} 
#lang #e { background: url(../img/e.png) no-repeat;} 

#lang.f #f { background: url(../img/f.png) no-repeat right top;} 
#lang.d #d { background: url(../img/d.png) no-repeat right top;} 
#lang.e #e { background: url(../img/e.png) no-repeat right top;}    
  
/* CONTENU */
#content
  {
    position: absolute;
    top:30px;
    left: 290px;
    width:460px;
    background: url(../img/separator.png) bottom repeat-x;
    padding: 10px 0;
    min-height: 460px;
    overflow: auto;
  }  
  
#content .gutter
  {
  background: url(../img/separator.png) top repeat-x;
  padding: 20px 0 0 0;
  font-size:14px;
  }  
  
#content .gutter a {font-size:14px;}  
  
#footer
  {

  }
  
/* FORMULAIRE */
.form  
 {
   margin: 36px 0 0 0;
 }
 
.form p
  {
    margin:12px 0 0 0;
  } 
  
.form button
  {
    border: 0;
    padding: 2px 6px;
    background: #C29900;
    
  }  
  
/* LIENS */
#liens #content a
  {
    font-size: 14px;
  }  
  
/* BREADCRUMB */
#breadcrumb
  { display:none;}  

/* 404 */
#error_404
  {
    font-size:20px;
    text-align: center;
    padding: 180px 0 0 0;
    color:#C29900;
  }  
  
/* CONTACT */
 label
  {
    font-weight: bold;
    display: block;
  }  
  
.oValidate
  {
    border: 0;
    padding: 2px 6px;
    background: #C29900;
    margin: 20px 0 0 0;
    color:black;
    
  } 
  
a.oValidate 
  {    
    color:black;
    text-decoration: none;
  }   
  
.oErrorMessage
  {
    display:none;
  }  
  
 .oInputError
  {
    background: maroon;
    color:white;
  }
  
  
#contact input, #contact textarea
  {
    color:white;
    border: 1px solid #666;
    background-color: black;
  }  
  
#merci .message
  {
    font-size:16px;
    margin: 150px auto;
    text-align: center;
    color:#C29900;
  }    
  
/* GALERIE */
.thumb  
  {
    border:1px solid black;
    display:block;
    width:147px;
    height: 97px;
    overflow: hidden;
  } 


#multimedia #big:hover { text-decoration: none; border: 0}  

.left { float:left;}
.right { float:left;} 

 
.thumb:hover
  {
   border: 1px solid #C29900; 
   background: #C29900; 
  }
  
#photos #content.gutter
  {
    padding:10px 0;
  }  
   
/* TEMPORAIRE */
.construction
  {
    font-size:24px;
    text-align: center;
    padding: 180px 0 0 0;
    color:gray;
  }  
  
/* BILLETERIE */
#billeterie .reduction
  {
    text-align: right;
    width: 348px;
    color:#C29900;
  } 
  
#billeterie .normal
  {
    text-align: right;
    width: 348px;
    color:white;
  }     
  
#billeterie input
  {
    color:white;
    border: 1px solid #666;
    background-color: black;
  } 
  
#billeterie input.red
  { border: 1px solid #C29900;   }
  
span.red {color: #C29900; }

/* INFOS PRATIQUES */  
#infos_pratiques .error {color:#C29900;}  

#infos_pratiques #content { width:490px; }

#infos_pratiques .center {text-align: center}
  
/* SPONSORS */
#sponsors .logo 
  {
    margin: 0 10px 10px 0;
    float:left;
    width: 155px;
    height: 150px;
    text-align: center;
    background-color: white;

  }
  
#sponsors #content a:hover { text-decoration: none; }  
#sponsors #content .gutter a:hover { text-decoration: none; border:0}  

#sponsors #content { width:500px;}
  
/*
#sponsors .logo .left
  {
    float:left
  }
  
#sponsors .logo .right
  {
    float:right
  }  
*/
  
#sponsors .clean
  {
    clear:both;
  }  
  
/* VIDEO */
.video
  {
    width:425px;
    margin: 40px auto 80px auto;
    font-size: 12px;
  }  
  
.video p
  {
    padding-top: 24px;
  }  
  
.video em
  {
    font-weight: bold;
    color: #C29900;
  }  
  
/*
.tool-tip {
	color: #fff;
	width: 300px;
	z-index: 13000;
	background: #222;
	line-height: 1.5em;
	color: white;
	opacity:.5;
	border: 2px solid black;
}

 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;

}
 
.tool-text {
	font-size: 14px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
*/
.custom_tip-tip  {

	background-color: #333;
	padding: 5px;
	border: 2px solid #C29900;
	opacity:0.7;
}

.custom_tip-title {display: none}


/* COMMENTAIRES */

#commentaires 
  {
    margin-top: 50px;
    padding-top: 20px;
    background: url(../img/separator.png) top repeat-x;
  }

#commentaires input, #commentaires textarea
  {
    color:white;
    border: 1px solid #666;
    background-color: black;
    width: 300px;
  }  
  
#commentaires label
  {
    float:left;
    width: 120px;
    display: block;
  }  
  
#commentaires form
  {
/*   border-top:2px dashed #666; */
  padding: 20px 0 0 0;
  }  
  
#commentaires .oButton
  {
    margin-left: 120px;
  }  
  
#commentaires .error
  {
    font-weight: bold;
    color: #C29900;
    margin: 10px 0;
  }  
  
.commentaire
  {
    margin: 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #333;
  } 
  
.commentaire p
  {
    font-weight: bold;
  }  
  
/* PRESENTATION */
#presentation input, #presentation textarea
  {
    color:white;
    border: 1px solid #666;
    background-color: black;
  }    
  
/* ARTISTES */
#artistes #content .gutter a:hover { text-decoration: none; border:0}  
  
/* PHOTOS */  
  
.prev, .next
  {
    width: 17px;
    height: 20px;
    text-indent: -9999px;
    display: block;
    text-decoration: none;
  }  
  
#multimedia a.prev  { background: url(../img/b-prev_off.png) no-repeat; }
#multimedia a.prev:hover  { background: url(../img/b-prev_on.png) no-repeat; text-decoration: none; border: 0;}
#multimedia a.next  { background: url(../img/b-next_off.png) no-repeat; }
#multimedia a.next:hover  { background: url(../img/b-next_on.png) no-repeat; text-decoration: none; border: 0;}