* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

body {
	font-family: Arial, Helvetica, Sans-serif;
	height: 100%;
	background-color: #4b4a44;
	background-image: url(../images/divers/bkg-01.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

div.spacer {
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
	height: 0;
}

#left-content {
	position: absolute;
	top: 302px;
}


#content {
	margin-left: 288px;
	padding-top: 10px;
	padding-bottom:30px;
	width: 625px;
	font-size: 11px;
	line-height: 12px;
	color: #535353;
	position:relative;
}

#content div.header {
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	height: 15px;
	color: #4b4a44;
	background: url('../images/divers/header-dots-01.gif') no-repeat center right;
	margin-bottom: 5px;
}

#content div.header span {
	background-color: #FFF;
	width: 1px;
	padding-right: 10px;
}
#content a{
	color: #535353;
}
#content a:hover{
	color: #CA223C;
	text-decoration: underline;
}



.sitemap_link a{
	color: #535353;
	text-decoration: none;
}

.sitemap_link a:hover{
	color: #CA223C;
	text-decoration: underline;
}




#content_select_cat{
	margin-left: 288px;
	padding-top: 10px;
	padding-bottom:30px;
	width: 625px;
	font-size: 11px;
	line-height: 12px;

	color: #535353;
	position:relative;
}

#content_select_cat div.header {
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	height: 15px;
	color: #4b4a44;
	background: url('../images/divers/header-dots-01.gif') no-repeat center right;
	margin-bottom: 5px;
}

#content_select_cat div.header span {
	background-color: #FFF;
	width: 1px;
	padding-right: 10px;
}
#content_select_cat a{
	color: #535353;
}
#content_select_cat a:hover{
	color: #CA223C;
	text-decoration: none;
}



#content_select_cat_picture{
	font-size: 11px;
	line-height: 12px;
	color: #a0a0a0;
}


#content_select_cat_picture a{
	color: #a0a0a0;
	text-decoration: none;
}
#content_select_cat_picture a:hover{
	color: #CA223C;
	text-decoration: none;
}




.big-red-title {
	color: #ca223c;
	font-size: 18px;
	line-height: 18px;
}

#calendar-events {
	margin-left: 259px;
	width: 654px;
	position:relative;
}

#calendar-events div.event {
	background-color: #efeeee;
	margin-top: 1px;
}

#calendar-events div.event div.main {
	float: left;
	width: 410px;
}

#calendar-events div.event div.main div.center {
	padding: 2px 12px 0 22px;
	width: 376px;
	background-color: #efeeee;
}

#calendar-events div.event div.thumb {
	float: left;
	padding-left: 23px;
	margin: 14px 0;
	width: 188px;
}

#calendar-events div.event div.thumb p {
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #535353;
	background: url('../images/divers/grey-arrow-01.gif') no-repeat top left;
}

#calendar-events div.event div.main p.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	color: #000000;
	margin-bottom: 4px;
}

#calendar-events div.event div.main p.date img {
	float: right;
}

#calendar-events div.event div.main p.title {
	font-family: Tahoma, Trebuchet, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #ca223c;
	line-height: 21px;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 8px;
}

#calendar-events div.event div.main p.title span {
	font-size: 18px;
	line-height: 18px;
}

#calendar-events div.event div.main p.description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #535353;
	margin-top: 0;
	padding-top: 0;
}


#calendar-events div.event div.main p.infos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	color: #ca223c;
	padding: 15px 0;
	margin-top: 2px;
	margin-bottom: 8px;
}

#calendar-events div.event div.main div.details {
	padding: 8px 22px;
	background-color: #FFF;
}

#calendar-events div.event div.main div.details div.tickets {
	float: left;
	font-size: 12px;
	line-height: 12px;
	color: #ca223c;
	width: 146px;
}

#calendar-events div.event div.main div.details div.tickets a {
	text-decoration: none;
	color: #ca223c;
}

#calendar-events div.event div.main div.details div.tickets a:hover {
	text-decoration: underline;
}

#calendar-events div.event div.main div.details div.link {
	float: left;
	font-size: 12px;
	line-height: 14px;
	color: #535353;
	width: 191px;
}

#calendar-events div.event div.main div.details div.link a {
	font-weight: bold;
	text-decoration: none;
	color: #535353;
}

#calendar-events div.event div.main div.details div.link a:hover {
	text-decoration: underline;
}

dl.board {
	width: 120px;
	float: left;
	margin-right: 29px;
}

dl.board dt {
	font-family: Tahoma, Trebuchet, sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color: #ca223c;
}

dl.board dd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #535353;
}

dl.staff dt {
	font-family: Tahoma, Trebuchet, sans-serif;
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	color: #ca223c;
	margin-bottom: 4px;
}

dl.staff dd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #535353;
	margin-bottom: 2px;
}

