/* menu */
body {
	background-color: #F9F0EB;
	color: #272213;
}

div#menu ul {
	list-style: none;
	padding: 0px;
	margin: 0 0 24px 0;
	font: Arial;
}

div#menu ul li{
	margin: 0;
	padding: 0;
	width: 176px;
	height: 18px;
	display: block;
}

div#menu ul li a{
	margin: 0;
	padding: 0;
	width: 176px;
	height: 18px;
	display: block;
	font-size: 14px;
	text-decoration: none;
}

div#menu ul#spectacles li a{
	color: #272213;
}

div#menu ul#billeterie li a{
	color: #272213;
}

div#menu ul#infos li a{
	color: #272213;
}

div#menu ul#contact li a{
	color: #272213;
	font-size: 12px;
}

/* pictured menu */
div#menu ul#contact li#musiques{
	margin: 0;
	margin-top: 20px;
	padding: 0;
	width: 130px;
	height: 160px;
	display: block;
	background: url(../img/menu/musiques.gif) 0 0 no-repeat;
}
div#menu ul#spectacles li#rech a{
	background: url(../img/menu/recherche.png) -18px 0 no-repeat;
}

div#menu ul#spectacles li#rech a:hover, div#menu ul#spectacles li#rech a.selected{
	background: url(../img/menu/recherche.png) 0 0 no-repeat;
}

div#menu ul#spectacles li#act a{
	background: url(../img/menu/actualites.png) -18px 0 no-repeat;
}

div#menu ul#spectacles li#act a:hover, div#menu ul#spectacles li#act a.selected{
	background: url(../img/menu/actualites.png) 0 0 no-repeat;
}

div#menu ul#spectacles li#sai{
	background: url(../img/menu/sai.gif) -24px 0 no-repeat;
}

div#menu ul#spectacles li#spec a{
	background: url(../img/menu/spectacles.png) -18px 0 no-repeat;
}

div#menu ul#spectacles li#spec a:hover, div#menu ul#spectacles li#spec a.selected{
	background: url(../img/menu/spectacles.png) 0 0 no-repeat;
}

div#menu ul#spectacles li#exp a{
	background: url(../img/menu/expositions.png) -18px 0 no-repeat;
}

div#menu ul#spectacles li#exp a:hover, div#menu ul#spectacles li#exp a.selected{
	background: url(../img/menu/expositions.png) 0 0 no-repeat;
}

div#menu ul#spectacles li#sai a{
	background: url(../img/menu/sai.gif) -24px 0 no-repeat;
}

div#menu ul#spectacles li#sai a:hover, div#menu ul#spectacles li#sai a.selected{
	background: url(../img/menu/sai.gif) -8px 0 no-repeat;
}

div#menu ul#spectacles li#med a{
	background: url(../img/menu/action.png) -18px 0 no-repeat;
}

div#menu ul#spectacles li#med a:hover, div#menu ul#spectacles li#sai a.selected{
	background: url(../img/menu/action.png) 0 0 no-repeat;
}

div#menu ul#spectacles li#loin a{
	background: url(../img/menu/plusloin.png) -18px 0 no-repeat;
}

div#menu ul#spectacles li#loin a:hover, div#menu ul#spectacles li#loin a.selected{
	background: url(../img/menu/plusloin.png) 0 0 no-repeat;
}

div#menu ul#spectacles li#arc a {
	background: url(../img/menu/archives.png) -18px 0 no-repeat;
}

div#menu ul#spectacles li#arc a:hover, div#menu ul#spectacles li#arc a.selected{
	background: url(../img/menu/archives.png) 0 0 no-repeat;
}

div#menu ul#billeterie li a{
	background: url(../img/menu/billeterie.png) -18px 0 no-repeat;
}

div#menu ul#billeterie li a:hover, div#menu ul#billeterie li a.selected{
	background: url(../img/menu/billeterie.png) 0 0 no-repeat;
}

div#menu ul#infos li a{
	background: url(../img/menu/billeterie.png) -18px 0 no-repeat;
}

div#menu ul#infos li a:hover, div#menu ul#infos li a.selected{
	background: url(../img/menu/billeterie.png) 0 0 no-repeat;
}

div#menu ul#infos li#inf a{
	background: url(../img/menu/infos.png) -18px 0 no-repeat;
}

div#menu ul#infos li#inf a:hover, div#menu ul#infos li#inf a.selected{
	background: url(../img/menu/infos.png) 0 0 no-repeat;
}

div#menu ul#infos li#inf a{
	background: url(../img/menu/infos.png) -18px 0 no-repeat;
}

div#menu ul#infos li#inf a:hover, div#menu ul#infos li#inf a.selected{
	background: url(../img/menu/infos.png) 0 0 no-repeat;
}

div#menu ul#infos li#ars a{
	background: url(../img/menu/arsenal.png) -18px 0 no-repeat;
}

