/*
Theme Name: Opéra de Montréal
Theme URI: http://www.operademontreal.com
Description: Le look Opéra de Montréal
Author: Alexandre Michel, Marc Giroux, Jerome Vercey
Author URI: http://www.inpix.ca
Version: 1.0
*/
html{}
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #2a2221;
	background-attachment:scroll;
	background-color:#000000 !important;
	background-image:none;
	/*background-position:584px 0;*/
	background-position:576px -3px;
	background-repeat:no-repeat;
}

/* gestion des background selon la categorie / nom du spectacle */

body#atelierLyrique{ 
	background-image:url('img/bg_leconsul.jpg');
	background-position:552px -6px;
}
body#rigoletto{ background-image:url('img/bg_rigoletto.jpg');}
body#robertodevereux{ background-image:url('img/bg_devereux.jpg');}
body#werther{ background-image:url('img/bg_werther.jpg');}
body#salome{ background-image:url('img/bg_salome.jpg');}
body#laboheme{ background-image:url('img/bg_laBoheme.jpg');}
body#legala{ background-image:url('img/bg_legala.jpg');}


/* General
--------------------------------------------------------------------------------------- */
a { color: #e34f45; text-decoration: none;}
a:hover, a:active, a:focus { text-decoration: underline;}
a.selected { cursor: default;}
a.selected:hover, a.selected:active, a.selected:focus { cursor: default !important;}

/* H1, H2...
--------------------------------------------------------------------------------------- */
h1 { }
h2, h6 { font-size: 22px; text-transform: uppercase; font-weight: normal; margin-bottom: 10px; padding-bottom:2px; }
h3, h4, h5 {
	font-weight: normal;
	text-transform: uppercase;
	line-height: 22px;
	border-bottom: 2px solid #E3E3D2;
	clear: left;
	font-size: 17px;
	font-variant: small-caps;
	margin: 0 0 8px;
	padding: 3px 0 3px;
}

/* Textes et Autres*/
p{margin: 0 0 1em 0;}
hr{margin: 1em 0; background:#808080; color:#808080;  height:1px;  border:none; clear:both;}

/* Listes */
ul{margin: 0; padding: 0; /*padding-left: 20px;*/}
li{padding-bottom: .35em;}
ul ul{padding: .4em 0 0 0;}
ul li{background: url('img/arrow1.gif') 0 .5em no-repeat; font-size: 1em; display:block; line-height: 1.4em; padding-left: 1em; list-style: none; /*margin-left:5px;*/ zoom:1;}
ul ul li{background: url('img/arrow1.gif') 0 .45em no-repeat; font-size: .9em; line-height: 1.3em;}
ul ul ul li{background: url('img/arrow1.gif') 0 .35em no-repeat; font-size: .8em; line-height: 1.2em;}
ul ul ul ul li{font-size: 1em; line-height: 1.1em;}

ol{margin-left: 20px; padding: 0; list-style-type:upper-alpha;}
ol ol{padding: .4em 0 0 1.2em; list-style-type: decimal;}
ol ol ol{list-style-type: lower-alpha;}
ol ol ol ol{padding: .4em 0 0 1.2em; list-style-type: decimal;}
ol li{font-size: 1em; line-height: 1.4em;}
ol ol li{font-size: .9em; line-height: 1.3em;}
ol ol ol li{font-size: .8em; line-height: 1.2em;}
ol ol ol ol li{font-size: 1em; line-height: 1.1em;}

/* Tables */
table{border-collapse: collapse;}
table th{background: none; padding: 0px; border: none;  vertical-align: top;}
table td{padding: 0px; border: none; vertical-align: top;}

/* Tables.highlight */
table.highlight{border-collapse: collapse;}
table.highlight th{background-color: #F5F6E6; padding: 8px; border: none;  vertical-align: middle;}
table.highlight td{ padding: 8px; border: none; vertical-align: middle; background-color: #F5F6E6;}



/* Wrapper
--------------------------------------------------------------------------------------- */
#wrapper { width: 914px; position:relative; text-align:left;}
	
/* Header
--------------------------------------------------------------------------------------- */
#header { /*margin:10px 0 0 0;*/ width: 914px; overflow:hidden; height:130px;}

	#info_top{color:#FFFFFF; font-size:11px; position:absolute; right:2px; top:2px;}
	#info_top #newsletter { float: right; color: #fff; }
	#info_top #newsletter div { float: left; }
	#info_top #newsletter a { color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-decoration: none;}
	#info_top #newsletter #courriel { 
			background-color:#F2F2E5;
			border:1px solid #404040;
			color:#38302F;
			font-size:11px;
			height:14px;
			margin:0 4px 0 7px;
			padding:2px 10px 0;
			width:153px;
		}
	#info_top #newsletter #f-submit { margin: 2px 0 0 4px;}
	#info_top #newsletter p { margin: 5px 0 0 6px; padding:1px 0 1px 6px; border-left:1px solid #6E6E6E; }
	
	#header #headerContent{ position:absolute; top:30px; left:0; width: 914px;}
	#header #headerContent #logo { float:left; width:138px; padding:9px 12px 0 12px;}
	#header #headerContent #banner_top { float:right; width:752px; text-align:right;}
		
	
	
/* Navigation
-----------------------------------------------------------	---------------------------- */
#nav { padding-bottom: 20px; padding-left:10px; margin:12px 0 0 0; width:904px; height:38px; float:left; background-color:#fdfcf1 ; position:relative; z-index:10;}

/* Style bouton */
#nav li a { padding:10px; display:block; color:#2A2221; text-decoration:none; text-transform:uppercase; }
	#nav .sm { position:relative; }
	#nav.fr .sm > a { padding:6px 0 10px 0; height:30px; background: url('img/fr/menu_fr_v2.png') 0 0 no-repeat; text-indent:-9999px; position:relative; z-index:200; }
	#nav.en .sm > a { padding:6px 0 10px 0; height:30px; background: url('img/en/menu_en_v2.png') 0 0 no-repeat; text-indent:-9999px; position:relative; z-index:200; }
	
#nav li a.selected {
	border:none;
	padding:6px 0 6px;
	height:35px;
	margin-top:-4px;
	z-index:200;
	cursor:pointer!important;
}

/* level 0 */
	#nav ul{ padding-left:0;}
	#nav ul li{ background:none; list-style:none; font-size:11px; padding:0;}
	#nav li { margin:0; float:left; display:block; position:relative; background:none; list-style:none;padding:0; }
		#nav li > a { }
		#nav .sm > a { }
		#nav ul li{ font-family:Arial, Helvetica, sans-serif; display:block; clear:both;}
		
/* level 1 */
#nav .sm ul { padding:11px 10px; position:absolute; top:40px; left:0; display:none; background-color:#FCFCF0; border:1px solid #D8DCB9; z-index:100; }
#nav .sm:hover ul { display:block; }
	#nav li.sm li { margin:0; padding:0 10px; float:none;display:block; clear:both;}
	#nav li.sm li.odd { background-color:#F1F0DE; display:block; }
		#nav .sm li > a { padding:4px 0; color:#E34F45;text-decoration:none; font-weight:bold; display:block; clear:both;}
		#nav .sm li > a:hover { text-decoration:underline; }
		#nav .sm li a span.author{ color:#7F7F65; }
		#nav .sm li a span.date {  text-align:right; color:#7F7F65; text-transform:lowercase; font-weight:normal; float:right;}
		#nav li.m-programmation li{height:20px;}

#nav.fr .m-programmation ul { width:570px; }
#nav.fr .m-abonnment ul { width:170px;}
#nav.fr .m-billets ul { width:180px; }
#nav.fr .m-atelier ul { width:220px; }
#nav.fr .m-education ul { width:187px; }
#nav.fr .m-entreprise ul { width:280px; }
#nav.fr .m-don ul { width:220px; }

/* Section FR (État normal)
------------------------------------------------------- */
#nav.fr .m-programmation > a { width:144px;}	
#nav.fr .m-abonnment a { width:129px; background-position:-144px 0; }
#nav.fr .m-atelier > a { width:132px; background-position:-427px 0; }
#nav.fr .m-billets > a  { width:154px; background-position:-273px 0; }
#nav.fr .m-education > a { width:98px; background-position:-559px 0; }
#nav.fr .m-entreprise > a  { width:111px; background-position:-657px 0; }
#nav.fr .m-don > a { width:120px; background-position:-768px 0; }

/* Section FR (État hover) 
------------------------------------------------------- */
#nav.fr .sm:hover > a, #nav .sm > a:hover { margin-top:-4px;}
#nav.fr .m-programmation:hover > a, #nav.fr .m-programmation > a:hover { background-position:0 -153px!important; }	
#nav.fr .m-abonnment:hover > a, #nav.fr .m-abonnment > a:hover { background-position:-144px -153px!important; }
#nav.fr .m-atelier:hover > a, #nav.fr .m-atelier > a:hover { background-position:-427px -153px!important; }
#nav.fr .m-billets:hover > a, #nav.fr .m-billets > a:hover { background-position:-273px -153px!important; }
#nav.fr .m-education:hover > a, #nav.fr .m-education > a:hover { background-position:-559px -153px!important; }
#nav.fr .m-entreprise:hover > a, #nav.fr .m-entreprise > a:hover { background-position:-657px -153px!important; }
#nav.fr .m-don:hover > a, #nav.fr .m-don > a:hover { background-position:-768px -153px!important; }

/* Section FR (État Selected) 
------------------------------------------------------- */
#nav.fr .m-programmation a.selected { background-position:0 -102px; }	
#nav.fr .m-abonnment a.selected { background-position:-144px -102px; }
#nav.fr .m-atelier a.selected { background-position:-427px -102px; }
#nav.fr .m-billets a.selected { background-position:-273px -102px; }
#nav.fr .m-education a.selected { background-position:-559px -102px; }
#nav.fr .m-entreprise a.selected { background-position:-657px -102px; }
#nav.fr .m-don a.selected { background-position:-768px -102px; }


/* MENU EN
------------------------------------------------------- */
#nav.en .m-programmation ul { width:570px; }
#nav.en .m-abonnment ul { width:185px;}
#nav.en .m-billets ul { width:220px; }
#nav.en .m-atelier ul { width:220px; }
#nav.en .m-education ul { width: 187px; }
#nav.en .m-entreprise ul { width: 300px;}
#nav.en .m-don ul { width: 220px; }
	
/* Section EN (État normal)
------------------------------------------------------- */
#nav.en .m-programmation > a { width:85px; }	
#nav.en .m-abonnment a { width:134px; background-position:-85px 0; }
#nav.en .m-billets > a  { width:118px; background-position:-219px 0; }
#nav.en .m-atelier > a { width:132px; background-position:-337px 0; }
#nav.en .m-education > a { width:98px; background-position:-469px 0; }
#nav.en .m-entreprise > a  { width: 102px; background-position:-567px 0; }
#nav.en .m-don > a { width:145px; background-position:-669px 0; }


/* Section EN (État hover) 
------------------------------------------------------- */
#nav.en .sm:hover > a, #nav.en .sm > a:hover { margin-top:-4px; }
#nav.en .m-programmation:hover > a, #nav.en .m-programmation > a:hover { background-position:0 -153px!important; }	
#nav.en .m-abonnment:hover > a, #nav.en .m-abonnment > a:hover { background-position:-85px -153px!important;}
#nav.en .m-billets:hover > a, #nav.en .m-billets > a:hover {background-position:-219px -153px!important;}
#nav.en .m-atelier:hover > a, #nav.en .m-atelier > a:hover { background-position:-337px -153px!important;}
#nav.en .m-education:hover > a, #nav.en .m-education > a:hover { background-position:-469px -153px!important;}
#nav.en .m-entreprise:hover > a, #nav.en .m-entreprise > a:hover { background-position:-567px -153px!important;}
#nav.en .m-don:hover > a, #nav.en .m-don > a:hover { background-position:-669px -153px!important;}


/* Section EN (État Selected) 
------------------------------------------------------- */
#nav.en .m-programmation a.selected { background-position:0px -102px;}	
#nav.en .m-abonnment a.selected {  background-position:-85px -102px;}
#nav.en .m-atelier a.selected {  background-position:-337px -102px;}
#nav.en .m-billets a.selected {  background-position:-219px -102px;}
#nav.en .m-education a.selected { background-position:-469px -102px;}
#nav.en .m-entreprise a.selected {  background-position:-567px -102px;}
#nav.en .m-don a.selected {  background-position:-669px -102px;}


/* Visionneuse
--------------------------------------------------------------------------------------- */
/*#visionneuse { background-color: #ffffff; }
#visionneuse {height:291px;width:904px;position:relative;z-index:2;}
#visionneuse img, #visionneuse object {overflow:auto; position:absolute; z-index:4; top:0; left:0px; z-index:2;}*/
#visionneuseHome {height:291px;width:914px;position:relative;z-index:2; background-color: #ffffff;}
#visionneuseHome img, #visionneuseHome object {overflow:auto; position:absolute;z-index:4;top:0; z-index:2;}



/* breadcrumb */
#breadcrumb{ color:#adad96; background:#fdfcf1; padding:0 0 8px 20px;}
#breadcrumb a, #breadcrumb span{ margin-right:5px;}

/* pageTitle */
h2.pageTitle{ margin-bottom:3px;}


/* Content
--------------------------------------------------------------------------------------- */
#content { background-color: #fdfcf1; color:#2A2221; font-size:11px; line-height:16px; min-height:300px; padding:4px 10px 36px 20px;}
.home #content, .page-template-home-php #content{ padding-left: 10px;}


/* page 404 */
#container404 {
	background:url('img/bg_404.jpg') no-repeat scroll 0 0 #000000;
	border:10px solid #FFF;
	height:452px;
	width:894px;
	color:#ffffff;
	font-size:12px;
	line-height:16px;
}
#container404.specialPage {	background:url('img/bg_specialPage.jpg') no-repeat scroll 0 0 #000000; height:550px;}
#container404.maintenance {	background:url('img/bg_maintenance.jpg') no-repeat scroll 0 0 #000000;}
#container404 #message { margin:0 0 32px; width:179px; float:left; padding:180px 98px 0 165px;}
#container404 #message-en {float:left; width:179px; padding-top:180px;}
#container404 .fix-height {height:90px; padding-bottom:20px;}
#container404 .btn-home {
background:url('img/btn_backHome_fr.gif') no-repeat scroll 0 0 transparent;
display:block;
float:left;
height:29px;
text-indent:-9999px;
width:179px;
}

