body {
	background: #fff;
	margin: 0px;
}
body.doc, body.even, body.nouv {
	background: #333 url(../res/element/body_fond.gif) top left repeat-x;
}
body.lieu, body.bio {
	margin: 2em;
}
body, td, th, input, select, textarea {
	font-family: 'lucida grande', verdana, sans-serif;
	font-size: 9pt;
	color: #333;
	padding: 0px;
}

a {
	color: #5275BC;
}
a.lieu {
	text-decoration: none;
}
a.lieu:hover {
	text-decoration: underline;
}

img {
	border: 0px;
	vertical-align: middle;
}
form {
	margin: 0px;
	padding: 0px;
}

p.sig {
	text-align: right;
}
.detail {
	font-size: 8.5pt;
}
.date-cluster {
	white-space: nowrap;
	font-weight: bold;
}
.w, .t {
	font-style: italic;
}
.n {
	font-style: italic;
}

ul {
	padding-left: 16px;
	margin-left: 0px;
}
li {
	margin: 0.5em 0px;
	padding: 0px;
}
ul.compact li {
	margin: 5px 0px;
}

div.pseudo-hr {
	margin: 1em 0px;
	height: 3px;
	background-color: #BED269;
}

#site {
	width: 780px;
	margin: 0px auto;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #fff url(../res/element/fond.gif) bottom left no-repeat;
	padding-bottom: 80px;
}

#hdr {
	background-color: #000;
	margin-bottom: 1px;
}
#hdr table {
	border: 0px;
	border-collapse: collapse;
}
#hdr td.logo {
}
#hdr td.yannick {
	width: 220px;
}

#nav-top {
	background-color: #454B32;
	text-align: center;
}
#nav-top table {
	border: 0px;
	border-collapse: collapse;
	margin: 0px auto;
	border-left: 1px solid #fff;
}
#nav-top td {
	padding: 0px;
	font-size: 8.5pt;
	border-right: 1px solid #fff;
}
#nav-top a {
	display: block;
	padding: 10px 10px 7px 10px;
	color: #DBE7AC;
	background-color: #626B48;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
#nav-top a.path0:hover {
	padding-bottom: 4px;
	border-bottom: 3px solid #BED269;
}
#nav-top a.path1 {
	background-color: #fff;
	color: #333;
}
#nav-top a.path1:hover {
	padding-bottom: 4px;
	border-bottom: 3px solid #E9EFEF;
}

#main {
	width: 100%;
	border: 0px;
	border-collapse: collapse;
}
#main td.left {
	width: 180px;
	vertical-align: top;
}

#nav-left {
	width: 180px;
	margin: 1em 0px;
	padding: 10px 0px;
	background-color: #E9EFEF;
}
#nav-left p.root {
	font-size: 8.5pt;
	text-transform: uppercase;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
	margin: 5px 10px;
}
#nav-left p.root a {
	text-decoration: none;
}
#nav-left p.root a:hover {
	text-decoration: underline;
}
#nav-left ul {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
#nav-left ul ul {
	padding-left: 15px;
}
#nav-left li {
	white-space: nowrap;
	list-style: none;
	margin: 5px 0px;
	display: block;
}
#nav-left li.nochild {
	text-indent: 7px;
}
#nav-left ul ul li {
	font-size: 8.5pt;
	margin: 3px 0px;
}
#nav-left img.twig {
	float: left;
	margin: 5px 0px 0px 0px;
}
#nav-left ul a {
	text-decoration: none;
	margin: 0px;
	padding: 1px 3px;
}
#nav-left ul a.path0-here0:hover {
	text-decoration: underline;
}
#nav-left ul a.path1-here0 {
	font-weight: bold;
	color: #333;
}
#nav-left ul a.path1-here0:hover {
	text-decoration: underline;
}
#nav-left ul a.path1-here1 {
	font-weight: bold;
	color: #333;
	background-color: #fff;
	border: 1px solid #c7cdcd;
	padding: 1px 3px;
}

