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


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
body { 
	 margin: 0; 
	 padding: 0; 
	 background-color: #ff9900;
	 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-theatre.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/theatre_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/theatre-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/theatre_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; }

.blocGche{ width: 420px; height: auto; float: left; margin-bottom: 20px;}
.blocDte{ width: 245px; height: auto; float: right; margin-right: 35px; margin-left: 25px; margin-bottom: 20px;}

.titreBloc {  font-weight: bold; font-size: 15px; font-family: helvetica, arial, verdana ;  color: #003366; text-align: left; }
.sstitreBloc {  font-weight: bold; font-size: 13px; font-family: helvetica, arial, verdana ;  color: #003366; text-align: left; }

.soustitreBloc {  font-weight: normal; font-size: 12px; font-family: helvetica, arial, verdana ;  color: #000000; text-align: left; }
.texteBloc {  font-weight: normal; font-size: 12px; font-family: helvetica, arial, verdana ;  color: #000000; text-align: left; }

.petitBlocGche{ width: 200px; height: auto; float: left; margin-bottom: 20px;}
.petitBlocDte{ width: 200px; height: auto; float: right; margin-left: 7px; text-align:left; margin-bottom: 20px;}

.gdBlocGche{ width: 350px; height: auto; float: left; margin-bottom: 20px;}
.gdBlocDte{ width: 350px; height: auto; float: right; margin-left: 7px; margin-bottom: 20px;  margin-right: 30px; text-align:left; }

#theatreGche{ width: 435px; height: auto; float: left; margin-bottom: 20px;}
#theatreDte{ width: 260px; height: auto; float: right; margin-right: 15px; margin-left: 25px;}

.titreMenu {  font-weight: bold; font-size: 13px; font-family: helvetica, arial, verdana ;  color: #003300; text-align: left; margin-bottom: 5px;text-decoration: none; }
.titreMenu a { font-weight: bold; font-size: 13px; font-family: helvetica, arial, verdana ;  color: #003366; text-align: left; text-decoration: none; }
.titreMenu a:hover,a:active { font-weight: bold; font-size: 13px; font-family: helvetica, arial, verdana ;  color: #0066cc; text-align: left; text-decoration: underline; }
.titreMenu a.ssmenuRoll { font-weight: bold; font-size: 13px; font-family: helvetica, arial, verdana ;  color: #0066cc; text-align: left; text-decoration: none; }


.theatreBloc {   clear: both; width: 215px; margin: 0 0 30px 0; }



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



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



#pied a { font-weight: bold; color: #330000; 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: #993300; 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: #330000; font-family: helvetica, arial, verdana ; font-size: 11px; }
#pied .barre2 { font-weight: bold; color: #993300; font-family: helvetica, arial, verdana ; font-size: 11px; }