body, td, input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333;
}
body, td {
	margin: 0px;
	padding: 0px;
}
body {
	background: #F2E85E url(../res/element/body_bg.gif) !important;
}

#site {
	width: 770px;
	margin: 0px auto;
	border: 3px solid #C4BC4C;
	border-top: 0px;
}

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

img {
	border: 0px;
}

object {
	vertical-align: middle;
}

div.clear {
	clear: both;
}

span.ind {
	font-weight: bold;
}

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

#hdr {
	width: 770px;
	height: 111px;
	background: url(../res/element/hdr_bg.jpg) top left no-repeat;
	border-bottom: 1px solid #333;
}
#hdr div.logo {
	position: relative;
	z-index: 2;
	top: 13px;
	left: 10px;
	width: 146px;
}

#nav-lng {
	text-align: right;
	margin-right: 10px;
}
#nav-lng a {
	color: #fff;
	text-decoration: none;
}
#nav-lng a:hover {
	text-decoration: underline;
}

#nav-top {
	height: 37px;
	clear: both;
	background: #80BF37 url(../res/element/nav_top_bg.gif) top left repeat-x;
}
#nav-top table {
	border: 0px;
	border-collapse: collapse;
	margin: 0px auto;
	height: 43px;
	position: relative;
}
#nav-top td {
	white-space: nowrap;
	vertical-align: top;
	text-align: center;
}
#nav-top td.path1 {
	padding-bottom: 8px;
	background: url(../res/element/nav_top_sel.gif) bottom center no-repeat;
}
#nav-top a {
	height: 17px;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 10px 10px;
	font-size: 11pt;
}
#nav-top a.path0:hover {
	background-color: #70ae26;
}
#nav-top a.path1 {
	font-weight: bold;
	background-color: #80BF37;
}
#nav-top a.path1:hover {
}

#local {
	padding: 0px 0px;
}

#titre {
	background: #333 url(../res/element/titre_bg.gif) top left repeat-x;
	padding: 5px 10px 0px 30px;
}

div.nav-drop {
	float: right;
	width: 140px;
}
div.nav-drop div.desc {
	font-size: 8pt;
	padding: 0px 5px 2px 5px;
}
#titre div.nav-drop div.desc {
	color: #ccc;
}
div.nav-drop div.base a {
	display: block;
	padding: 4px 15px 4px 5px;
	font-weight: bold;
	border: 2px solid #666;
	background: #fff url(../res/element/icon-nav_drop.gif) 122px 8px no-repeat;
	color: #508c04;
}
div.nav-drop:hover div.base a,
div.nav-drop:hover ul {
	border-color: #ECE5B1;
}
div.nav-drop ul {
	padding: 3px !important;
	margin: 0px !important;
	position: relative;
	border: 2px solid #666;
	border-top: 0px;
	background-color: #fff;
	top: -2px;
}
div.nav-drop li {
	list-style: none !important;
	margin: 0px !important;
	line-height: normal !important;
	font-size: 9pt;
}
div.nav-drop li a {
	display: block;
	color: #508c04;
	padding: 2px;
	text-decoration: none;
}
div.nav-drop li a.here0:hover {
	background-color: #F9F2BB;
}
div.nav-drop li a.here1 {
	color: #333 !important;
}

h1 {
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 0.5em;
	color: #666;
	font-size: 13pt;
	font-weight: normal;
}
h1 span.sous {
	font-size: 11pt;
}
h1 a {
	color: #777;
	text-decoration: none;
	font-weight: bold;
}
h1 a.here1 {
	color: #ccc;
}
h1 a:hover {
	text-decoration: underline;
}

table.nav-tab {
	border: 0px;
	border-collapse: collapse;
}
table.nav-tab td {
	padding-right: 5px;
	vertical-align: bottom;
}
table.nav-tab a {
	display: block;
	color: #70ae26;
	padding: 6px 10px;
	text-decoration: none;
	font-size: 10pt;
}
table.nav-tab a.here0 {
	background-color: #111;
}
table.nav-tab a.here0:hover {
	background-color: #222;
}
table.nav-tab a.here1 {
	background-color: #fff;
	color: #000 !important;
	font-weight: bold;
}

#contenu {
	background: #fff;
	padding: 1px 30px;
}

#contenu a {
	color: #508c04;
}
#contenu a:hover {
	color: ;
}