div.calendrier {
	margin: 1em 0px;
	text-align: center;
}
div.calendrier table {
	width: 100%;
	border-collapse: collapse;
	margin: 0px auto;
}
div.calendrier td,
div.calendrier th {
	text-align: right;
	width: 22px;
	font-size: 8.5pt;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
div.calendrier th {
	padding: 2px;
}
div.calendrier td {
	color: #999;
}
div.calendrier td span,
div.calendrier td a {
	padding: 2px;
	display: block;
}
div.calendrier td a {
	text-decoration: none;
	font-weight: bold;
	background-color: #E9EFEF;
}
div.calendrier td a:hover {
	padding: 1px;
	border: 1px solid #c7cdcd;
}
div.calendrier td a.abonnement {
	background-color: #FFFFC8;
}
div.calendrier td a.abonnement:hover {
	border: 1px solid #dddda6;
}
div.calendrier td a.ete {
	background-color: #CBEFC3;
}
div.calendrier td a.ete:hover {
	border: 1px solid #a9cda1;
}
div.calendrier td a.jeunesse {
	background-color: #B5E8ED;
}
div.calendrier td a.jeunesse:hover {
	border: 1px solid #93c6cb;
}
div.calendrier td.today span,
div.calendrier td.today a {
	font-weight: bold;
	padding: 1px;
	border: 1px dashed #c7cdcd;
}
div.calendrier td.today a.abonnement {
	border: 1px solid #cc9;
}
div.calendrier td.today a:hover {
	border: 1px solid #c7cdcd;
}
div.calendrier td.today a.abonnement:hover {
	border: 1px solid #cc9;
}
div.calendrier td.y,
div.calendrier td.m {
	width: 27px;
	color: #626B48;
	padding-right: 3px;
	border-bottom: 0px;
	white-space: nowrap;
}
div.calendrier td.y {
	color: #626B48;
	font-weight: bold;
}
p.calendrier-legende {
	text-align: left;
	margin: 5px 10px 5px 28px;
	font-size: 8.5pt;
}
p.calendrier-legende span.abonnement {
	background-color: #FFFFC8;
	padding: 0px 5px;
	border: 1px solid #dddda6;
}
p.calendrier-legende span.ete {
	background-color: #CBEFC3;
	padding: 0px 5px;
	border: 1px solid #a9cda1;
}
p.calendrier-legende span.jeunesse {
	background-color: #B5E8ED;
	padding: 0px 5px;
	border: 1px solid #93c6cb;
}
p.calendrier-legende span.autres {
	background-color: #E9EFEF;
	padding: 0px 5px;
	border: 1px solid #c7cdcd;
}
div.calendrier ul {
	text-align: left;
	margin: 5px 0px;
	padding: 0px 0px 0px 28px;
}
div.calendrier li {
	list-style: none;
	margin: 2px 0px;
	font-size: 8.5pt;
}

div.encadre-left {
	margin: 1em 0px;
	padding: 5px 10px;
	font-size: 8.5pt;
	border: 3px solid #BED269;
	border-left: 0px;
	background-color: #DBE7AC;
}
div.encadre-left h2 {
	margin: 5px 0px;
	font-size: 8.5pt;
	text-transform: uppercase;
	font-weight: bold;
}
div.encadre-left h3 {
	margin: 5px 0px;
	font-size: 8.5pt;
	text-transform: uppercase;
	font-weight: bold;
}
div.encadre-left p,
div.encadre-left ul,
div.encadre-left li {
	margin: 5px 0px;
}

#contenu {
	vertical-align: top;
	padding: 40px;
	font-size: 10pt;
}
body#doc-concerts-2006 #contenu {
	background: url(../res/accueil/yns_bg.jpg) 3em 3em no-repeat;
	padding-left: 160px;
	height: 350px;
}

div.texte p, div.texte ul {
	line-height: 1.5em;
	margin: 1.5em 0px;
}
div.encadre p {
	line-height: normal;
}
div.texte blockquote {
	padding: 0px 1.5em;
	margin: 0px;
}

p.crumb {
	font-size: 8.5pt;
	text-transform: uppercase;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}
