body {
	margin:0;
	padding:0;
	background-color:#871314;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em; /* quivalent  11px */
	color:#9f9975;
}

#conteneur {
	margin:0 auto 0 auto; /* Centre le conteneur horizontalement */
	padding:0;
	position:relative;
	width:873px;
	background-color:#000000;
}

.clear {clear:both;}

a {
	color:#b18d2c;
	text-decoration:underline;
}

a:hover {
	color:#b18d2c;
	text-decoration:none;
}

.notBold {
	font-weight:normal;
}

p.date{
	color:#8f8d79;
	margin-bottom:0;
	margin-top:20px;
}

h2 {
	margin:0 0 0em 0;
	padding:0;
	font-size:1.3em;
	color:#b18d2c;
}

p {
	margin:0 0 1em 0;
	padding:0;
}

table {
	margin:0 0 1em 0;
	padding:0;
	border-collapse:collapse;
}

table.concerts th {
	margin:0;
	padding:7px 0;
	text-align:left;
	font-weight:bold;
	color:#d1c792;
	border:1px solid #2e2e2c;
	border-left:0;
	border-right:0;
}

table.concerts td {
	margin:0;
	padding:7px 0;
	border:1px solid #2e2e2c;
	border-left:0;
	border-right:0;
}

/***************************************************************************/
/* Entte */
/***************************************************************************/
/* L'image est en arrire-plan. Elle inclue le logo et la photo des membres.
Le titre H1 est cach par CSS. On pourra le faire rafficher  l'impression.
a nous permet galement de mettre un lien pour revenir  l'accueil. */
/***************************************************************************/
#header {
	margin:0;
	padding:0;
	background-color:#000000;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	height:218px;
}

#header h1 {
	margin:10px 0 0 20px;
	padding:0;
	display:inline;
	float:left;
	font-size:44px; /* La taille est fixe pour ne pas faire dcaler le menu vers le bas. */
}

#header h1 a {
	color:#000000;
	text-decoration:none;
}

#header h1 a span {
	visibility:hidden;
}

/***************************************************************************/
/* Menu utilitaire en haut  droite */
/***************************************************************************/
#utilitaire {
	position:absolute;
	right:0;
}

#utilitaire ul {
	margin:16px 4px 0 0;
	padding:0;
	list-style-type:none;
}

#utilitaire ul li {
	margin:0;
	padding:0;
	float:left;
}

#utilitaire ul li.first a {
	border-left:none;
}

#utilitaire ul li a {
	margin:0;
	padding:0 10px 0 10px;
	color:#cba53e;
	font-weight:bold;
	text-decoration:none;
	border-left:1px solid #7f7c56;
}

#utilitaire ul li a:hover {
	text-decoration:underline;
}

/***************************************************************************/
/* Menu principal */
/***************************************************************************/
#menu {
	clear:both;
}

#menu img {
	border:0;
}

#menu ul {
	margin:0 0 0 25px;
	padding:12px 0 0;
	list-style-type:none;
}

#menu ul li {
	margin:0;
	padding:0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	text-transform:uppercase;
}

#menu ul li a {
	margin:0 20px 0 0;
	padding:0;
	color:#ffffff;
	text-decoration:none;
}

#menu ul li a:hover {
	text-decoration:none;
	color:#fff6cd;
}

/***************************************************************************/
/* Colonne de gauche */
/***************************************************************************/
#right {
	margin:0;
	padding:0;
	float:left;
	width:411px;
	background-color:#ffff00;
}

/***************************************************************************/
/* Colonne du centre */
/***************************************************************************/
#center {
	margin:0;
	padding:20px 20px 0 20px;
	float:left;
	width:833px;
}

#center h1 {
	margin:0 0 20px 0;
	padding:0 0 12px 0;
	border-bottom:1px solid #2e2e2c;
}

#center h2 {
	margin:0 0 0em 0;
	padding:0;
	font-size:1.3em;
	color:#b18d2c;
}

