/*
LAYOUT.CSS

All layout-related formatting: box model, etc. Most anything that requires a DIMENSIONAL UNIT is found here.
*/

/* BASIC TAGS */

html {
	font-size : 100%;	/* IE scales ems differently than %, when user selects different View> Text Size levels.
								 This hack allows reliable resizing of em-based text. */
	height: 100%;
}

body {
	width : 80%;
	height : 100%;
	display : table;
	margin : 0 auto;
	font-size: 0.8125em; /* default body text: 13px on standard browsers */
	line-height : 133%; /* remember to always include line-height when font-size is redefined */
}

#wrapper-main {
	min-height: 100%;
	position: relative; /* needed to anchor absolutely-positioned elements, like some footer links */
	padding : 30px;
}

h1 {
	font-size: 2em;
	line-height : 120%; /* large text needs tightening up */
}

h2 {
	font-size: 1.5em;
	line-height : 120%; /* large text needs tightening up */
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

h2.runningText {
	/* Heading that's inline with the following text */
	float: left;
	clear: left;
	margin : 0 0.33em 0 0; 	/* 0.33em approximates interword spacing */
	font-size : 1.1em;
}

h3 {
	font-size: 1.25em;
	line-height : 120%; /* large text needs tightening up */
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

li {
	margin-bottom : 0.5em;
}

/* standard tables (everywhere but forums - forum tables have their own styles) */
.home table, .apropos table, .contact table, .english table, .neuf table,
.programmes table, .realisations table, .ressources table, .search table {
	margin: 1em auto;
	width: 100%;
	max-width: 60em;
}
.home th, .home td, .apropos th, .apropos td, .contact th, .contact td,
.english th, .english td, .neuf th, .neuf td, .programmes th, .programmes td,
.realisations th, .realisations td, .ressources th, .ressources td, .search th, .search td {
	padding : 0.5em 1em;
	margin : 0;
	vertical-align : top;
}
/* When subheaders are present, we have a row just below the th's, with bottom corners and the same color.
	Minimize the space this row takes. */
.home tr.subheader-topRow td, .apropos tr.subheader-topRow td, .contact tr.subheader-topRow td,
.english tr.subheader-topRow td, .neuf tr.subheader-topRow td, .programmes tr.subheader-topRow td,
.realisations tr.subheader-topRow td, .ressources tr.subheader-topRow td, .search tr.subheader-topRow td {
	padding-top: 0;
	padding-bottom: 0;
}
table .odd {
}
table .even {
}
table .first td {
}
table .last td {
}
/* end tables */



/* IDs AND CLASSES */

/* _____ Header */

#header {
/*margin-right: -30px;*/
	position: relative; /* set hasLayout to fix IE bug */
}

#logo-area {
	position : relative;	/* Create anchor for absolutely-positioned tagline */
	height : 106px;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
}

#logo-images {
	height: 106px;
	top: 0;
	left: 130px;
	right: 0;
	position: absolute;
}

#logo-images div {
	height: 106px;
}

#header-BGText {	/* not working - commented out of header.html for now */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

#tagline {
	position : absolute;
	left : 130px;
	right : 0;
	bottom : 0.4em;
}



/*      _____ Nav bar */

#nav-container {
	margin:0;
	padding:0;
}
#nav {
/*	width: 100%;*/
	float:left;
	margin: 0;
	border-style: none;
	/* border-width: 1px;
	border-color: #919183; */
	font-size : 0.9em;
	line-height : 133%; /* remember to always include line-height when font-size is redefined */
}
#nav li {
	float : left;
	list-style : none;
	border-style : none solid none none;
	border-width : 1px; /* Somehow, Firefox would inherit this as 3px */
	border-color: #919183;
	padding : 0.5em 0 0.5em 0;
	margin : 0;
}
#nav li.first {
}
#nav li.last {
	border-right-style: none;
}
#nav li a {
	padding: 0.333em 5px;	/* padding-left must match margin-left in #nav .locked a */
}
#nav a:link,
#nav a:visited {
}
#nav a:hover {
	background:#eee;
}
#nav a:active {
/*	background:#e35a00; */
}

/* "Reserved for members", used in nev bar and on pages - appears with padlock icon in left BG */
.locked a {
	padding-left : 12px;
}

#nav .locked a {
	margin-left : 5px;
	/* #nav a left BG comes from padding -- since we need padding for Lock icon, add equal margin instead to containing li */ 
	padding-left : 12px;
}

/*      _____ Nav bar - search*/

#search {
	float: right;
	font-size: 80%;
	line-height : 133%; /* remember to always include line-height when font-size is redefined */
	padding: 0.25em 0.5em;
}

#TopSearchForm {
	display: inline;
}



/* _____ Main content */

.flushtop {
	padding-top: 0;
	margin-top: 0;
}

.flushbottom {
	padding-bottom: 0;
	margin-bottom: 0;
}

.footnote {
	font-size: 85%;
	line-height : 133%; /* remember to always include line-height when font-size is redefined */
}

.footnote ul, .footnote ol, .footnote dl {
	margin-left : 1em; /* english.unique.html to see why */
}

.hidden {
	/* content hidden from all browser displays, but readable by screen readers */
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.link-list {
	/* an <ul> of <li><a>, links highlighted by an icon */
	/* also in IE.css */
	margin-left : 8px; /* half the arrow image */
}
.link-list .link-list {
	margin-left : 20px; /* Align level-2 list with parent <li>'s text */
}
.link-list .link-list .link-list {
	margin-left : 40px; /* Align level-2 list with parent <li>'s text */
}

a.arrow {
	/* a standalone link with the right-arrow icon  */
	padding-left: 16px;
}

.date {
	/* standard styling for dates of documents, news, etc. -- but not events (see .timedate .date below) */
	/* margin-right: 1ex;
	padding-left: 3px; */
	padding-right: 1ex;
}

.new {
	display: block;
	padding-left: 0.25em;
	padding-right: 0.25em;
	width: 5.5em;
}

li.recent {
	/* give highlight background some room to breathe */
zoom: 1;
	margin-bottom: 0;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

.warning {
	padding-left: 20px;
}

.pdf, .txt, .doc, .ppt, .xls, .win, .zip {
	/* document-type icons */
	/* margin-right: 10px; */
	padding-right: 20px;
	/* white-space: nowrap; */
}

/* Teaser link "Ce programme en images" */
.link-ce-programme-en-images {
	float : right;
	min-width : 97px; /* minimally fit BG image */
	min-height : 46px; /* minimally fit BG image */
	text-align : right;
	margin-left : 1em;
	margin-bottom : 1em;
	padding-right : 105px;
	background-repeat : no-repeat;
	background-position : center right;
}
.link-ce-programme-en-images_disabled { /* REMOVE THIS WHEN SLIDESHOWS ARE DONE */
	float : right;
	min-width : 97px; /* minimally fit BG image */
	min-height : 46px; /* minimally fit BG image */
	text-align : right;
	margin-left : 1em;
	margin-bottom : 1em;
	padding-right : 105px;
	background-repeat : no-repeat;
	background-position : center right;
}

/* "Peekaboo" footnotes, inline with text, that appear when hovered over */
a.inline-footnote {
	position : relative;
	padding-left : 16px;
	word-spacing: -0.5em; /* tighten up empty space after icon in IE */
}
a.inline-footnote span {
	display : none;
	word-spacing: 0; /* restore normal word-spacing */
}
a.inline-footnote:hover span {
	display : block; /* DEBUG: IE6 and below will get display: none - span doesn't pop up in IE6 right now */
	z-index : 1000;
	position : absolute;
	top : 0;
	left : 18px;
	width : 12em;
	padding : 0.5em;
	border-width : 1px;
	font-size : 0.75em;
	line-height : 1.1em;
}

/* Events  */

.timedate span {
	display: block;
	padding-left: 15px;
}

/* _____ Footer */

#footer {
	text-align : center;
	font-size : 0.75em;
	line-height : 133%; /* remember to always include line-height when font-size is redefined */
	margin-top : 30px;
	border-top: 1px solid #CCC6B8;
}

#footer p {
	margin-bottom : 0; /* no extra space below footer, to touch body padding */
}

#footer-contact {
	float: left;
	width : 5em;
	text-align : left;
}

#footer-credits {
	float: right;
	width : 11em;
	text-align : right;
}


/* _____ Hacks */

/*      _____ Easy clearing of floated elements without adding unsemantic markup */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */