@charset "utf-8";
/* Reset styles */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code, {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}


body {
	margin:0px;
	padding:0px;
	background-color: #999889;
	behavior: url('/stylesheets/csshover.htc');
}
.wrapper {
	width: 1016px;
	margin:auto;
}

/* Paragraphs */
p {
	margin: 0 0 18px 0;
	line-height: 1.3em;
}
h4{
	font-size: 13px;
	margin-bottom: 20px;
}
h5{
	font-size:13px;
}
/* Menu */
.navigation ul{
	margin: 0;
	height: 30px;
	padding:0px;
}
.navigation{
	padding-top:1px;
	text-align:left;
	width:705px;
	margin:0;
	clear:both;
	padding-left: 40px;
}
#menu {
	height: 30px;
	float:left;
	width:705px;
	color:#FFFFFF;
}
#menu li {
	float: left;
	height: 25px;
	position:relative;
	z-index:2; /* for online edit changed from 50000*/
}
#menu li a:link, #menu li a:visited { /* correspond aux intitulés des menus*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height: 30px;
	padding:7px 3px 5px 3px;
	line-height: 30px;
	font-weight:bold;
	color: #000;
	margin:0 3px;
	text-decoration: none;
}
#menu li a:hover { /*correspond au intitulés des menus, avec le hover*/
	color:#fff !important;
}
#menu li ul { /*correspond au sous menu cachés*/
	display:none;
	height:auto !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
	left:0;
	margin:0 !important;
	position:absolute;
	text-align:left;
	top:25px;
	left:3px;
	width:150px;
	color:#fff;
	z-index:1000; /* for online edit changed from 50000*/
}
#menu li ul li{/*sous menus*/
	float:none;
	clear:both;
}
#menu li:hover ul{
	display:block;
	z-index:10;
}
#menu li ul a{
	color:#fff !important;
}

