/* MEYER RESET v1.0*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1;}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


html, body{ height:100%; }
body { margin:0; padding:0; /*overflow:hidden;*/ font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; width: 100%; height:100%;}
	
	
/*Background trickery */

body {
background-color:#000000;
}


div.background  {
background-color:#000000;
height:100%;
width:100%;
overflow:hidden;
position:fixed;
}

div.background.loading {background-color:#000000;}

div.background img {
right:50%;
margin-right:-50%;
margin-top:0;
min-width:100%;
overflow:hidden;
position:absolute;
width:1500px;
height: auto;
border-bottom:1px solid black;
}



div#flash {width: 100%; height:100%;position: fixed;}


/*page sections */

div#navigation
{background-color:white;
left:273px;
position:absolute;
top:0;
width:172px;

}


div#wrapper{
left:20%;
margin-left:77px;
position:absolute;
top:120px;
width:590px;
z-index:4;
}

/*for events with gallery above*/
body#event div#wrapper{
top:123px;
}

/*for events with gallery above*/
body#home div#wrapper{
	/*top: 88px; to be used next season */
	top:220px;
}

/*set default height when no flash gallery*/
div#gallery {
	height:250px;	
}



div#content {
	background-color:#FFFFFF;
	float:left;
	font-size:13px;
	line-height:17px;
	padding:10px 40px 20px 10px;
	margin:3px 0;
	width:380px;
	}
div#content img{
	border: none;
	width: 410px;
	height: auto;
}
div#content blockquote{
	background-color:#eee;
color:#663300;
padding-top: 10px;
padding-bottom: 10px;
margin-left: -10px;
padding-left: 10px;
padding-right: 20px;
width: 400px;
border: none;

}

div#content ul {
padding:10px 15px;

}


body#home div#content {
	padding:0;

	width:531px;
	background-color:transparent;
	
}


div#dates a
{
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:1px solid #FFFFFF;
	margin:3px 0;
}

div#credits a,
div#sponsors a{
	color:#663300;
	text-decoration:none;
}

li.reservation {margin: 5px 0 0 0}

div#downloads a
{
	color:#000000;
	text-decoration:none;
	border-bottom:1px solid #999999;
}


div#dates,
div#downloads,
div#extra  {
float:right;
background-color:red;
color:#FFFFFF;
font-size:14px;
line-height:16px;
padding:8px 5px 11px;
margin-bottom:3px;
width:147px;
}

div#downloads,
div#extra  {
background-color:#FFFFFF;
color:#000000;
}

div#dates,
div#extra {
margin-top:3px;
}

div.dates-hover {
	cursor:pointer;
}





div#credits
 {float:right;
width:200px;
background-color:#FFFFFF;
color:#663300;
font-size:11px;
line-height:13px;
padding:10px 5px 10px;
margin-bottom:3px;
width:147px;
}

div#credits p
 {color:#663300;
font-size:11px;
}

div#sponsors,
div#production {
clear:left;
background-color:#FFFFFF;
color:#663300;
font-size:11px;
line-height:13px;
padding:10px 5px 10px;
margin:3px 0;
width:420px;

}


div#footer {
	clear:both;
	width:700px;
padding-top:80px;	
}

div#footer p {
color:#FFFFFF;
font-size:12px;	
	
}






/*wrapper for header, navigation and quicklinks */
div#controls {
	left:20%;
	margin-left:-100px;
	position:absolute;
	top:-25px;
	
/*	background:url(/assets/templates/theater/images/navigation-01.png) no-repeat 0 275px; */
	
	
}



/*Main Header*/
div#header {margin:0;}

div#header a{display:block; width:173px; height:146px; margin:0; 
	
background:url(/assets/templates/theater/images/navigation-01.png) no-repeat 0 0; }




/*Hide the Home text*/
div#header a span {display:none;}






ul#navigation {
background-color:transparent;
list-style-type:none;
margin:0;
padding:0;
width:172px;
/*background-color:red;*/
}
ul#navigation a:link, ul#navigation a:visited, ul#navigation a:active {
border:medium none;
}
ul#navigation li {

