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


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


#crGche{ width: 435px; height: auto; float: left; margin-bottom: 20px;}
#crDte{ width: 245px; height: auto; float: right; margin-right: 25px; margin-left: 25px; margin-bottom: 20px;text-align:left;}

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


.crBloc {  clear: both;  width: 215px; margin: 0 0 30px 0; }
.titreBloc {  font-weight: bold; font-size: 14px; font-family: helvetica, arial, verdana ;  color: #003300; text-align: left; }
.surtitreBloc {  font-weight: normal; font-size: 12px; font-family: helvetica, arial, verdana ;  color: #333333; text-align: left; }
.soustitreBloc {  font-weight: bold; font-size: 12px; font-family: helvetica, arial, verdana ;  color: #333333; text-align: left; }
.texteBloc {  font-weight: normal; font-size: 12px; font-family: helvetica, arial, verdana ;  color: #000000; text-align: left; }

.surtitre {  font-weight: normal; font-size: 15px; font-family: helvetica, arial, verdana ;  color: #333333; text-align: left; }
.soustitre {  font-weight: bold; font-size: 15px; font-family: helvetica, arial, verdana ;  color: #333333; text-align: left; }
.ps {  font-weight: normal; font-size: 12px; font-family: helvetica, arial, verdana ;  color: #333333; text-align: left; }


.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: #003300; text-align: left; text-decoration: none; }
.titreMenu a:hover,a:active { font-weight: bold; font-size: 13px; font-family: helvetica, arial, verdana ;  color: #009900; text-align: left; text-decoration: underline; }
.titreMenu a.ssmenuRoll { font-weight: bold; font-size: 13px; font-family: helvetica, arial, verdana ;  color: #009900; text-align: left; text-decoration: none; }




#filouGche{ width: 315px; height: auto; float: left; margin-bottom: 20px;}
#filouDte{ width: 350px; height: auto; float: right; margin-right: 25px; margin-left: 25px; margin-bottom: 20px;text-align:left;}
.enligneBloc {    float: right; margin-right: 25px; margin-left: 7px; }
.enligneimgBloc {  float: left; margin: 0 0 0 0; }

.blocFilouGche{ width: 150px; height: auto; float: left; margin-bottom: 20px;}
.blocFilouDte{ width: 150px; height: auto; float: right; margin-bottom: 20px;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: #336600; font-family: helvetica, arial, verdana ; font-size: 11px; text-decoration: none; }
#pied a:hover,a:active { font-weight: bold; color: #ff9900; font-family: helvetica, arial, verdana ; font-size: 11px; text-decoration: none; }
#pied a.menuRoll { font-weight: bold; color: #ff9900; font-family: helvetica, arial, verdana ; font-size: 11px; text-decoration: none; }

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

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