#container404 .btn-download {
background:url("img/btn_downloadBrochure_fr.gif") no-repeat scroll 0 0 transparent;
display:block;
float:left;
height:29px;
text-indent:-9999px;
margin:20px 0 0;
width:179px;
}

.btn-home-en {
background:url("img/btn_backHome_en	.gif") no-repeat scroll 0 0 transparent;
display:block;
float:left;
height:29px;
text-indent:-9999px;
width:179px;
}

.btn-download-en {
background:url("img/btn_downloadBrochure_en.gif") no-repeat scroll 0 0 transparent;
display:block;
float:left;
height:29px;
margin:20px 0 0;
text-indent:-9999px;
width:179px;
}


/* leftColumn */
#leftColumn{ float:left; width:167px; padding: 13px 10px 13px 0;}
#leftColumn ul{ padding-left:0;} 
#leftColumn ul li{padding:3px 0; background:none; list-style:none;}
#leftColumn ul li.activate{ background-color:#FFF;	}
#leftColumn ul li a{ color:#E56F4B;}
#leftColumn ul li a:hover, #leftColumn ul li a.activate{ color:#000; text-decoration:none;}


/* centerColumn */
#centerColumn{ float:left; width:376px; padding:16px 20px 20px 0;}


/* rightColumn */
#rightColumn{ float:left; width:310px; padding:13px 0px 20px 0;}
#rightColumn .rightImages{ padding-bottom:5px;}
#rightColumn .rightText{ /*padding-bottom:7px;*/ color:#A8AA94}
#rightColumn .rightText table, #rightColumn .rightText td{ padding-bottom:7px; color:#2A2221;}
#rightColumn .border_bottom:hover { border-bottom:2px solid #f23d34;}
#rightColumn p.border_bottom:hover, #rightColumn h2.border_bottom:hover { border-color:#e3e3d2;}
#rightColumn .preview div{margin:0 10px 0 0;width:105px;}
#rightColumn #blocVideo{ margin:20px 0 0 0;}
#rightColumn #blocVideo.noSpace{ margin-top:0px;}
#rightColumn #blocVideo .videosInfos{ width:105px; float:left; margin-right:10px; position:relative;}
#rightColumn #blocVideo .videosInfos .maimImage{ z-index:1;}
#rightColumn #blocVideo .videosInfos .pictoPlay{ position:absolute; top:16px; left:43px; z-index:10; width:19px; height:25px;}

