
body, td, input, select {
	font-family: 'lucida grande', verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333;
}
body, td {
	margin: 0px;
	padding: 0px;
}
body {
	background: #fff url(../res/element/bg.gif) top left repeat;
}

body.video {
	background: #000;
}

#site {
	width: 720px;
	margin: 0px auto;
	border: 1px solid #805040;
	border-top: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}

object {
	vertical-align: middle;
}

div.clear {
	clear: both;
}

span.ind {
	font-weight: bold;
}

#hdr {
	height: 109px;
	background: url(../res/element/hdr_bg.jpg) top left no-repeat;
}
#hdr div.logo {
}
#hdr div.logo a {
	display: block;
	position: absolute;
	margin-left:40px;
	width: 440px;
	height: 109px;
}
#hdr div.description {
	font-family: 'gill sans', verdana, sans-serif;
	font-size: 14pt;
	color: #805040;
	position: relative;
	top: 70px;
	left: 360px;
	display: inline;
}

#nav-extra {
	font-family: 'gill sans', verdana, sans-serif;
	text-align: right;
	margin-right: 30px;
}
#nav-extra a {
	color: #fff;
	text-decoration: none;
}
#nav-extra a:hover {
	text-decoration: underline;
}

#nav-top {
	clear: both;
	height: 32px;
	background: url(../res/element/nav_top_bg.jpg) top left no-repeat;
}
#nav-top table {
	border: 0px;
	border-collapse: collapse;
	margin-left: 10px;
	position: relative;
	height: 40px;
}
#nav-top td {
	white-space: nowrap;
	vertical-align: top;
	text-align: center;
	font-family: 'gill sans', verdana, sans-serif;
}
#nav-top td.path1 {
	padding-bottom: 6px;
	background: url(../res/element/nav-top-sel.png) bottom center no-repeat;
}
#nav-top a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 8px 10px;
	font-size: 11pt;
}
#nav-top a.path0 {
}
#nav-top a.path0:hover {
	text-decoration: underline;
}
#nav-top a.path1 {
	font-weight: bold;
	font-size: 12pt;
	padding: 10px 10px;
	position: relative;
	top: -3px;
	background-color: #007BB3;
}

#local {
	background: #fff;
	padding: 0px 0px;
}
body.video #local {
	background: none;
	padding: 25px;
	color: #fff;
}
table.layout {
	width: 720px;
	margin: 0px auto;
	border-collapse: collapse;
}

#left {
	width: 160px;
	padding-top: 140px;
	vertical-align: top;
}

#contenu {
	padding: 0px;
	min-height: 480px;
	background: url(../res/element/contenu_bg.gif) bottom left no-repeat;
}

#contenu a {
	color: #007BB3;
}
#contenu a:hover {
	color: ;
}

#crumb {
	margin: 0px 0px 0.5em 0px !important;
	line-height: normal !important;
	font-size: 8.5pt;
}
#crumb a {
	color: ;
	text-decoration: none;
}
#crumb a:hover {
	text-decoration: underline;
}

h1 {
	font-family: 'gill sans', verdana, sans-serif;
	font-size: 26pt;
	font-weight: normal;
	margin-top: 0px;
}
body.cal h1,
body.oeuvre h1,
body.lieu h1 {
	font-size: 28pt;
}
h1 span.sous {
	font-size: 20pt;
}
body.popup h1 {
	font-size: 16pt;
}
h1.avec-tab {
	padding: 30px 30px 10px 30px;
	margin: 0px;
	background-color: #FFC719;
}

h2 {
	font-family: 'gill sans', verdana, sans-serif;
	font-size: 18pt;
	font-weight: normal;
	margin-top: 1.5em;
	color: #805040;
}
h2 span.sous {
	font-size: 14pt;
}
h2.tab-screen {
	margin-top: 0px;
}
h3 {
	font-family: 'gill sans', verdana, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	margin-top: 1.5em;
	color: #805040;
}
h3 span.sous {
	font-size: 12pt;
}

div.nav-tab {
	background-color: #FFC719;
}
div.nav-tab table {
	margin-left: 30px;
	border: 0px;
	border-collapse: collapse;
}
div.nav-tab td {
	font-family: 'gill sans', verdana, sans-serif;
	padding-right: 10px;
	vertical-align: bottom;
}
div.nav-tab a {
	display: block;
	padding: 6px 10px;
	border: 1px solid #fff;
	border-bottom: 0px;
	text-decoration: none;
	font-size: 10pt;
	background-color: #fff;
}
div.nav-tab a.here0 {
}
div.nav-tab a.here0:hover {
	border-color: #cc9406;
}
div.nav-tab a.here1 {
	border-color: #cc9406;
	padding: 8px 10px;
	font-size: 11pt;
	color: #000 !important;
	font-weight: bold;
	position: relative;
	top: 1px;
}

