body { 
	background: url(degrade.jpg) repeat-x top left #004a98;
	font-family: "Trebuchet MS", arial, verdana, sans-serif;
	color: #000;
}

#site {
	background: #03225f;
	width: 900px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -450px;
	 margin-bottom: 20px;
}

#bandeau h1 { display: none; }

#banner {
	background: url(banner-ddn.jpg) no-repeat top left;
	margin: 0;
	padding: 0;

}

#menu {
	height: 28px;
	background: #3b378d;
	list-style: none;
	margin: 0;
	padding: 0;
}

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

#menu li {
	float: left;
	width: 105px;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 28px;
}

#menu .last { width: 60px; }

#menu li a { 
	color: #fff;
	display: block;
	text-decoration: none;
	font-variant: small-caps;
}

#menu a:hover, #menuactive {
	background:#7da6d8 url(puce.png) no-repeat scroll center bottom;
	color: #000;
}
#main { padding: 5px 10px; background: #03225f; color: #fff; }


#footer {
	height: 175px;
	background: url(bottom-logos.png) no-repeat top left;
	margin: 0;
}

#footer ul {
	list-style: none;
	margin: 10px 220px;
	padding: 0 0 10px 0;
}

#footer li {
	float: left;
	width: 140px;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	text-align: center;
}

#footer a {
	font-size: 120%;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}



 a {
	color : #72b0f2;
	text-decoration : none;
 }
 
 
 h1, h2 { color: #fff; font-family: impact, "arial black", sans-serif; font-weight: normal; }

h1 { font-size: 36px; text-align: center; line-height: normal; }


h2 { font-size: 22px; margin: 70px 5px 10px 0;  }

img { border: none; }
 
 dl { margin: 20px 80px 10px 80px; }
dt { font-weight: bold; margin-top: 20px; }
dd { padding: 0; margin: 0; padding-left: 50px; }
dd.lieu { color: #0D5C98; } 
dd.plus { color: #777; font-size: 90%; text-align: right; }



#liste-presse dl {
	float: left;
	width: 180px;
	text-align: center;
	border: 1px solid #ccc;
	margin: 20px 50px;
	padding: 3px;
	background: #fff;
	font-size: 80%;
	color: #000;
}

#liste-presse dt { font-weight: normal; margin: 0 10px; }

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


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


#listelogos dt {
	float: left;
	height: 175px;
	width: 270px;
	clear: left;
	padding: 0; margin: 0;
}


#listelogos dd {
	margin: 0 0 0 350px;
	padding: 75px 0 0 0;
	height: 100px;	
}





/* ------------ 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;
}


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

#horaires { margin: 20px 150px; }

#horaires dt {
	margin: 30px 0 0 0;
	padding: 0;
}

#horaires dt span { display: block; }

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

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

#listespectacles {
	margin: 20px 150px;
}


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

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

#listespectacles dd.evt { margin-bottom: 5px; }


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


.illustration { text-align: center; }

.officetourisme {
	font-size: 90%;
	font-style: italic;
	text-align: right;
	margin-top: 50px;
}

/*
h1#accueil { height: 50px; text-indent: -2000px; background: url(h1-accueil.png) no-repeat top left; border: none; }
h1#agenda { height: 50px; text-indent: -2000px; background: url(h1-agenda.png) no-repeat top left; border: none; }
h1#samedi { height: 50px; text-indent: -2000px; background: url(h1-samedi.png) no-repeat top left; border: none; }
h1#dimanche { height: 50px; text-indent: -2000px; background: url(h1-dimanche.png) no-repeat top left; border: none; }
h1#lundi { height: 50px; text-indent: -2000px; background: url(h1-lundi.png) no-repeat top left; border: none; }
h1#mardi { height: 50px; text-indent: -2000px; background: url(h1-mardi.png) no-repeat top left; border: none; }
h1#mercredi { height: 50px; text-indent: -2000px; background: url(h1-mercredi.png) no-repeat top left; border: none; }
h1#h1-spectacles { height: 50px; text-indent: -2000px; background: url(h1-spectacles.png) no-repeat top left; border: none; }
h1#h1-plan { height: 50px; text-indent: -2000px; background: url(h1-plan.png) no-repeat top left; border: none; }
h1#autourde { height: 50px; text-indent: -2000px; background: url(h1-autour.png) no-repeat top left; border: none; }
h1#h1-videos { height: 50px; text-indent: -2000px; background: url(h1-videos.png) no-repeat top left; border: none; }
h1#h1-presse { height: 50px; text-indent: -2000px; background: url(h1-presse.png) no-repeat top left; border: none; }
*/