/* videosInfos */
.videosInfos .pictoVideo{ position:absolute; top:15px; left:43px;}
.videos_description p{ margin-top:3px;}


/* mainColumn */
.mainColumn{ float:left; width:686px; padding:13px 20px 20px 0;}

/* altColumn */
.altColumn{ float:left; width:886px; padding:13px 20px 20px 0;}


/* noColumn */
.noColumn{ width: 874px; padding:3px 20px 20px 20px;}
.noColumn.noSpacing { padding: 13px 0;}
.noColumn .containerSpecial{ padding: 125px 0 20px 20px;}

/* Banners */
#banners { float: right; margin-left: 6px; padding-top:10px;}
.bannerImg{ padding-bottom:7px;}


/* News
--------------------------------------------------------------------------------------- */
#news { float: left; width: 570px; padding:10px 0 0 10px;}
#news h2{ padding-bottom:0;}
#news .news { float: left; width: 173px; margin: 0 20px 20px 0;}
#news .news h3 p{ margin:0; padding:0;}
#news .news.noSpace{margin-right: 0px;}
#news h3, #news h5 {border-top: 2px solid #E3E3D2; text-align:center;}

/* language Menu
--------------------------------------------------------------------------------------- */
#lang_sel_list{ position:relative; top:6px;}
#lang_sel_list ul {border:none; height:0; left:0; width:100px; margin:0; padding:0;} 
#lang_sel_list ul li{ background:none; list-style:none;}
#lang_sel_list a, #lang_sel_list a:visited {
background:none;
border:none;
border-left: 1px solid #6e6e6e;
color:#FFF;
display:block;
font-size:11px;
line-height:10px;
padding-left:10px;
text-decoration:none !important;
text-transform:uppercase;
padding-left:10px;
margin-left:10px;
height:10px;
}


