/* GENERAL */
body
  {
    background:  #010101 url(../img/bg.jpg) center top no-repeat;
    font-family: Helvetica, arial,sans;
    font-size:16px;
    border-top:1px solid gray;
    border-spacing: 1px;
  }
  
img, div,a { behavior: url(/site_new/css/iepngfix.htc) }  
  
/* TYPO */
#content p { margin: 0 0 12px 0;}  
  
/* CONTENU */
#content
  {
    width:650px;
    margin: 0 auto;
    line-height: 1.6em;
    padding-bottom: 80px;

  }

#content h2
  {
    font-size:150%;
  }

#home #content, #home #content a { color:silver;}
#news #content, #news #content a { color:#7AB7ED;}
#video #content, #video #content a { color: #FF6633;}
#music #content, #music #content a { color: #FFCC66;}
#pro #content, #pro #content a { color: #9999CC;}
#events #content, #events #content a { color: #A1B40D;}
#pics #content, #pics #content a { color:#FF99FF;}
#contact #content, #contact #content a { color:#CC9999;}

#content a { text-decoration: none; border-bottom: 1px dotted}  
#content a:hover { text-decoration: none; border-bottom: 1px solid}   
  
/* EN-TETE */
#header 
  {
    width:480px;
    height:150px;
    margin: 20px auto;
    padding: 0 0 0 100px;
  }

#header #logo
  {
    display: block;
    width: 360px;
    height: 150px;
    text-indent: -9999px;
    float:left;
  }
  
#home #header #logo    { background: url(../img/logo-home.png) ;} 
#news #header #logo    { background: url(../img/logo-news.png) ;}
#events #header #logo  { background: url(../img/logo-events.png) ;} 
#video #header #logo   { background: url(../img/logo-video.png) ;}   
#music #header #logo   { background: url(../img/logo-music.png) ;} 
#pro #header #logo     { background: url(../img/logo-pro.png) ;} 
#pics #header #logo    { background: url(../img/logo-pics.png) ;} 
#contact #header #logo { background: url(../img/logo-contact.png) ;} 

#description
  {
    width: 650px;
    height: 40px;
    text-indent: -9999px;
    margin: 40px auto 60px;
  }  
  
#home   #description { background: url(../img/legend-home.png) ;}  
#news   #description { background: url(../img/legend-news.png) ;} 
#events #description { background: url(../img/legend-events.png) ;}  
#video  #description { background: url(../img/legend-video.png) ;}
#music  #description { background: url(../img/legend-music.png) ;}
#pro  #description   { background: url(../img/legend-pro.png) ;}
#pics  #description  { background: url(../img/legend-pics.png) ;}
#contact #description   { background: url(../img/legend-contact.png) ;}

/* MENU */
#menu
  {
    float:right;
  }

#menu li, #menu a
  {
    display: block;
    width: 90px;
    height: 18px;
    text-indent: -9999px;
  }

#m-home    a { background: url(../img/m-home.png) no-repeat }
#m-news    a { background: url(../img/m-news.png) no-repeat }
#m-music   a { background: url(../img/m-music.png) no-repeat }
#m-video   a { background: url(../img/m-video.png) no-repeat }
#m-pics    a { background: url(../img/m-pics.png) no-repeat }
#m-events  a { background: url(../img/m-events.png) no-repeat }
#m-pro     a { background: url(../img/m-pro.png) no-repeat }
#m-contact a { background: url(../img/m-contact.png) no-repeat }

#m-home    a:hover { background: url(../img/m-home.png) no-repeat center}
#m-news    a:hover { background: url(../img/m-news.png) no-repeat center}
#m-music   a:hover { background: url(../img/m-music.png) no-repeat center}
#m-video   a:hover { background: url(../img/m-video.png) no-repeat center}
#m-pics    a:hover { background: url(../img/m-pics.png) no-repeat center}
#m-events  a:hover { background: url(../img/m-events.png) no-repeat center}
#m-pro     a:hover { background: url(../img/m-pro.png) no-repeat center}
#m-contact a:hover { background: url(../img/m-contact.png) no-repeat center}

#home #m-home a 			{ background: url(../img/m-home.png) no-repeat right}
#news #m-news a 			{ background: url(../img/m-news.png) no-repeat right}
#events #m-events a 	{ background: url(../img/m-events.png) no-repeat right}
#video #m-video a 		{ background: url(../img/m-video.png) no-repeat right}
#pro #m-pro a 				{ background: url(../img/m-pro.png) no-repeat right}
#contact #m-contact a { background: url(../img/m-contact.png) no-repeat right}
#music #m-music a 		{ background: url(../img/m-music.png) no-repeat right}
#pics #m-pics a 			{ background: url(../img/m-pics.png) no-repeat right}

