/* ------------------------------------
	GLOSSARY
	- Import
	- Content redefinition
	- General Classes
	- Shell
	- Header
	- Menu
	- Submenu
	- Forms
	- Home template
	- Inside pages templates
	- Sidebar templates
	- News page
	- Schedule
	- Headers
	- Lists
	- Misc
--------------------------------------- */


/* ------------------------------------------------------------------------
	Import
------------------------------------------------------------------------- */

	@import url('titles.css');
	@import url('menu.css');


/* ------------------------------------------------------------------------
	Content redefinition
------------------------------------------------------------------------- */

	* { margin: 0; padding: 0; border: 0; }
	
	body {
		font: 62.5%/1.2 Arial, Verdana, Sans-Serif;
		color: #666;
		background: #f6f5f4;
	}
	
	a { text-decoration: none; }
	a:focus { outline: none; }
	
	a.more {
		display: inline-block;
		width: 11px; height: 11px;
		text-indent: -10000px;
		background: url(/media/images/all/backgrounds/more_arrow.gif) top left no-repeat;
	}
	
	a.alt_more {
		display: block; float: left;
		padding: 0 15px 0 0;
		margin: 0 0 10px 0;
		background: url(/media/images/all/backgrounds/more_arrow.gif) center right no-repeat;
	}
	
	p { margin: 0 0 10px 0; }
	
	q { float: left; font-size: 1.2em; font-style: italic; margin: 15px 0 5px 0; color:#3C4470; }
	blockquote { float: left; font-size: 1.2em; font-style: italic; margin: 15px 0 5px 0; color:#3C4470; }

/* ------------------------------------------------------------------------
	General Classes
------------------------------------------------------------------------- */

	a.next,
	a.previous { position: relative; top: 3px; }

	a.thumbnail {
		display: block;
		padding: 2px;
		margin: 0 15px 13px 0;
		border: 1px #d6d6d6 solid;
	}
		a.thumbnail img { display: block; }
		
	.cboth { clear: both; }
	
	.error-message { color: #FE0000; }
	
	.hide { display: none; }
	
	.noBorder,
	.noBorder li { border: 0 !important; }
	
	div.mediaThumb {
		display: block; float: left;
		margin: 0 15px 15px 0;
		border: 1px solid #D6D6D6;
		padding: 2px;
		font-size: 0.9em;
	}
	
		div.mediaThumb a { display: block; text-decoration: none !important; }
		
		div.mediaThumb p { margin: 0; }

	.bigger { font-size: 1.1em; }

	.mediaLegend {
		font-size: 0.6em;
	}


/* ------------------------------------------------------------------------
	Shell
------------------------------------------------------------------------- */

	#page {
		position: relative; z-index: 0;
		width: 958px;
		margin: 0 auto 15px auto;
		font-size: 1.2em;
		background: #fff;
		border-left: 1px #d9d9d9 solid; border-right: 1px #d9d9d9 solid;
	}
	
	#header {
		background: #fff;
	}
	
	#content {
		position: relative;
		z-index: 0;
		float: left;
		width: 426px;
		background: #fff;
		padding: 24px 20px 0 18px;
		font-size: 1.1em; line-height: 1.4;
		border-left: 1px #d8d8d8 solid; border-right: 1px #d8d8d8 solid;
	}
		#content h2 { margin: 0 0 30px -19px; border-left: 1px #D8D8D8 solid; }
		#content h3 { margin: 0 0 8px 0; color:#9F9F9F; font-size: 27px; font-weight:normal; }
		#content h4 { color: #213d5d; margin: 18px 0 5px 0; font-size: 1.1em; }
		
		#content ul { margin: 0 0 10px 13px; }
		#content ol { margin: 0 0 10px 18px; }
		
		#content a { text-decoration: underline; color: #213D5D; }
    #content a.nodeco { text-decoration: none; color: #666666; }
	#sidebar { width: 288px; overflow: hidden; }
	
  #footer_container { clear: both; height: 20px; position: relative; }
	#footer { list-style: none; background: #d9d9d9; height: 19px; }
		
		#footer li {
			font-size: 0.9em;
			line-height: 19px;
			display: block; float: right;
			margin: 0 10px 0 0;
		}
		
		#footer li.copyright { float: left; padding:  0 0 0 5px; margin: 0 55px 0 0; }
		
		#footer li a { color: #393E34; font-size: 1.1em; }
		#footer li a:hover { text-decoration: underline; }


