body, td, input, select {
	font-family: Arial, helvetica, sans-serif;
	font-size: 10pt;
	color: #333;
}
body, td {
	margin: 0px;
	padding: 0px;
}
body {
	background: #111 url(../res/element/fond.jpg) top center repeat fixed;
}

a {
	color: #2095b5;
}
a.out {
	background: url(../res/element/icon-site.png) top right no-repeat;
	padding-right: 16px;
}

.t, .w {
	font-style: italic;
}

form {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}

object {
	vertical-align: middle;
}

div.clear {
	clear: both;
}

#hdr {
}
#hdr-in {
	width: 780px;
	height: 178px;
	margin: 0px auto;
	background: #A9CF37 url(../res/element/hdr-fond.jpg) top center no-repeat;
}
#nav-lng {
	float: right;
	padding-top: 7px;
	color: #fff;
}
#nav-lng a {
	color: inherit;
	text-decoration: none;
}
#nav-lng a:hover {
	text-decoration: underline;
}

#site-logo {
	padding: 20px;
	height: 69px;
}
#site-logo a {
	display: block;
	float: left;
	background: #34382F;
	padding: 10px;
	color: #fff;
	text-decoration: none;
}
#site-logo span.saison {
	font-size: 20px;
	margin-left: 10px;
}

#nav-top {
	margin: 35px 20px 0px 20px;
}
#nav-top ul {
	margin: 0px;
	padding: 0px;
}
#nav-top li {
	list-style: none;
	display: block;
	float: left;
	margin-right: 30px;
}
#nav-top li.path1 {
}
#nav-top a {
	display: block;
	color: #dcfF6a;
	text-decoration: none;
	font-size: 15pt;
	font-weight: bold;
	text-shadow: 0px 1px 8px #333;
}
#nav-top a:hover {
	color: #fff;
}
#nav-top span.detail {
	display: block;
	font-weight: normal;
}
#nav-top a.path1 {
	color: #fff;
}

#nav-lng {
}

#local {
	clear: both;
	width: 740px;
	padding: 0px 20px;
	margin: 0px auto;
	min-height: 500px;
	background: #fff;
}

#contenu {
	padding: 20px 0px;
}

#contenu a {
	color: #2095b5;
}

#nav-prev {
	width: 350px;
	float: left;
	margin-bottom: 10px;
}
#nav-next {
	width: 350px;
	float: right;
	text-align: right;
	margin-bottom: 10px;
}
#nav-prev a, #nav-next a {
	text-decoration: none;
}
#nav-prev a:hover, #nav-next a:hover {
	text-decoration: underline;
}

#crumb {
	margin: 0px 0px 0.5em 0px !important;
	line-height: normal !important;
	font-size: 8.5pt;
}
#crumb img {
	vertical-align: top;
	padding: 0px 5px;
}
#crumb a {
	color: ;
	text-decoration: none;
}
#crumb a:hover {
	text-decoration: underline;
}

span.crumb {
	display: block;
	font-size: 16pt;
}
span.sous {
	display: block;
}
h1 {
	font-size: 20pt;
	margin-top: 0px;
	font-weight: normal;
}
h1 span.titre {
	font-weight: bold;
}
h1 span.sous {
	font-size: 16pt;
}
body.popup h1 {
	font-size: 16pt;
}
h1 a {
	color: #769c04 !important;
	text-decoration: none;
}
h1 a:hover {
	color: #2095b5 !important;
	border-bottom: 1px solid #2095b5;
}
h2 {
	font-size: 14pt;
	font-weight: bold;
	margin-top: 1.5em;
	color: #769c04;
}
h2 span.sous {
	font-size: 12pt;
}
h2 a {
	color: inherit !important;
	text-decoration: none;
}
h2 a:hover {
	border-bottom: 1px solid #769c04;
}
div.encadre.aujourdhui h2 {
	font-size: 20pt;
}
h2 span.type {
	font-size: 8.5pt;
	color: #fff;
	background: #769c04;
	padding: 2px 5px;
	line-height: 12pt;
}
h3 {
	font-size: 12pt;
	font-weight: normal;
	margin-top: 1.5em;
	color: #769c04;
}
h3 span.sous {
	font-size: 11pt;
}