/* SECTION PROGRAMMATION
--------------------------------------------------------------------------------------- */
 /* HomePage Programmation */
#visionneuse_small{height:243px;width:894px;margin:0 0 21px;position:relative;z-index:2; left:-7px;}
#visionneuse_small.programmation.en a, #visionneuse_small.programmation.fr a {	height:243px; width:127px; display:block; float:left;}
#visionneuse_small.programmation.fr a {	background-image:url('img/fr/programmation_complete2.jpg');}
#visionneuse_small.programmation.en a {	background-image:url('img/en/programmation_complete_en2.jpg');}
#programmation_01 {background-position:0 -243px;}
#programmation_01:hover, #programmation_01.current {background-position:0 0;}
#programmation_02 {background-position:-128px -243px;}
#programmation_02:hover, #programmation_02.current {background-position:-128px 0;}
#programmation_03 {background-position:-255px 243px;}
#programmation_03:hover, #programmation_03.current {background-position:-255px 0;}
#programmation_04 {background-position:-511px -243px;}
#programmation_04:hover, #programmation_04.current {background-position:-511px 0;}
#programmation_05 {background-position:-639px -243px;}
#programmation_05:hover, #programmation_05.current {background-position:-639px 0;}
#programmation_06 {background-position:-766px -243px;}
#programmation_06:hover, #programmation_06.current {background-position:-766px 0;}
#programmation_07 {background-position:-383px -243px;}
#programmation_07:hover, #programmation_07.current {background-position:-383px 0;}

.medium_collumn {margin-right:18px; width:272px; float:left;}
.medium_collumn.noSpace{ margin-right:0;}


/* leftInfos */
#leftInfos{ float:left; width: 564px; padding:8px 20px 20px 0;}
#leftInfos h2{ /*margin-bottom:8px;*/}
#leftInfos #casting_box{ float:left; width:277px; margin:0 20px 0 0;}
#leftInfos #casting_box #casting_group a img{opacity:0.35; filter: alpha(opacity=35); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";}
#leftInfos #casting_box #casting_group a.current img{opacity:1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
#leftInfos #casting_box #casting_group a:hover img{opacity:1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
#leftInfos #casting_box .acteur{ text-transform:uppercase; font-weight:bold;}
#leftInfos #technicalFile{ float:left; width:267px;}
#leftInfos #technicalFile #description_technicalFile p{ margin-bottom:0;}
#leftInfos #technicalFile #description_technicalFile .truncate_readless,#leftInfos #technicalFile #description_technicalFile .readless {margin-top:13px;}
#leftInfos #technicalFile #description_technicalFile .truncate_readmore,#leftInfos #technicalFile #description_technicalFile .readmore {  margin:13px 0px 0px 0;}
#leftInfos #videosInfos{ margin:0px 0 0 0;}
#leftInfos #videosInfos .videosInfos{ width:105px; float:left; margin-right:10px; position:relative;}
#leftInfos #videosInfos .videosInfos .maimImage{ z-index:1;}
#leftInfos #videosInfos .videosInfos .pictoPlay{ position:absolute; top:16px; left:43px; z-index:10; width:19px; height:25px;}



/* rightInfos */
#rightInfos{ float:right; width: 300px; padding:8px 0 20px 0;}
#rightInfos h2{ /*margin-bottom:8px;*/}
#rightInfos .blockInfosRight{ margin-bottom:25px; clear:both; display:block;}
#rightInfos .blockInfosRight .rightInfos_description{ margin-top:9px;}

/* FIN SECTION PROGRAMMATION
--------------------------------------------------------------------------------------- */


/* CALENDRIER
--------------------------------------------------------------------------------------- */

#calSimpleProg {
	background:url('img/calendrier/bg_calendrier.jpg') top right no-repeat;
	position:absolute;
	top:0;
	left:-5px;
	padding:0 4px;
}

#calSimpleProg #calA {height:340px!important;}
#calSimpleProg #topNode, #calSimpleProg #middleNode, #calSimpleProg #endNode {
	background:url('img/ligne_cal_prog.jpg') left no-repeat;
	left:17px;
	width:530px;
}

