body, p, h1, h2, h3, h4, h5, h6, blockquote, input, select, textarea, label {
	color: #686553;
	font-size: 11px;
	font-family: "Trebuchet MS", Tahoma, arial, sans-serif;
	line-height: 16px;
}

p, h1, h2, h3, h4, h5, h6 {
	margin: 0 0 12px 0;
}

h2 {
	color: #BEBEA1;
	font-size: 16px;
	line-height: 19px;
}

h2 span {
	font-size: 11px;
	font-weight: normal;
}


/* manage line border in text */
h2, .section table {
	border-bottom: 4px solid #2B2B20;
	padding: 0 0 3px 4px;
}


h4 {
	color: #BEBEA1;
	font-weight: normal;
	margin-bottom: 10px;
}

.hr, .hr-thin {
	height: 4px;
	margin-bottom: 12px;
	background-color: #2B2B20;
	overflow: hidden;
}

h2, .hr, .hr-thin, .section table {
	margin-left: -4px;
}
.hr-thin {
	height: 1px;
	margin-top: 15px;
}
#footer .hr {
	margin: 0;
	border-right: 23px solid #191912;
	border-left: 22px solid #191912;
}

body {
	background: #2B2B20 url(../images/tacca-bg.gif) center top;
	text-align: center;
}

body, img, form, ul {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
ul {
	list-style: none;
}

.small {
	font-size: 9px;
}

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

a:hover {
	color: #fff;
}

h2 span a {
	color: #BEBEA1;
}

.clearer, .border {
	height: 1px;
	overflow: hidden;
	clear: both;
}

.border {
	height: 4px;
	clear: both;
}
#content .clearer, #content .border {
	clear: right;
}
#content .section .clearer {
	clear: both;
}
.left {
	float: left;
}

.right {
	float: right;
}

#global {
	width: 954px;
	margin: 0 auto;
	padding: 26px 15px;
}
#global * {
	text-align: left;
}

#header {
	width: 946px;
	height: 216px;
	overflow: hidden;
	clear: both;
	padding: 4px 4px 0 4px;
}
#header h1, #header h1 a {
	display: block;
	float: left;
	background: url(../images/tacca-musique-entete.jpg) no-repeat;
	width: 336px;
	height: 216px;
	text-indent: -9000px;
}
#header .wrapper {
	float: left;
	width: 606px;
	margin-left: 4px;
}
#header #photo {
	display: block;
	margin-top: 4px;
}
/* nav attributes */
ul#nav {
	height: 24px;
}
ul#nav li {
	float: left;
}
ul#nav li, ul#nav li a {
	background-repeat: no-repeat;
}
ul#nav li a {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 24px;
}
ul#nav li a:hover, ul#nav li.on a {
	background-position: 0 -24px;
}
/* hardcoded img path to menu items a, and parent itself (to fix IE glitch) */
#nav-nouvelles, #nav-nouvelles a { width: 77px; background-image: url(../images/tacca-nav-nouvelles.jpg); }
#nav-agenda, #nav-agenda a { width: 76px; background-image: url(../images/tacca-nav-agenda.jpg); }
#nav-historique, #nav-historique a { width: 76px; background-image: url(../images/tacca-nav-historique.jpg); }
#nav-catalogue, #nav-catalogue a { width: 76px; background-image: url(../images/tacca-nav-catalogue.jpg); }
#nav-editions, #nav-editions a { width: 76px; background-image: url(../images/tacca-nav-editions.jpg); }
#nav-boutique, #nav-boutique a { width: 76px; background-image: url(../images/tacca-nav-boutique.jpg); }
#nav-demos, #nav-demos a { width: 76px; background-image: url(../images/tacca-nav-demos.jpg); }
#nav-contact, #nav-contact a { width: 73px; background-image: url(../images/tacca-nav-contact.jpg); }

