html {
	text-align: center;
	background-color: #ffe9b0;
	margin: 0;
	padding: 0;
}

body {
	width: 816px;
	text-align: left;
	margin: 5px auto 20px;
	padding: 0;
	font-family: sans-serif;
	color: #854300;
}

#header {
	background: transparent url('/images/menu/header.jpg') no-repeat top center;
	height: 245px;
	width: 805px;
}

h1 {
	display: none;
}


/* -----------------------
		MENU
   ----------------------- */
   
#menu {
	float: left;
	position: relative;
}

#menu h2 {
	display: none;
}

#menu a.skip {
	display: none;
}

#menu ul {
	list-style-type: none;
}

#menu ul {
	display: block;
	width: 199px;
	margin: 0;
	padding: 0;
}

#menu ul a {
	display: block;
	width: 100%;
}

#menu ul a:focus {
	outline: 0;
}

#menu ul span {
	display: block;
}

#menu ul em {
	display: none;
}

#menu ul li {
	margin: 0;
	* margin-bottom: -3px; /* stoopid stoopid IE */
	padding: 0;
}

	/* Menu items */

#accueil {
	background: transparent url('/images/menu/accueil.png') no-repeat top left;
	height: 73px;
}

#nouvelles {
	background: transparent url('/images/menu/nouvelles.png') no-repeat top left;
	height: 54px;
}

#biographie {
	background: transparent url('/images/menu/biographie.png') no-repeat top left;
	height: 49px;
}

#activites {
	background: transparent url('/images/menu/activites.png') no-repeat top left;
	height: 45px;
}

#concerts {
	background: transparent url('/images/menu/concerts.png') no-repeat top left;
	height: 48px;
}

#instruments {
	background: transparent url('/images/menu/instruments.png') no-repeat top left;
	height: 51px;
}

#musicotherapie {
	background: transparent url('/images/menu/musicotherapie.png') no-repeat top left;
	height: 42px;
}

#galerie {
	background: transparent url('/images/menu/galerie.png') no-repeat top left;
	height: 49px;
}

#contact {
	background: transparent url('/images/menu/contact.png') no-repeat top left;
	height: 47px;
}

#liens {
	background: transparent url('/images/menu/liens.png') no-repeat top left;
	height: 119px;
}

	/* Highlighted menu items */

#accueil-hover, a:hover #accueil {
	background: transparent url('/images/menu/accueil.png') no-repeat bottom left;
	height: 73px;
}

#nouvelles-hover, a:hover #nouvelles {
	background: transparent url('/images/menu/nouvelles.png') no-repeat bottom left;
	height: 54px;
}

#biographie-hover, a:hover #biographie {
	background: transparent url('/images/menu/biographie.png') no-repeat bottom left;
	height: 49px;
}

#activites-hover, a:hover #activites {
	background: transparent url('/images/menu/activites.png') no-repeat bottom left;
	height: 45px;
}

#concerts-hover, a:hover #concerts {
	background: transparent url('/images/menu/concerts.png') no-repeat bottom left;
	height: 48px;
}

#instruments-hover, a:hover #instruments {
	background: transparent url('/images/menu/instruments.png') no-repeat bottom left;
	height: 51px;
}

#musicotherapie-hover, a:hover #musicotherapie {
	background: transparent url('/images/menu/musicotherapie.png') no-repeat bottom left;
	height: 42px;
}

#galerie-hover, a:hover #galerie {
	background: transparent url('/images/menu/galerie.png') no-repeat bottom left;
	height: 49px;
}

#contact-hover, a:hover #contact {
	background: transparent url('/images/menu/contact.png') no-repeat bottom left;
	height: 47px;
}

#liens-hover, a:hover #liens {
	background: transparent url('/images/menu/liens.png') no-repeat bottom left;
	height: 119px;
}

/* --------------------------
    	CONTENT
   -------------------------- */

#content {
	margin: 0 30px 0 220px  ;
	min-height: 560px; 
}

h2 {
	background: transparent url('/images/menu/h2.png') no-repeat top left;
	font-size: 17pt;
	/*height: 30px;*/
	text-indent: 25px;
	text-transform: capitalize;
	margin-bottom: 0;
}

h3 {
	font-size: 14pt;
	width: 80%;
	margin-bottom: 0.3em;
}

h3 a {
	font-size: 12pt;
}

.body h3 {
	text-indent: -1em;
	* text-indent: 0;
}

p {
	text-align: justify;
	margin: 0;
	margin-bottom: 0.5em;
}

p.date {
	margin-bottom: 0.2em;
	margin-left: 2em;
	font-size: 10pt;
	color: #bf8937;
}

p.nav {
	text-indent: 2em;
	font-size: 10pt;
	margin: 1em 0 2em;
}

div.breadcrumb {
	margin-left: 220px;
	margin-bottom: -1em;
}

div.gallery-nav p {
	text-align: right;
	margin: -0.5em 50px;
}

div.band-item {
	min-height: 200px;
}

div.body {
	margin-left: 1em;
	margin-bottom: 2em;
}

div.header {
	font-weight: bold;
}

a {
	color: #633100;
}

a:hover {
	background-color: #ffda74;
}

a:visited {
	color: #bf8937;
}

img {
	border: 3px black solid;
}

.right img , .left img{
	margin-top: 0.4em;
}

.left {
	float: left;
	margin: 0 10px 10px 0;
}

.right {
	float: right;
	margin: 0 0 10px 10px;
}


/* Content Items Listing */

table {
	margin: 0.5em 0 1em;
	border-spacing: 0;
	border-collapse: seperate;
}

tr {
	border-bottom: black 2px full;
}

th {
	text-align: left;
}

td, th {
	padding: 0 10px;
	vertical-align: top;
}


table.content-list {
	width: 95%;
}
table.content-list td.big, th.big {
	width: 40%;
}
table.content-list td.medium, th.medium {
	width: 25%;
}

table.content-list tr.even {
	background-color: #fff0cc;
}

table.content-list tr.odd {
	background-color: transparent;
}


/* --------------------------
		FOOTER
   -------------------------- */
   
#footer {
	text-align: center;
	clear: both;
}

hr {
	display: none; 
}

div.hr {
	height: 1px;
	background-color: #854300;
	width: 70%;
	margin: 1em auto 0.5em;
}

#footer p {
	text-align: center;
	font-size: 10pt;
}
