html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, thead, tbody, foot, tr, th, td, form, fieldset, legend, img { margin: 0; padding: 0; border: 0 }

body { background: #000 url(/images/design/background.jpg) repeat-y scroll top center; font-size: 100% }

#content { width: 72em; max-width: 72em; margin: auto; padding-bottom: 1em; font-size: 0.625em; font-family: "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, "Trebuchet MS", Verdana, Helvetica, sans-serif; line-height: 1.75; color: #d9d9d9; text-align: left }

p#breadcrumbs, p#footer { font-size: 1.1em }
p#breadcrumbs { margin-top: 0 }
	p#breadcrumbs span.separator { font-weight: bold }
p#footer { text-align: center }

p, li, td, dt, dd { font-size: 1.2em }
p { margin: 1em 0 }
li { margin: 0.5em 0 }

h1, h2, h3, h4, h5 { font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.25; color: #ffffff; margin-top: 1em; margin-bottom: 0.5em }
h1 { font-size: 3.2em; letter-spacing: -1px; margin-top: 0; clear: both }
h2 { font-size: 2.5em }
h3 { font-size: 1.5em; clear: both }
h4 { font-size: 1.25em }

a:link, a:visited { text-decoration: none; color: #59baff; border: 0 solid #2d5d80 }
a:hover, a:active { color: #77cc66; border-bottom: 1px solid #3c6633 }
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { border-bottom-width: 1px }

ol { margin-left: 3em }
ul { margin-left: 1.5em }
li li { font-size: 0.9em; list-style-type: circle }
* li, * * li { font-size: 1.2em }

dt { font-weight: bold }
* dd, * dt { font-size: 1em }

table { border-collapse: collapse; margin: 1em 0 }
th { color: #77cc66; white-space: nowrap }
table.horizontal { }
	table.horizontal th, table.horizontal td { vertical-align: text-bottom }
	table.horizontal th { padding-right: 0.5em; text-align: right }
	table.horizontal th, table.horizontal td { padding-top: 0.25em; padding-bottom: 0.25em }
	form table.horizontal th, form table.horizontal td { vertical-align: middle }
th, td { vertical-align: top; padding: 0.5em 0.25em }
th:first-child, td:first-child { padding-left: 0.5em }
th:last-child, td:last-child { padding-right: 0.5em }
tbody tr.odd { background-color: #0d1c26 }
table.horizontal tr { background-color: transparent }
td p { font-size: 100% }

img { margin-bottom: 1em; behavior: url(/css/iepngfix.htc); position: relative }
hr { margin: 2em 0; width: 100%; height: 1px; border: 0; color: #2d5d80; background-color: #2d5d80; clear: both }

div.list { position: relative; width: 48.75%; margin-bottom: 1em }
	div.list li { padding-right: 4em }

.blurb, div.tracklist, div.toc, div.box { margin-bottom: 2.5em; padding: 2em; border: 1px solid #333333; clear: both; overflow: hidden; background-color: #0d0d0d; position: relative }
	.blurb h3, div.tracklist h3, div.toc h3, div.box h3, .blurb h4, div.tracklist h4, div.toc h4, div.box h4, .blurb h5, div.tracklist h5, div.tco h5, div.box h5 { margin-top: 0; clear: both }
	.blurb *:first-child, div.tracklist *:first-child, div.toc *:first-child, div.box *:first-child { margin-top: 0 }
	.blurb *:last-child, div.tracklist *:last-child, div.toc *:last-child, div.box *:last-child { margin-bottom: 0 }
	.blurb img { float: left; margin-right: 1.5em; margin-bottom: 0 }
	div.tracklist, div.toc, div.box { width: 68em }

span.year, p span.category { color: #77cc66 }
abbr, acronym { border-bottom: 1px dotted #59baff; cursor: help }

p.intro, p.signature, div.decorative p { font-size: 1.5em; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #8c8c8c }
p.signature { text-align: right }
	p.intro i, p.signature i { font-style: normal }

p.date, p.link, th { font-size: 1em; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; color: #77cc66 }
	p.date { position: absolute; top: 2em; right: 2em; margin: 0; color: #77cc66 }
	p.link { text-align: right }
	p.link a:link, p.link a:visited, th a:link, th a:visited { border-bottom-width: 1px }
	
h1 span.category, h2 span.category { display: block; font-size: 0.4em; color: #77cc66; text-transform: uppercase; letter-spacing: 0.25em }

p.submenu { text-align: center; font-size: 1.3em; color: #8c8c8c; margin-top: 0; clear: both }
	p.submenu strong { font-weight: normal; color: #8c8c8c }
	p.submenu a { white-space: nowrap }
	p.submenu a.recent { border: 0; border-bottom: 1px solid #77cc66 }

.note, .pfc_cmd_notice { color: #8c8c8c }
	a:hover .note, a:active .note { color: #77cc66 }
.length { color: #4d4d4d; position: absolute; top: 0; right: 0 }
li { position: relative }

p.legend { margin: 0; text-align: right; color: #8c8c8c; clear: both }
span.footnote { color: #77cc66; font-weight: bold }

.inactive, .pfc_date, .pfc_heure { color: #4d4d4d }
.recent { border: 1px solid #77cc66 }

div.decorative { text-align: center }

fieldset { margin: 2em 0; padding: 2em; border: 1px solid #1f1f1f }
ul.buttons { margin: 1em 0; text-align: center }
	ul.buttons li { list-style-type: none }
input.button { font-size: 1.2308em; cursor: pointer }
textarea { font-family: sans-serif }
input[type=submit] { font-size: 200% }
form ul { list-style-type: none; margin-left: 0 }
form div.center { margin: 1em 0 }

p.message { text-align: center; font-size: 2em }
.success { color: #77cc66 }
.important { color: yellow }
.error { color: red }

.left { float: left }
.right { float: right }
p.right { float: none; text-align: right }
.center { text-align: center }
.clear { clear: both }

#search { display: block; float: right; margin-left: 2em }
	#search p { margin-top: 0 }
	#search input[type=submit] { font-size: 1.1em }
	#searchTerm { background-color: #242424; border: 1px solid #333333; padding: 2px; color: #d9d9d9; font-family: "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, "Trebuchet MS", Verdana, Helvetica, sans-serif }