/* PAGES */

/* home */
#home #splash
   {
     padding-top: 0px;
     width:350px;
     float:left;
     text-align: center;
     font-size: 14px;
     font-weight: bold;
   }
   
#home #splash a
  {
       color: #ff3f60;

  }   

#home .item
  {
    padding: 6px 0 20px 440px; 
    font-size:120%;
    margin: 0 0 0px 0;   

  }
  
#home .item.news
  {
    background: url(../img/home-news.png) no-repeat 370px 0;
    color:#7AB7ED;
  }  

#home .item.news:hover
  {
    color: #BCDBF6;
  }   
 
  
#home a , #home a:hover
  {
    border: 0;
  }  
  
#home .item.events
  {
    background: url(../img/home-events.png) no-repeat 370px 0px;
    color:#A2B50E;
    padding-top: 0;
  } 
  
#home .item.events.tba
  {   
    height: 70px; 
    font-size: 32px;
    font-weight: 100;
    padding-top: 18px;
  }
  
#home .item.events.next
  {  
    background: none;
  }  
  
#home .item.events:hover
  {  
    color:#D0DA86;
    cursor: pointer;
  }    
  
#home .item.pics
  {
    background: url(../img/home-pics.png) no-repeat 370px 30px;
    color:#FF99FF;
  }    
  
#home .item.links
  {
    background: url(../img/home-links.png) no-repeat 370px 10px;
    color:#D63C61;
    height: 100px;
  }    

#home .link
  {
    display:block;
    width: 100px;
    height: 36px;
    text-indent: -9999px;
    float:left;
    margin: 0 0 10px 0;
  }
  
#home .link:hover
  {
    border-bottom: 1px solid #333;
;
  }  
  
#home .link.fb { background: url(../img/link-fb.png) no-repeat; }  
#home .link.ms { background: url(../img/link-ms.png) no-repeat; }  
#home .link.dm { background: url(../img/link-damp.png) no-repeat; } 
#home .link.tw { background: url(../img/link-tw.png) no-repeat; }  
#home .link.mx3 { background: url(../img/link-mx3.png) no-repeat; }  

/* news */
.news-date
  {
    width: 80px;
    height: 83px;
    background: url(../img/news-date.png) no-repeat;
    text-align: center;
    float:left;
  }
  
.news-date span
  {
    line-height: 5.5em;
    color:white;
    font-size:90%;  
  }  
  
.news-item
  {
    width:530px;
    padding: 0 0 0px 30px;
    float:left;
    margin: 0 0 50px 0;
    clear:right;
  }  

#content a.news_picture 
  {
    border: 0;
  }

#news .pagination ul
  { 
    margin: 0 auto;
    width:200px;
  }  
  
#news .pagination li
  { 
    display: block;
    margin: 0 2px;
    float:left;
      
  }    
  
#news .pagination
  {
    text-align: center;
    margin: 0 0 40px 0;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid black;
  }
  
#news .pagination strong , #news .pagination a 
  {
    width: 24px;
    height: 20px;
    display: block;
    float:left;
    line-height: 1.5em;
    text-align:center;


  }  
  
#news .pagination strong 
  {
    background: url(../img/news-page-sel.png) no-repeat;
    color:white;
  }  
  
#news .pagination a 
  {
    background: url(../img/news-page.png) no-repeat;
    color:white;
    border: 0;
  } 
  
#news .pagination a span
  { color:silver;}   
  
#news .pagination a:hover 
  {
    background: url(../img/news-page-hover.png) no-repeat;
    color:white;
  }   
  
#news .pagination a:hover span
  { color:white;}        
  
/* video */
#video #credits
  {
    margin: 30px 0 100px;
    background: url(../img/video-credits.png) no-repeat;
    padding: 8px 0 0 70px;
    height: 60px;
  }  
  
/* pro */
#pro #bio
  {
    margin: 30px 0 60px;
    background: url(../img/pro-bio.png) no-repeat;
    padding: 8px 0 0 70px;
  }  
  
#pro #docs
  {
    margin: 30px 0 60px;
    background: url(../img/pro-docs.png) no-repeat;
    padding: 8px 0 0 70px;
        height: 80px;
  }   
  
#pro #tech
  {
    margin: 30px 0 60px;
    background: url(../img/pro-tech.png) no-repeat;
    padding: 8px 0 0 70px;
    height: 80px;
  }    
  
#pro #bio img
  {
    float:right;
  }  
  
#pro #docs .item
  {
    display: block;
    float:left;
    width: 185px;
    height: 110px;
    text-indent: -9999px;
    border:0;
  }  
  
#pro #docs #pressbook-fr
  { background: url(../img/pro-pressbook-fr.png) no-repeat; }  

