@charset "utf-8";
/* CSS Document */
body {margin:0;padding:0;background:url(../img/bg.gif);font-family:Helvetica, Arial, sans-serif;}
.hide {display:none;}
.player {height:52px;}

#logo {background:url(../img/district-montreal.gif);display:block;width:159px;height:24px;float:left;}

#content {
	width:991px;
	margin:7px auto 0;
	padding:0 18px  0 40px;
}
#header {height:53px;position:relative;padding:0 0 0 9px;background:url(../img/bg_header.gif) repeat-x;}
#header .lang {float:right;margin:6px 13px 0 0;padding:0;}

	.lang li {float:left;display:block;}
	.lang li a {display:block;font-size:11px;text-decoration:none;padding:0 7px;line-height:1em;}
	.fr {color:#57575b;border-right:0px solid #7f7f82;}
	.en {color:#babbbe;border-left:0px solid #a6a7a9;}
#footer {clear:both;text-align:center;font-size:11px;}

#col-1 {float:left;width:266px;margin:0 5px 0 0;font-size:11px;color:#E77D1C;}
	#col-1 div {background:#fff;margin:0 0 7px;}
	#col-1 .block-1 {height:125px;padding:10px;}
	#col-1 a {color:#E77D1C;}
	#col-1 h2 {font-size:14px; font-weight:normal;}
#col-2 {float:left;width:341px;height:418px;padding:0 7px 0;margin:0 5px 0 0;background:#0078ae;color:#fff;font-size:11px;line-height:12px;}
	#col-2 h2 {background:url(../img/title-blue.gif) no-repeat;width:321px;height:244px;margin:0;}
	#col-2 a.more {background:url(../img/enter-blue.jpg) top left no-repeat;}
#col-3 {float:left;width:341px;height:418px;padding:0 7px 0;margin:0 5px 60px 0;background:#e77d1c;color:#fff;font-size:11px;line-height:12px;}
	#col-3 h2 {background:url(../img/title-orange.gif) no-repeat;width:321px;height:244px;margin:0;}
	#col-3 a.more {background:url(../img/enter-orange.jpg) left top no-repeat;}
	
	.more {margin-top:10px;display:block;float:left;padding:4px 0 0 14px;color:#fff;font-size:14px;line-height:16px;}
	




html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 30px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */