/* CSS Document */
html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	font-size: 100%;
	}
body {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	height: 100%;
	width: 100%;
	background: url(img_2009/bg.jpg);
	}

input{ font: normal 11px Helvetica, Arial, sans-serif; }

p.spip { margin-top: 0px; }

.spip_surligne {  color: #FFFFFF; background: #660000; }
	
a img {  border: 0px; }


.spip_documents {  }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 7px; margin-bottom: 7px; }
.spip_documents_right { float: right; margin-left: 7px; margin-bottom: 7px; }
.spip_doc_titre {  }

.clear{ clear:both; display:block; height: 0; font-size: 1px; line-height: 0px; }

	
#container {
	width: 750px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 40px;
	padding: 25px;
	position: relative;
	background: #fff;
	}	

#header{
	width: 750px;
	height: 220px;
	padding-top: 0px;
	}

#headerImg{
	width: 750px;
	height: 182px;
	padding: 0;
	margin: 0;
	}
	
#headerMenu{
	width: 750px;
	height: 20px;
	padding: 0;
	margin-bottom: 20px;
	text-align: center; 
	font-size: 19px; 
	font-weight: normal;
	}	
	
#contenu{
	margin-top: 0px;
	width: 732px;
	height: auto;
	margin-bottom: 0px;
	background: #ffec00;
	padding: 9px;
	}

.gauche{ width: 580px; float : left; position: relative;  margin-bottom: 25px; }
.droite{ width: 118px; float : right; position: relative; text-align: right;  margin-bottom: 25px; }

a:link {  color: #000; text-decoration: underline; }
a:visited {  color: #000; text-decoration: underline; }
a:hover  {  color: #666; text-decoration: underline; }
a:active { color: #000; text-decoration: underline; }
	
a.menu:link { color: #000; font-size: 17px; text-decoration: none; }
a.menu:visited { color: #000; font-size: 17px; text-decoration: none; }
a.menu:hover  { color: #000; font-size: 17px; text-decoration: none; background-color: #ffec00; } 
a.menu:active { color: #000; font-size: 17px; text-decoration: none; }
	
a.menuRoll  { color: #000; font-size: 18px; text-decoration: none; background-color: #ffec00; } 

a.sans:link {  color: #000; text-decoration: none; }
a.sans:visited {  color: #000; text-decoration: none; }
a.sans:hover  {  color: #666; text-decoration: none; }
a.sans:active { color: #000; text-decoration: none; }



#titrePage {  margin-top: 10px;  margin-bottom: 25px; padding-top: 15px;  padding-bottom: 10px; text-align: left; font-size: 30px; font-weight: bold; border-bottom: solid 1px #000;  border-top: solid 1px #000; }	
.ssTitrePage {  text-align: justify; font-size: 23px; font-weight: normal; margin-bottom: 10px }
.calendrier {  text-align: justify; font-size: 18px; font-weight: normal; margin-bottom: 10px }
.texte {  text-align: justify; font-size: 12px; font-weight: normal; }

#actuGche { width: 415px; float : left; position: relative; margin-right: 25px; }
#actuDte { width: 232px; float : right; position: relative; }
#actuPres { margin-bottom: 25px; }
#actuPro { margin-bottom: 25px; }

.surTitreNews {  font-size: 14px; font-weight: bold; color: #333; }
.titreNews { margin-top: 4px; font-size: 18px; font-weight: bold; }
.sousTitreNews { font-size: 13px; font-weight: bold; color: #666; }

#progGche{ width: 505px; float : left; position: relative; }
#progDte{ width: 200px; float : right; position: relative; }

.progColGche{ width: 220px; float : left; position: relative; }
.progColDte{ width: 220px; float : right; position: relative; }


.ligne { width: 100%; height: 5px; background: url(img_2009/prog-bg.png); }	
.progBloc { padding-top: 5px;padding-bottom: 5px;  height: 120px; }
.progBlocGche { padding-top: 10px;padding-bottom: 10px; width: 100px; float : left; position: relative; margin-right: 20px; }
.progBlocDte { width: 380px; height: 120px; float : right; position: relative;  }

.progTitre {  text-align: left; font-size: 25px; font-weight: normal; }
.progLieu {  text-align: left; font-size: 16px; color: #666; font-weight: normal; }
.progChore {  padding-bottom: 3px; text-align: left; font-size: 12px; color: #000; font-weight: bold; }
	
#spectGche{ width: 200px; float : left; position: relative; }
#spectDte{ width: 505px; float : right; position: relative; }
	
	

#spectDates {  margin-top: 3px; padding-top: 4px; text-align: left; font-size: 16px; font-weight: bold; border-bottom: solid 1px #000; border-top: solid 1px #000;}
#spectLieux {  margin-top: 3px;  padding-top: 2px; margin-bottom: 17px; text-align: left; font-size: 16px; font-weight: normal; border-bottom: solid 1px #000;}

#spectVisu{ width: 179px;  margin-bottom: 19px; }
.commentaire{ font-size: 10px; font-weight: normal; color: #333;  text-align: center; }

#spectDistri{ width: 179px;  text-align: left; }

#spectBlocTitre { width: 505px; height: 175px; margin-bottom: 29px; }
#spectTitre {  text-align: left; font-size: 30px; font-weight: bold; }
#spectCie {  margin-bottom: 6px; text-align: left; font-size: 22px; font-weight: normal; line-height: 23px; }
#spectCrea {  margin-bottom: 6px; text-align: left; font-size: 13px; font-weight: bold; }
#spectDesc {  text-align: left; font-size: 13px; font-weight: normal; line-height: 14px; }
.spectTexte {  margin-bottom: 17px; text-align: justify; font-size: 12px; font-weight: normal; }
.spectPro {  margin-bottom: 27px; text-align: left; font-size: 10px; font-weight: normal; }
.spectAuteur {    margin-bottom: 10px; text-align: left; font-size: 18px; font-weight: bold; }

.auteurGche{ width: 250px; float : left; position: relative; text-align: center; } 
.auteurDte{ width: 250px; float : right; position: relative; text-align: center; }

.auteurVisu{  margin-bottom: 4px; }
.auteurTitre{  margin-bottom: 2px; font-size: 16px; font-weight: bold;  }
.auteurSpectacle{  margin-bottom: 27px; font-size: 14px; font-style: italic;  }
/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }

#pied { 
	margin: 0; 
	width: 750px; 
	height: auto; 
	padding: 20px 0 20px 0 ;/*padding: 35em 0; */ 
	text-align: center;
	font-variant:small-caps; 
	font-size: 12px; 
	font-weight: bold;
	
	}