html, body {
height: 100%;
margin: 0;
padding: 0;
background: #000;
color: #FFF;
font-size:11px;
font-family: "Arial", "Tahoma", "Verdana";
line-height:150%;
text-align:center;
overflow:auto;
}

* {
margin:0px auto;
padding:0;
}

div#shim {
visibility: hidden;
width: 100%;
height: 50%;
margin-top: -280px;
float: left;
}

div#wrapper {
width: 1000px;
height: 545px;
clear: both;
position: relative;
top: -280px;
/* IE4ever Hack: Hide from IE4 **/
position: static;
/** end hack */

}

/* Hide from IE5mac \*//*/
div#shim {
display: none;
}

html, body {
height: auto;
}
/* end hack */

/* ]]> */

a {
	color: #FFF;
	text-decoration:none;
	}
	
a:hover {
	color: #FF0000;
	text-decoration:none;
	}

.selected {  color:#FF0000;
}

.uppercase {
	text-transform:uppercase;
	}

#mainarea {
	width:100%;
	height:485px;
	overflow:auto;
	}
	
#mainarea2 {
	width:100%;
	height:517px;
	overflow:hidden;
	}
	
#mainarea-content {
	width:100%;
	height:100%;
	overflow:hidden;
	}

#submenu {
	width:1000px;
	height:32px;
	font-size:13px;
	text-align:left;
	}

#submenu-data {
	width:1000px;
	height:24px;
	margin: 8px 0 0 0;
	font-size:13px;
	text-align:left;
	text-transform:uppercase;
	}
	
#navigation {
	width:100%;
	height:27px;
	border-top: 1px solid #FFF;
	}
	
#nav-left {
	float:left;
	}
	
#nav-right {
	float:right;
	width:217px;
	text-align:right;
	}
	
h3 {
	text-transform:uppercase;
	font-size:12px;
	margin:5px 0 0 0;
	padding:0;
	font-weight:bold;
	}
	

table#project-page {
width:100%;
height:100%;
}

td.project-desc {
	width:270px;
	font-size:11px;
	}
	
td.spacer {
	width:14px;
	}
	
td.project-images {
	width:716px;
	text-align:right;
	}
	
td.project-data {
	width:716px;
	padding: 0;
	text-align:left;
	font-size:11px;
	}
	
td.project-list {
	width:550px;
	text-transform:uppercase;
	}
td.project-ft {
	width:400px;
}
p.year-project, p.full-project-list {
	text-transform:uppercase;
	font-size:11px;
	font-family: "Arial", "Tahoma", "Verdana";
	color: #FFF;
	}
	
p.year {
	text-transform:uppercase;
	font-size:10px;
	font-family: "Arial", "Tahoma", "Verdana";
	color: #444;
	}
	
td.desc-desc {
	width:100%;
	height:450px;
	font-size:11px;
	text-align:left;
	}
	
td.desc-spacer {
	height:15px;
	}

td.desc-pagination {
	height:20px;
	text-transform:uppercase;
	}
	
h4 {
	padding:0;
	margin:0;
	font-weight:bold;
	line-height:150%;
	font-size:11px;
	}

td.project-page {
	width:586px;
	text-align:left;
	}
td.project-ft {
	width:400px;
	text-align:left;
	}
	
#list-all-projects {
	font-size:11px;
	text-align:left;
	width:1000px;
	height:485px;
	overflow:hidden;
	}

#paginate-left {

	}
	
#paginate-right {
	font-size:11px;
	text-transform:uppercase;
	text-align:left;
	padding: 0 0 0 5px;
	}
	
#clear {
	clear:both;
	}

table#data-page {
width:100%;
height:100%;
}

td.data-menu {
	width:270px;
	font-size:11px;
	}
	
td.data-content {
	width:716px;
	text-align:left;
	}
	
#ftbox {
	width:100%;
	height:485px;
	margin:0;
	padding:0;
	overflow:none;
	}

#yearbox {
	width:100%;
	height:32px;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
#projectbox {
	width:100%;
	height:485px;
	overflow:none;
}

.years, #submenu td {
	font-size:13px;
	}
	
.select-country {
	margin:6px 0 0 6px;
	}
	
/#easyscroll{
	margin:0;
	padding:0;
	/* add additional styling */
	}	

	/* easyscroll navigation buttons */	

	#easyscrollnav {
		float:right;
		margin:0;
		padding:0px 0 0 5px;
		width:14px;
		}

ul#easyscrollnav {
margin:0;
padding:0;
}
	#easyscrollnav li{
		height:19px;
		list-style:none;
		float:left;
		cursor:pointer;
		margin: 0 0 5px 0;
		}					

	#easyscrollnav #btnUp {
		background: url(../images/up.gif) no-repeat !important;
		height:14px;
		width:14px;
		}
	#easyscrollnav #btnUp.over {
		background:url(../images/upred.gif) no-repeat !important;
		height:14px;
		width:14px;}
		
	#easyscrollnav #btnDown {
		background: url(../images/down.gif) no-repeat !important;
		height:14px;
		width:14px;
		}
	#easyscrollnav #btnDown.over {
		background:url(../images/downred.gif) no-repeat !important;
		height:14px;
		width:14px;}
		
	#easyscrollnav #btnReset {
		display:none;
		}
	/* // easyscroll navigation buttons */	

/* // end easyscroll */

	
#myContent {
	width:550px;
	}
#myContent2 {
	width:600px;
	}
#myContent3 {
	width:530px;
	}
	
table, tr, td {
	font-size:11px;
	}
	
#fiche-technique {
	font-size:11px;
	text-align:left;
	line-height:130%;
	}
	
#tous-projets {
position:absolute;
margin:-24px 0 0 20px;
background: #000;
padding: 0 20px 0 25px;
font-size:13px;
	}
	


a:focus {
outline: none;
}
#scroll-container1{
	margin:0;
	text-align:left;
	width:1000px;
	z-index:10;
}

#scroll-container2{
	margin:0;
	float:right;
	text-align:left;
	width:630px;
	z-index:10;
}

#scroll-container3{
	margin:0;
	float:right;
	text-align:left;
	width:530px;
	z-index:10;
}
.handcursor{
cursor:hand;
cursor:pointer;
}
.uppercase2 {
	text-transform:uppercase;
	font-weight:bold;
	}