body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #333 ;
}

div#conteneur
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	/*border: 2px solid #a40 ;*/
	background: #fff ;
}

h1#headerflash
{
	height: 150px ;
	background: url(../images/header.jpg) no-repeat left top ;
	margin: 0 ;
}

h1#header
{
	height: 150px ;
	background: url(../images/headerlogo.jpg) no-repeat left top ;
	margin: 0 ;
}

h1#header a
{
	width: 320px ;
	height: 80px ;
	display: block ;
	position: relative ;
	left: 450px ;
	top: 1px ;
	text-indent: -5000px ;
}

ul#menu
{
	height: 30px ;
	margin: 0 ;
	padding: 0 ;
	background: url(../images/menu.gif) repeat-x 0 -20px ;
	list-style-type: none ;
}

ul#menu li
{
	float: left ;
	text-align: center ;
}

ul#menu li a
{
	width: 100px ;
	line-height: 20px ;
	font-size: 1.0em ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #ddc ;
}

ul#menu li a:hover
{
	background: url(../images/menu.gif) repeat-x 0 0 ;
}

li.long
{
	float: left ;
	text-align: center ;
}

li.long a
{
	width: 200px ;
	line-height: 20px ;
	font-size: 1.0em ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #ddc ;
}

li.long a:hover
{
	background: url(../images/menu.gif) repeat-x 0 0 ;
}

ul#partenaires
{
	margin-left: auto;
   	margin-right: auto;
	padding: 0px ;
	list-style-type: none ;
	height: 125px ;
	width: 100%  ;
}

ul#partenaires li
{
	float: left ;
	padding: 0 10px 0 10px ;
	text-align: center ;
}

table#discographie
{
	width: 95% ;
	margin: 0px ;
}

table#discographie tr
{
	background-color: #eee ;
	vertical-align: top ;
}

table#discographie td
{
	text-align: justify ;
	background-color: #eee ;
	vertical-align: top ;
	padding: 3px ;
	border: 1px solid #ccc ;
}

div#espace
{
	line-height: 10px ;
	background: #333 ;
}

div#contenu
{
	padding: 0 20px 0 100px ;
	background: url(../images/partition.jpg) no-repeat 15px 15px ;  /* images sur le coté gauche du texte*/
	min-height: 345px ;
}

div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(../images/note.jpg) no-repeat left bottom ; /* puce des titres */
	color: #a40 ;
	border-bottom: 1px solid #a40 ;
}

div#contenu h3
{
	color: #666 ;
	line-height: 5px ;
	margin-top: 5px ;
}

div#contenu p
{
	text-align: justify ;
	line-height: 1.4em ;
}

div#contenu a
{
	color: #a40 ;
	text-decoration: none;
}

div#contenu a:hover
{
	color: #c22 ;
	text-decoration: underline;
}

div#contenu img
{
	border: 1px solid #333 ;
}

p#footer
{
	font-size: 0.9em ;
	margin: 0 ;
	padding-top: 10px ;
	line-height: 15px ;
	text-align: center ;
	color: #999 ;
	background: url(../images/footer.jpg) no-repeat left top ;
}

pre
{
	overflow: auto ;
	background: #ccc ;
	border: 1px solid #a40 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
	text-align: left ;
}

pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}

/* formulaires */
form {
	margin-bottom: 0 ;
}

input {font: 1.0em "Trebuchet MS", helvetica, sans-serif ;
	text-align: left ;
	color: #c22 ;
	background-color: #fff ;
	margin-bottom: 1px ;
	border-style: solid ;
	border-top-width: 1px ;
	border-left-width: 1px ;
	border-bottom-width: 1px ;
	border-right-width: 1px ;
	border-color: #a40 ;
}

input.optionnel {
	color: #c22 ;
	background-color: #eee ;
	text-align: left;
	border-color: #ccc ;
}

input.poster :hover{
	background-color: #eee ;
}

textarea {
	font: 1.0em "Trebuchet MS", helvetica, sans-serif ;
	text-align: left ;
	color: #c22 ;
	background-color: #fff ;
	margin-bottom: 1px ;
	border-style: solid ;
	border-top-width: 1px ;
	border-left-width: 1px ;
	border-bottom-width: 1px ;
	border-right-width: 1px ;
	border-color: #a40 ;
}