/* LAYOUT */
body {
	background:#FFF;
	color:#000;
	font:400 13px/16px 'Proxima Nova', Arial, Helvetica, sans-serif;
}

#page-container {
	width:940px;
	margin:0 auto;
	padding:0 0 20px;
}

	#sidebar {
		background:url(../images/bg-colonne-gauche.jpg) no-repeat center bottom #000000;
		overflow:hidden;
		padding: 0 0 270px 0;
	}
	
		#logo {
			display:block;
			background:url(../images/logo-salle-odysee.jpg) no-repeat center center #000;
			width:220px;
			height:140px;
		}
	
		nav ul li {
			position:relative;	
		}
		
		nav ul li a {
			display:block;
			padding:10px;
			color:#FFF;
			text-decoration:none;
			text-transform:uppercase;
		}
			
			nav ul li a:hover,
			nav ul li.active a {
       color:#FFF;
				padding-left:25px;
				background:url(../images/bg-nav-item.png) no-repeat 10px center;
			}
					
		nav ul li ul.subnav {
			display:none;
			background:#000;
			padding:10px 0 10px 25px;
		}
		
			nav ul li.active ul.subnav,
			nav ul li.expanded ul.subnav { display:block; }
		
			nav ul li ul.subnav li {
				margin:0 0 4px;	
			}
			
				nav ul li ul.subnav li a {
					background:none;
					padding:0px;
				}
				
					nav ul li ul.subnav li a:hover,
					nav ul li ul.subnav li a.active {
						font-weight:800;	
           color:#FFF;
					}
					
			
		#tickets {
			margin:27px 0 0;
			color:#FFF;
		}
		
			#tickets span {
				display:block;
				background:#999;
				text-align:center;
				text-transform:uppercase;
				font-size:28px;
				font-weight:200;
				line-height:28px;
				margin:0 0 6px;
				padding:3px 10px;
			}

	#content {
		padding:30px 0;
	}
			
		header .row { 
			position:relative;
			margin-bottom:0; 
		}
	
			#social {
				position:absolute;
				bottom:0;
				right:0;
			}
			
				#social iframe { float:right; }
				
				#bt-facebook {
					display:block;
					background:url(../images/icon_facebook.png) no-repeat 0 0;
					width:24px;
					height:24px;
					text-indent:-9999em;
					float:right;
					margin-right:5px;
				}
	
		#bt-buy-online {
			position:absolute;
			top:0;
			right:0;
			padding:10px 20px;
			font-size:14px;
			font-weight:700;
			text-transform:uppercase;
			text-decoration:none;
			color:#FFF;
		}
		
	#artists-container .row { /*margin-bottom:0;*/ }	
		
	.show-details-container,
	.artist-container {
		background:#FFF;
	}	
	
    .show-details-container img.clickable { cursor:pointer; }
  
	.artist-container {
		float:left;
		margin:0 14px 14px 0;
	}
	
		.artist-container.last {
			margin-right:0;
		}
	
		.artist-container:hover {
			opacity:0.8;
			filter:alpha(opacity=80);
		}
			
		.artist-container a {
			display:block;
			text-decoration:none;
		}
		
			/*
			.artist-container a:hover {
				opacity:0.8;
				filter:alpha(opacity=80);
			}
			*/
		
		.show-details-container p strong {
			font-size:24px;
			line-height:24px;
		}
		
		.show-details-container img,
		.artist-container img {
			display:block;
			width:100%;
			height:auto;
		}	
		
			.show-details,
			.artist-details {
				position:relative;
				display:block;
				padding:10px;
				min-height:160px;
				height:auto!important;
				height:160px;
				color:#FFF;
				font-size:16px;
				line-height:20px;
				text-transform:uppercase;
			}
			
				.show-details.extended {
					padding-bottom:60px;	
				}
			
				.artist-details {
					min-height:75px;
					height:auto!important;
					height:75px;
					font-size:13px;
					line-height:16px;
				}
			
				.show-details strong,
				.artist-details strong {
					font-weight:600;	
				}
			
     
     .artist-video { display:none; } 
      	
			span.desjardins {
				background: url(../images/logo-presente-par-desjardins.png) no-repeat scroll 0 0 transparent;
				display: block;
				float: right;
				height: 26px;
				margin: 12px 0 0;
				width: 199px;
			}
			
			span.gatineau {
				background: url(../images/logo-ville-de-gatineau.png) no-repeat scroll 0 0 transparent;
				display: block; 
				float: right;
				height: 37px;
				margin: 6px 0 0;
				width: 61px;
			}

			span.multispec {
				display:block;
				background:url(../images/logo-multispecs.png) no-repeat 0 0;
				width:53px;
				height:44px;
				position:absolute;
				bottom:15px;
				right:15px;
			}
			
			span.details {
				display: block;
				float: right;
				height: 26px;
				margin: 10px 0 0;
				font-size:12px;
				line-height:14px;
				text-transform:none;
				text-align:right;
			}
			
				span.details a { color:#FFFFFF; }
			
	/* FOOTER */
	footer {
		margin:0;
	}
	
	footer ul {
		position:relative;
		text-align:center;
		width:100%;	
		margin:0;
		border-top:1px solid #616B6D;
		border-bottom:1px solid #616B6D;
		padding:4px 0 0;		
	}
		
		footer ul li {
			background:url(../images/bg-li-links.jpg) no-repeat center right;
			display:inline-block;
			overflow:hidden;
		}
			
				.ie7 footer ul li {
					display:inline;
				}
			
				footer ul li.last {
					background:none;
				}
			
				footer ul li a {
					font-size:0.7em;
					display:inline-block;
					text-align:center;
					text-decoration:none;
					text-transform:uppercase;
					padding-left:8px;
					padding-right:8px;
				}
				
					footer ul li a:hover {
						color:#616B6D;
					}

	/* ABONNEMENT */
	.bt-subscribe-5-7 {
		display:block;
		background:url(../images/bt-subscribe-5-7.png) no-repeat 0 0;
		width:91px;
		height:91px;
		
		position:absolute;
		bottom:15px;
		right:115px;
	}
	
	.bt-subscribe-7-7 {
		display:block;
		background:url(../images/bt-subscribe-7-7.png) no-repeat 0 0;
		width:91px;
		height:91px;
		
		position:absolute;
		bottom:15px;
		right:115px;

	}
	
	.bt-subcribe-form {
		display:block;
		background:url(../images/bt-download-subscribe-form.png) no-repeat 0 0;
		width:91px;
		height:91px;
		
		position:absolute;
		bottom:15px;
		right:15px;

	}

	/* SLIDESHOW */			
	#slideshow-container {
		position: relative;
		margin-bottom:20px;
	}		
	
		#slideshow {
			height: auto;
			position: relative;
			width: 100%;
			z-index: 1;
		}
		
			.nivoSlider a.nivo-imageLink {
				background:white;
				filter: alpha(opacity=0);
				opacity: 0;
			}
		
			#slideshow img {
					display: block;
			}
			
			div.nivo-directionNav a.nivo-prevNav,
			div.nivo-directionNav a.nivo-nextNav {
				display:none;
				width:21px;
				height:26px;
				text-indent:-9999em;
				background:url(../images/bt-slider-arrow-left.png) no-repeat left top;
			}
				
				div.nivo-directionNav a:hover { background-position:left bottom; }
			
				div.nivo-directionNav a.nivo-prevNav {
					left:10px;
				}
			
				div.nivo-directionNav a.nivo-nextNav {
					right:10px;
					background-image:url(../images/bt-slider-arrow-right.png);
				}
			
			div.nivo-controlNav {
				position:absolute;
				bottom:0;
				right:10px;
				padding:0;
				width:100px;
				text-align:right;
				z-index:100;
			}
			
				.ie7 div.nivo-controlNav {
					bottom:10px;	
				}
				
				a.nivo-control {
					display:inline-block;
					background:url(../images/bt-slideshow.png) no-repeat left top;
					width:7px;
					height:7px;
					text-indent:-9999em;
					margin:0 0 0 5px;
				}
				
					a.nivo-control.active {
						background-position:left bottom;
					}
					
