body, #logo, #welcome, #isrec{
	margin:0;
	padding:0;
}
body{
	background:#fff;
	color:#333;
	font: 70% Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;	
	text-align:center;
	line-height:150%;
}
table, td, input, textarea, select, li{
	font: 100% Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;	
}
th{
	background:#ddd;
	padding:5px;
}
td{
	padding:5px;
}
a{
	color:#174E6E;
	text-decoration:none;
} 
#main a{
	padding-left:10px;
	background:url(/htdocs/images/arrow.gif) no-repeat 3px 60%;
	color:#09f;
}

a:hover{
	color:#09f;
}
p{
	margin:1em 0;
}
h1, h2, h3, h4{
	margin:1em 0;
	padding:0;
}
h1{	
	font-size:130%;
}
h2{
	font-size:120%;
}
h3{
	font-size:110%;
	margin-top:.5em;
	padding-bottom:.2em;
	background:url(/htdocs/images/dotted.gif) no-repeat 0 100%;
}
hr{
	display:none;
}
img{
	border:none;
}
.clear{
	display:block;
	clear:both;
}
/* ---------------------- headers ----------------------------- */
#page #header1{
	height:95px;
	position:relative;
	background:url(/htdocs/images/header6.jpg) no-repeat 100% 100%;
}
#page #header2{
	height:95px;
	position:relative;
	background:url(/htdocs/images/header2.jpg) no-repeat 100% 100%;
}
#page #header3{
	height:95px;
	position:relative;
	background:url(/htdocs/images/header3.jpg) no-repeat 100% 100%;
}#page #header4{
	height:95px;
	position:relative;
	background:url(/htdocs/images/header4.jpg) no-repeat 100% 100%;
}#page #header5{
	height:95px;
	position:relative;
	background:url(/htdocs/images/header5.jpg) no-repeat 100% 100%;
}#page #header6{
	height:95px;
	position:relative;
	background:url(/htdocs/images/header1.jpg) no-repeat 100% 100%;
}
/* ---------------------- boxes ----------------------------- */
#container{
	margin:0 auto;
	width:830px;
	text-align:left;
}
#default #header{
	height:209px;
	position:relative;
	background:url(/htdocs/images/default_header.jpg) no-repeat 0 100%;
}
#meta{
	text-align:right;
	border-bottom:1px solid #6C6C6C;
	padding:.4em 0;
	color:#6C6C6C;
}
body.home h2#pageTitle {display: none}
body.home #text{width:380px; margin-left: 0px;}
body.home #text p {margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px}

#column1{
	width:380px;
	float:left;
	display:inline;	
	/*margin-left:19px;*/
	margin-left:10px;
}
#column2{
	width:221px;
	float:left;
	display:inline;	
}
#column3{
	clear:both;
	width:210px;
	float:left;
	display:inline;
	text-align:right;
	padding:1em 0;
	font-size:90%;
}
#column4{
	width:380px;
	float:left;
	display:inline;
	/*margin-left:50px;;*/
	margin-left:41px;
	padding:1em 0;
}
#default #side{
	width:210px;
	float:left;
	display:inline;
}
#page #side{
	width:171px;
	float:left;
	display:inline;
}

#main{
	width:640px;
	float:left;
	display:inline;	
	margin-left:19px;
}
#main td{
line-height:150%;
}
#footer{
	clear:both;
	text-align:center;
	margin:0;
	padding:0; 
	border-top:1px solid #E2E2E2;
}

/* ---------------------- header ----------------------------- */
h1#logo{
	height:74px;
	background: url(/htdocs/images/logo.gif) no-repeat 0 0;
	width:153px;
	position:absolute;
	top:28px;
	left:0;
	text-indent:-8000px;
	font-size:90%;
}
h1#logo a{
	display:block;
	height:74px;
}
#page h1#logo{
	top:20px;
}
h2#isrec{
	height:76px;
	background: url(/htdocs/images/epfl.gif) no-repeat 0 0;
	width:157px;
	position:absolute;
	top:28px;
	left:658px;
	text-indent:-8000px;
	font-size:90%;
}
h2#isrec a{
	display:block;
	height:49px;
}
h2#welcome{
	font-size:100%;
	text-align:center;
	padding-top:115px;
}
h2#welcome span{
	padding:0 1em;
	background:#fff;
}
/* ---------------------- meta ----------------------------- */
#searchForm{
	display:inline;
}
#searchKeyword{
	width:100px;
}
#searchKeyword, #meta a{
	color:#6C6C6C;
}
/* ---------------------- nav ----------------------------- */
#nav, #nav li, #nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
#nav{
	padding-bottom:1em;
	font-size:110%;
}
#nav li{
	background:url(/htdocs/images/dotted.gif) no-repeat 0 100%;
}
#nav a{
	display:block;
	width:100%;
	background:url(/htdocs/images/bullet.gif) no-repeat 7px 5px;
	color:#09f;
}
#nav a:hover{
	color:#174E6E;
}
#nav a span{
	display:block;
	padding:5px 0 5px 31px;
}
/* second level */
#nav ul li{
	background:url(/htdocs/images/dotted.gif) no-repeat 0 0;
}
#nav ul li a{
	background:none;
	color:#777;
}
/* third level */
#nav ul ul li{
	font-size:90%;
}
#nav ul ul li a span{
	padding:5px 0 5px 41px;
}