#sidebar {
	width: 336px;
	float: left;
	padding: 0 0 0 4px;
	margin-bottom: 3px;
}
/* artists menu */
ul#artists li {
	margin-bottom: 4px;
}
ul#artists li, ul#artists li a {
	background-repeat: no-repeat;
}
ul#artists li a {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 50px;
	width: 336px;
}
ul#artists li a:hover, ul#artists li.on a {
	background-position: 0 -50px;
}
/* hardcoded img path to menu items a, and parent itself (to fix IE glitch) */
#art-alfarococo, #art-alfarococo a { background-image: url(../images/tacca-artistes-alfarococo.jpg); }
#art-dumas, #art-dumas a { background-image: url(../images/tacca-artistes-dumas.jpg); }
#art-francedamour, #art-francedamour a { background-image: url(../images/tacca-artistes-francedamour.jpg); }
#art-anikjean, #art-anikjean a { background-image: url(../images/tacca-artistes-anikjean.jpg); }
#art-charlesdube, #art-charlesdube a { background-image: url(../images/tacca-artistes-charlesdube.jpg); }
#art-jorane, #art-jorane a { background-image: url(../images/tacca-artistes-jorane.jpg); }
#art-richardpetit, #art-richardpetit a { background-image: url(../images/tacca-artistes-richardpetit.jpg); }
#art-johne5, #art-johne5 a { background-image: url(../images/tacca-artistes-johne5.jpg); }
#art-stevemarin, #art-stevemarin a { background-image: url(../images/tacca-artistes-stevemarin.jpg); }
#art-fredricgarycomeau, #art-fredricgarycomeau a { background-image: url(../images/tacca-artistes-fredricgaryc.jpg); }

#content {
	float: left;
	width: 614px;
}

/* form */
form .row {
	clear: both;
	width: 540px;
}
form label, form p {
	color: #BEBEA1;
}
form p {
	margin-bottom: 5px;
}
form label {
	display: block;
}
form label.radio {
	display: inline;
}
form input.tx, form select, form textarea {
	width: 534px;
	border: 1px solid #757557;
	color: #2B2B20;
	padding: 0 2px;
	line-height: 15px;
	margin-bottom: 15px;
}
form textarea#informations {
	height: 115px;
}
form select {
	padding: 0;
}
form .row .submit input {
	float: right;
}
form .row .left, form .row .right {
	float: left;
}
form .left input,
form .left textarea,
form .left label,
form .right input,
form .right textarea,
form .right label {
	width: 260px;
}
form .left input.checkbox,
form .right input.checkbox {
	margin-right: 3px;
	width: auto;
}
form .left select,
form .right select {
	width: 266px;
}
form .right {
	padding-left: 8px;
}

form ul.errors { background-color:#FFC6C6; border:1px solid #f00; margin:0 0 20px; padding: 10px; }
form ul.errors li { color: #f00; margin: 5px 0 0 15px; list-style: disc; }
form input.error, form select.error, form textarea.error { background-color:#FFC6C6; outline:1px solid #f00; color: #f00; }

/* mailing list specific form */
form.mailinglist label {
	display: inline;
	float: left;
	color: #6F6F5C;
}
form.mailinglist input.tx {
	width: 280px;
	float: left;
}

/* table */
table {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	width: 561px;
	margin-top: -12px;
	margin-bottom: 20px;
}
table.merge {
	margin-top: -19px;
}
table td, table th {
	padding: 4px;
	border-bottom: 1px solid #2B2B20;
	color: #A5A58E;
	vertical-align: top;
}
table th {
	color: #fff;
	font-weight: normal;
}
table td p {
	margin-bottom: 6px;
}
h3 {
	font-weight: normal;
	margin: 0;
	color: #A5A58E;
}
table td, table th {
	padding: 3px 4px;
}
table td .details-plus img, table td .details-moins img, table td .billets img {
	margin-top: 2px;
}

/* footer area */
#ads {
	background: #191912;
	padding: 18px 23px 18px 22px;
	text-align:center;
}
#ads .container {
	text-align: center;
	padding: 4px 0;
	background: url(../images/tacca-bg.gif) -1px -3px;
}
#ads .container #creative {
	margin:0 auto;
}
#mailinglist {
	background: #080807 url(../images/tacca-bg-mailinglist.jpg) no-repeat;
	padding: 12px 0 0 20px;
	min-height: 29px;
}
#mailinglist form {
	background: url(../images/tacca-enveloppe.gif) no-repeat;
	padding-left: 33px;
}
#mailinglist form label {
	float: left;
	margin-right: 10px;
	font-size: 9px;
}
#mailinglist form label {
	float: left;
	margin-right: 10px;
}
#mailinglist form #mailinglist_email {
	margin-right: 10px;
}
#copyrights {
	padding-top: 16px;
	margin-left: 1px;
	font-family: verdana;
	font-size: 10px;
	color: #5A5A47;
}
#copyrights span {
	padding: 4px 18px;
	float: left;
}
#sumo {
	float: right;
}
/* end footer area */

/* filled background */
#header, #sidebar, .border, #copyrights span {
	background: #2B2B20;
}

/* borders */
#header, #footer {
	border-bottom: 4px solid #2B2B20;
}
.section, #mailinglist {
	border-top: 4px solid #2B2B20;
}
#mailinglist {
	border-top-width: 5px;
}
#radio, .section, #footer {
	border-right: 4px solid #2B2B20;
	border-left: 4px solid #2B2B20;
}
#ads .container #creative {
	border: 4px solid #191912;
}