#nav-contexte {
	float: right;
	width: 220px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
	border-top: 1px solid #ECE5B1;
	border-left: 1px solid #ECE5B1;
	border-bottom: 1px solid #ECE5B1;
	position: relative;
	top: -20px;
	left: 30px;
}
#nav-contexte p.root {
	margin: 0px !important;
	background-color: #F9F2BB;
	padding: 3px 10px;
	font-size: 8.5pt;
	font-weight: bold;
	text-align: center;
}
#nav-contexte p.root a {
	color: #006BAD;
}
#nav-contexte p.root a:hover {
	text-decoration: underline;
}
#nav-contexte ul {
	margin: 10px !important;
	padding-left: 20px;
}
#nav-contexte ul ul {
	margin: 0px !important;
}
#nav-contexte li {
	line-height: normal !important;
	list-style: circle !important;
	margin: 0.5em 0px;
}
#nav-contexte li li {
	font-size: 9pt;
	margin: 0.2em 0px;
}
#nav-contexte li li li {
	font-size: 8.5pt;
}
#nav-contexte li.path1-here0,
#nav-contexte li.path1-here1 {
	list-style: disc !important;
}
#nav-contexte a {
	text-decoration: none;
}
#nav-contexte a.path0-here0:hover,
#nav-contexte a.path1-here0:hover {
	text-decoration: underline;
}
#nav-contexte a.path1-here0 {
	font-weight: bold;
}
#nav-contexte a.path1-here1 {
	font-weight: bold;
	color: #333;
}

h2 {
	font-size: 13pt;
	font-weight: bold;
	margin-top: 1.5em;
	color: #006BAD;
}
h2 span.sous {
	font-size: 14pt;
}
h2.tab-screen {
	margin-top: 0px;
}
h3 {
	font-size: 12pt;
	font-weight: normal;
	margin-top: 1.5em;
	color: #006BAD;
}
h3 span.sous {
	font-size: 12pt;
}

p.date {
	font-size: 12pt;
	font-weight: bold;
	margin-top: 1.5em;
	color: #006BAD;
}

div.lieu {
	margin: 1em 0px;
}
div.lieu p {
	margin: 0.5em 0px !important;
	line-height: normal !important;
	font-size: 9pt;
}
div.lieu p.nom {
	font-weight: bold;
	font-size: 10pt;
}

div.lettre-liste,
div.saison-liste {
	margin: 2em 0px;
	clear: left;
}
div.lettre-liste h2 {
	float: left;
	width: 50px;
	margin-top: 0px;
	font-size: 16pt;
	font-weight: normal;
}
div.lettre-liste h2 span {
}
div.lettre-liste ul {
	margin: 0px !important;
	float: left;
	width: 600px;
}
div.lettre-liste ul.slice {
	width: 200px;
}
div.saison-liste h2 {
	float: left;
	width: 80px;
	margin-top: 0px;
	font-size: 12pt;
	font-weight: bold;
}
div.saison-liste ul {
	margin-top: 0px !important;
	margin-left: 80px !important;
}
div.lettre-liste li,
div.saison-liste li,
ul.liste li {
	margin: 0px 0px 0.5em 0px !important;
	line-height: normal !important;
	list-style: none !important;
}
div.lettre-liste a,
div.saison-liste a,
ul.liste a {
	text-decoration: none;
}
div.lettre-liste a:hover,
div.saison-liste a:hover,
ul.liste a:hover {
	text-decoration: underline;
}

p.logo {
	margin: 2em 0px !important;
}
p.logo a img {
	padding: 10px;
}
p.logo a:hover img {
	padding: 9px;
	border: 1px solid #ccc;
}

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

div.texte ul {
	margin: 1.5em 0px;
	padding-left: 20px;
}
div.texte li {
	line-height: 1.5em;
	margin: 0.5em 0px;
}
div.texte ul li {
	list-style: square;
}

#doc-activites-parcours-2008 div.texte {
	background: url(../res/parcours/logo.gif) top left no-repeat;
	padding-top: 100px;
	margin-top: 1.5em;
}

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

div.encadre {
	clear: both;
	margin: 1.5em 0px;
	padding: 1px 20px;
	border: 5px solid #ECE5B1;
}

h2.onglet {
	margin-bottom: 0px;
	margin-left: 20px;
	font-size: 10pt;
	position: relative;
	top: 1px;
}
h2.onglet span {
	border: 1px solid #ECE5B1;
	border-bottom: 0px;
	padding: 5px 15px;
	background: #F9F2BB;
	display: block;
	float: left;
}
div.nouv {
	clear: both;
	margin: 0px 0px 1.5em 0px;
	padding: 1px 20px;
	border: 1px solid #ECE5B1;
}
div.nouv p.sig {
	margin-bottom: 2px;
	color: #ECE5B1;
}