div.tab-screen {
	padding: 30px;
	border-top: 1px solid #cc9406;
}

#doc-accueil #contenu {
}

#accueil-presentation {
	padding: 30px;
	height: 180px;
	width: 300px;
	background-color: #FFC719;
	float: left;
}
#accueil-presentation p {
	font-size: 10pt;
	line-height: 1.5em;
}
#accueil-diaporama {
	width: 360px;
	height: 240px;
	float: right;
}
#accueil-even {
	clear: both;
	padding: 30px;
}
#accueil-even h2 {
	font-size: 15pt;
	margin: 0px 0px 2px 0px;
}
#accueil-even ul {
	font-size: 9pt;
	margin: 1em 0px 0px 0px;
}

#doc-historique #contenu {
	padding: 30px;
}

#doc-discographie #contenu {
	background: #FFC719;
}
#doc-discographie h1 {
	padding: 30px 30px 10px 30px;
	margin: 0px;
}

div.cat {
	float: left;
	margin-bottom: 30px;
}
div.cat-couv {
	float: left;
	width: 300px;
	margin-left: 30px;
}
div.cat.normal div.cat-couv {
	width: 160px;
}
div.cat div.cat-desc {
	float: right;
	width: 330px;
	padding: 30px;
	background-color: #fff;
}
div.cat.normal div.cat-desc {
	margin-right: 30px;
	width: 440px;
}
div.cat ul.cat-achat {
	float: right;
}

div.cat h2 {
	font-size: 20pt;
	margin-top: 0px;
	margin-bottom: 0px;
}
div.cat.normal h2 {
	font-size: 16pt;
}
div.cat h4 {
	font-size: 10pt;
	margin: 1.2em 0px 0.5em 0px;
}
div.cat p.cat-artiste {
	font-size: 12pt;
	letter-spacing: -1pt;
	color: #805040;
	margin: 0.2em 0px !important;
}
div.cat p.cat-titre {
	font-size: 16pt;
	letter-spacing: -1pt;
	color: #805040;
	margin: 0.2em 0px !important;
}
div.cat ul.cat-achat {
	font-size: 8.5pt;
	list-style: none;
	padding-left: 0px !important;
	background-color: #FF9C26;
}
div.cat ul.cat-achat a {
	font-weight: bold;
	text-decoration: none;
	padding: 5px 10px;
	display: block;
}
div.cat ul.cat-achat a:hover {
	text-decoration: underline;
}
div.cat p,
div.cat ul {
	margin: 0.75em 0px !important;
}
div.cat li {
	margin: 0.5em 0px !important;
}

div.cat-programme ul {
	padding-left: 0px !important;
}
div.cat-programme li {
	font-size: 8.5pt;
	list-style: none !important;
}

#liens-intro {
}
#liens-intro p {
	margin-top: 0px;
}
#liens-petitejacinthe {
	width: 270px;
	padding: 0px 30px 0px 30px;
	float: left;
}
#liens-vallieres {
	width: 270px;
	padding: 0px 30px 0px 30px;
	float: left;
	background-color: #FF9C26;
}

div.contact-list {
	margin-top: 3em;
	width: 660px;
	margin: 3em auto 0px auto;
}
div.contact {
	float: left;
	width: 132px;
	text-align: center;
}
div.contact div.contact-pic {
	height: 92px;
}
div.contact div.contact-prenom {
	margin: 0.2em 0px;
	font-size: 14pt;
}
div.contact div.contact-courriel {
	font-size: 8pt;
}
div.contact div.contact-courriel a {
	text-decoration: none;
	display: block;
	width: 15px;
	padding: 2px 0px;
	margin: 0px auto;
}
div.contact div.contact-courriel a:hover {
	padding: 1px 0px;
	border: 1px solid #cc9406;
}

div.even {
	margin-top: 1em;
	border-bottom: 1px solid #cc9406;
	padding-bottom: 1em;
}
div.even-list div.even + div.even {
}
div.even-list div.even div.general {
	float: left;
	width: 330px;
}
div.even-list div.even div.desc {
	float: right;
	width: 330px;
}
div.even div.desc {
	font-size: 8.5pt;
}
div.even p {
	margin: 0px 0px 5px 0px;
	line-height: normal;
}
div.even ul {
	margin: 0px 0px 5px 0px;
	line-height: normal;
	padding-left: 15px;
}
div.even li {
	margin: 0px 0px 5px 0px;
	line-height: normal;
}
div.even p.date {
	color: #805040;
}
div.even p.endroit {
	font-family: 'gill sans', verdana, sans-serif;
	font-size: 14pt;
}
div.even p.lieu a {
	text-decoration: none;
}
div.even p.lieu a:hover {
	text-decoration: underline;
}
div.even div.lieu-detail {
	font-size: 8.5pt;
}
div.even p.titre {
	color: #805040;
	font-size: 10pt;
}