/*#calA { width:235px!important;}*/
#calSimpleProg #calA .jsKalMonth{ height:343px!important; top:42px;}
#calA .jsKalMonth { /*height:343px!important; top:42px;*/ margin:0 auto; background:transparent;}
.jsKalMonth { background:url('img/bg_mois.jpg') no-repeat center bottom; }
.jsKalMonth .weekdayLabel { border: none;}
.jsKalMonth .date { position:relative; right:0px; top:0px; left:0px; font-weight:bold; text-transform:uppercase; font-family:verdana, Arial; font-size:15px;}
.finmois { height:0px; width:531px; margin:0 auto; background:url('img/bg_mois.jpg') no-repeat center bottom;}
a.btnChangeMonthBiCal2 {
	text-align:center;
	color:#ffffff;
	height:18px;
	overflow:hidden;display:block;
	text-transform:capitalize;
	width:98px;
	position:absolute;
	top:20px;
}
.btnChangeMonthBiCal2_prev_wrap, .btnChangeMonthBiCal2_next_wrap {width:103px!important;}
#btn_achat_billet{ padding:8px 0;}



/*******************************************************************
						Calendrier Double
*******************************************************************/

.doubleCalWrap { position:relative; width:580px; background-color:#000000; margin-bottom:20px; margin-right:8px; padding-bottom:15px; left:-10px; }

.jsKalMonth, .jsKalMonth .date, .jsKalMonth .weekday,
.jskal {font-family:Georgia, "Times New Roman", Times, serif!important;}


.calA { margin-left:44px; margin-right:10px; width:235px;}
.doubleCalWrap #calA.doubleCal { margin-left:44px; margin-right:10px; width:235px;}
.doubleCal { float:left; width: 235px; }

.doubleCal .date { position:relative; right:0; top:0; text-transform:uppercase; font-weight:bold; }
a.btnChangeMonthBiCal.prev { position:absolute; left:-6px; top:110px; width:43px; height:24px; background:url('img/jskal_arrow_left.gif') no-repeat; display:block; overflow:hidden; }
a.btnChangeMonthBiCal.prev span { display:none; }
a.btnChangeMonthBiCal.next { position:absolute; left:543px; top:110px; width:43px; height:24px; background:url('img/jskal_arrow_right.gif') no-repeat; display:block; overflow:hidden; }
a.btnChangeMonthBiCal.next span { display:none; }
#headerCalendar, .containerWeekDayLabel { top:8px!important; margin:0 auto;	position:relative!important;}
.daysContainer { margin:0 auto;	top:8px !important;}
#topNode, #middleNode, #endNode {
	background:url('img/calendrier/ligne_calendrier.jpg') left no-repeat;
	height:1px;
	width:368px;
	border:0;
	position:absolute;
}
#topnode, #topNode {top:8px;left:0;}
#middleNode, #middleNode {top:27px;left:0;}
#endnote, .endnote {width:368px!important;}
.rowDate {
	height:auto !important;
	left:50%;
	line-height:normal !important;
	margin:0 0 0 -91px;
	position:absolute;
	top:-18px;
	width:182px !important;
}
.rowDate .date {position:relative;text-align:center;top:0;text-transform:uppercase;}

#atelier-lyriqye-cal #calA {
	height:auto !important;
	padding:0 0 0;
	margin:0 6px!important;
	width:388px !important;}

#calSimple {background:url('img/calendrier/bg_calendrier_simple.jpg') no-repeat; position:absolute; top:20px; left:-5px;}
#calA { background-position:right bottom; background-repeat:no-repeat;}
	#calA .laboheme, #calProg .laboheme {background-image:url('img/calendrier/bg_laboheme.jpg');}
	#calA .legala15edition, #calProg .legala15edition {background-image:url('img/calendrier/bg_legala.jpg');}
	#calA .rigoletto, #calProg .rigoletto {background-image:url('img/calendrier/bg_rigoletto.jpg');}
	#calA .robertodevereux, #calProg .robertodevereux {background-image:url('img/calendrier/bg_robertodevereux.jpg');}
	
	/*#calA .salome, #calProg .salome {background-image:url('img/calendrier/bg_salome.jpg');}
	#calA .atelierlyrique, #calProg .atelierlyrique {background-image:url('img/calendrier/bg_leconsul.jpg');}*/
	#calA .salome, #calProg .salome {background-image:url('img/calendrier/bgCalendar_double.jpg');}
	#calA .atelierlyrique, #calProg .atelierlyrique {background-image:url('img/calendrier/bgCalendar_double.jpg');}
	
	#calSimple .werther, #calProg .werther {background-image:url('img/calendrier/bg_werther.jpg');}
.doubleCalWrap #calA {background:none;}

#calSimpleProg #calA {height:340px!important;width:565px;}
#calSimpleProg #topNode,
#calSimpleProg #middleNode,
#calSimpleProg #endNode {
	background:url('img/ligne_cal_prog.jpg') left no-repeat;
	left:17px;
	width:530px;
}

#calSimple #endNode {left:0px;}
	.ie6 #calSimple #topNode {top:1px;}
	.ie6 #calSimple #middleNode {top:20px;}

#calSimple .jsKalMonth  {width:388px!important;}
#calSimpleProg .jsKalMonth {width:564px!important;}

/* detail_complet */
#detail_complet{ padding-top:25px; margin-left:15px;}

.doubleCalWrap #topNode,
.doubleCalWrap #middleNode {
	background:url('img/calendrier/bg_cal_double.jpg') left no-repeat;
	left:0;
	width:235px;
	z-index:666;
}

.doubleCalWrap #middleNode {top:46px;}
.doubleCalWrap #topNode {top:24px;}
.ie7 .doubleCalWrap #middleNode {top:56px;}
.ie7 .doubleCalWrap #topNode {top:34px;}
.ie6 .doubleCalWrap #middleNode {top:48px;}
.ie6 .doubleCalWrap #topNode {top:26px;}
.doubleCalWrap #endNode {height:0;display:none;}
.doubleCalWrap #calA {overflow:visible;}
.ie6 .doubleCalWrap #calA {margin-left:24px!important;}

.doubleCalWrap #calB #topNode,.doubleCalWrap #calB #middleNode {background-position:right;right:0;width:235px;}
.doubleCalWrap .rowDate {position:relative!important;margin:10px auto 0;top:0;left:0;}
.doubleCalWrap .daysContainer {top:9px!important;}