#center h3 {
	margin:0 0 0em 0;
	padding:0;
	font-size:1.2em;
	color:#b18d2c;
}

#center h4 {
	margin:0 0 0em 0;
	padding:0;
	font-size:1em;
	color:#b18d2c;
}

#center h5 {
	margin:0 0 0em 0;
	padding:0;
	font-size:1em;
}

/***************************************************************************/
/* Pied de page */
/***************************************************************************/
/* Le pied de page n'est pas dans le conteneur  cause de l'image du bas 
qui doit tre sur fond transparent et non sur fond noir. */
/***************************************************************************/
#footer {
	margin:0 auto 0 auto; /* Centre le footer horizontalement */
	padding:0;
	width:873px;
	color:#370303;
	background-image:url(../images/footer.gif);
	background-repeat:no-repeat;
}

#footer p {
	margin:0;
	padding:65px 0 25px 0;
}

#newsLayout 
{
	margin:0;
	padding:0;
	width:100%;
}


#newsLayout td {
	vertical-align:top;
}

#newsLayout #colNews
{
	margin:0;
	padding:0;
	width:50%;
}


#newsLayout #colConcerts
{
	margin:0;
	padding:0;	
	padding-left:2em;
}


	#newsLayout #colNews .date
	{
		margin-top:0;
	}


	table.concertList
	{
		margin:0;
		padding:0;
		width:100%;		
		border-top:1px solid #857e6e;
	}

		.concertDate
		{
		
		font-weight:bold;
		color:#cec791;
		border-bottom:1px solid #857e6e;
		padding-top:0.3em;
		padding-bottom:0.3em;
		}

		.concertDetails
		{
		color:#857e6e;
		border-bottom:1px solid #857e6e;
		padding-top:0.3em;
		padding-bottom:0.3em;
		text-align: left;
		width: 350px;
		}

.newsSubheader P
{
	display:inline;
}

#mediaPage h2
{
	text-transform:uppercase;
	margin-top:2em;
}
#mediaPage h3
{
	color:#e3d7a3;
	margin-top:1em;
	margin-bottom:0.5em;
	padding-bottom:3px;
}
#mediaPage h3.underlined
{
	border-bottom:1px solid #10100e;
}

#mediaPage h3 img
{
	vertical-align:-5px;
}

#mediaPage a
{
	text-decoration:none;
	color:#e3d7a3;
}

.mediaTable
{
	width:100%;
}

.mediaTable TH, .mediaTable TD
{
	padding:5px;
}

.mediaTable TH
{
	background:#10100e;
	color:#83806f;
	text-align:left;
}

.mediaTable TD
{
	border-bottom:1px solid #10100e;
	color: #fefcfd;
}

.mediaTable a
{
	background:url(../images/fleche.gif) no-repeat left center;
	padding-left:12px;
}

#mediaPage #corps ul
{
	padding-left: 0;
	margin-left: 0;
}

#mediaPage #corps li
{
	list-style: none;
	margin:0;
	padding:4px 0 4px 0;

}

#mediaPage #corps li a
{
	background:url(../images/fleche.gif) no-repeat left center;
	padding-left:12px;
}


#mediaPage #utilitaire a
{
	background:none;
}


.teasertext-wide h2 a
{
	text-decoration:none;
}

.teasertext-wide P
{
	margin:0;padding:0;
}

#tx-lzgallery-pi1-title
{
	font-size:150%;
}

#tx-lzgallery-pi1-fotos
{
	border-collapse:separate;
}

#tx-lzgallery-pi1-fotos TD
{
	width:200px;
	background:#10100e;
	text-align:center;
	margin:5px;
}

.tx-lzgallery-pi1-5x5-filename
{
	display:none;
}

.guestbookEntry
{
	margin:0 0 2em 0;
}

.guestbookSmallType, .guestbookSmallType a
{
	color:#666;
}

.guestbookSmallType
{
	font-size:80%;
}

.gueastbookSmallType a
{
	font-size:80%;
}