#nav-tab {
	border-bottom: 1px solid #A9CF37;
	margin-bottom: 1.5em;
}
#nav-tab ul {
	margin: 0px !important;
	padding: 0px !important;
	height: 26px;
}
#nav-tab li {
	margin: 0px !important;
	list-style: none !important;
	display: block;
	float: left;
	margin-left: 10px !important;
}
#nav-tab a {
	display: block;
	padding: 5px 10px 0px 10px;
	height: 20px;
	text-decoration: none;
	border: 1px solid #ccc;
	border-bottom: 0px;
}
#nav-tab a.here0:hover {
	border-color: #bbb;
}
#nav-tab a.here1 {
	font-weight: bold;
	color: #000;
	background: #fff;
	height: 21px;
	border-color: #A9CF37;
}

#principal {
	width: 420px;
	float: left;
}
#principal>*:first-child {
	margin-top: 0px;
}
#secondaire {
	width: 300px;
	float: right;
	font-size: 9pt;
}
#secondaire>*:first-child {
	margin-top: 0px;
}
#secondaire h2 {
	font-size: 11pt;
	margin: 1em 0px;
}
#secondaire div.texte {
	border: 3px solid #A9CF37;
	padding: 1px 15px;
	margin-bottom: 1.5em;
	background: #dcfF6a;
}

#even-pic {
	margin-bottom: 1.5em;
}

#secondaire div.suggestion {
	border-color: #676b5F;
	border-style: dashed;
	background: #cdcfbF;
}
#secondaire div.suggestion h2 {
	margin-bottom: 0px;
}
#secondaire div.suggestion p {
	margin: 0.5em 0px;
}
#secondaire div.suggestion ul {
	margin: 0.5em 0px;
}
#secondaire div.suggestion li {
	clear: right;
}
#secondaire div.suggestion span.pic {
	float: right;
	margin: 0px 0px 0.5em 5px;
}
#secondaire div.suggestion span.pic a.out {
	padding: 0px;
}
#secondaire a {
	text-decoration: none;
}
#secondaire a:hover {
	text-decoration: underline;
}

#calcul-rabais {
	font-size: 12pt;
	border-color: #676b5F;
	border-style: dashed;
	background: #cdcfbF;
}
#calcul-rabais strong {
	padding: 5px;
	background: #676b5F;
	color: #fff;
	margin: 0px 5px;
}

#resume {
	border: 3px solid #A9CF37;
	padding: 1px 15px;
	background: #dcfF6a;
}
#resume p.base {
	color: #769c04 !important;
	font-size: 12pt;
}

div.encadre {
	border: 3px solid #A9CF37;
	padding: 0px 20px 0px 20px;
	clear: both;
	margin: 1.5em 0px;
}
div.encadre h2:first-child {
	margin-top: 0px;
}

div.encart {
	width: 180px;
	float: right;
	clear: right;
	padding: 1px 15px;
	margin: 0px 0px 15px 0px;
	position: relative;
	left: 35px;
	font-size: 9pt;
	border: 1px solid ;
	background-color: #dcfF6a;
}
div.encart.large {
	width: 340px;
}
div.encart h2 {
	font-family: courier, monospaced;
	font-size: 14pt;
	margin-top: 1.2em;
}

div.pic-right {
	float: right;
	clear: right;
	margin: 0px 0px 20px 35px;
	font-size: 9pt;
}

hr {
	border: 0px;
	border-top: 5px solid #A9CF37;
}

div.texte p {
	line-height: 1.5em;
	margin: 1.5em 0px;
}

div.texte ul {
	margin: 1.5em 0px;
	padding-left: 20px;
}
div.texte ol {
	margin: 1.5em 0px;
	padding-left: 20px;
}
div.texte li {
	line-height: normal;
	margin: 0.5em 0px;
}
div.texte ul li {
	list-style-image: url(../res/element/point.png);
}

.detail {
	font-size: 8.5pt;
	letter-spacing: normal;
}

#secondaire ul.audio-list {
	padding-left: 20px;
}
#secondaire ul.audio-list li {
	list-style: none;
	text-indent: -20px;
}
#secondaire ul.audio-list embed {
	vertical-align: top;
}