/* ------------------------------------------------------------------------
	Header
------------------------------------------------------------------------- */

	.paranav {
		background: #d9d9d9;
	}
	
		.paranav li { display: block; float: right; }
		
		.paranav li a {
			color: #393e34;
			line-height: 18px;
			margin: 0 15px 0 0;
		}


/* ------------------------------------------------------------------------
	Menu
------------------------------------------------------------------------- */

	#menu {
		clear: both;
		list-style: none;
	}
	
		#menu li {
			display: block;
			float: left;
		}
		
			#menu li a {
				display: block;
				height: 26px;
				text-indent: -10000px;
			}
			
			#menu li a:hover,
			#menu li.selected a { background-position: bottom left !important; }


/* ------------------------------------------------------------------------
	Submenu
------------------------------------------------------------------------- */

	#submenu {
		list-style: none;
		float: left;
		width: 204px;
		padding: 24px 0 0 0;
	}
	
		#submenu li {
			padding: 0 0 0 22px;
			margin: 0 0 14px 0;
		}
		
			#submenu li.first {
				position: relative; left: -1px;
				width: 205px; height: 27px;
				margin: 0 0 42px 0;
				background: #fafafa url(/media/images/all/backgrounds/submenu_background.gif) top left no-repeat;
			}
		
			#submenu li a { color: #82897c; font-size: 1.1em; text-transform: uppercase; }
			
			#submenu li a:hover,
			#submenu li.selected a { color: #213d5d; }



/* ------------------------------------------------------------------------
	Forms
------------------------------------------------------------------------- */

	form label {
		display: block;
		margin: 0 0 3px 0;
	}
	
	form input {
		border: 1px #c4c4c4 solid;
		margin: 0 0 10px 0;
		padding: 3px 0 4px 0;
		background: url(/media/images/all/backgrounds/input_background.gif) top left repeat-x;
	}
	
	form textarea {
		font-family: Arial, Verdana, Sans-Serif;
		font-size: 1em;
		width: 426px; height: 80px;
		border: 1px #c4c4c4 solid;
		margin: 0 0 10px 0;
		padding: 3px 0 4px 0;
		background: url(/media/images/all/backgrounds/input_background.gif) bottom left repeat-x;
	}
	
	form input.submit {
		float: left; clear: left;
		background: #c4c4c4;
		color: #fff;
		padding: 2px 5px;
		font-size: 1.2em;
		width: auto !important;
	}
	
	#sidebar form {
		padding: 15px 0 0 24px;
	}
	
		#sidebar form input { width: 220px; }
	
	form h3 {
		float: left; clear: both;
		width: 100%;
		text-transform: uppercase;
		color: #213d5d !important;
		font-size: 1em !important;
		border-top: 1px #c4c4c4 solid;
		border-bottom: 1px #c4c4c4 solid;
		padding: 2px 0;
		margin-top: 5px !important;
	}
	
	form .selectBoxes {
		float: left; clear: both;
		margin: 0 0 15px 0;
	}
	
	form .selectBoxes select {
		border: 1px #c4c4c4 solid;
		padding: 0 0 0 0;
		background: url(/media/images/all/backgrounds/input_background.gif) top left repeat-x;
	}
	
	form.largeInputs input { width: 425px; }
	
	form .checkbox { clear: both; }
	
	form .checkbox input {
		float: left;
		margin: 0 5px 0 0;
		width: auto;
	}
	
	form .indent { margin: 0 0 0 19px; }
	
		form .indent input { width: 406px; }
	
	form .error-message { margin: 0 0 10px 0; }
		
		form .error-message ul {
			margin: 0 0 0 15px;
		}
		
	form .colLeft {
		float: left;
		width: 200px;
		margin: 0 24px 0 0;
	}
	
	form .colRight {
		float: left;
		width: 200px;
	}
	
		form .colLeft input,
		form .colRight input { width: 200px; }