/* ---------------------- newsletter ----------------------------- */
#default #side #newsletter_form {
	background: url(/htdocs/images/bck_newsletter.jpg) no-repeat;
	height: 165px;
	border: 0;
	padding: 5px 5px 5px 5px;
}
#default #side #newsletter_form h2, #default #side #newsletter_form h2{
	font-size:110%;
	background:url(/htdocs/images/dotted.gif) no-repeat 0 100%;
	margin:0;
	padding:0;
}
#default #side #newsletter_form h2 span, #default #side #newsletter_form h2 span{
	display:block;
	padding:3px 0 4px 31px;
	background:url(/htdocs/images/bullet2.gif) no-repeat 7px 5px;
}
#default #side #newsletter_form input#champs {
	background: #fff;
	color: #6c6c6c;
	border: 1px solid #b2b2b2;
	width: 135px;
	margin-bottom: 2px;
}
.inscription {
	background:url(/htdocs/images/btn_search.gif) no-repeat 2px 1px;
	background-position: right;
	clear:both;
	float: right;
	margin-top: 10px;
	width:95px; 
	height:21px;
	border:0;
	cursor:pointer;
}

/* ---------------------- main ----------------------------- */
#column1 h2, #column2 h2{
	font-size:110%;
	background:url(/htdocs/images/dotted.gif) no-repeat 0 100%;
	margin:0;
	padding:0;
} 
#column1 h2 span, #column2 h2 span{
	display:block;
	padding:3px 0 4px 31px;
	background:url(/htdocs/images/bullet2.gif) no-repeat 7px 5px;
}
h2#pageTitle{
	font-size:140%;
	background:url(/htdocs/images/dotted.gif) no-repeat 0 100%;
	margin:0;
	padding:0;
} 
h2#pageTitle span{
	display:block;
	padding:3px 0 4px 31px;
	background:url(/htdocs/images/bullet2.gif) no-repeat 7px 5px;
}
h2#listDocTitle{
	font-size:100%;
	margin:0;
	padding:0;
} 
#column1 p{
	margin:.5em 0 .5em 31px;
} 
#column2 ul{
	margin:.5em 0 .5em 31px;
	padding:0;
	list-style:none;
	line-height:150%;
} 
#column2 li{
	margin:.5em 0 1em 0;
	padding:0;
	line-height:150%;
} 
#column2 p{
line-height:150%;
}
a.more{
	padding-left:10px;
	background:url(/htdocs/images/arrow.gif) no-repeat 3px 60%;
	color:#09f;
} 
#text{
	margin-left:31px;
	width:609px;
}
#footer a{
	color:#333;
}
#footer a:hover{
	color:#09f;
}
.print{	
	background:url(/htdocs/images/btn_search.gif) no-repeat 2px 1px;
	background-position: right;
	border: 0;
	float: right;
	width:60px; 
	height:21px;
	cursor:pointer;
}
/* glossary */
/*          */
#glossaire dd{
	margin:.2em 0 .5em 0;
}
#glossaire dt.selected{
	margin-top:.5em;
	padding-bottom:.2em;
	font-weight:bold;
	background:url(/htdocs/images/dotted.gif) no-repeat 0 100%;
}
#glossaire dt.selected a, #glossaire dt.selected a:hover{
	color:#333;
}

/*  events  */
/*          */
table#events{
	width:100%;
	margin:1em 0;
}
table#events thead tr, table#events th{
	background:#999;
	color:#fff;
	text-align:left;
	
}
table#events thead th{
	padding:.6em 5px;
}
table#events tbody tr{
	background:url(/htdocs/images/dotted.gif) no-repeat 0 100%;
} 
table#events td{
	vertical-align:top;
}
table#events a {
	padding:0px;
	background:url(/htdocs/images/spacer.gif) no-repeat 0 100%;
}
table#events a:hover {
	color:#174E6E;
}

/*  projects  */
/*          */
table#projects{
	width:100%;
	margin:0px;
	margin-top:-10px;
}
table#projects thead tr, table#projects th{
	background:#999;
	color:#fff;
	text-align:left;
	
}
table#projects tbody tr{
	background:url(/htdocs/images/dotted.gif) no-repeat 0 100%;
} 
table#projects td{
	vertical-align:top;
	height:15px;
	padding:0px;
}
table#projects a {
	padding:0px;
	background:url(/htdocs/images/spacer.gif) no-repeat 0 100%;
}
table#projects a:hover {
	color:#174E6E;
}

/* ---------------------- float fix ----------------------------- */
.latest:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.latest{
	display: inline-block;
}
* html .latest{
	height: 1%;
}
.latest{
	display: block;
}

/* end float fix */