#radio #trackinfo {
	float: left;
	height: 60px;
	overflow: hidden;
	margin-left: 20px;
	margin-top: 3px;
}
#radio #trackinfo table {
	width: 300px;
	margin: 0;
}
#radio #trackinfo table td {
	padding: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: #6F6F5C;
	line-height: 12px;
	border: 0;
	text-align: left;
}
#radio #trackinfo table td.info {
	color: #A5A58E;
	width: 50px;
}
/* main sections area */
.section {
	background: #191912;
	padding: 34px 23px 80px 26px;
	min-height: 332px;
}
.section p span {
	color: #A5A58E;
}

/* full customization */
table.news {
	margin-bottom: 30px;
}
table.news td .news {
	padding-top: 2px;
	display: none;
}
table.news td.td1 {
	width: 14%;
}
table.news td.td2 {
	width: 76%;
	padding-bottom: 0;
}
table.news td.td3 {
	width: 10%;
	text-align: right;
}

/* artist pages */
table.nav-table td.td1 {
	padding: 0;
}
table.nav-table td.td1 a {
	padding: 3px 4px;
	color: #A5A58E;
	text-decoration: none;
	display: block;
	width: 553px;
}
table.nav-table td.td1 a:hover, table.nav-table td.td1 a.on {
	color: #fff;
	text-decoration: none;
	background: url(../images/tacca-bg-artistes-bg-row1.jpg);
}
table.nav-table tr.tr2 td.td1 a:hover, table.nav-table tr.tr2 td.td1 a.on {
	background: url(../images/tacca-bg-artistes-bg-row2.jpg);
}
table.nav-table tr.tr3 td.td1 a:hover, table.nav-table tr.tr3 td.td1 a.on {
	background: url(../images/tacca-bg-artistes-bg-row3.jpg);
}
table.nav-table tr.tr4 td.td1 a:hover, table.nav-table tr.tr4 td.td1 a.on {
	background: url(../images/tacca-bg-artistes-bg-row4.jpg);
}
.artist-nav {
	position: absolute;
	margin-left: 489px;
	margin-top: 6px;
}
.artist-nav img {
	margin-left: 4px;
}
.album, ul#tracks li .num {
	color: #BEBEA1;
}
ul#tracks {
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
}
ul#tracks li a, ul#tracks li .nolink, td.player a, td.player .nolink {
	display: block;
	text-decoration: none;
	padding: 0 0 3px 20px;
}
ul#tracks li a, ul#tracks li .nolink {
	color: #6F6F5C;
	width: 375px;
}
td.player a, td.player .nolink {
	color: #a5a58e;
}
ul#tracks li a, td.player a {
	background: url(../images/tacca-bt-audio-off.gif) no-repeat 0 2px;
}
ul#tracks li a:hover, ul#tracks li.on a, td.player a:hover {
	background-image: url(../images/tacca-bt-audio-on.gif);
}
.buyalbum {
	margin-top: -12px;
	margin-right: 5px;
	float: right;
	text-align: right;
}
.buyalbum img.cover {
	display: block;
}
.buyalbum .acheter {
	display: block;
	margin: 4px 0 0 78px;
}
/* videos shown on both home and videography page */
.video-row {
	clear: both;
}
.video {
	display: block;
	float: left;
	margin-right: 72px;
	margin-bottom: 10px;
	width: 136px;
}
.video a.thumb {
	display: block;
}
.video a.thumb {
	display: block;
	width: 134px;
	height: 104px;
	border: 1px solid #2B2B20;
}
.video a.thumb:hover {
	border-color: #686553;
}
.video a.thumb img {
	margin: 2px;
}
.video p {
	padding: 4px 3px 3px 3px;
}
.video span {
	display: block;
}
.video span.artist {
	color: #BEBEA1;
}

/* albums shown on home page */
.newalbum-row {
	clear: both;
}
.newalbum {
	display: block;
	float: left;
	margin-right: 24px;
	margin-bottom: 10px;
	width: 91px;
}
.newalbum a.thumb {
	display: block;
}
.newalbum a.thumb {
	display: block;
	width: 89px;
	height: 89px;
	border: 1px solid #2B2B20;
}
.newalbum a.thumb:hover {
	border-color: #686553;
}
.newalbum a.thumb img {
	margin: 2px;
}
.newalbum p {
	padding: 4px 3px 3px 3px;
}
.newalbum span {
	display: block;
}
.newalbum span.artist {
	color: #BEBEA1;
}