div.encart {
	width: 290px;
	float: right;
	clear: right;
	background-color: #F9F2BB;
	padding: 0.5em 12px;
	border: 3px solid #ECE5B1;
	margin: 0px 0px 10px 30px;
	font-size: 9pt;
}
div.encart h2 {
	font-size: 13pt;
	margin: 0.5em 0px;
}
div.encart h3 {
	font-size: 11pt;
	margin: 0.5em 0px;
}
div.encart h4,
div.encart p,
div.encart ul,
div.encart li {
	margin: 0.5em 0px !important;
	line-height: normal !important;
}
div.encart ul {
	padding-left: 14px !important;
}
div.encart div.col1 {
	float: left;
	width: 140px;
	margin-right: 10px;
}
div.encart div.col2 {
	float: right;
	width: 140px;
}

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 0px 0px !important;
	line-height: normal !important;
}
div.pic-right p.pic {
	margin: 0px !important;
}

div.pic-slideshow {
	float: right;
	clear: right;
	width: 320px;
	margin: 0px 0px 10px 30px;
}

div.pic-slideshow p.pic {
	height: 280px;
	width: 320px;
	padding: 10px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #ccc;
	background-color: #000;
}
div.pic-slideshow p {
	font-size: 8.5pt;
	color: #ccc;
	background-color: #333;
	margin: 0px !important;
	line-height: normal !important;
	padding: 1px 10px 5px 10px;
}

div.pic-slideshow div.select {
	padding: 1px 0px 0px 12px;
}
div.pic-slideshow div.select a {
	padding: 1px 7px;
	margin-right: 2px;
	text-decoration: none;
	background-color: #508c04;
	color: #fff !important;
}
div.pic-slideshow div.select a.sel {
	font-weight: bold;
	background-color: #333;
}

div.spectacle {
	margin: 2em 0px;
}
div.spectacle + div.spectacle {
	border-top: 1px solid #ECE5B1;
	padding-top: 1em;
}
div.spectacle p.categorie {
	font-weight: bold;
	margin-top: 0.2em !important;
}
div.spectacle p.categorie span {
	background-color: #F9F2BB;
	padding: 3px 5px;
}
div.spectacle h2 {
	font-size: 18pt;
	margin: 0px !important;
}
div.spectacle p {
	line-height: 1.2em !important;
}
div.spectacle li {
	line-height: normal !important;
}
div.spectacle li strong {
	color: #7E8C6E;
}

table.calendrier-grand {
	width: 100%;
	border: 0px;
	border-collapse: collapse;
}
td.calendrier {
	vertical-align: top;
	width: 33%;
}
td.calendrier h2 {
}
td.calendrier table {
	width: 175px !important;
	margin: 0px !important;
}