margin:0;
padding:0;
width:163px;
}

ul#navigation a {
background-image:url(/assets/templates/theater/images/navigation-01.png);
background-repeat:no-repeat;
display:block;
padding:17px 5px;
text-decoration:none;
color:#CFBE80;
font-weight:normal;
text-transform:uppercase;
position: relative;
width:163px;
}




ul#navigation a:hover,
ul#navigation li.active a
 {
	color:white;
}


/************
Spectacles

**********/


/*default section default a buttons */

li#spectacles a {
	background-position: -200px -200px;

}

/*hover state */
li#spectacles a:hover {
	background-position: -400px -200px;

}

/*current link - no bottom border */
li#spectacles.active a {
	background-position: -800px -200px;
	padding:17px 5px 7px 5px;
}

/*current link - hover state - no bottom border */
li#spectacles.active a:hover {
	background-position: -600px -200px;
}

/*no background on sub ul anchors */
li#spectacles.active ul a {
	background:none;
	padding:3px;
}

/*no background on sub ul anchors:hover */
li#spectacles.active ul a:hover {
	background:none;
}


/************
Le Billets

**********/



li#billets a {
	background-position: -200px -250px;


}

li#billets a:hover {
	background-position: -400px -250px;

}


/*current link - no bottom border */
li#billets.active a {
	background-position: -800px -250px;
	padding:17px 5px 7px 5px;
}

/*current link - hover state - no bottom border */
li#billets.active a:hover {
	background-position: -600px -250px;
}

/*no background on sub ul anchors */
li#billets.active ul a {
	background:none;
	padding:3px;
}

/*no background on sub ul anchors:hover */
li#billets.active ul a:hover {
	background:none;
}



/************
Le Theatre

**********/



li#le-theatre a {
	background-position: -200px -300px;

}
li#le-theatre a:hover {
	background-position: -400px -300px;

}

/*current link - no bottom border */
li#le-theatre.active a {
	background-position: -800px -300px;
	padding:17px 5px 7px 5px;
}

/*current link - hover state - no bottom border */
li#le-theatre.active a:hover {
	background-position: -600px -300px;
}

/*no background on sub ul anchors */
li#le-theatre.active ul a {
	background:none;
	padding:3px;
}

/*no background on sub ul anchors:hover */
li#le-theatre.active ul a:hover {
	background:none;
}




/************
Evenements

**********/



li#evenements a {
	background-position: -200px -350px;

}
li#evenements a:hover {
	background-position: -400px -350px;

}

/*current link - no bottom border */
li#evenements.active a {
	background-position: -800px -350px;
	padding:17px 5px 7px 5px;
}

/*current link - hover state - no bottom border */
li#evenements.active a:hover {
	background-position: -600px -350px;
}

/*no background on sub ul anchors */
li#evenements.active ul a {
	background:none;
	padding:3px;
}

/*no background on sub ul anchors:hover */
li#evenements.active ul a:hover {
	background:none;
}




/************
Partenaires

**********/


li#partenaires a {
	background-position: -200px -400px;

}
li#partenaires a:hover {
	background-position: -400px -400px;

}

/*current link - no bottom border */
li#partenaires.active a {
	background-position: -800px -400px;
	padding:17px 5px 7px 5px;
}

/*current link - hover state - no bottom border */
li#partenaires.active a:hover {
	background-position: -600px -400px;
}

/*no background on sub ul anchors */
li#partenaires.active ul a {
	background:none;
	padding:3px;
}

/*no background on sub ul anchors:hover */
li#partenaires.active ul a:hover {
	background:none;
}









/*hide only top level li text */
ul#navigation a span {
visibility:hidden;
}

/*show the rest */
ul#navigation ul a span {

visibility:visible;
}


/*do not use background image on sub li */
ul#navigation ul li {
background-image:none;
}

/*do not use background image on sub a */