p.crumb a {
	text-decoration: none;
}
p.crumb a:hover {
	text-decoration: underline;
}
h1 {
	font-size: 24pt;
	font-family: helvetica, arial, verdana, sans-serif;
	font-weight: normal;
	margin-top: 0px;
}
h1.popup {
	font-size: 16pt;
}
h2 {
	font-size: 16pt;
	font-family: helvetica, arial, verdana, sans-serif;
	color: #626B48;
	font-weight: normal;
	margin-top: 2em;
}
h3 {
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 13pt;
	font-weight: normal;
	color: #626B48;
	margin-top: 1.5em;
}
h4 {
	font-size: 9pt;
	margin: 1em 0px;
}
h2 a, h3 a {
	color: inherit;
	text-decoration: none;
}
h2 a:hover, h3 a:hover {
	text-decoration: underline;
}

div.nouv + div.nouv {
	border-top: 2px solid #BED269;
}
div.nouv div.nouv-pic {
	float: right;
	margin: 0px 0px 1em 1em;
}
div.nouv p.detail {
	text-align: right;
	color: #999;
}

table.accueil {
	border: 0px;
	border-collapse: collapse;
	width: 100%;
	margin-top: 2em;
}
table.accueil h2 {
	margin-top: 0px;
}
table.accueil td {
	width: 50%;
	vertical-align: top;
}
table.accueil td.col-1 {
	padding-right: 2em;
}
table.accueil td.col-2 {
	border-left: 3px solid #f99;
	padding-left: 2em;
}

table.calendrier-grand {
	border: 0px;
	border-collapse: collapse;
}
table.calendrier-grand h2 {
	font-size: 13pt;
}
table.calendrier-grand td.calendrier {
	padding: 0px 25px 25px 0px;
	width: 170px;
	vertical-align: top;
	border-bottom: 3px solid #BED269;
}
table.calendrier-grand div.calendrier {
	margin: 0px;
}
#contenu p.calendrier-legende {
	text-align: left;
	margin-left: 0px;
	font-size: 8.5pt;
}

div.even-list-item h2 {
	margin-bottom: 5px;
}
div.even-list-item h3 {
	margin-bottom: 5px;
}
div.even-list-item p {
	margin: 5px 0px;
}

div.even-programme ul ul {
	margin: 0px !important;
}

table.tarifs-layout {
	border-collapse: collapse;
}
table.tarifs-layout td {
	padding: 0px 3em 0px 0px;
	vertical-align: middle;
}

table.nav-tarifs {
	border: 0px;
	border-collapse: collapse;
	margin: 0px auto;
}
table.nav-tarifs td {
	padding: 5px 5px;
	font-size: 8.5pt
}
table.nav-tarifs a {
	padding: 5px 10px;
	border: 1px solid #BED269;
	border-bottom: 0px;
	text-decoration: none;
	background-color: #fff;
}
table.nav-tarifs a:hover {
	text-decoration: underline;
}
table.nav-tarifs td.here a {
	font-weight: bold;
	padding-bottom: 6px;
	color: #333 !important;
	background-color: #DBE7AC;
}
div.tarifs {
	border: 1px solid #BED269;
	padding: 0px 0px 20px 0px;
	margin: 0px auto 1em auto;
}
div.tarifs h3 {
	margin-top: 0px;
	text-align: center;
	background-color: #DBE7AC;
	padding: 10px 20px 10px 20px;
}
div.tarifs ul {
	font-size: 9pt;
	margin: 0px 20px 15px 20px;
}
div.tarifs table.tarifs {
	margin: 0px auto;
}
div.tarifs table.tarifs th,
div.tarifs table.tarifs td {
	font-size: 11pt;
	padding: 4px 10px;
}
div.tarifs p.soumettre {
	margin-bottom: 0px;
}

table.tarifs {
	border-collapse: collapse;
}
table.tarifs th {
	padding: 2px 10px;
	font-size: 10pt;
}
table.tarifs th a {
	text-decoration: none;
	color: inherit;
}
table.tarifs td {
	padding: 2px 10px;
	text-align: right;
}
table.tarifs th.section-a {
	background-color: #ccc3a3;
}
table.tarifs th.section-b {
	background-color: #a8c9d7;
}
table.tarifs th.section-c {
	background-color: #c6c6c6;
}
table.tarifs td.section-a {
	background-color: #DDD4B4;
}
table.tarifs td.section-b {
	background-color: #B9DAE8;
}
table.tarifs td.section-c {
	background-color: #D7D7D7;
}