div.calendrier {
	margin: 2em 0px;
}
div.nav-left + div.calendrier {
	border-top: 1px solid #eee;
}
div.calendrier table {
	width: 220px;
	border-collapse: collapse;
	margin: 0px auto;
}
div.calendrier td,
div.calendrier th {
	text-align: right;
	font-size: 9pt;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
div.calendrier th {
	padding: 2px;
}
div.calendrier td {
	color: #666;
	padding: 1px;
	width: 22px;
}
div.calendrier td span,
div.calendrier td a {
	padding: 2px;
	display: block;
	overflow: visible;
}
div.calendrier td a {
	text-decoration: none;
	font-weight: bold;
	color: #508c04;
}
div.calendrier td a.dispo {
	background-color: #eee;
}
div.calendrier td a.repres {
	background-color: #F9F2BB;
}
div.calendrier td a:hover {
	padding: 1px;
	border: 1px solid #ccc !important;
}
div.calendrier td a.here:hover {
	border: 0px !important;
	padding: 2px !important;
}
div.calendrier td.aujourdhui a {
	font-weight: bold;
	padding: 1px;
	border: 1px dashed #ccc;
	border-style: dashed !important;
}
div.calendrier td.aujourdhui a.here {
	border-color: #fff;
}
div.calendrier td.aujourdhui a:hover {
	border: 1px solid #ccc !important;
	padding: 1px !important;
}
div.calendrier td.aujourdhui a.here:hover {
	padding: 2px;
}
div.calendrier td.autre-mois {
	color: #ccc;
}
div.calendrier td.autre-mois a {
	color: #ccc !important;
}
div.calendrier td.autre-mois a.dispo {
	background-color: #fff;
}
div.calendrier td.autre-mois a:hover {
	border-color: #eee !important;
}
div.calendrier td.autre-mois.aujourdhui a {
	border-color: #eee;
}
div.calendrier td.m {
	width: 21px;
	color: #006BAD;
	padding: 1px 1px 2px 1px;
	border-bottom: 0px;
	white-space: nowrap;
	font-size: 7.5pt;
	text-align: left;
}
div.calendrier td.m div {
	width: 20px;
	overflow: visible;
}
div.calendrier td.m a {
	text-decoration: none;
	color: inherit;
	font-weight: normal;
}
div.calendrier td.m a:hover {
	text-decoration: underline;
	border: 0px !important;
	padding: 2px;
}
div.calendrier td.woy {
	width: 19px;
	padding: 0px;
}
div.calendrier td.woy div {
	width: 19px;
	overflow: visible;
}
div.calendrier td.woy a {
	text-align: left;
	height: 15px;
	padding: 3px;
}
div.calendrier td.woy a:hover {
	width: 188px;
	background-color: #eee;
	border-color: #ddd !important;
	padding: 2px;
}
div.calendrier ul {
	text-align: left;
	margin: 1em 0px;
	padding: 0px 0px 0px 28px;
}
div.calendrier li {
	list-style-image: url(../res/element/fleche.png);
	margin: 2px 0px;
	font-size: 9pt;
}
div.calendrier li a {
	text-decoration: none;
}
div.calendrier li a:hover {
	text-decoration: underline;
}

ul.spectacle-list {
	padding-left: 0px !important;
}
ul.spectacle-list li {
	margin: 1.5em 0px !important;
	list-style: none !important;
	border-top: 1px solid #ECE5B1;
	padding-top: 0.5em;
}
ul.spectacle-list ul {
	margin: 0px !important;
	font-size: 8.5pt;
}
ul.spectacle-list ul li {
	margin: 0.2em 0px !important;
	list-style: square !important;
	border: 0px;
	padding-top: 0px;
}
ul.spectacle-list a {
	font-weight: bold;
	text-decoration: none;
}
ul.spectacle-list a:hover {
	text-decoration: underline;
}

div.contact {
	float: left;
	width: 324px;
}
div.agent {
	float: right;
	width: 324px;
}
div.contact p,
div.agent p {
	margin: 0.25em 0px !important;
	line-height: normal !important;
	font-size: 9pt;
}

div.diffuseur {
	margin: 1.5em 0px;
	border: 1px solid #ECE5B1;
}
div.diffuseur p,
div.diffuseur ul,
div.diffuseur li {
	margin: 0.25em 0px !important;
	line-height: normal !important;
	font-size: 9pt;
}
div.diffuseur a {
	text-decoration: none;
}
div.diffuseur a:hover {
	text-decoration: underline;
}
div.diffuseur p.nom {
/*	float: left; */
/*	width: 528px; */
	margin: 0px !important;
	font-weight: bold;
	font-size: 10pt;
	padding: 5px 15px;
	color: #006BAD;
	background-color: #F9F2BB;
}
div.diffuseur p.nom span.detail {
	font-weight: normal;
	margin-left: 10px;
	white-space: nowrap;
}
div.diffuseur div.est-pluri {
	float: right;
	width: 120px;
	padding: 5px 15px;
	background-color: #F9F2BB;
	text-align: center;
}
div.diffuseur div.contact {
	float: left;
	width: 324px;
	padding: 5px 15px;
}
div.diffuseur div.agent {
	float: right;
	width: 324px;
	padding: 5px 15px;
}
div.diffuseur table.repres-list {
	width: 708px;
	border-collapse: collapse;
	margin-top: 5px;
}
div.diffuseur table.repres-list td {
	vertical-align: top;
	padding: 0px;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 3px 15px;
	font-size: 9pt;
}
div.diffuseur table.repres-list td.compagnie {
	width: 185px;
}
div.diffuseur table.repres-list td.spectacle {
	width: 285px;
}
div.diffuseur table.repres-list td.date {
	width: 120px;
	padding-bottom: 2px;
	border-right: 0px;
}
div.diffuseur table.repres-list td.date ul {
	margin: 0px !important;
	padding: 0px !important;
}
div.diffuseur table.repres-list td.date li {
	list-style: none !important;
	margin: 0px 0px 3px 0px !important;
}
div.diffuseur table.repres-list td.date li:before {
	content: "\00BB \0020";
}

ul.lien-list {
	padding-left: 0px !important;
}
ul.lien-list li {
	list-style: none !important;
	margin: 1em 0px;
}
ul.lien-list a {
	text-decoration: none;
}
ul.lien-list a:hover {
	text-decoration: underline;
}
ul.lien-list span.detail {
	color: #999;
}

div.util {
	float: right;
	position: relative;
	top: -1px;
}
div.util a {
	display: block;
	border: 1px solid #ccc;
	border-top: 0px;
	padding: 5px 8px;
	font-size: 8.5pt;
	text-decoration: none;
}
div.util a:hover {
	border-color: #508c04;
}

p.sig {
	text-align: right;
}

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: #F9F2BB;
	border: 1px outset #ECE5B1;
	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: #508c04;
	text-decoration: none;
}
#nav-sub a:hover {
	color: #508c04;
	text-decoration: underline;
}
#nav-sub .detail {
	font-size: 10pt;
}

#gen {
	width: 760px;
	margin: 0px auto;
	color: #999;
	font-size: 8.5pt;
	text-align: center;
	padding: 10px 0px;
}
#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;
}