/**
 * Header Stylesheet
 */

/* ====================  TOP LINKS  ==================== */
#topLinks{
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -340px;
	width: 810px;
	text-align: right;
}

#topLinks a { margin-left: 22px; }
#topLinks a.selected { display: none; }

#accueilVilleMontreal {
	position: absolute;
	left: 0;
}

#accueilSiteCulture {
	position: absolute;
	left: 150px;
}


/* ====================  HEADER  ==================== */
#header{
	position: relative;
	height: 170px;
	background-image: url("../images/headerbg.jpg");
}

#header .banner {
	position: absolute;
	width: 100%;
	height: 170px;
	background-position: center top;
	background-repeat: no-repeat;
}

#header.FR .banner { background-image: url("../images/FR/Header.jpg"); }
#header.EN .banner { background-image: url("../images/EN/Header.jpg"); }

#lnkSiteCulture {
	position: absolute;
	display: block;
	left: 50%;
	margin-left: -472px;
	top: 40px;
	width: 115px;
	height: 73px;
}

#lnkVilleMontreal {
	position: absolute;
	display: block;
	left: 50%;
	margin-left: -401px;
	top: 124px;
	width: 163px;
	height: 35px;
}


/* ====================  SECTOR  ==================== */
#sectorBar {
	position: relative;
	width: 731px;
	height: 36px;
	font: bold 18px/24px Helvetica, Arial;
	vertical-align: middle;
}

.comboBox {
	position: relative;
}

.comboBox span {
	position: absolute;
	color: #fff;
	font: bold 16px/24px Helvetica, Arial;
	height: 24px;
	vertical-align: middle;
	overflow: hidden;
	padding: 0 24px 0 8px;
	position: absolute;
	width: 350px;
	background: #d30f43 url("../images/arrowDown.gif") no-repeat scroll 98% center;
}

.comboBox select {
	position: relative;
	width: 380px;
	height: 24px;
	line-height: 21px;
	z-index: 5;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";	/* IE 8 */
	filter: alpha(opacity=0);		/* IE 4-7 */
	zoom: 1;						/* Trigger hasLayout in IE 7 and lower */
}


/* ====================  MENU  ==================== */
#menuBar{
	position: relative;
	width: 708px;
	margin-left: 26px;
	height: 35px;
}

#lastMinute,
#menuBar a.weekDays {
	float: left;
	height: 29px;
	line-height: 29px;
	font-size: 13px;
	text-align: center;
	text-transform: uppercase;
	background-image: url("../images/menubg.jpg");
	color: #b8b8b8;
	font-family: Helvetica;
	margin-left: 1px;
}

#allDates{
	position: absolute;
	right: 0;
	top: 35px;
	font-size: 11px;
	line-height: 20px;
	height: 20px;
	padding: 0 10px;
	text-transform: uppercase;
	background-image: url("../images/menubg.jpg");
	color: #b8b8b8;
	font-family: Helvetica;
	overflow: hidden;
	z-index: 5;
}

#menuBar a:hover, #allDates:hover { color: #ffffff; background-position: 0 -58px; }

#menuBar a.selected, #allDates.selected { color: #2d2d2d; background-position: 0 -29px; }

#lastMinute {
	width: 119px;
}

#day0 {
	width: 100px;
}

a.weekDays { width: 80px; }
a.weekDays.last { width: 81px; }