div.plans {
	border: 1px solid #c7cdcd;
	margin: 1em 0px;
}
div.plans div {
	overflow: auto;
	text-align: center;
	width: 518px; // pour safari qui ne comprend rien sinon
}
div.plans h3 {
	margin: 0px;
	text-align: center;
	background-color: #E9EFEF;
	padding: 10px 20px 10px 20px;
}

table.horaire {
	margin: 1em 0px;
	border: 3px solid #BED269;
	border-collapse: collapse;
}
table.horaire tr.abonnement td {
	background-color: #FFFFC8;
}
table.horaire td {
	border: 1px solid #BED269;
	border-left-style: dotted;
	border-right-style: dotted;
	padding: 3px 10px;
	font-size: 8.5pt;
	vertical-align: top;
}
table.horaire td.date {
	font-weight: bold;
	color: #626B48;
}
table.horaire td.details {
	padding: 0px 10px;
}
table.horaire td.details h3 {
	margin: 3px 0px;
}
table.horaire td.details p {
	margin: 3px 0px;
	line-height: normal;
}
table.horaire td.billets {
	font-size: 8pt;
	color: #999;
}
table.horaire td.billets a {
	font-size: 8.5pt;
	white-space: nowrap;
	text-decoration: none;
	padding: 2px 7px;
	line-height: 18pt;
	background-color: #E9EFEF;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #c7cdcd;
	border-bottom: 1px solid #c7cdcd;
}

div.encadre {
	float: right;
	clear: right;
	width: 230px;
	margin: 0px 0em 2em 2em;
	padding: 5px 10px;
	font-size: 8.5pt;
	border: 3px solid #BED269;
	background-color: #DBE7AC;
}
div.texte>div.encadre,
div.calendrier>div.encadre {
	margin: 0px -40px 2em 2em;
	border-right: 0px;
}
div.encadre h2 {
	margin: 1em 0px;
	font-size: 8.5pt;
	text-transform: uppercase;
	font-weight: bold;
}
div.encadre h3 {
	margin: 1.5em 0px 5px;
	font-size: 8.5pt;
	text-transform: uppercase;
	font-weight: bold;
}
div.encadre p {
	margin: 5px 0px;
}
div.encadre td, div.encadre th {
	font-size: 8.5pt;
}

div.attention {
	border: 3px solid #BED269;
	padding: 1px 10px;
}
div.attention h2 {
	margin-top: 1em;
}

div.erreur {
	border: 3px solid #f30;
	padding: 1px 10px;
	margin-bottom: 1.5em;
}
div.erreur h2 {
	margin-top: 1em;
	color: #f30;
}

img.fres {
	float: right;
	clear: right;
	margin: 0px -40px 2em 2em;
	_margin-right: 0px;
	font-size: 8.5pt;
}

div.nav-sub {
	margin-top: 2em;
	background-color: #E9EFEF;
	padding: 10px;
}
div.nav-sub h2 {
	margin-top: 5px;
	margin: 1em 0px;
	font-size: 8.5pt;
	font-weight: bold;
	text-transform: uppercase;
}
div.nav-sub ul {
	margin-bottom: 5px;
}
div.nav-sub ul.compact li {
	margin: 1px 0px;
}
div.nav-sub a {
	text-decoration: none;
}
div.nav-sub a:hover {
	text-decoration: underline;
}

div.question-no {
	float: left;
	color: #626B48;
	font-size: 32pt;
	line-height: 32pt;
	font-family: helvetica, verdana, arial, sans-serif;
	font-weight: normal;
	margin: 0px 10px 10px 0px;
}

h2.question {
	margin-top: 3em;
	margin-left: 50px;
	font-size: 14pt;
}
div.reponse {
	padding-left: 50px;
	padding-bottom: 1em;
	border-bottom: 3px solid #BED269;
}
div.reponse h3 {
	font-size: 12pt;
}

