/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



body{
   background:url(../images/fond.jpg) 50% 50%;    
   margin:0px;
   padding:0px;
   font-family:'Lucida Sans', 'Lucida Grande', 'helvetica', arial, sans-serif;
   font-size:0.875em;
}

sup{
    font-size:0.786em;
}

span{
   color:#860e0e;
}

h1{
   font-size:1.714em;
   display:block;
   padding:0 0 15px 0;
   margin:48px 0 0 0;    
}

h3{
   font-weight:bold;
   font-size:1em;
   margin:0 0 10px 0;    
}

h1#home2{
   margin:118px 0 0 0;    
}

#spectacle h1{
   margin:0px; 
   padding:15px 0 10px 0;   
   color:#fff;
}

p{
    padding:0 0 15px 0; 
    line-height:1.214em;   
       
}

#main{
   margin:0px auto;
   width:950px;
   position:relative;
   padding:36px 0;
}

#header{
   position:relative;
   height:58px;  
   display:block;  
}

#logo{
   position:absolute;
   top:0px;
   left:0px;
}


#menu{
    text-transform:uppercase; 
    float:right;
    margin:44px 0 0 0;
}


#menu li{
   float:left;
   display:block;  
   color:#860e0e;  
     
}

#menu li a{
   color:#860e0e;  
   text-decoration:none;  
   
}

#menu li a:hover{
   color:#000;  
   text-decoration:underline;  
}

#menu li a.active{
    color:#000;  
    text-decoration:underline;   
}

#content{
   margin:13px auto 0px auto;
   width:944px;
   border:2px solid #beb49f;
   position:relative;
}

#photo{
   float:left;
   width:391px;
   height:564px;
   background:white;
}

#text{
   display:block;
   float:right;
   width:526px;
   height:564px; 
   padding:0 21px 0 12px;
   font-family:helvetica, arial, sans-serif;  
   text-align:justify; 
   
}

.accueil{
    background:url(../images/accueil_07.jpg) top left;   
}

.presse{
    background:url(../images/presse_07.jpg) top left;   
}

.discographie{
    background:url(../images/disco_07.jpg) top left;   
}

.biographie{
    background:url(../images/bio_07.jpg) top left;   
}

.contact{
    background:url(../images/contact_07.jpg) top left;   
}

#spectacle{
   background:#000;   
   display:block;
   height:564px; 
   font-family:helvetica, arial, sans-serif;  
   text-align:center;
   overflow:hidden; 
   
}

#spectacle small{
   color:#fff;
   font-size:0.786em; 
}

#spectacle small a{
   color:#860e0e; 
}

.contact a, .presse a, .bio a{
   color:#860e0e; 
}


.bio p{
   font-size:0.929em; 
   line-height:1.385em;   
}


.pochettesg{
   width:187px;
   margin:33px 0 0 67px;
   float:left;   
   text-align:center;
    
}
.pochettesd{
   width:161px;
   margin:33px 0 0 40px;
   float:left;  
   text-align:center;
     
}

.pochettesg small, .pochettesd small{
   font-size:0.857em;  
   padding:8px 0 0 0;
   display:block;
   line-height:1.214em; 
   
}

.album{
   float:left;
   width:245px;    
}

.pistes{
   float:right;
   width:240px;
   display:block; 
   line-height:1.231em; 
   font-size:0.929em;
      
}


#footer{
    text-transform:uppercase; 
    text-align:right;
    margin:9px 0 0 0;
    font-size: 	0.786em;
    line-height:1.455em;
    font-family:helvetica, arial, sans-serif;   
}

#footer small{
   font-size:0.818em;
}

#footer a{
   color:#000;  
   text-decoration:none;  
}

#footer a:hover{
   color:#000;  
   text-decoration:underline;  
}


#listepresse{
 overflow:auto;height:564px;width:547px;   
}


.end{
   clear:both;    
}    

.vignettes{
   float:left;
   width:200px;
   margin:0 15px;    
}