div#menu ul#infos li#ars a:hover, div#menu ul#infos li#ars a.selected{
	background: url(../img/menu/arsenal.png) 0 0 no-repeat;
}

div#menu ul#infos li#epc a{
	background: url(../img/menu/epcc.png) -18px 0 no-repeat;
}

div#menu ul#infos li#epc a:hover, div#menu ul#infos li#epc a.selected{
	background: url(../img/menu/epcc.png) -0px 0 no-repeat;
}

div#menu ul#contact li#ent a{
	background: url(../img/menu/entreprises.png) -18px 0 no-repeat;
}

div#menu ul#contact li#ent a:hover, div#menu ul#contact li#ent a.selected{
	background: url(../img/menu/entreprises.png) 0 0 no-repeat;
}

div#menu ul#contact li#pro a{
	background: url(../img/menu/pro.png) -18px 0 no-repeat;
}

div#menu ul#contact li#pro a:hover, div#menu ul#contact li#pro a.selected{
	background: url(../img/menu/pro.png) 0 0 no-repeat;
}

div#menu ul#contact li#presse a{
	background: url(../img/menu/presse.png) -18px 0 no-repeat;
}

div#menu ul#contact li#presse a:hover, div#menu ul#contact li#presse a.selected{
	background: url(../img/menu/presse.png) 0 0 no-repeat;
}

div#menu ul#contact li#ema a{
	background: url(../img/menu/arobas.png) 0 0 no-repeat;
}

div#menu ul#contact li#ema a:hover, div#menu ul#contact li#ema a.selected{
	background: url(../img/menu/arobas1.png) 0 0 no-repeat;
}

/* layout */

.alternative_container {
	width: 1030px;
	padding-left: 0;
}

div#header {
	height: 165px;
	position: relative;
	z-index: 10;
}

div#header div#logo a{
	display: block;
	height: 165px;
	width: 482px;
	background: url(../img/logo.png) no-repeat 40px;
}

div#header div#logo a:hover{
	background: url(../img/logo.png) no-repeat 40px;
}

div#main {
	height: 522px;
}

html>body #main {
	position: relative;
	z-index: 1;
	margin-top: -27px;
	height: auto;
	min-height: 522px;
	background: #ffffff;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 30px;
}

div#menu {
	height: 522px;
}

html>body #menu {
	height: auto;
	min-height: 522px;
	margin-top: 16px;
}

div#content {
	height: 522px;
}

html>body #content {
	height: auto;
	min-height: 522px;
}

div#footer {
	height: 126px;
}

.alternate_mentions {
	width: 1030px;
	background: #ffffff;
}

.alternate_footer {

	width: 1032px;
}

div#footer ul {
	display: block;
	float:right;
}

div#footer ul li{
	list-style-type: none;
	display: block;
	height: 20px;
	float: left;
}

div#footer ul li a{
	color: #9C9D9F;
	text-decoration: none;
	display: block;
	width: 98px;
	height: 20px;

}

div#footer-links {
	width: 200px;
	text-align: right;
}

div#footer-links div {
	text-align:center;
}

div#footer-links div a {
	clear: both;
	display: block;
	margin-bottom: 10px;
	border:0;
	text-decoration: none;
}

div#footer-links div a img {
	border:0;
}

div#footer ul li#foot-lo a {
	background: url(../img/livredor.png) no-repeat top center;
}

div#footer ul li#foot-nl a {
	background: url(../img/newsletter.png) no-repeat top center;
}

div#footer ul li#foot-rss a {
	background: url(../img/rss.png) no-repeat top center;
}

div#footer ul li#foot-fb a {
	background: url(../img/footer/foot-fb.gif) no-repeat top center;

}

div#footer ul li#foot-pdf a {
	background: url(../img/brochure.png) no-repeat top center;
}

div#header ul#submenu {
	margin: 0;
	padding: 0;
}

div#header ul#submenu li{
	list-style-type: none;
	display: block;
	height: 20px;
	width: 20px;
	float: left;
	margin-right: 8px;
	padding-top: 10px;
}

div#header ul#submenu li a{
	display: block;
	height: 20px;
	width: 20px;
}

div#header ul#submenu li#head-ars a{
	background: url(../img/menu/head-ars.gif) no-repeat top center;
}

div#header ul#submenu li#head-trinit a {
	background: url(../img/menu/head-trinit.gif) no-repeat top center;
}

div#header ul#submenu li#head-epcc a {
	background: url(../img/menu/head-epcc.gif) no-repeat top center;
}

div#mentions {
	height: 50px;
	width: 1032px;
	background: #ffffff;
}

div#mentions, div#mentions a{
	position: relative;
	color: #a0a0a0;
	font-size: 10px;
}
div#mentions a:hover{
	text-decoration: underline;
}

div#mentions div img {
	padding-left: 20px;
}

h4 {
	color: #272213;
}

h3 {
	color: #272213;
}

h2 {
	color: #272213;
}
.category {
	color: #DE341D;
	text-transform: uppercase;
	font-weight: bold;
}