p.radio {
	margin: 0.5em 0px !important;
}
p.radio a {
	color: inherit;
	text-decoration: none;
}

table.abonnement-tarifs-preferences {
	border: 0px;
	border-collapse: collapse;
}
table.abonnement-tarifs-preferences td.tarifs {
	vertical-align: top;
	padding-right: 20px;
}
table.abonnement-tarifs-preferences td.preferences {
	vertical-align: top;
}
table.abonnement-tarifs-preferences td.preferences div.preferences {
	border: 1px solid #BED269;
	padding: 0px 0px 10px 0px;
}
table.abonnement-tarifs-preferences td.preferences div.preferences h3 {
	background-color: #DBE7AC;
	padding: 10px;
	margin: 0px;
	text-align: center;
}
table.abonnement-tarifs-preferences td.preferences div.preferences p {
	padding: 0px 10px;
}

table.facture {
	border-collapse: collapse;
	border-top: 1px solid #ddd;
	border-left: 1px dotted #ddd;
	margin: 1em 0px;
}
table.facture th {
	padding: 3px 20px;
	text-align: left;
	background-color: #E9EFEF;
	border-right: 1px dotted #c7cdcd;
	border-bottom: 1px solid #c7cdcd;
}
table.facture td {
	padding: 3px 20px;
	border-right: 1px dotted #c7cdcd;
	border-bottom: 1px solid #c7cdcd;
}
table.facture th.num,
table.facture td.num {
	text-align: right;
}
table.facture tr.total td {
	font-weight: bold;
	background-color: #FFFFC8;
}

table.formulaire {
	margin: 1em 0px;
	border-collapse: collapse;
}
table.formulaire td {
	padding: 3px 10px;
}
table.formulaire td.q {
	padding-left: 0px;
	color: #626B48;
}
table.formulaire td.a input[type="text"] {
	width: 350px;
}
table.formulaire td.a span.pseudo-input {
	display: block;
	font-size: 11pt;
	padding: 3px;
	border: 1px solid #999;
	border-top: 0px;
	width: 350px;
}

input, textarea {
	border-width: 1px;
	background-color: #E9EFEF;
	font-size: 11pt;
	padding: 3px;
	vertical-align: bottom;
}
input[disabled] {
	background-color: #fff;
	color: #999;
	border-color: #fff;
}
input:focus, textarea:focus {
	background-color: #FFFFC8;
}

p.soumettre {
	margin: 2em 0px;
	text-align: center;
}
p.soumettre input {
	font-size: 12pt;
	padding: 5px 15px;
	border-width: 2px;
	cursor: pointer;
}
p.soumettre a {
	font-size: 12pt;
	padding: 5px 15px;
	background-color: #E9EFEF;
	color: #333;
	text-decoration: none;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #c7cdcd;
	border-bottom: 2px solid #c7cdcd;
}

p.btn {
	text-align: right;
}
p.btn a {
	text-decoration: none;
	padding: 3px 10px;
	background-color: #E9EFEF;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #c7cdcd;
	border-bottom: 1px solid #c7cdcd;
}

p.bouton {
	text-align: center;
	margin: 1.5em 0px;
}
p.bouton a {
	font-weight: bold;
	white-space: nowrap;
	text-decoration: none;
	padding: 3px 14px;
	background-color: #E9EFEF;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #c7cdcd;
	border-bottom: 2px solid #c7cdcd;
}

p.trente {
	text-align: center;
}

p.gen {
	margin: 0px;
	padding: 5px 10px;
	font-size: 8.5pt;
	text-align: center;
	color: #999;
	display: none;
	/* \*/ display: block; /* */
}
p.gen a {
	color: #666;
}
p.gen tt {
	padding: 0px 5px;
	background-color: #fff;
}

p.idiot {
	font-weight: bold;
	margin: 0px;
	padding: 5px 10px;
	font-size: 8pt;
	text-align: center;
	color: #999;
	/* \*/ display: none; /* */
}