@CHARSET "UTF-8";

body {
	background-color:#EDEDED;
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:11px;
	color:#999;
	text-align:left;
}
body.blackwall {
	background-color:#000;
}
#page {
	width:960px;
	margin:20px auto;
	padding:0;
	background-color:#000;
	border:10px solid #FFF;
}
header {
	display:block;
	width:400px;
	margin:0;
	padding:0;
	float:left;
}
header p {
	text-align:center;
	margin:10px;
	color:#CCC;
	font-family:Garamond, times;
	font-size:14px;
}
.copyright {
	margin:0 10px 20px 10px;
	font-size:10px;
	color:#666;
}
#container {
	float:right;
	width:500px;
	margin:0 15px 0 0;
	padding:0;
}
footer {
	clear:both;
	display:block;
	background-color:#FFF;
	margin:30px 0 0 0;
	padding:15px 0;
}
.spacer {
	clear:both;
}


/* ---- MENU --- */
nav {
	display:block;
	margin:30px 0;
	padding:0;
}
nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
nav ul li {
	display:inline;
	padding:0 20px 0 0;
	text-transform:uppercase;
	font-family:arial;
	font-size:11px;
}
nav ul li a {
	color:white;
	text-decoration:none;
}
nav ul li a:hover {
	color:orange;
	text-decoration:underline;
}


#morceaux {
	list-style-type:none;
	margin:30px;
	padding:0;
}
#morceaux li {
	padding:7px 0;
}
#morceaux li a {
	text-decoration:none;
	color:#CCC;
}

section h1, article h1 {
	margin:20px 0;
	padding:0;
	color:#CF1023;
	font-family:Garamond, times;
	font-style:italic;
	font-weight:normal;
	font-size:38px;
}


/* ---- PROGRAMME ---- */
section#programme {
	display:block;
	margin:0;
	padding:0;
}

section#programme dl {
	float:left;
	width:150px;
	margin:0 15px 20px 0;
	padding:0;
	height:200px;
}
section#programme dl dt {
	margin:5px 0;
	padding:0;
	color:#CF1023;
}
section#programme dl dt a {
	color:#CF1023;
	text-decoration:none;
}
section#programme dl dt strong {
	color:orange;
	text-transform:uppercase;
	font-family:arial;
}
section#programme dl dt strong a {
	color:orange;
	text-decoration:none;
}
section#programme dl dd {
	margin:5px 0;
	padding:0;
}
section#programme dl dd span {
	color:white;
	font-weight:bold;
	font-size:12px;
}
section#programme a {
	color:#CCC;
}


/* ----- ARTICLE ----- */
article {
	display:block;
	margin:0;
}
article h2 {
	color:white;
	margin:15px 0 5px 0;
}
article h3, section h3 {
	color:orange;
	margin:25px 0 5px 0;
}
.zone_espace {
	width:100%;
	height:120px;
	margin:0;
}
article a {
	color:#CF1023;
}

/* ---- CONTACT */
#bloc_contact {
	display:block;
	margin:0;
}
#bloc_contact p {
	margin:5px 0 10px 0;
	paddin:0;
}
#bloc_contact form {
	margin:0;
	padding:0;
}
#bloc_contact fieldset {
	border:0;
	margin:15px 0 30px 0;
	padding:0;
}
#bloc_contact p {
	clear:both;
}
#bloc_contact p span.intitule {
	display:block;
	float:left;
	margin:5px 10px; 
	width: 150px;
	text-align:right;
}
#bloc_contact p span.fields {
	display:block;
	float:left;
	margin:5px; 
	width: 260px;
}
#bloc_contact textarea {
	border:1px solid #999;
	width:250px;
	height:70px;
	margin:0 10px 0 0;
	color:#000;
	font-family:arial;
	font-size:11px;
}
#bloc_contact input.contact-form-input-text {
	border:1px solid #999;
	width:200px;
	margin:0 10px 0 0;
	color:#000;
	font-family:arial;
	font-size:11px;
}
#contact-form-valider {
	border:0;
	background-color:orange;
	color:#FFF;
	padding:4px 15px;
	width:100px;
	margin:0 0 0 170px;
}
.champ_cache {
	display:none;
}
.result_ok {
	background-color:green;
	padding:10px 20px;
	color:#FFF;
}
.result_prb {
	background-color:#CF1023;
	padding:10px 20px;
	color:#FFF;
}


/* ---- DETAILS PROGRAMME --- */
#contenant {}
#contenant section {
	display:block;
	width:100%;
	margin:15px;
}
#contenant section div.date_concert {
	float:left;
	width:160px;
	margin:0;
	padding:0;
}
#contenant section div.date_concert h1 {
	font-size:14px;
	font-family:arial;
	font-weight:normal;
	font-style:normal;
	text-transform:uppercase;
	margin:0;
	color:orange;
}
#contenant section div.date_concert h2 {
	margin:5px 0;
	font-size:14px;
	color:#fff;
}
#contenant section div.date_concert h4 {
	margin:5px 0;
	color:#CF1023;
}
#contenant section div.artistes_concert {
	float:left;
	width:200px;
	margin:0 20px;
	padding:0;
}
#contenant section div.artistes_concert h3 {
	margin:0;
	color:#FFF;
}
#contenant section div.programme_concert {
	float:left;
	width:200px;
	margin:0 20px;
	padding:0;
}
#contenant section div.programme_concert h3 {
	margin:0;
	color:#FFF;
}

/* ---- FOOTER ----- */
footer ul {
	list-style-type:none;
	margin:10px;
	padding:0;
}
footer ul li {
	display:inline;
	padding:0 10px;
}
footer ul li img {
	width:105px;
	border:0;
}