/* EVENTS */
.slideDescription a { 
	display:block; 
	text-decoration:none; 
	cursor:pointer; /*IE7*/
}

.slideDescription .left-column {
	width:210px;
	height:170px;
	float:left;
	padding:15px;
	color:#FFFFFF;
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
}

.slideDescription .right-column {
	width:220px;
	height:200px;
	float:right;
}


/* STYLES */
h1 {
	font-size:50px;
	line-height:47px;
	font-weight:100;
	color:#000;
	text-transform:uppercase;
	margin:0 0 15px;
}
	h1.small { font-size:36px; line-height:36px;}

h2 {
	font-size:48px;
	line-height:48px;
	font-weight:100;
	color:#FFF;
	text-transform:uppercase;
	margin:0 0 15px -19px;
	background:#000;
	padding:12px 25px 13px 22px;
	font-style: italic;
}

h3 {
	font-size:13px;
	line-height:13px;
	font-weight:300;
	color:#FFF;
	text-transform:uppercase;
	margin:0 0 10px;
	background:#000;
	padding:7px;
}

p {
	margin:0 0 15px;
	
}
p.small { font-size:0.8em; line-height:1.2em;}

sup {
	vertical-align:super;
	font-size:0.7em;
	text-transform:lowercase;
}

em { font-style:italic; }