/* ------------------------------------------------------------------------
	Home template
------------------------------------------------------------------------- */

	#flash_wall { height: 332px; }

	.home .events {
		width: 444px;
		padding: 25px 0 0 0;
		float: left;
		border-right: 1px #d8d8d8 solid;
	}
		.home .events h2 { position: relative; z-index: 1; border-left: 1px #a5a5a5 solid; margin: 0 0 0 -1px; }
		
		.home .events h4 {
			float: left;
			font-size: 1.2em;
			line-height: 1.1;
		}
			.home .events h4 a { color: #213d5d; text-decoration: underline; font-weight: normal; }
		
		.home .events p.subtitle { font-size: 1em; clear: left; }
		
		.home .events a { color: #666; }
		.home .events a.thumbnail { float: left; }
		.home .events a.more { margin: 1px 0 0 3px; }
		.inside a.more { position: relative; top: 4px; }
		
		.home .events ul { list-style: none; }
		
			.home .events ul li { padding: 20px 20px 0 15px; }
			
				.home .events ul li .content,
				#content .events ul li .content { float: left; width: 150px; }
				
	.home .be_involved_small {
		width: 228px; overflow: hidden;
		float: left;
		padding: 25px 0 0 0;
		border-right: 1px #d8d8d8 solid;
	}

		.home .be_involved_small h3 { position: relative; z-index: 1; border-left: 1px #a5a5a5 solid; margin: 0 0 0 -1px; }
		.home .be_involved_small h4 { font-size: 1.2em; margin: 15px 0 4px 0; }
			.home .be_involved_small h4 a { color: #213d5d; text-decoration: underline; font-weight: normal; }
		
		.home .be_involved_small a { color: #666; }
		.home .be_involved_small a.more { margin: 1px 0 0 3px; }
		.home .be_involved_small a.thumbnail { margin: 0; float: left; } 
		
		.home .be_involved_small ul {
			list-style: none;
			padding-top: 15px;
		}
		
			.home .be_involved_small ul li {
				padding: 0 20px 15px 20px;
				border-bottom: 1px #d8d8d8 solid;
			}
			
	.home .hours {
		overflow: hidden;
		width: 264px;
		float: left;
		padding: 25px 0 0 20px;
	}

		.home .hours h3 { position: relative; z-index: 1; border-left: 1px #a5a5a5 solid; margin: 0 0 25px -21px; }
		
	.home .holidays { padding: 0 20px; }
		
	.home .rightCol {
		width: 264px;
		float: left;
	}
	
		.home .rightCol .facebook { margin: 25px 0 0 20px; }


/* ------------------------------------------------------------------------
	Inside pages template
------------------------------------------------------------------------- */

	.inside .hours {
		width: 268px;
		float: left;
		padding: 24px 0 0 20px;
	}
		.inside .hours h3 { position: relative; z-index: 1; border-left: 1px #D8D8D8 solid; margin: 0 0 25px -21px; }
		
	.inside .be_involved {
		width: 268px;
		float: left; clear: left;
		padding: 24px 0 30px 20px;
	}
	
		.inside .be_involved h3 { position: relative; z-index: 1; border-left: 1px #a5a5a5 solid; margin: 0 0 0 -21px; }
		.inside .be_involved h4 { font-size: 1.2em; margin: 15px 0 4px 0; }
			.inside .be_involved h4 a { color: #213d5d; text-decoration: underline; font-weight: normal; }
		
		.inside .be_involved a { color: #666; }
		.inside .be_involved a.more { margin: 1px 0 0 3px; }
		.inside .be_involved a.thumbnail { margin: 0; float: left; }
		
		.inside .be_involved ul {
			list-style: none;
			margin: 0 0 0 -20px;
		}
		
			.inside .be_involved ul li {
				padding: 0 20px 15px 20px;
				border-bottom: 1px #d8d8d8 solid;
			}
	
	#content .hours { width: auto; padding: 0; margin: 15px 0 0 0; }
			
	#content .hours h3 {
		position: relative; left: -19px;
		margin: 0 0 10px 0;
		width: 465px !important;
	}
	
	#content #reservation h3 {
		margin: 15px 0 10px -19px;
		width: 465px !important;
	}


/* ------------------------------------------------------------------------
	Sidebar Templates
------------------------------------------------------------------------- */

	#sidebar .events {
		width: 290px;
		padding: 24px 0 0 0;
		float: left; clear: left;
	}
		#sidebar .events h2 { position: relative; z-index: 1; border-left: 1px #a5a5a5 solid; margin: 0 0 0 -1px; }
	
		#sidebar .events h4 {
			float: left;
			font-size: 1.2em;
			line-height: 1.1;
		}
			#sidebar .events h4 a { color: #213d5d; text-decoration: underline; font-weight: normal; }
	
		#sidebar .events p.subtitle { font-size: 1.1em; clear: left; }
	
		#sidebar .events a { color: #666; }
		#sidebar .events a.thumbnail { float: left; }
		#sidebar .events a.more { position: relative; top: 1px; }
	
		#sidebar .events ul { list-style: none; }
	
			#sidebar .events ul li { padding: 20px 20px 0 15px; }
		
				#sidebar .events ul li .content { float: left; }
		
	#sidebar .html_titles h3 {
		color: #fff;
		background: #a6a6a6;
		font-weight: normal;
		line-height: 27px;
		height: 27px; overflow: hidden;
		text-indent: 21px;
		font-size: 1.4em;
	}
	
	#sidebar #reservation { clear: left; padding-top: 24px; }
	
	#sidebar .holidays { padding: 0 20px; }


/* ------------------------------------------------------------------------
	News page
------------------------------------------------------------------------- */

	.newsListing h4 {
		float: left;
		font-size: 1.2em;
		line-height: 1.1;
		font-weight: normal;
	}
		.newsListing h4 a { color: #213d5d; text-decoration: underline; font-weight: normal; }

	.newsListing p.subtitle { font-size: 1.1em; clear: left; }
	#sidebar .newsListing p a { text-decoration: none !important; color: #666 !important; }

	.newsListing a { color: #666; }
	.newsListing a.thumbnail { float: left; }
	.newsListing a.more { margin: 1px 0 0 3px; }

	.newsListing { list-style: none; }
		.newsListing li { padding: 20px 20px 0 0; border-bottom: 1px #D8D8D8 solid; }
			.newsListing li .content { float: left; }
			
			.newsListing li ul {
				list-style-type: disc;
			}
			
				.newsListing li ul li {
					border-bottom: 0;
					padding: 0;
					margin: 0;
				}
			
	.inside .newsListing h4 { margin-top: 0 !important; }
	
	.inside .newsListing { margin-left: 0 !important; }


/* ------------------------------------------------------------------------
	Schedule
------------------------------------------------------------------------- */

	table.schedule {
		width: 253px;
		margin: 0 0 18px 0;
	}
	
	table.schedule th.empty_cell { width: 82px; padding: 0; background: url(/media/images/all/backgrounds/empty_cell.gif) top left no-repeat; }
	table.schedule th {
		font-size: 0.9em;
		height: 22px;
		text-align: left;
		padding: 0 0 0 20px;
		border-bottom: 1px #e3e1e1 solid;
		background: url(/media/images/all/backgrounds/hours_fade_top.gif) top left repeat-x;
	}
	
	table.schedule td { color: #404040; padding: 5px 0 5px 20px; }
	table.schedule td.column { padding: 5px 0 0 0; background: url(/media/images/all/backgrounds/hours_fade_left.gif) top left repeat-y; border-right: 1px #e3e1e1 solid; }
	table.schedule td.paddingTop { padding-top: 5px !important; }


/* ------------------------------------------------------------------------
	Headers
------------------------------------------------------------------------- */

	.section_header {
		width: 958px; height: 139px;
		text-indent: -10000px;
	}
	
		.header_mission_and_mandate,
		.header_mission_et_mandat,
		.header_conditions_generales,
		.header_terms_and_conditions { background: url(/media/images/all/headers/header_centre.jpg) top left no-repeat; }
		.header_be_involved,
		.header_s_impliquer { background: url(/media/images/all/headers/header_be_involved.jpg) top left no-repeat; }
		.header_elementary,
		.header_primaire { background: url(/media/images/all/headers/header_at_the_museum.jpg) top left no-repeat; }
		.header_the_museum,
		.header_le_musee { background: url(/media/images/all/headers/header_the_museum.jpg) top left no-repeat; }
		.header_events { background: url(/media/images/all/headers/header_events.jpg) top left no-repeat; }
		.header_evenements { background: url(/media/images/all/headers/header_events.jpg) top left no-repeat; }

	
/* ------------------------------------------------------------------------
	Lists
------------------------------------------------------------------------- */

	ul.lateralListing { list-style: none; margin: 15px 0 25px -10px !important; }
	
		ul.lateralListing li {
			width: 120px;
			padding: 0 10px 0 10px;
			display: block; float: left;
			border-right: 1px #d8d8d8 solid;
			line-height: 1.1; font-size: 0.95em;
		}
			ul.lateralListing li.last { border: 0; }
		
			ul.lateralListing li h4 { font-size: 1.2em; margin: 0 0 10px 0 !important; color: #404040 !important; }


/* ------------------------------------------------------------------------
	Misc
------------------------------------------------------------------------- */

	#layout {
		position: absolute;
		top: 0; left: 50%;
		margin: 0 0 0 -600px;
		opacity: 0.5;
	}
	
		#layout.small { height: 10px; border: 1px red solid; overflow: hidden; }

	.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 */