table.cal-list {
	border: 0px;
	border-collapse: collapse;
}
table.cal-list th,
table.cal-list td {
	padding: 0px;
	text-align: left;
	border-top: 1px solid #A9CF37;
	border-bottom: 1px solid #A9CF37;
}
table.cal-list th {
	padding: 5px 10px 5px 0px;
	background: #A9CF37;
	border-color: #fff;
	color: #fff;
	vertical-align: bottom;
}
table.cal-list a {
	display: block;
	padding: 5px 10px 5px 0px;
	text-decoration: none;
	color: inherit !important;
}
table.cal-list tr.passe td,
table.cal-list tr.non-dispo td {
	background: #eee;
	color: #666;
}
table.cal-list tr:hover td {
	background-color: #ffc;
}
table.cal-list th.date {
	padding-left: 10px;
}
table.cal-list td.date {
	white-space: nowrap;
}
table.cal-list td.date a {
	padding-left: 10px;
}
table.cal-list td.desc {
}
table.cal-list td.genre {
	line-height: 14pt;
}
table.cal-list td.diffuseur,
table.cal-list td.lieu {
	font-size: 8.5pt;
}
table.cal-list th.tarifs-groupe {
	white-space: nowrap;
}
table.cal-list th.tarifs,
table.cal-list td.tarifs {
	text-align: right;
}
table.cal-list td.tarifs[colspan="2"] {
	text-align: center;
}

div.cal {
	margin: 1.5em 0px;
}
div.cal + div.cal {
	border-top: 1px solid #A9CF37;
}
div.cal p, div.cal ul {
	margin: 0.5em 0px !important;
	line-height: normal !important;
}
div.cal p.base {
	margin-top: 1.5em !important;
}
div.cal p.titre {
	font-size: 14pt;
}
div.cal p.titre a.even,
div.cal p.titre span.even {
	font-weight: bold;
}
.cal p.base a,
.cal a.org,
.cal a.lieu {
	text-decoration: none;
}
.cal p.base a:hover,
.cal a.org:hover,
.cal a.lieu:hover {
	text-decoration: underline;
}
.even ul.even-details {
	padding-left: 22px !important;
}
div.cal ul.even-details {
	font-size: 8.5pt;
}
.even ul.even-details ul {
	padding-left: 20px;
	margin: 0.1em 0px 0.5em 0px;
}
div.cal ul.even-details li {
	margin: 0.5em 0px;
}
body.even ul.even-details li {
	margin: 1em 0px;
}
.even ul.even-details a {
	text-decoration: none;
}
.even ul.even-details a:hover {
	text-decoration: underline;
}
.even ul.even-details p {
	margin: 0.25em 0px;
}
.even ul.even-details ul li {
	list-style: url(../res/element/point.png);
	margin: 0.1em 0px;
}
.cal li.quoi,
.even li.quoi {
	list-style-image: url(../res/element/quoi.png) !important;
}
.cal li.ou,
.even li.ou {
	list-style-image: url(../res/element/ou.png) !important;
}
.cal li.ou p,
.even li.ou p {
	margin: 0.25em 0px;
	line-height: normal;
}
.cal li.combien,
.even li.combien {
	list-style-image: url(../res/element/combien.png) !important;
}
.cal li.qui,
.even li.qui {
	list-style-image: url(../res/element/qui.png) !important;
}

.even span.genre-electro {
	color: #fff;
	padding: 2px 4px;
	font-size: 8.5pt;
	background-color: #669;
	margin-left: 10px;
}

table.even-list span.genre-electro {
	color: #fff;
	padding: 2px 4px;
	font-size: 8.5pt;
	background-color: #669;
}
.even span.genre-actuelle {
	color: #fff;
	padding: 2px 4px;
	font-size: 8.5pt;
	background-color: #f90;
	margin-left: 10px;
}

table.even-list span.genre-actuelle {
	color: #fff;
	padding: 2px 4px;
	font-size: 8.5pt;
	background-color: #f90;
}
.even span.genre-contempo {
	color: #fff;
	padding: 2px 4px;
	font-size: 8.5pt;
	background-color: #6c0;
	margin-left: 10px;
}

table.even-list span.genre-contempo {
	color: #fff;
	padding: 2px 4px;
	font-size: 8.5pt;
	background-color: #6c0;
}
.even span.genre-classique {
	color: #fff;
	padding: 2px 4px;
	font-size: 8.5pt;
	background-color: #690;
	margin-left: 10px;
}

table.even-list span.genre-classique {
	color: #fff;
	padding: 2px 4px;
	font-size: 8.5pt;
	background-color: #690;
}
.even span.genre-ancienne {
	color: #fff;
	padding: 2px 4px;
	font-size: 8.5pt;
	background-color: #663;
	margin-left: 10px;
}

table.even-list span.genre-ancienne {
	color: #fff;
	padding: 2px 4px;
	font-size: 8.5pt;
	background-color: #663;
}
.even span.genre-jazzrock {
	color: #fff;
	padding: 2px 4px;
	font-size: 8.5pt;
	background-color: #c63;
	margin-left: 10px;
}

table.even-list span.genre-jazzrock {
	color: #fff;
	padding: 2px 4px;
	font-size: 8.5pt;
	background-color: #c63;
}

table.plan span.offre {
	padding: 1px 4px;
	font-size: 8.5pt;
	border: 1px solid #666;
}

.even div.genre-right {
	float: right;
	padding-top: 9px !important;
}
.even div.genre-right span {
	display: block;
	white-space: nowrap;
	padding: 5px 10px;
	margin-bottom: 5px;
}

div.formulaire-question {
	margin-top: 2em;
	font-size: 14pt;
	color: #769c04;
	padding-top: 10pt;
}
div.formulaire-question p {
	margin-top: 0px !important;
}
div.formulaire-question div.no {
	float: left;
	font-weight: bold;
	width: 60px;
	font-size: 60pt;
	line-height: 50pt;
	position: relative;
	top: -10pt;
}

div.formulaire-reponse {
	margin-left: 60px;
}

div.formulaire-menu {
	border: 5px solid #A9CF37;
	padding: 1em 2em;
	font-size: 12pt;
}
div.formulaire-menu li {
	list-style-image: url(../res/element/fleche.png) !important;
	margin: 1em 0px !important;
}
div.formulaire-menu a {
	font-size: 16pt;
	text-decoration: none;
}
div.formulaire-menu a:hover {
	border-bottom: 2px solid #2095b5;
}

table.formulaire {
	border: 0px;
	border-collapse: collapse;
	margin: 10px 0px;
}
table.formulaire td {
	padding: 5px 0px;
	font-size: 10pt;
	vertical-align: middle;
}
table.formulaire td.q {
}
table.formulaire td.r {
	padding-left: 20px;
	white-space: nowrap;
	font-size: 11pt;
}
table.formulaire td.r input,
table.formulaire td.r textarea {
	font-size: 11pt;
	border: 1px solid #A9CF37;
	padding: 5px;
	margin-right: 2px;
}

ul.check-list {
	padding-left: 0px !important;
}
ul.check-list li {
	list-style: none !important;
	font-size: 11pt;
}
ul.check-list input {
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
}

p.btn, p.btn-gros {
	margin: 2em 0px;
	text-align: center;
}
p.btn a, p.btn-gros a {
	background: #eee;
	border: 1px outset #ccc;
	color: inherit !important;
	text-decoration: none;
}
p.btn a:hover, p.btn-gros a:hover {
	background: #fff;
	text-decoration: none !important;
}
p.btn a {
	font-size: 9pt;
	padding: 4px 10px;
}
p.btn-gros a {
	font-size: 11pt;
	font-weight: bold;
	padding: 6px 15px;
}
p.btn-gros input {
	font-size: 11pt;
	font-weight: bold;
	padding: 6px 15px;
	border-width: 1px;
}

p.btn-submit {
	margin: 2em 0px;
	text-align: center;
}
p.btn-submit input {
	font-size: 14pt;
	padding: 10px 20px;
}

#laliste {
	font-size: 8.5pt;
	background: #A9CF37;
	color: #fff;
	padding: 10px;
	width: 760px;
	margin: 0px auto;
}
#laliste a {
	color: inherit !important;
}

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: #dcfF6a;
	border: 1px outset #A9CF37;
	padding: 5px 10px;
	color: #333 !important;
	text-decoration: none;
}

#nav-sub {
	font-size: 10pt;
}
#nav-sub.encart {
}
#nav-sub h2 {
	padding: 2px 5px;
}
#nav-sub ul {
	margin-left: 0px;
	padding-left: 15px;
}
#nav-sub li {
	list-style: circle;
	margin: 0.5em 0px;
	line-height: normal !important;
}
#nav-sub a {
	color: #2095b5;
	text-decoration: none;
}
#nav-sub a:hover {
	color: #2095b5;
	text-decoration: underline;
}
#nav-sub .detail {
	font-size: 10pt;
}

#gen {
	width: 780px;
	margin: 0px auto;
	padding: 10px 0px;
	color: #999;
	font-size: 8.5pt;
	text-align: center;
}
#gen a {
	color: #666;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #ccc;
}
#gen a:hover {
	color: #f30;
	border-bottom: 1px solid #f96;
	padding-bottom: 1px;
}
#gen code {
	padding: 1px 6px;
	background-color: #ffd;
	border: 1px solid #eec;
}