dl.staff dd a {
	color: #535353;
	text-decoration: none;
	font-weight: bold;
}

dl.staff dd a:hover {
	text-decoration: underline;
}

dl.staff dd img, a {
	vertical-align: middle;
}

dl.staff dd a {
	color: #535353;
	text-decoration: none;
	font-weight: bold;
}

dl.grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	width: 150px;
	float: left;
	color: #535353;
}

dl.grey dt {
	font-weight: bold;
}

dl.grey dd {
	font-weight: normal;
}

ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul li {
	margin-left: 10px;
}

p {
	margin-top: 10px;
}

h2 {
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}

#contact-infos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	color: #4b4a44;
}

#contact-infos p {
	margin: 0;
	line-height: 13px;
}

#contact-infos a {
	color: #ca223c;
	text-decoration: none;
	line-height: 16px; /* Bug IE 6 qui coupe le texte en hauteur */
}

#contact-infos a:hover {
	text-decoration: underline;
}

div.layout {
	/*background: url('../images/divers/header-dots-01.gif') no-repeat bottom center;*/
	padding-bottom: 15px;
}


div.layout p a{
	color:#535353;
	font-size:11px;
	line-height: 11px;
	vertical-align:top;
	text-decoration:underline;
}

div.layout p a:hover{
	color:#ca223c;
}

div.dotline {
	background: url('../images/divers/header-dots-01.gif') no-repeat top center;
	padding-bottom: 15px;
	font-size:1px;
	height:1px;
}

div.layout p.title {
	color: #4b4a44;
	font-size: 18px;
	line-height: 18px;
}

div.layout p.date {
	color: #ca223c;
	font-size: 18px;
	line-height: 18px;
	margin-top: 5px;
}

table#festival-tickets tr.light {
	background-color: #efeeee;
}

table#festival-tickets tr.dark {
	background-color: #e0e0de;
}

table#festival-tickets td {
	line-height: 0;
	font-size: 0;
	vertical-align: top;
	border-spacing: 0px;
}

table#festival-tickets td.when-where {
	font-size: 12px;
	line-height: 12px;
	color: #000;
	padding: 12px 5px 12px 19px;
	width: 130px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

table#festival-tickets td.event {
	font-size: 12px;
	line-height: 12px;
	color: #535353;
	padding: 13px 5px 13px 10px;
	width: 251px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

table#festival-tickets td.event b {
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #ca223c;
	display: block;
}

table#festival-tickets td.tickets {
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	color: #ca223c;
	padding: 13px 5px 13px 10px;
	width: 127px;
	border-bottom: 1px solid #FFF;
}

#sitemap {
	padding-bottom: 20px;
	padding-right: 12px;
	color: #a0a0a0;
	font-size: 11px;
	line-height: 11px;
	position:absolute;
	bottom:0px;
	width:613px
}

#sitemap img {
	float: right;
}

#sitemap a {
	font-size: 11px;
	line-height: 11px;
	color: #a0a0a0;
	text-decoration: none;
}

#sitemap a:hover {
	color: #808080;
	text-decoration: underline;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #000;
	z-index: 2000;
}

#calendar-video-highlight {
	width: 425px;
	height: 344px;
	display: block;
	position: absolute;
	z-index: 2000;
	top: 283px;
}

#calendar-video-highlight div {
	z-index: 2000;
}

#calendar-video-content {
	background: #FFF url(../images/divers/loader.gif) no-repeat 50% 50%;
	width: 425px;
	height: 344px;
}