.one:hover a, .oneSelected:hover a, .oneSelected .over, .one .over, .oneSelected a:hover{
	background-color:#044246;color:#fff !important;z-index:10;}
.two:hover a, .two ul, .twoSelected:hover a, .twoSelected ul, .twoSelected .over, .two .over{
	background-color:#3D002F;color:#fff !important;z-index:10;}
.three:hover a, .three ul, .threeSelected:hover a, .threeSelected ul, .threeSelected .over, .three .over{
	background-color:#648F18;color:#fff  !important;z-index:10;}
.for:hover a, .for ul, ul .forSelected:hover a, .forSelected ul, .forSelected .over, .for .over{
	background-color:#993350;color:#fff  !important;z-index:10;}
.five:hover a, .five ul, .fiveSelected:hover a, ul .fiveSelected ul, .fiveSelected .over, .five .over{
	background-color:#D19215;color:#fff  !important;z-index:10;}
.six:hover a, .six ul, .sixSelected:hover a, .sixSelected ul, .sixSelected .over, .six .over{
	background-color:#99032E;color:#fff  !important;z-index:10;}
.seven:hover a, .seven ul, ul .sevenSelected:hover a, ul .sevenSelected ul, .sevenSelected .over, .seven .over {
	background-color:#86322C;color:#fff  !important;z-index:10;}
.height:hover a, .height ul, .heightSelected:hover a, .heightSelected ul, .heightSelected .over, .height .over {
	background-color:#183048;color:#fff !important;z-index:10;}

.oneSelected a, .twoSelected a, .threeSelected a, .forSelected a, .fiveSelected a, .sixSelected a, .sevenSelected a, .heightSelected a{
	color:#fff !important;
}

.oneRail{color:#044246;}
.twoRail{color:#3D002F;}
.threeRail{color:#648F18;}
.forRail{color:#993350;}
.fiveRail{color:#D19215;}
.sixRail{color:#99032E;}
.sevenRail{color:#86322C;}
.heightRail{color:#183048;}

.box {
	margin:0 auto;
	text-align:center;
	float:left;
	color:#FFFFFF;
}

.box li {
	float: left;
	display: inline;
	margin: 7px 7px 0 0px;
	overflow: hidden;
}

/* Clearfix */
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix {
    display:inline-block;
}

.clearfix {
    display:block;
}

* html .clearfix {
    height: 1%;
}

.clear {
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: 0;
	overflow: hidden;
}
/* Layout */
body {
	font: 12px arial;
	color: #000;
}
/* Header*/
.header {
	background-image: url(../images/header-top-bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:1016px;
	height:130px;
}

.header-logo, .navigation, .search {
	overflow:visible;
}
.navigation, .search{
	float:left;
}

.search {
	margin:0;
	padding:5px 0 0;
}
.search input{
	width: 110px;
	float:left;
	margin-top:1px;
}
.search label{
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	display:block;
	float:left;
	padding:5px 5px 0 0;
}
.search button{
	background:none;
	border:none;
	margin:0;
	padding:0;
	float:left;
}


#logo{
	float:left;
	padding-bottom:9px;
}

#reservation{
	float:left;
	width:605px;
	text-align:right;
}

.mid-content {
	width:996px;
	padding-left: 20px;
	/*home page module: overflow:auto; removed  */
}
.col-1 {
	float: left;
	width: 683px;

}
.col-1-in {
	float: left;
	width: 683px;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.col-1-in-bg {
	float: left;
	width: 683px;
	background-image: url(../images/inner-bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-align:left;
}
.btm-trangle {
	float:left;
	width:650px;
}
h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffcc33;
	text-decoration: none;
}
.col-2 {
	float: right;
	width: 310px;
	text-align:left;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0;
}
.calender {
	float: left;
	width: 290px;
	background-image: url(../images/right-col-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:20px;
}

#spectacles_on_date{
	float:left;
	margin-left:20px;
	width:135px;
	margin-top:25px;
}
#spectacles_on_date label{
	color:#990066;
	font-weight:bold;
	display:block;
	font-size:13px;
}
#spectacles_on_date label a, #spectacles_on_date label a:visited{
	color:#990066;
}
.calendar_date_select{
	float:left;
}
.col-left {
	float: left;
	width: 346px;
	height:645px;
	background-image: url(../images/left-col-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.col-right {
	float: left;
	width: 347px;
	height:645px;
	background-image: url(../images/right-video-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;

}
.col-right-video {
	float: right;
	width: 331px;
	height:645px;
	background-image: url(../images/right-video-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.video-title, .video-title-bottom {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	float:right;
	width:316px;
	height:288px;  /*home page module: height:217px;  */
	padding-right:8px;
}
.video-title{
	padding-right:7px;
	padding-top:12px;
}
.video-title-bottom {
	padding-top:45px;
}
.video-title img{
	clear:both;
}
.right{
	padding-right:9px;
}
.description {
	float:right;
	width: 300px;
	padding-right:8px;
	text-align:left;
	height:70px;
	padding-top:5px;

}
.description h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ff6600;
	font-weight:bold;
}
.description p{
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}
.text{
	float:left;
}
.zoom {
	float: right;
	width: 58px;
	margin-top:30px;
}
.bottom{
	margin-top: 20px !important;
}
.violet{
	color:#990066;
}
.col-right-in {
	float: left;
	width:400px;
    padding-top:8px;
	padding-left:7px;
	z-index:1;
}

.col-left-in {
	color:#FFFFFF;
	float:left;
	font-size:11px;
	padding-left:43px;
	padding-right:15px;
	padding-top:13px;
	width:210px;
}
.orange-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #ff6600;
	text-decoration: none;
	padding-left:43px;
	padding-top:10px;
}
.orange-main-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ff6600;
	text-decoration: none;

}
.orange-title-sml {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ff6600;
	text-decoration: none;

}
.bradcrum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.bradcrum-active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.bradcrum-active a, .bradcrum-active a:visited{
	color:#666666;
}

.text {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	float:left;
	width:230px;
}

.sml-gray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999889;
	text-decoration: none;
}
.page_content {
    background-color:#D9D7C3;
	float:left;
	margin:0 0 0 22px;
	padding:10px 20px;
	/*padding:10px 10px 10px 0;*/
	text-align:left;
	width:620px;
	background:transparent url('/images/grey-bckgnd.png') repeat-y;
	overflow:auto;
}

.page_content h1{
	margin-bottom: 30px;
	text-align:left;
	font-size:12px;
	margin-bottom:30px;
	text-align:right;
	margin-right:5px;
}

.bottom_page_content{
	margin:0 0 0 22px;
	padding:10px;
	width:640px;
	float:left;
	background:transparent url('/images/btm-corner-grey.png') no-repeat top left;
	height:80px;
}
.top_page_content{
	margin:0 0 0 22px;
	padding:0 10px;
	width:640px;
	float:left;
	background:transparent url('/images/top-grey-bckgnd.png') no-repeat bottom left;
	height:10px;
}

.ws_list{
	margin-bottom:20px;
	/*margin-left:30px;*/
	padding:0;
}
.ws_list li{
	margin:10px 0 0 0;
	overflow:auto;
}
.ws_list li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
}
#informations{
	float:left;
	margin-top:10px;
	padding: 30px 20px 0 20px;
	background-image: url('/images/right-col-info-bg.gif');
	background-repeat: no-repeat;
	background-position: left top;
	min-height:280px;
	width:270px;
	min-height:240px;
}

.dark{
	color:#FF6600;
}
#associated_file_list{
	margin:20px 0;
	overflow:auto;
}
.content_article{
	padding-right:40px;
}
.page_content a{
	color:#333;
}
.activityLogo{
	float:left;
	width:100px;
	margin-right:10px;
	clear:both;
}
.activityText{
	float:left;
	width:400px;
}
#imageContainerFade{
	clear:both;
	height: 267px;
	margin-bottom: 18px;
	position:relative;
	z-index:1;
	top:0;
	left:0;
}
#imageContainerFade img {
	position:absolute;
	top:0; left:0;
	z-index:1;
}
.video-title #imageContainerFade{
	height:198px;
	margin-top:16px;
	padding:0;
	margin-bottom:0;
	padding-left:1px;
}
.formError {
	color:red;
	display:inline;
	margin-left:10px;
}
.homeDate{
	float:left;text-align: left;padding-left: 10px;margin:0; overflow:hidden;
}
.homePlace{
	float:right;text-align: right;padding-right: 10px;margin:0;overflow:hidden;
}
.pic, .picBottom{
	clear:both;
	padding-top:6px;/*home page module: padding-top:2px; changed  */
	padding-left:1px;
	margin:0;
	width:316px;
	height:200px;
}
.picBottom {
	padding-left:0px;
}

.pic img, .picBottom img{
	margin:0;
	padding:0;
}
.pic p, .picBottom p{
	margin:0;
	padding:0;
}
#footer{
	clear:both;
	width:1016px;
	text-align:center;
	color:#333;
	font-size: 11px;
	margin-bottom:40px;
	margin-top:40px;
}
#footer a, #footer a:visited{
	color:#333;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
#images img{
	float:left;
	margin:20px 25px 0 5px;
	margin-right:20px;
	width:100px;
}
#latest_newsletter, #login_infos{
    padding:50px 0px 0px 0px;
	clear: both;
}

#newsletter_form, #login_form{
	text-align: center;
}
#newsletter_form p,  #login_form p{
	text-align: left;
}
#newsletter_form label, #login_form label {
	clear: both;
	float: left;
	display: block;
	width:80px;
	margin-top: 10px;
	text-align: left;
	font-weight: bold;
}
#newsletter_form .formElement, #login_form .formElement{
	float: left;
	margin-top: 5px;
}
.formElement input{
	width:150px;
	border:none;
	padding:4px;
}
#newsletter_form .submit_button{
	margin-top:80px;
	border:none;
	background: transparent;
	cursor:pointer;
}
#login_form .submit_button{
	margin-top:25px;
	border:none;
	background: transparent;
	cursor:pointer;
}
.pagination{
	text-align: center;
	color:#333;
}
#season p{
	margin: 0 0 5px 0;
}
#season_spectacles{
	margin-top:50px;
	margin-left:100px;
}
#season_select{
	text-align: center;
}
#leftPart{
	float:left;
	width:300px;
}
#rightPart{
	float:left;
}
.in_tour_link{
	font-size:12px !important;
	color:black !important;
}
.theater_list{
	list-style:none;
}
#small_pic{
	float:left;
	font-size:9px;
	margin-top:10px;
	width:120px;
}
.col-left-in a, .col-left-in a:visited{
	color:#fff;
	text-decoration: underline;
}

#siteMap h1{
	margin:15px 0 !important;

}
#siteMap ul{
	list-style: circle;
	margin-left:25px;
}
#rails_way{
	text-align: right;
	margin-right: 20px;
}


#informations a{
	text-decoration: none;
}
 .player{
     margin-bottom: 10px;
 }

 .global_error{
    color:red;
    font-size:15px;
 }
 .global_error #error_header {
	font-size: 16px;
	color: red;
    float: left;
    width: 600px;
    font-weight:bold;
    padding-bottom: 5px;
 }

 #online_edit {
     filter:none !important;
     height:auto;
     left:20%;
     padding:15px;
     top:1%;
     position:fixed;
     width:auto;
     z-index:1002;
}
 #online_edit_overlay{
     display: none;
     background-color:#000000;
     height:500px;
     left:0;
     position:fixed;
     top:0;
     width:100%;
     z-index:1001;

 }