ul#navigation ul a {
display:block;
background-image:none;
text-decoration:none;
color:#CFBE80;
font-weight:none;
padding:3px;
text-transform:none;
font-size:13px;
width:143px;
}

ul#navigation ul a:hover {
background-image:none;
}


/* hide nested ULs */
ul#navigation ul {
display:none;
list-style-type:none;
}

/* show nested ULs */
ul#navigation li.active ul {
display:block;
padding:0 0 16px 6px;
width:167px;


background-image:url(/assets/templates/theater/images/navigation-01.png);
background-color:transparent;
background-repeat:no-repeat;
background-attachment:scroll;
background-position: 0px bottom;

/*background-color:red;*/


}




ul#navigation li.active ul li {width:163px;}

/*3rd level ULs (events) */
ul#navigation li.active ul ul {
width:153px;
padding-bottom:0;
background-image:none;

}

ul#navigation li.active ul ul li {
width:153px;
}


ul#navigation li.active ul li a {
	color:#CEC9E2;

}

ul#navigation li.active ul li a:hover {
	color:#FFFFFF;
}

ul#navigation li.active ul li.active a {
	color:#FFFFFF;
}

,
ul#navigation li.active ul li.active a:hover {
	color:#CEC9E2;

}

ul#navigation li.active ul li.active ul li a {
	color:#CEC9E2;

}

ul#navigation li.active ul li.active ul li a:hover {
	color:#FFFFFF;
}

ul#navigation li.active ul li.active ul li.active a {
	color:#FFFFFF;

}


/*add a nice image for level 3 list items*/

ul#navigation li.active ul ul {

padding-left:2px;
}

ul#navigation ul ul li {
padding-left: 10px;
background-image:url(/assets/templates/theater/images/navigation-01.png);
background-color:transparent;
background-repeat: no-repeat;
background-position:-197px -638px;
}

ul#navigation ul ul li.active,
ul#navigation ul ul li:hover {
background-position:-397px -638px;
}

/*hide inactive sub menus*/

ul#navigation li.active ul li ul {display:none;}
ul#navigation li.active ul li.active ul {display:block;}




/*Quick links below main nav */

ul#quicklinks {
	background:url(/assets/templates/theater/images/navigation-01.png) no-repeat 0 -300px;
	
	background-color:transparent;
	color:white;
	/*with 3 links 
	padding:14px 10px 18px;
	*/
	/*with 2 links */
	padding:24px 10px 28px;
	
	
	width:153px;

}

ul#quicklinks li {
list-style-type:none;
width:153px;
}

ul#quicklinks li a{
	font-size:13px;
	line-height:17px;
	
	/*height:12px;*/
	color:white;
	text-decoration:none;
}



ul#quicklinks li a:hover,
ul#quicklinks li.active a {
	color:#CEC9E2;

}



/*Events Typography*/

/*For displaying the event blocks and making them clickable*/

div.event {
	background: #FFFFFF;
	padding:8px 0;
	border-top: solid 1px #5C3F31;
	cursor: pointer;
	color:#5C3F31;
	height:auto;
	z-index:3;
	clear:both;
}

body#home div.event {
	
	padding:8px 0px;
}

div.category {
color:black;
font-size:16px;
font-weight:normal;
letter-spacing:0.15em;
line-height:16px;
margin:0 0 2px;
text-transform:uppercase;
}

body#home div.category {
color:#FFFFFF;
background-color:#663300;
font-size:12px;
font-weight:normal;
letter-spacing:0.15em;
padding:1px 0 0 5px;
margin:0;
margin-bottom:4px;
text-transform:uppercase;
float:left;
}

body#home div.date {
color:#FFFFFF;
background-color:#663300;
font-size:12px;
font-weight:normal;
letter-spacing:-0.01em;
padding:0 5px 0 0;
margin:0;
text-transform:lowercase;
float:right;
}

div.extra {
	clear:both;
	color:red;

	font-size:16px;
	font-weight:normal;
	letter-spacing:0.15em;
	line-height:16px;
	margin:0 0 2px;
	text-transform:uppercase;
}

body#home div.extra {
	clear:both;
	color:red;
