body {
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	background: #fff;
	color: #444;
	margin: 0;
	padding: 0;
}

#page {
	position: relative;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
	background: #c5c6c9;
}

#top { 
/*	background: url(bloc1.png) no-repeat top left;
	height: 426px; */
}

#main {
	padding: 10px;
	float: left;
	width: 730px;
	margin: 0;
//	background: url(bloc2.png) repeat-y top left;
}

#bandeau {
	background: url(bandeau.png) no-repeat top left;
	height: 230px;
	margin: 0; padding: 0;
}

#bandeau h1 { display: none; }



#liens {
	height: 46px;
	background: #af63a8;
	margin: 0; padding: 0;

}

#liens ul {
	margin: 0; padding: 0;
	list-style-type: none;
}

#liens li {
	padding: 0;
	margin: 0;
	float: left;
	width: 142px;
	text-align: center;
	line-height: 36px;
	height: 36px;
}

#liens li a {
	display: block;
	height: 46px;
	color: #fff;
	font-style: normal;
	font-weight: bold;
	line-height: 46px;
}

#liens li a:hover, #liens #active a { font-size: 130%; }

/*
#active #menuindex, #menuindex:hover { background: url(bloc-droite.png) no-repeat -15px -20px; }
#active #menuagenda, #menuagenda:hover { background: url(bloc-droite.png) no-repeat -15px -56px; }
#active #menuspectacles, #menuspectacles:hover { background: url(bloc-droite.png) no-repeat -15px -92px; }
#active #menuplan, #menuplan:hover { background: url(bloc-droite.png) no-repeat -15px -128px; }
#active #menuautour, #menuautour:hover { background: url(bloc-droite.png) no-repeat -15px -164px; }
#active #menuvideo, #menuvideo:hover { background: url(bloc-droite.png) no-repeat -15px -200px; }
#active #menupresse, #menupresse:hover { background: url(bloc-droite.png) no-repeat -15px -236px; }
*/


#footer {
	clear: both;
}




/* ------------ calendrier -------------- */

#calendrier {
	text-align: center;
	margin: auto;
	margin-top: 20px;
	font-size: 130%;
	border-collapse: collapse;
	width: 623px;
	background: url(cal2.jpg) no-repeat top left;
/*	padding-top: 42px; */
	height: 178px;
}

#calendrier caption {
	text-align: center;
	margin: auto;
	text-indent: -2000px;
}

#calendrier a {

	display: block;
	height: 74px;
	padding: 0; margin: 0;
	line-height: 74px;
	text-indent: -2000px;
}



#calendrier a:hover { color: #F65B15;  }

#calendrier td { 
	color: #999;
	padding: 0; margin: 0;
	height: 74px;
	}

#calendrier th {
	padding: 0; margin: 0;
	height: 30px;
	text-indent: -2000px;
}


#ag20:hover, #ag20active { background: url(cal.jpg) no-repeat -445px -30px !important; }
#ag21:hover, #ag21active { background: url(cal.jpg) no-repeat -534px -30px !important; }
#ag22:hover, #ag22active { background: url(cal.jpg) no-repeat 0 -104px !important; }
#ag23:hover, #ag23active { background: url(cal.jpg) no-repeat -89px -104px !important; }
#ag24:hover, #ag24active { background: url(cal.jpg) no-repeat -178px -104px !important; }


#horaires { margin: 20px 100px; }

#horaires dt {
	font-size: 130%;
	font-family: Times, "Times New Roman", serif;
	text-decoration: underline;
	margin: 30px 0 0 0;
	padding: 0;
}

#horaires dt span { display: block; }

#horaires dd {
	margin: 0;
	padding: 0 0 0 200px;
}

.evt { font-size: 130%; }
#horaires dt.evt { font-size: 140%; font-weight: bold; }

/* *********** specatcles -********* */

#listespectacles {
	margin: 20px 0 50px 70px;
}


#listespectacles dt {
	font-size: 120%;
	padding-left: 50px;
	margin-top: 30px;
}

#listespectacles dd {
	font-size: 110%;
	padding-left: 130px;
	
}

#listespectacles dd.evt { font-size: 130%; }
#listespectacles dt.evt { font-size: 130%; font-weight: bold; }




.encadre {
	margin: 0 200px;
	border: 1px dotted #f891c9;
	text-align: center;
	font-size: 120%;
}

h2 {
	font-family: Times, "Times New Roman", serif;
	text-align: center;
	font-variant: small-caps;
	color: #aa2b9a;
	font-size: 140%;
	margin-top: 15px;
}

h1 { 
	font-family: Times, "Times New Roman", serif;
	text-align: center;
	font-variant: small-caps;
	color: #aa2b9a;
	font-size: 200%;
	border-bottom: 1px dotted #aa2b9a;
	margin-top: 30px;
}

h1#accueil { height: 190px; text-indent: -2000px; background: url(h1-accueil.png) no-repeat top left; border: none; margin-top: -10px; }
h1#agenda { height: 190px; text-indent: -2000px; background: url(h1-agenda.png) no-repeat top left; border: none; margin-top: -10px; }

h1#h1-spectacles { height: 190px; text-indent: -2000px; background: url(h1-spectacles.png) no-repeat top left; border: none; margin-top: -10px; }
h1#h1-plan { height: 190px; text-indent: -2000px; background: url(h1-plan.png) no-repeat top left; border: none; margin-top: -10px; }
h1#autourde { height: 190px; text-indent: -2000px; background: url(h1-autour.png) no-repeat top left; border: none; margin-top: -10px; }
h1#h1-videos { height: 190px; text-indent: -2000px; background: url(h1-videos.png) no-repeat top left; border: none; margin-top: -10px; }
h1#h1-presse { height: 190px; text-indent: -2000px; background: url(h1-presse.png) no-repeat top left; border: none; margin-top: -10px; }

h1#samedi { height: 75px; text-indent: -2000px; background: url(h1-samedi.png) no-repeat top left; border: none;  }
h1#dimanche { height: 75px; text-indent: -2000px; background: url(h1-dimanche.png) no-repeat top left; border: none;  }
h1#lundi { height: 75px; text-indent: -2000px; background: url(h1-lundi.png) no-repeat top left; border: none;  }
h1#mardi { height: 75px; text-indent: -2000px; background: url(h1-mardi.png) no-repeat top left; border: none;  }
h1#mercredi { height: 75px; text-indent: -2000px; background: url(h1-mercredi.png) no-repeat top left; border: none;  }



a { 
	color: #aa2b9a;
	text-decoration: none;
	font-style: italic;
}

/*
.photo { 
	font-size: 0.9em;
	color: black;
	text-align: center;
	float: left;
	border: 1px solid #dddddd; 
	margin: 10px;
	margin-left: 0;
}

.photo img { display: block; margin: 3px auto; }
*/

.photo {
	margin: 10px auto;
	border: 1px solid #ccc;
	font-size: 90%;
	color: #000;
	width: 250px;
	text-align: center;
	padding: 3px;
	background: #fff;
}

.photo img { display: block; margin: auto; }

img { border: none; }

#liste-presse dl {
	float: left;
	width: 140px;
	text-align: center;
	border: 1px solid #ccc;
	margin: 20px 40px;
	padding: 3px;
	background: #fff;
	font-size: 90%;
}


#liste-presse dd { margin: 0; padding: 0; margin-top: 10px; }


#liste-presse hr { clear: both; visibility: hidden; }