#pro #docs #pressbook-en
  { background: url(../img/pro-pressbook-en.png) no-repeat; }  

#pro #docs #bandpic
  { background: url(../img/pro-bandpic.png) no-repeat; } 
  
#pro #docs #cover
  { background: url(../img/pro-cover.png) no-repeat; } 
      
/* events */
#events a, #events a:hover
  { border:0;}

#events table
  {
    width:100%;
    line-height: 1.2em
  }
  
#events table tr, #events table td
  {
    vertical-align: top
  }  
  
#events table td
  {
    padding-bottom:  40px;
  }  
  
#events table td.date
  {
    width:20%;
    text-align: center;
    font-weight: bold;
  }  
  
#events table td.type
  {
    width:60px;
  }  
  

  
#events table td.venue
  {
    width:45%;
    text-align: left;
  }   
  
#events table td.links
  {
    width:5%;
    text-align: left;
    margin-top: 4px;
  }    


#events table td.note
  {
    width:40%;
    text-align: left;
    font-style: italic;
    font-size:80%;
  }   
  
#events table td.note a
  {
    border-bottom:1px dotted;
  }  
  
#events #next   
  {
    margin: 0px 0 20px;
    background: url(../img/events-next.png) no-repeat;
    padding: 8px 0 20px 70px;
  }
  
#events #past   
  {
    margin: 00px 0 60px;
    background: url(../img/events-past.png) no-repeat;
    padding: 8px 0 0 70px;
  }  
  
#events #past, #events #past a
  {
    color:gray;  
  }  
  
/* pics */
#pics #list
  {
    font-size:80%;
    line-height: 1em;
    width:300px;
    float:left;
  }  
  
#pics h2
  {
    margin: 0 0 20px 0;
  }  
  
#pics #list a
  {
    border:0;
    color:#555;
    padding: 0 0 0 16px
  }  
  
#pics #list a:hover
  {
    border:0;
    color:silver;
    background: url(../img/pics-hover.png) no-repeat left 2px;
  }    
  
#pics #list a.selected
  {
    font-weight: bold;
    color:#FF99FF;
    background: url(../img/pics-sel.png) no-repeat left 2px;
  }  
  
#pics #gallery
  {
    padding: 0px 0 20px 300px; 
  }
  
#pics p.thumb
  {
    float:left;
    width: 160px;
  }   
 
#pics #gallery  a.thumb 
  {
    border: 0;
  } 
  
#pics #gallery  a.thumb img, img.thumb 
  {
    border: 1px solid #6d426f;
  }
  
#pics #gallery  a.thumb:hover img, a:hover img.thumb
  {
    border: 1px solid #FF99FF;
  }  
  
/* CONTACT */
#contact #band   
  {
    margin: 0px 0 20px;
    background: url(../img/contact-band.png) no-repeat;
    padding: 8px 0 20px 70px;
  }
  
#contact #label   
  {
    margin: 00px 0 60px;
    background: url(../img/contact-label.png) no-repeat;
    padding: 8px 0 0 70px;
  }   
  
/* MUSIC */
#music #cover
  {
    float:left
  }  
   
#music #credits
  {
    margin: 30px 0 100px;
    background: url(../img/music-credits.png) no-repeat;
    padding: 8px 0 0 70px;
    height: 60px;
    font-size: 90%
  }     
   
#music #buy-itunes
  {
    display:block;
    width: 299px;
    height: 51px;
    background: url(../img/music-buy.png) no-repeat top;
    text-indent: -9999px;
    margin: 6px 0 6px;
    border: 0;

  }   
    
#music #buy-itunes:hover
  {
   background: url(../img/music-buy.png) no-repeat bottom;
  } 
  
#music #buy-citydisc
  {
    display:block;
    width: 149px;
    height: 51px;
    background: url(../img/music-citydisc.png) no-repeat top;
    text-indent: -9999px;
    margin: 0px 2px 0 0 ;
    border: 0;

  }    
  
#music #buy-citydisc:hover {background: url(../img/music-citydisc.png) no-repeat bottom;}
  
#music #buy-cede
  {
    display:block;
    width: 149px;
    height: 51px;
    background: url(../img/music-cede.png) no-repeat top;
    text-indent: -9999px;
    margin: 0px 0;
    border: 0;
  }    
  
#music #buy-cede:hover  {background: url(../img/music-cede.png) no-repeat bottom;} 
   
/* FOOTER */
#footer
  {

    margin: 50px auto 80px;
    height: 80px;
    float:left;

    width:650px;
    background: url(../img/legend-home.png) 0 -35px no-repeat;
  }   
  
#footer span
  {
  display:block;
    margin: 20px 0 0 70px;
  }