letter-spacing:0.15em;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	margin:0;
padding:2px 0 0 4px;
	text-transform:uppercase;

	
}


h1.main, h2.sub {
	
	color:#663300;

	max-width:429px;
		font-size:32px;
		font-weight:lighter;
		letter-spacing:0.05em;
		line-height:32px;
	margin:0;
	text-transform:uppercase;
}


body#home h1.main,
body#home h2.sub {
	
	color:#895100;
max-width:429px;
	font-size:22px;
	font-weight:lighter;
	letter-spacing:0.05em;
	line-height:26px;
	text-transform:uppercase;
	padding:0 4px;
}


body#home div.event a {
color:#895100;
text-decoration:none;
}

body#home div.event {
border-top:none;
background-image:url(/assets/templates/theater/images/event-top.png);
background-color:transparent;
background-repeat:repeat-x;
background-attachment:scroll;
background-position: 0 0;
padding:0 2px 5px 3px;
margin-bottom:3px;
height:auto;
float:none;
width:auto;
}



body#home div.event-hover {
	background-color: #DDDDDD;
	cursor: pointer;

}
body#home div.more-hover {
	background-color: #DDDDDD;
	cursor:pointer;
}

div.event:hover {
	cursor: pointer;

}




div.event a{
	color:#5C3F31;
	text-decoration:none;
}


p.info {
	
	font-size:11px;
	margin-bottom: 20px;
}


/*Home extra links and download */
.download-button {
display: none;
color:#FFFFFF;
float:right;
font-size:16px;
font-weight:normal;
font-style:italic;
letter-spacing:-0.01em;
margin: 6px;
margin:0 0 9px;
}	

body#home div.download-button a:link,
body#home div.download-button a:visited,
body#home div.download-button a:active {
background-color:red;
color:#FFFFFF;
padding: 4px 6px 4px 6px;
text-decoration:none;
}

body#home div.download-button a:hover{
background-color:white;
color:black;
}




/*For the extra event "Visites Guidées" on home page under events*/


div.more {
background-image:url(/assets/templates/theater/images/event-top.png);
background-color:transparent;
background-repeat:repeat-x;
background-attachment:scroll;
background-position: bottom;
height:20px;

}



body#home div.more div.category,
body#home div.more div.date {
background-color:transparent;
color:#895100;
}

body#home div.more div.category a,
body#home div.more div.date a{
color:#895100;
text-decoration:none;
}

body#home div.more div.category a,
body#home div.more div.date a
 {
color:#895100;
text-decoration:none;
}




p{
color:black;
line-height:1.4em;
margin-top:0;
}


/*defaul links states*/

a:link, a:visited {color:#963}
a:hover {color:#000}



/*Forms


p.label { position: relative; margin-right: 3px; }
	
label.over { color: #222222; position: absolute; top: 5px; left: 5px;}

input.text, input.title, textarea, select {
border:1px solid #BBBBBB;
margin:0;
padding:5px;
width:300px;
}

input.required, input.invalid {border:1px solid #FF6600 ;}

*/



/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* FORMS */

fieldset { margin: 0 0 1.5em 0; }
legend { font-weight: bold; }
label { font-weight: normal; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #aaa; /*outline: 2px solid #ffffaa;*/ }
input, select { cursor: pointer; }
input[type='text'],input[type='password'] { cursor: text; }

/* BASE SIZES */

.container { font-size: 1.2em; line-height: 1.6em; }
h1 { font-size: 1.9em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }




/* TEXT CLASSES */

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.thin {font-weight: lighter;}
.error, .notice, .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }
.center {text-align: center;}


/* NEU SIMON */


h3 {
color:#663300;
font-size:16px;
font-weight:normal;
letter-spacing:0.1em;
line-height:16px;
margin-top: 22px;
text-transform:uppercase;
}



h6 {
color:black;
font-weight:bold;
margin-top: 10px;

}

body#normal h1.main {
	font-size:21px;
	margin-top: -2px;
	margin-bottom: 6px;
	}