* { margin: 0; outline: 0; }
ul, ol { padding:  0; }
a, img { border: 0; }
div.clear { clear: both; line-height: 0; height: 0; font-size: 0; border: 0; padding: 0; margin: 0; }

body {
	font-family: Georgia, Times, serif;
	font-size: 12px; line-height: 17px;
}

h1, h2, h3 { font-size: inherit; line-height: inherit; font-weight: normal; }

h1 { 
	position: absolute; left: 20px; top: 18px; 
	font-family: Arial, sans-serif;
	font-weight: bold;
}


img { display: block; }

p { margin: 0 0 8px 0; }
p:last-child { margin-bottom: 0; }

a { color: #000; text-decoration: none; }

p.caption {
	font-family: Arial, sans-serif;
	font-size: 11px; line-height: 13px;
	margin: 3px 0 0 0;
}



#header {
	position: absolute;
	left: 20px; top: 58px;
	height: 120px; width: 460px;
}

#header div { position: absolute; bottom: 0; left: 0; }

#header h2.section {
	font-family: Arial, sans-serif;
	font-weight: bold;
	position: absolute; bottom: 0; left: 0;
	margin: 0;
}

#header div.project h2 { margin-bottom: 8px; }
#header div.project h2 span { font-style: italic; }
#header div.project h2:last-child,
#header div.project p:last-child { margin-bottom: 0; }



#upcoming {
	position: absolute;
	left: 500px; top: 161px;
	width: 940px;
}

#upcoming h2 { 	
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin: 0 0 8px 0;
}



#menu { position: absolute; left: 500px; top: 18px; }
#menu ul { list-style: none; }
#menu a.active,
#menu a:hover { border-bottom: 1px solid black; }

#content {
	position: absolute;
	left: 20px; top: 218px;
	width: 940px;
	padding-bottom: 300px;
}

#content ul { list-style: none; margin: 0 0 17px 0; }
#content h3 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin: 0 0 2px 0;
}
#content p+h3 { margin-top: 17px; }
#content h3+p { margin-top: 8px; }

#content a:hover { border-bottom: 1px solid; }

/* homepage */
#content.homepage { top: 161px; }
#content.homepage h2 { 	
	font-family: Arial, sans-serif; font-weight: bold;
	margin: 0 0 10px 0;
}
#content.homepage h2.section { 	margin: 0 0 40px 0; }
#content.homepage p+h2.section { margin-top: 40px; }


#content.homepage div.col a+p { margin-top: 4px; } /* project links */
#content.homepage div.col:hover a { border-bottom: 1px solid; }

/* cols */

div.col {
	float: left; 
	width: 60px;
	margin: 0 0 30px 20px;
}

div.first { clear: left; margin-left: 0 !important; }

div.col2 { width: 140px; }
div.col3 { width: 220px; }
div.col4 { width: 300px; }
div.col5 { width: 380px; }
div.col6 { width: 460px; }
div.col7 { width: 540px; } 
div.col8 { width: 620px; } 
div.col9 { width: 700px; }
div.col10 { width: 780px; }
div.col11 { width: 860px; }
div.col12 { width: 940px; }

div.indent2 { margin-left: 160px; }
div.indent3 { margin-left: 240px; }
div.indent4 { margin-left: 320px; }
div.indent6 { margin-left: 480px; }



/* TABLE */
table { margin: 8px 0 17px 0; font-size: inherit; line-height: inherit; width: 460px;}
table td { vertical-align: top; padding: 0 0 3px 0; margin: 0; border: 0; }
table td:first-child { width: 80px; }
table p { margin: 0 !important; }


/* PROJET SUBNAV */
#pprev, #pnext {
	font-family: Arial, sans-serif;
	font-size: 12px; line-height: 17px;
	width: 20px;
}

#pprev { position: absolute; left: 580px; top: 18px; }
#pnext { position: absolute; left: 600px; top: 18px; text-align: right;}

#pprev a, #pnext a { color: #888; }
#pprev a:hover, #pnext a:hover {  color: #000; }

/* TEXTS */

ul.texts li { margin: 0 0 10px 0; }
ul.texts li span { font-style: italic; } /* title */

ul.texts li a:hover { border: none !important; }
ul.texts li a:hover span { border-bottom: 1px solid #000; }

#content div.text a, 
#page #content.homepage a { border-bottom: 1px solid #000; }

#pagetitle { display: none; }



#credit {
	font-family: Arial, sans-serif;
	font-size: 11px; line-height: 17px;
	margin-top: 136px;
	
	position: absolute;
	left: 20px; bottom: 18px;
}

#credit a { border-bottom: 1px solid #000; }