strong { font-weight:600; }

strong em, 
em strong {
	font-style:italic;
	font-weight:600;
}

a { color:#000; }
	a:hover {
	text-decoration:none;
}

a.partenaire { 
	display:inline-block; 
	margin:10px 30px 0 0; 
}
	a.partenaire.last { margin-right:0; }

img.fullWidth {
	display:block;
	width:100%;
	height:auto;
}

/* NAVIGATION - names provided by http://chir.ag/projects/name-that-color */
.bg-blue-stone { background-color:#005a68; }
.bg-cardinal { background-color:#b3203a; }
.bg-carrot-orange { background-color:#f3912e; }
.bg-chathams-blue { background-color:#1a487a; }
.bg-cinnabar { background-color:#e9403b; }
.bg-nevada { background-color:#616B6D; }
.bg-red { background-color:#FF0000; }
.bg-sycamore { background-color:#a0a139; }
.bg-trendy-pink { background-color:#8d559e; }

/* PROGRAMMATION EN COURS */
.bg-les-muses-orphelines { background-color:#6a542d; }
.bg-les-grands-explorateurs { background-color:#627246; }
.bg-ari-cui-cui { background-color:#85909a; }
.bg-oliver-jones-et-josee-aidans { background-color:#5974b6; }
.bg-les-cowboys-fringants { background-color:#807a6f; }
.bg-ben-et-jarod { background-color:#812116; }
.bg-dany-bedar { background-color:#6f553f; }
.bg-michel-barrette { background-color:#005483; }
.bg-marie-lise-pilote { background-color:#b82e42; }
.bg-marc-hervieux { background-color:#7c2e51; }
.bg-billy-tellier { background-color:#d25ca2; }


/* CLASSIQUE */
.bg-angele-dubeau-et-la-pieta { background-color:#9f343a; }

/*  CÔTÉ JARDIN */
.bg-dominique-hudson { background-color:#616b6d; }
.bg-jerome-charlebois { background-color:#ce9246; }
.bg-amelie-veille { background-color:#ee4036; }
.bg-madame-moustache { background-color:#a1a22f; }

/* ENFANTS */
.bg-nicolas-noel { background-color:#006096; }
.bg-arthur-afrique { background-color:#ffcc33; }
.bg-ari-cui-cui { background-color:#f79e38; }
.bg-o-lit { background-color:#a31018; }
.bg-carmen-campagne { background-color:#d968a8; }
.bg-krystine { background-color:#9ebb07; }

/* HORS SÉRIE */
.bg-la-puce-a-loreille { background-color:#a01e54; }

/* HUMOUR */
.bg-laurent-paquin { background-color:#ec1c24; }
.bg-alexandre-barrette { background-color:#685D63; }
.bg-real-beland { background-color:#a97149; }
.bg-jean-marc-parent  { background-color:#a6aeb3; }
.bg-jeremy-demay {background-color:#b4972a; }
.bg-sugar-sammy { background-color:#4d4542; }
.bg-claudine-mercier { background-color:#af3824; }
.bg-pierre-hebert { background-color:#685d63; }
.bg-peter-macleod { background-color:#893a4c; }
.bg-dominic-et-martin { background-color:#444b5c; }
.bg-p-a-methot { background-color:#d1ad97; }
.bg-francois-massicotte { background-color:#b61f38; }
.bg-francois-morency { background-color:#00b274; }
.bg-andre-sauve { background-color:#005a67; }
.bg-lise-dion { background-color:#ae8764; }
.bg-guy-nantel { background-color:#14243d; }
.bg-francois-bellefeuille { background-color:#000000; }
.bg-zapartistes { background-color:#333333; }
.bg-3-tenors { background-color:#333333; }
.bg-etienne-dano { background-color:#b22535; }
.bg-boucar-diouf { background-color:#decf6f; }
.bg-clemence-desrochers { background-color:#a4722c; }
.bg-jean-francois-mercier { background-color:#0c1927; }

/* LA SÉRIE CHANSON */
.bg-marie-mai { background-color:#d1323f; }
.bg-patrick-norman { background-color:#e66a1f; }
.bg-eric-lapointe { background-color:#18478d; }
.bg-paul-daraiche { background-color:#57534d; }
.bg-daniel-belanger { background-color:#4d4d4f; }
.bg-etienne-drapeau { background-color:#458aa1; }
.bg-marie-michele-desrosiers { background-color:#cb6131; }
.bg-brigitte-m { background-color:#c6a445; }
.bg-sylvain-cossette { background-color:#33414e; }
.bg-mes-aieux { background-color:#708945; }
.bg-lynda-lemay { background-color:#7b4732; }
.bg-marie-eve-janvier-et-jean-francois-breau { background-color:#1d3e23; }
.bg-roch-voisine { background-color:#bb8d38; }
.bg-herbert-leonard { background-color:#1c0402; }
.bg-vincent-vallieres { background-color:#063048; }
.bg-steve-michaud { background-color:#930000; }
.bg-marie-mai2 { background-color:#6d6c94; }
.bg-half-moon-run { background-color:#c0392e; }
.bg-hommage-brel { background-color:#000000; }
.bg-vincent-vallieres { background-color:#aa5956; }
.bg-jean-marc-couture { background-color:#1e1d1b; }
.bg-dick-rivers { background-color:#000000; }
.bg-mario-saint-amand { background-color:#17314c; }
.bg-jonas { background-color:#25313f; }
.bg-kain { background-color:#2f2f2f; }
.bg-michel-rivard { background-color:#564f49; }
.bg-nicole-martin { background-color:#50361d; }
.bg-nadja { background-color:#ad877c; }
.bg-dan-bigras { background-color:#666c7c; }
.bg-wilfred-lebouthillier { background-color:#6e816d; }
.bg-lynda-thalie { background-color:#785e47; }



/* MUSIQUE ET JAZZ */
.bg-jill-barber { background-color:#d1323f; }
.bg-le-jazz-dune-generation-a-lautre { background-color:#b9262c; }
.bg-susie-arioli { background-color:#9c9ea1; }
.bg-triades { background-color:#7b868f; }

/* SPECTACLES D'ÉTÉ */
.bg-messmer { background-color:#14477c; }
.bg-rachid-badouri { background-color:#9d603f; }
.bg-patrick-groulx { background-color:#615e60; }
.bg-lise-dion { background-color:#ae8764; }
.bg-paris-new-york { background-color:#ab1f22; }

/* THÉÂTRE */
.bg-les-peintres-du-charbon { background-color:#7b85c1; }
.bg-douze-hommes-en-colere { background-color:#80986c; }
.bg-le-murmure-du-coquelicot { background-color:#d82e2e; }
.bg-icare { background-color:#d82e2e; }
.bg-marius-et-fanny { background-color:#8b6a72; }
.bg-vivement-lundi { background-color:#4d4542; }
.bg-enfantillages { background-color:#ec1651; }

/* VARIÉTÉS */
.bg-belles-soeurs { background-color:#7c1a52; }
.bg-ladies-night { background-color:#f16522; }
.bg-luc-langevin { background-color:#5d5d84; }
.bg-le-chant-de-sainte-carmen-de-la-main { background-color:#8c8880; }

/* AUTRE ÉVÉNEMENTS */
.bg-generique { background-color:#000000; }
.bg-les-choralies { background-color:#b50505; }
.bg-atelier-de-danse-carole-brouard { background-color:#401b18; }
.bg-gala-de-la-robe-rouge { background-color:#9f421a; }
.bg-ecole-de-danse-anick-mcconnell { background-color:#425e8e; }
.bg-gala-des-oscars-ecole-secondaire-mont-bleu { background-color:#a2844a; }
.bg-laurence-jalbert { background-color:#6a2e1b; }
.bg-marie-josee-lord { background-color:#774427; }
.bg-10e-symphonie-beethoven { background-color:#bc9a52; }
.bg-florence-k { background-color:#da9279; }
.bg-misses-satchmo { background-color:#9a8848; }
.bg-requiem-mozart { background-color:#434343; }
.bg-un-reve-pour-noel { background-color:#30294b; }
.bg-memoire-vive { background-color:#ab1d2b; }
.bg-ge-provence { background-color:#b4786d; }
.bg-francesco-verrecchia { background-color:#b71f38; }
.bg-ge-quebec { background-color:#798114; }
.bg-ge-mongolie { background-color:#8b8d77; }
.bg-ge-louisiane { background-color:#8d1d07; }
.bg-ge-venise { background-color:#2950c9; }
.bg-ge-andalousie { background-color:#a28559; }
.bg-ge-sydney { background-color:#b3d5df; }
.bg-ge-birmanie { background-color:#8b9437; }
.bg-parlez-moi-damour { background-color:#663333; }


/* THÉÂTRE SCOLAIRE */
.bg-ts-la-librairie { background-color:#4a413c; }
.bg-ts-lauberge-des-morts-subites { background-color:#7199a1; }
.bg-ts-le-plus-court-chemin { background-color:#6a4927; }
.bg-ts-les-fourberies-de-scapin { background-color:#aa0031; }
.bg-ts-wigwam { background-color:#b47613; }
.bg-ts-la-ville-en-rouge { background-color:#0f103c; }
.bg-ts-passeport-danse { background-color:#000000; }
.bg-ts-mesure-de-soutien { background-color:#fac04f; }

/* IE / IE 7 */
.ie nav ul li a { font-size:0.95em;}
.ie footer ul li a { font-size:0.65em; }

.ie7 .col { margin-left:1.95%; }
.ie7 .col:first-child { margin-left:0; }
.ie7 header .row { margin-bottom:15px; }
.ie7 nav li { overflow:hidden; float:left; width:100%; }
.ie7 ul.subnav { zoom:1; }
.ie7 #tickets { float:left; width:100%; }
.ie7 h2 { font-size:40px;  }
.ie7 h2 span { position:absolute; right:22px; top:12px;}
.ie7 footer ul { padding:0; }

.ie .row,
.ie .clr,
.ie .group							{ zoom: 1; } /* IE6 */

.ie *:first-child+html .row,
.ie *:first-child+html .clr,
.ie *:first-child+html .group		{ zoom: 1; } /* IE7 */