.bkg-left-01 {
	background-image: url(../images/divers/bkg-left-01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.bkg-right-01 {
	background-image: url(../images/divers/bkg-right-01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.bkg-left-02 {
	background-image: url(../images/divers/bkg-left-02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.bkg-right-02 {
	background-image: url(../images/divers/bkg-right-02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.bkg-left-03 {
	background-image: url(../images/divers/bkg-left-index-01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.bkg-right-03 {
	background-image: url(../images/divers/bkg-right-index-01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.bkg-copyright-01 {
	background-image: url(../images/divers/firstworks-copyright-01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.subtitle-grey-14 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	color: #4b4a44;
}
.txt-red-12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #ca223c;
}
a.txt-red-12:link {  font-family: Arial, Verdana, Helvetica; font-size: 12px; line-height: 12px; color: #ca223c; text-decoration: none}
a.txt-red-12:hover {  font-family: Arial, Verdana, Helvetica; font-size: 12px; line-height: 12px; color: #ca223c; text-decoration: underline}
a.txt-red-12:visited {  font-family: Arial, Verdana, Helvetica; font-size: 12px; line-height: 12px; color: #ca223c; text-decoration: none}
.submenugrey-11 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	color: #535353;
}
a.submenugrey-11:link {  color: #535353; text-decoration: none}
a.submenugrey-11:hover {  color: #ca223c; text-decoration: underline}
a.submenugrey-11:visited {  color: #535353; text-decoration: none}
a.submenugrey-11:visited:hover {  color: #ca223c; text-decoration: underline}
.submenugrey-11-on {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	color: #CA223C;
}
/* COULEURS */
.red {
	color: #ca223c;
}
.grey {
	color: #535353;
}


.ss-select-category {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
}

.ss-select-category-on{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
}

.select-category {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
}

.select-category:hover { background-color:#efeeee; }
.ss-select-category:hover { background-color:#efeeee; }


.select-category-on {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	background-color:#efeeee;
}


.menu-ariane a{
	color: #535353;
	text-decoration: none;
}

.menu-ariane a:hover{
	color: #535353;
	text-decoration: none;
}

#festival {
color: #535353;
}


/* GET YOUR TICKETS*/
#getyourticket{
	float:left;
	margin-left:-319px;
	padding-bottom:15px;
	width:289px;
	margin-top:-10px;
}

#getyourticket #gyt-events{
	background:transparent url(../images/divers/bkg-getyourtickets-01.gif) no-repeat;
	padding-bottom:1px;
}

#getyourticket #gyt-events .gyt-events-item
{
	padding-left:10px;
	margin-bottom:5px;
}

#getyourticket #gyt-events .gyt-events-item a
{
	text-decoration:none
}

#getyourticket #gyt-events .gyt-events-item p.events-name{
	font-size:13px;
	line-height:13px;
	color:#ffffff;
	font-weight:bold;
	margin:0;
	background:url(../images/divers/arrow-02.gif) no-repeat 0 4px;
	padding-left:7px;
	margin-left:41px;
	margin-right:7px;
}

#getyourticket #gyt-events .gyt-events-item p.events-name:hover{
	color:#f8dcab;
}

#getyourticket #gyt-events a{
	font-size:13px;
	line-height:13px;
	color:#ffffff;
}

#getyourticket #gyt-events  a{
	font-size:13px;
	line-height:13px;
	color:#ffffff;
}



#getyourticket #gyt-events .gyt-events-item p.events-date{
	font-size:13px;
	line-height:13px;
	color:#ffffff;
	margin-top:1px;
	padding-left:7px;
	margin-left:41px;
}


#calendar-events #getyourticket
{
		margin-left:-290px;
		margin-top:0;
}


.page{
margin:0 3px 0 3px;
border-color:#a0a0a0;
border: 2px solid;
width:19px;
height:16px;
text-align:center;
padding-top:4px;
}




#calendar-events_view {
	width: 654px;
}

#calendar-events_view div.event {
	background-color: #efeeee;
	margin-top: 1px;

}

#calendar-events_view div.event div.main {
	float: left;
	width: 410px;
}

#calendar-events_view div.event div.main div.center {
	padding: 2px 12px 0 22px;
	width: 376px;
	background-color: #efeeee;
}

#calendar-events_view div.event div.thumb {
	float: left;
	padding-left: 23px;
	margin: 14px 0;
	width: 188px;
}

#calendar-events_viewdiv.event div.thumb p {
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #535353;
	background: url('../images/divers/grey-arrow-01.gif') no-repeat top left;
}

#calendar-events_view div.event div.main p.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	color: #000000;
	margin-bottom: 4px;
}

#calendar-events_view div.event div.main p.date img {
	float: right;
}

#calendar-events_view div.event div.main p.title {
	font-family: Tahoma, Trebuchet, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #ca223c;
	line-height: 21px;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 8px;
}

#calendar-events_view div.event div.main p.title span {
	font-size: 18px;
	line-height: 18px;
}

#calendar-events_view div.event div.main p.description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #535353;
	margin-top: 0;
	padding-top: 0;
}

#calendar-events_view div.event div.main p.infos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	color: #ca223c;
	padding: 15px 0;
	margin-top: 2px;
	margin-bottom: 8px;
}

#calendar-events_view div.event div.main div.details {
	padding: 8px 22px;
	background-color: #FFF;
}

#calendar-events_view div.event div.main div.details div.tickets {
	float: left;
	font-size: 12px;
	line-height: 12px;
	color: #ca223c;
	width: 146px;
}

#calendar-events_view div.event div.main div.details div.tickets a {
	text-decoration: none;
	color: #ca223c;
}

#calendar-events_view div.event div.main div.details div.tickets a:hover {
	text-decoration: underline;
}

#calendar-events_view div.event div.main div.details div.link {
	float: left;
	font-size: 12px;
	line-height: 14px;
	color: #535353;
	width: 191px;
}

#calendar-events_view div.event div.main div.details div.link a {
	font-weight: bold;
	text-decoration: none;
	color: #535353;
}

#calendar-events_view div.event div.main div.details div.link a:hover {
	text-decoration: underline;
}