/* -------------------------------------------------------------- 
  
   layout.css
   * Cascaded Style Sheet for http://denis.turnthelighton.fr/
   * Author : Denis Fongue
   
   This file defines the grid of the website
   
-------------------------------------------------------------- */

/* GENERAL *****************************************************
****************************************************************/

html {height:100%;}

body {position:relative;/* height:100px;*/}


div#column {
	position:absolute;
	*+padding-top:38px;
	left:0;
	width:150px;
	padding-left:20px;
	overflow: hidden;
}
	div#column div{
		width:149px;
		height:104px;
		padding-top:3px;
	}
	div#column div#logo{padding-top:0;height:108px;}
	div#column div#about{height: auto; border:none;}
	
	div#column div#information ul li#last-update{margin-top:18px;}


div#main {
	position:relative;
	margin:38px 0 20px 170px;
	padding-right: 20px;
	*+padding-top:38px;
	overflow: hidden;
}
	div#main div {width:150px; height:108px; float:left;}
	div#main div#interactive, div#main div#print {width:140px; height:108px; padding: 0 5px}

div#header {
	position:fixed;
	top:0;
	left:0;
	height: 20px;
	width:100%;
	padding-left:20px;
	overflow:hidden;
}
	div#header dl dt, div#header dl dd{float:left; width:147px; padding-left: 3px;}
	

div#footer {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	height:20px;
}