/* agenda */
#agenda table td.td1 {
	width: 15%;
}
#agenda table td.td2 {
	width: 40%;
	padding-bottom: 0;
}
#agenda table td.td3 {
	width: 45%;
}
#agenda table td.td4 {
	width: 10%;
	text-align: right;
}

/* radio */
#radio {
	width: 587px;
	height: 71px;
	background: url(../images/tacca-bg-radio.jpg);
	padding-top: 14px;
	padding-left: 19px;
}
#radio #control {
	padding: 4px;
	width: 156px;
	height: 46px;
	float: left;
}
#radio #control .buttons {
	height: 25px;
}
#radio #control .buttons li {
	float: left;
	background-repeat: no-repeat;
}
#radio #control .buttons li a, #boutique a {
	display: block;
	width: 27px;
	height: 0;
	padding-top: 21px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top left;
	margin-right: 4px;
}

#boutique a {
	clear: both;
	width: 156px;
	margin: 0;
}

#radio #control .buttons li a:hover, #radio #control .buttons li.on a, #boutique a:hover {
	background-position: 0 -21px;
}
#radio #control .buttons li a:focus, #boutique a:focus {
	outline: none;
}
#play, #play a { background-image: url(../images/tacca-bt-play.gif); }
#pause, #pause a { background-image: url(../images/tacca-bt-pause.gif); }
#stop, #stop a { background-image: url(../images/tacca-bt-stop.gif); }
#rew, #rew a { background-image: url(../images/tacca-bt-rew.gif); }
#ff, #ff a { background-image: url(../images/tacca-bt-ff.gif); }
#boutique, #boutique a { background-image: url(../images/tacca-bt-boutique.gif); }

#radio #control .buttons li#equalizer {
	float: left;
	width: 31px;
	height: 21px;
	background: url(../images/tacca-radio-eq-off.gif);
	margin-left: 1px;
}

#radio #control .buttons li#equalizer.on {
	background: url(../images/tacca-radio-eq-on.gif);
}

/* videoplayer */
body#videoplayer {
	background: #212117 url(../images/tacca-video-bg.gif) no-repeat 20px 20px;
	margin: 20px;
}

body#video {
	background-color: #212117;
	background-image: none;
}

body#videoplayer .left {
	float: left;
	width: 237px;
	margin-right: 20px;
	padding-top: 98px;
	border-bottom: 1px solid #393A2C;
}
body#videoplayer .artists {
	padding: 10px 0;
	margin-bottom: 10px;
	border-top: 1px solid #393A2C;
	border-bottom: 1px solid #393A2C;
}
body#videoplayer .artists select {
	width: 237px;
	margin: 0;
	color: #5A5C47;
	background: #D8D8C0;
	padding: 0;
}

body#videoplayer #thumbs {
	height: 239px;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 237px;
	margin-bottom: 10px;
}

body#videoplayer #thumbs .video {
	padding-bottom: 10px;
	border-bottom: 1px solid #393A2C;
	width: 212px;
}

body#videoplayer #thumbs .video a.thumb {
	display: block;
	width: 52px;
	height: 40px;
	float: left;
	padding: 1px;
	border: 1px solid #38392B;
	margin-right: 9px;
}
body#videoplayer #thumbs .video a.thumb img {
	display: block;
	padding: 0;
	margin: 0;
}
body#videoplayer #thumbs .video .on a.thumb, body#videoplayer #thumbs .video a:hover.thumb {
	border-color: #7B7865;
}

body#videoplayer #thumbs .video .info {
	float: left;
	text-align: left;
	width: 100px;
}
body#videoplayer #thumbs .video .on .info .title a {
	color: #7C7968;
}
body#videoplayer #thumbs .video .on .info .title a:hover {
	color: #fff;
}
body#videoplayer .embed {
	float: left;
	padding: 2px;
	border: 1px solid #7B7865;
}

#socialnetworks { position: absolute; top: 0; right: 4px;}
#socialnetworks a { padding: 0; margin-left: 3px;}
#socialnetworks a img { border: 1px solid #6f6f5c; padding: 1px;}
#socialnetworks a:hover img { border-color: #cd5806;}
#socialnetworks a.rss { background: url(../images/rss-btn.gif) no-repeat top left; display: inline-block; width: 52px; height: 14px; }
#socialnetworks a.rss:hover { background-position: bottom left;}

/* Admin */
.admin {font-size: 11px; font-weight: normal;}
.admin a, ul#tracks li span.admin a {background: none; color: #CD5806; display: inline; margin: 0; padding: 0; text-decoration: underline; width: auto;}