div.texte p {
	line-height: normal;
	margin: 1.5em 0px;
}

div.texte ul {
	margin: 1.5em 0px;
	padding-left: 20px;
}
div.texte li {
	line-height: normal;
	margin: 0.5em 0px;
}

.detail {
	font-size: 8.5pt;
	letter-spacing: normal;
}

p.sig {
	text-align: right;
}

div.encadre {
	clear: both;
	margin: 1.5em 0px;
	padding: 1px 20px;
	border: 5px solid #cc9406;
}

div.encart {
	width: 200px;
	float: right;
	clear: right;
	border: 10px solid #cc9406;
	padding: 1px 20px;
	margin: 0px -40px 20px 35px;
	_margin-right: 0px;
	border-right: 0px;
	_border-right: 10px solid #cc9406;
	font-size: 9pt;
}
div.encart.large {
	width: 340px;
}
div.encart h2 {
	font-size: 15pt;
	margin-top: 1.2em;
}

div.video object {
}
body.video div.description p {
	margin: 0.5em 0px 0px 0px !important;
}

div.pic-right {
	float: right;
	clear: right;
	margin: 0px 0px 20px 20px;
	font-size: 9pt;
}
div.pic-right p,
div.pic-right ul,
div.pic-right li {
	margin: 0.5em 0px !important;
	line-height: normal !important;
}
div.pic-right p.pic {
	margin: 0px;
}

table.photo {
	margin: 1em 0px;
	border: 0px;
	border-collapse: collapse;
}
table.photo td {
	vertical-align: top;
}
table.photo td.pic {
	padding-right: 15px
}
table.photo td.description p,
table.photo td.description ul,
table.photo td.description li {
	margin: 0.5em 0px !important;
	line-height: normal !important;
}

ul.video-list li {
	margin: 0.5em 0px;
}
ul.video-list a {
	text-decoration: none;
}
ul.video-list a:hover {
	text-decoration: underline;
}

#poste {
	margin: 0px 25px;
}
#poste #controle {
	width: 350px;
	float: left;
	margin-right: 20px;
}
#poste #courant {
	width: 300px;
	float: right;
}
div.piste-mini {
	display: none;
}
div.piste-detail div.couv {
	float: left;
}
div.piste-detail div.desc {
	padding-left: 10px;
}
div.piste-detail p {
	margin: 0.5em 0px !important;
	line-height: normal !important;
	font-size: 8.5pt;
}
div.piste-detail p.titre {
	font-family: 'gill sans', verdana, sans-serif;
	font-size: 12pt;
}
div.piste-detail p.titre-cd span.piste-no {
	margin-left: 5px;
	border: 1px solid #666;
	padding: 1px 3px;
}

table.logo-list {
	border: 0px;
	border-collapse: collapse;
}
table.logo-list td {
	width: 33%;
	padding-right: 20px;
	padding-bottom: 20px;
	text-align: center;
	vertical-align: middle;
}

span.logo a {
	font-size: 8.5pt;
	text-decoration: none;
}
span.logo img {
	padding: 5px;
	background-color: #fff;
}
span.logo a:hover img {
	border: 1px solid #ddd;
	padding: 4px;
}

p.btn-fermer {
	text-align: right;
	margin-top: 1.5em;
}
p.btn-fermer a {
	background-color: #FFC719;
	border: 1px outset #cc9406;
	padding: 5px 10px;
	color: #333 !important;
	text-decoration: none;
}

#nav-sub {
	font-size: 12pt;
}
#nav-sub.encart {
	padding: 1px 20px;
}
#nav-sub h2 {
	color: ;
}
#nav-sub ul {
	margin-left: 0px;
	padding-left: 20px;
}
#nav-sub li {
	list-style: circle;
	margin: 0.5em 0px;
	line-height: normal !important;
}
#nav-sub a {
	color: #007BB3;
	text-decoration: none;
}
#nav-sub a:hover {
	color: #007BB3;
	text-decoration: underline;
}
#nav-sub .detail {
	font-size: 10pt;
}

#gen {
	width: 720px;
	margin: 0px auto;
	color: #ccc;
	font-size: 8.5pt;
	text-align: center;
	padding: 10px 0px;
}
#gen a {
	color: #fff;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #ccc;
}
#gen a:hover {
	border-bottom: 1px solid #fff;
	padding-bottom: 1px;
}
#gen code {
	padding: 1px 6px;
	border: 1px solid #999;
}


