/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
body { 
	 margin: 0; 
	 padding: 0; 
	 background-color: #00ccff;
	 width: 100%;
	 height: 100%;
	 font-weight: normal; 
	 color: #000000; 
	 font-family: helvetica, arial, verdana ; 
	 font-size: 11px;
	 }

#page_sommaire { 
	font-size: 0.8125em; 
	font-family: helvetica, arial, verdana ; 
	color: #000000;  
	background-image: url('http://www.theatremassalia.com/dyn/img_site/background-biennale.jpg');  
	background-position: center top; 
	background-repeat: repeat-y; 
	 }




/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */


#entete { 
width: 1043px; 
margin: 0 auto; 
background-image: url('http://www.theatremassalia.com/dyn/img_site/biennale_fond_transparent.png'); 
background-repeat: repeat-y; 
background-position: center top; 
height: 340px;
}


#entete div { 
width: 1013px; 
margin-left: 30px;  }



#conteneur-fond { 
clear: both; 
width: 1043px; 
margin: 0 auto;
background-image: url('http://www.theatremassalia.com/dyn/img_site/biennale-haut.png');  
background-position: center top;  
background-repeat: no-repeat; 
  }
  
  
#conteneur { 
width: 790px; 
overflow: hidden;
margin: 0 auto;
background-image: url('http://www.theatremassalia.com/dyn/img_site/biennale_fond_transparent.png');  
background-position: center top;  
background-repeat: repeat-y; 
  }
  

  
#contenu {
padding-left: 20px; 
 }
 
#contenu .liste-spectacles { padding-top: 0.30em;}


#hierarchie { clear: both; margin-bottom: 2em; text-align: left; vertical-align:middle; }
 #hierarchie a { color: #666; text-decoration: none; font-size:  1em;}
#hierarchie a:hover {color: #666; text-decoration: underline; font-size: 1em; }
#hierarchie .chemin { clear: both; margin-bottom: 2em; margin-top: 14px; font-size: 0.90em; font-size: 0.90em; font-family: helvetica, arial, verdana ; text-align: left; float: left; }


#biennaleGche{ width: 435px; height: auto; float: left; margin-bottom: 20px;}
#biennaleDte{ width: 215px; height: auto; float: right; margin-right: 55px; margin-left: 35px;}

.biennaleBloc {   clear: both; width: 215px; margin: 0 0 30px 0; }
.titreBloc {  font-weight: bold; font-size: 15px; font-family: helvetica, arial, verdana ;  color: #000033; text-align: left; }
.texteBloc {  font-weight: normal; font-size: 12px; font-family: helvetica, arial, verdana ;  color: #000000; text-align: left; }



#conteneur-bas { 
clear: both; 
width: 1043px;
height: 396px; 
margin-top: -265px;
background-image: url('http://www.theatremassalia.com/dyn/img_site/biennale-bas.png');  
background-position: center top;  
background-repeat: no-repeat; 
  }



/* Couleurs des liens
---------------------------------------------- */
a { color: #009900; text-decoration: underline; }
a:focus,a:hover,a:active { color: #AC0101; text-decoration: underline; }



#pied a { font-weight: bold; color: #003366; font-family: helvetica, arial, verdana ; font-size: 11px; text-decoration: none; }
#pied a:hover,a:active { font-weight: bold; color: #FFFFFF; font-family: helvetica, arial, verdana ; font-size: 11px; text-decoration: none; }
#pied a.menuRoll { font-weight: bold; color: #FFFFFF; font-family: helvetica, arial, verdana ; font-size: 11px; text-decoration: none; }

#pied a.menu2 { font-weight: bold; color: #0066CC; font-family: helvetica, arial, verdana ; font-size: 11px; text-decoration: none; }
#pied a.menu2:hover,a:active { font-weight: bold; color: #FFFFFF; font-family: helvetica, arial, verdana ; font-size: 11px; text-decoration: none; }
#pied a.menu2Roll { font-weight: bold; color: #FFFFFF; font-family: helvetica, arial, verdana ; font-size: 11px; text-decoration: none; }

#pied .barre { font-weight: bold; color: #003366; font-family: helvetica, arial, verdana ; font-size: 11px; }
#pied .barre2 { font-weight: bold; color: #0066CC; font-family: helvetica, arial, verdana ; font-size: 11px; }