a.btnChangeMonthBiCal2:hover{ text-decoration:none;}
a.btnChangeMonthBiCal2.prev { padding:2px 0 1px 5px; left:-5px;	background:url('img/bg_fleche_left.gif') #cc3d2d no-repeat;}
a.btnChangeMonthBiCal2.next { padding:2px 5px 1px 0; right:-5px; background:url('img/bg_fleche_right.gif') right #cc3d2d no-repeat;}

/*a.buyTicket{	display:block;	height:21px; margin:5px 10px 0;	width:92px;}
a.buyTicket.fr{background:url('img/fr/btn_buy-ticket.gif') repeat scroll 0 0 transparent;}
a.buyTicket.en{ background:url('img/en/btn_buy-ticket.gif') repeat scroll 0 0 transparent;}*/


/* calenderStep */
#calenderStep .medium_collumn{ margin-right:0;}



/* FIN CALENDRIER
--------------------------------------------------------------------------------------- */



/*******************************************************************
						Achat billet
*******************************************************************/
.achat_billet.en a, .achat_billet.fr a { height:257px; width:127px;	display:block; float:left;}
.achat_billet.fr a {background-image:url('img/fr/achat_billet_bg2.jpg');}
.achat_billet.en a {background-image:url('img/en/achat_billet_bg2.jpg');}

#achat_01 {background-position:0 -257px;}
	#achat_01:hover, #achat_01.current,  #achat_01.active {background-position:0 0;}
	
#achat_02 {background-position:-128px -257px;}
	#achat_02:hover, #achat_02.current, #achat_02.active {background-position:-128px 0;}
	
#achat_03 {background-position:-256px -257px;}
	#achat_03:hover, #achat_03.current, #achat_03.active {background-position:-256px 0;}
	
#achat_04 {background-position:-511px -257px;}
	#achat_04:hover, #achat_04.current, #achat_04.active {background-position:-511px 0;}
	
#achat_05 {background-position:-639px -257px;}
	#achat_05:hover, #achat_05.current, #achat_05.active {background-position:-639px 0;}
	
#achat_06 {background-position:-766px -257px;}
	#achat_06:hover, #achat_06.current, #achat_06.active {background-position:-766px 0;}
	
#achat_07 {background-position:-383px -257px;}
	#achat_07:hover, #achat_07.current, #achat_07.active {background-position:-383px 0;}

a#continue{	display:block;	height:21px; margin:5px 10px 0;	width:92px;}
a#continue.fr{background:url('img/fr/btn_continue.gif') repeat scroll 0 0 transparent;}
a#continue.en{ background:url('img/en/btn_continue.gif') repeat scroll 0 0 transparent;}


/**************************** SECTION ABONNEMENT
--------------------------------------------------------------------------------------- */

.table_abonnement_prix , .table_abonnement, .table_abonnement_type {background-color:#fff;padding:5px 12px 5px 12px;font-size:13px;}
.table_abonnement_type table {width:100%;}
.table_abonnement_type table td {border-bottom:1px solid #e2e3d3;padding:5px;}
.table_abonnement_type table p {margin:5px 0 5px;}
.table_abonnement_type table strong {font-size:14px;margin:0 0 4px;display:block;}
.table_abonnement table{padding:5px 0px 5px 0px;}
.table_abonnement_prix table td,.table_abonnement table td{height:26px;}
.table_abonnement_prix table {padding:5px 0px 5px 0px;width:100%;text-align:center;font-weight:bold;}
.table_abonnement_prix table td{background-color:#ffec9f;}
.table_abonnement_prix .jaune {background-color:#ffcc00;}
.table_abonnement_serie {width:100%;}
.table_abonnement_serie th {height:28px;padding:11px 13px 11px 13px;background-color:#feea94;text-align:left;}
.table_abonnement_serie td {height:30px;padding:7px 13px 7px 13px;}
.table_abonnement_serie tr {background-color:#fff;}
.table_abonnement_serie .jaune {background-color:#fef7da;}
.abonnement_content{ background:url('img/OdM_BkgAbonnement.jpg') top center repeat-x;}

/* *************************** FIN SECTION ABONNEMENT
--------------------------------------------------------------------------------------- */




/* SECTION INFO PRATIQUE
--------------------------------------------------------------------------------------- */
/* blockInfos */
.blockInfos{ float:left; width:278px; margin:0 20px 20px 0;}
.blockInfos.noSpace{ margin-right:0;}
/* FIN SECTION INFO PRATIQUE
--------------------------------------------------------------------------------------- */



/*SECTION JEUNES ARTISTES
--------------------------------------------------------------------------------------- */
/* releve_box */
#releve_box .imagesRoster img{float:left; margin-right:20px; margin-top:10px;}
#releve_box .infosRoster{ float:left; width:450px; margin-top:10px;}
#releve_box .infosRoster h2.border-bottom{ border-bottom:2px solid #E3E3D2; /*margin-bottom:10px;*/}
/*FIN SECTION JEUNES ARTISTES
--------------------------------------------------------------------------------------- */


/* HISTOIRE
--------------------------------------------------------------------------------------- */
.sub_sect { margin-bottom:15px; margin-top:0; }
.sub_sect li a { color:#E24F3E!important; font-size:11px; }
.timeline { width:914px!important; height:397px!important; position:relative; margin:0 0 0px; left:-20px; margin-bottom:20px;}
.timeline_pantheon { width:914px!important; height:420px!important; position:relative; margin:0 0 0px; left:-20px; margin-bottom:20px;}

/* twoColumns */
.twoColumns { padding-bottom:30px; width:5ou80px;}
.twoColumns table{ padding:5px 3px;}
.twoColumns table th{ background-color:#FEEA94; padding:8px 0 8px 12px; font-weight:bold; text-align:left;}
.twoColumns table th p{ margin-bottom:0;}
.twoColumns table tr.odd{ background-color:#FEF7DA;}
.twoColumns table td{ padding:5px;}

/* FIN HISTOIRE
--------------------------------------------------------------------------------------- */


/* NOUS JOINDRE
--------------------------------------------------------------------------------------- */
.logoMetro{ position:relative; top:-7px; padding-left:5px;}
.personnel_contact{ padding:0; margin:15px 0 0 15px;}
.personnel_contact li { width:158px; padding:0 10px 0 0; float:left; display:block; margin:0 0 19px; min-height:88px; background:none; list-style:none;}
.personnel_contact a { display:block; text-decoration:none;}

/* FIN NOUS JOINDRE
--------------------------------------------------------------------------------------- */


/* NOUVELLE SAISONS
--------------------------------------------------------------------------------------- */

.extrait-image { float: left;}
.extrait-image img { margin: 10px 10px 0 20px;}

.containerTabNewSeason{ height:135px;}
table.tabNewSeason{ width:724px; position:relative; top:45px;}
table.tabNewSeason td{ padding:0 10px 10px 0;}


.extrait-infos { margin: 40px 0 0 6px; width: 246px; float: left; color: #000;}
.extrait-infos div { height: 129px;}	
.extrait-infos-alt { margin: 0 0 0 6px; width: 246px; float: left; color: #000;}
.extrait-infos-alt div { height: 91px;}	
.extrait-infos-alt div.longer { height: 75px;}
.newSeason#rigoletto { background: url('img/bg-rigoletto.jpg') 0 0 no-repeat; height: 192px; margin-left:-20px;}
.newSeason#roberto { background: url('img/bg-roberto.jpg') 0 0 no-repeat; height: 192px; margin: 30px 0 0 -20px;}
.newSeason#werther { background: url('img/bg-werther.jpg') 0 0 no-repeat; height: 192px; margin: 30px 0 0 -20px;}
.newSeason#salome { background: url('img/bg-salome.jpg') 0 0 no-repeat; height: 192px; margin: 30px 0 0 -20px;}
.newSeason#boheme { background: url('img/bg-boheme.jpg') 0 0 no-repeat; height: 192px; margin: 30px 0 0 -20px;}
.newSeason#menotti { background: url('img/bg-menotti.jpg') 0 0 no-repeat; height: 192px; margin: 30px 0 0 -20px;}

#extraitVideo{ padding:5px 0 30px 0px;}
#extraitVideo .preview { padding:10px 0 0 10px;}
#extraitVideo .preview p { margin:0 10px 0 0; width:105px;}
#extraitVideo .preview a { display:block; margin:0 0 7px;}

#extraitVideo h5{ margin-right:10px;}
.wrapper-extrait { padding: 40px 0 0 0px;}

/* FIN NOUVELLE SAISONS
--------------------------------------------------------------------------------------- */



/* SITEMAP
--------------------------------------------------------------------------------------- */
#sitemap{ padding:15px; position:relative; left:-25px;}
#sitemap ul{float:left;padding:0;margin:0 20px 26px 0 ;}
#sitemap ul li{display:block; background:none; padding-left:0;}
#sitemap li.titleSection a {background-image:url('img/en/site-map.jpg'); height:30px; display:block;}
#sitemap.fr li.titleSection a {background-image:url('img/fr/carte_du_site.jpg');height:30px;display:block;}

#sitemap .programmations{width:126px;}
#sitemap .programmations li.titleSection a {background-position:0 0;width:126px;}
#sitemap .abonnements{width:125px;}
#sitemap .abonnements li.titleSection a {background-position:-126px 0;width:125px;}
#sitemap .achatbillet{width:126px;}
#sitemap .achatbillet li.titleSection a {background-position:-252px 0;width:126px;}
#sitemap .histoire{width:126px;}
#sitemap .histoire li.titleSection a {background-position:-378px 0;width:126px;}
#sitemap .faitedon{width:126px;}
#sitemap .faitedon li.titleSection a {background-position:-630px 0;width:126px;}
#sitemap .atelierlyrique{width:126px;}
#sitemap .atelierlyrique li.titleSection a {background-position:-756px 0;width:126px;}
#sitemap .education{width:126px;}
#sitemap .education li.titleSection a {background-position:-886px 0;width:126px;}
#sitemap .equipe{width:126px;}
#sitemap .equipe li.titleSection a {background-position:-1012px 0;width:126px;}
#sitemap .contact{width:126px;}
#sitemap .contact li.titleSection a {background-position:-1138px 0;width:126px;}
#sitemap .partenaires{width:156px;}
#sitemap .partenaires li.titleSection a {background-position:-1264px 0;width:156px;}
#sitemap .medias{width:126px;}
#sitemap .medias li.titleSection a {background-position:-1420px 0;width:126px;}
#sitemap .location{width:156px;}
#sitemap .location li.titleSection a {background-position:-1546px 0;width:156px;}
#sitemap .politique{width:178px;}
#sitemap .politique li.titleSection a {background-position:-1702px 0;width:178px;}
#sitemap .entreprise{width:158px;}
#sitemap .entreprise li.titleSection a {background-position:-1909px 0;width:158px;}
#sitemap .corporate{width:158px;}
#sitemap .corporate li.titleSection a {background-position:-1909px 0;width:158px;}

/* FIN SITEMAP
--------------------------------------------------------------------------------------- */



/* liens_utiles */
a.lien_utile {
background:url("img/bg_lien_utile.jpg") no-repeat scroll right top transparent;
color:#F94939;
display:block;
float:left;
padding-right:17px;
}

/* equipes */
.equipes .equipe_section {
color:#000000;
display:block;
font-style:normal;
font-weight:bold;
line-height:12px;
padding:2px 0;
text-transform:uppercase;
margin-top:8px;
}

.equipes p span { color:#000000; font-style:italic; font-weight:normal;}
 
/* Footer
--------------------------------------------------------------------------------------- */
#footer{background-color:#FFF; color:#ADAD96; height:42px; padding-top:8px;	position:relative; width: 914px;}
#footer p{ font-size:10px; margin:0; position:absolute;	right:10px;	text-align:right; top:10px; line-height:10px;}
#footer ul{ padding-left:0px;}
#footer #menu_sec li {display:inline; line-height:15px; background:none; list-style:none; margin:0; padding:0;}
#footer #menu_sec{ margin:0; padding:0 0 0 10px; width:500px;}
#footer  #menu_sec li a{
border-right:1px solid #D6D6CA;
color:#E24F3E;
display:block;
float:left;
font-size:11px;
padding:1px 7px;
font-weight:normal;
text-decoration:underline;
}
#footer #menu_sec a:hover{ text-transform:none;}
#footer #logoimg{ position:relative; top:5px; }

/* #footer - page 404 */
.error404 #footer, .page-template-specialPage-php #footer{ background-color:#000; color:#adad96;}
.error404 #footer #menu_sec,  .page-template-specialPage-php #footer #menu_sec{display:none;}

/* lang_sel_list */
#lang_sel_list a.lang_sel_sel{ display:none;}



/*  Classes */
.float { float: left;}
.float-r { float: right;}
.hide {display:none;}
.clear {clear:both;}
.block {display:block;}
.left {float:left;}
.right {float:right;}
.relative {position:relative;}
.bg_black {background-color:#000;}
.big {font-size:14px;font-weight:bold;}
.noirauboute {color:#FFF;background-color:#2a2220;font-size:14px;text-align:center;font-weight:bold;display:block;}
.num_bold {font-weight:bold;font-size:11px;}
.acteur {margin:20px 0 10px;}
.acteur span{text-transform:uppercase;font-weight:bold;}
.noborder {border:0;}
.etape {font-size:14px;font-weight:bold;}
.out {margin-left:-5px; clear:both; display:block; width: 892px;}
.bold {font-weight:bold;}
.lowercase {text-transform:lowercase!important;}
.grey {color:#898973!important;}
.zero {margin:0; /*padding:0 0 0 10px;*/}
.subtile{ color:#A8AA94}
.normalText{ color:#2A2221}

/* LINKS */
.lien_utile_voir { display:block; padding:3px 0 5px; text-align:right;}
.lien_utile_voir:hover{ text-decoration:none;}
.lien_utile_acrobat{ background:url('img/logo_acrobat.jpg') left top no-repeat; padding:6px 0 0 31px; /*height:24px;*/display:block; float:left; position:relative; top:-2px;}
.lien_utile_acrobat:after{ clear:both;}


h2.title-partneraire{ font-size:20px;}
.title-partneraire{ margin:20px 0 12px 0;}
.icon-top-page { 
	margin-right:15px;
	margin-bottom:0; 
	padding-bottom:0; 
	padding-right:10px; 
	background: url('img/icon-top-page.gif') right 4px no-repeat; 
	display:block; 
	text-align:right;
	clear:both;
}
.ul_gris_petit li, .ul_gris li{ color:#b3b5a0;/* margin:0 0 2px 0; background:url('img/arrowGrey.gif') 3px 6px no-repeat; padding-left:13px;*/}
.ul_gris_petit li span, .ul_gris li span{ color:#000;}

/* border */
.border_bottom { border-bottom:2px solid #E3E3D2;}
/*a.border_bottom:hover { border-bottom:2px solid #f23d34;}*/


/*  Spacing */
.noSpaceImage{ position:relative; left:-20px;}
.collumn {float:left; margin:0 0px;}
.comment { color:#A8AA94 !important;}
.nomargin { margin:0!important;}
.topMargin{ margin-top:10px;}
.out_of_the_box{}
.blockText{ margin-bottom:25px;}

/* contentTable */
table.contentTable{border-collapse: collapse; display:block; clear:both; margin:0;}
table.contentTable th{background: #ccc; padding: 7px 0; border: none;  vertical-align: top;}
table.contentTable td{padding: 7px 0; border: none; vertical-align: top;}


/**********************************************************************
							JSWIN
***********************************************************************/
.jsWinDefaultSkin {background:#fcfcf1!important; position:absolute;}
.jsWinDefaultSkin .titleBar {background:transparent!important;position:absolute;right:0;top:0;}
.jsWinDefaultSkin #contenu {padding-bottom:0; overflow:hidden;}
.jsWinDefaultSkin .content {margin-bottom:0 !important;}
.show_metro { float:left;}
.show_metro:after {clear:both; display:block;}
.show_metro img{float:left;margin:0 0 01px}
.show_metro span{float:left;margin:5px 0 0 7px;}
.jsWinDefaultSkin #contenu {overflow:hidden;padding-bottom:0;}
#contenu { color:#2A2221; font-size:11px; line-height:16px; min-height:400px;/* padding:4px 10px 36px;*/}

/******  TABS JQUERY *********/ 
/* Caution! Ensure accessibility in print and other media types...   TABS JQUERY */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {list-style: none; margin: 0;}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav a, .tabs-nav a span { display: block;}
.tabs-selected a{ text-decoration:none; color:#444444;}
/******  FIN TABS JQUERY *********/  


.box_green { background: #eeefe1;padding:10px 10px 20px;}
.truncate_readless, .readless { background:url("img/cross_less.jpg") no-repeat scroll right center transparent; display:block; float:left; margin:13px 170px 24px 0; padding-right:15px; border:1px solid #FDFCF1;}
.truncate_readmore, .readmore { background:url("img/cross_more.jpg") no-repeat scroll right center transparent; display:block; float:left; margin:13px 170px 24px 0; padding-right:15px; border:1px solid #FDFCF1;}

.list-indent { margin-left: 10px;}