#topnav {
	float: right;
	width: 368px;
	width: 368px !important;
	margin-top: 100px;
}

#projet {
	float: left;
	display: block;
	width: 84px;
	width: 84px !important;
	height: 16px;
	padding-bottom: 6px;
	color: #808080;
	font: 12px bold  Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
  }
  
#projet a{
	float: left;
	display: block;
	width: 84px;
	width: 84px !important;
	height: 16px;
	padding-bottom: 6px;
	color: #808080;
	font: 12px bold  Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
  }
#projet a:hover{
	float: left;
	display: block;
	width: 84px;
	width: 84px !important;
	height: 16px;
	padding-bottom: 6px;
	color: #a3a2a2;
	font: 12px bold  Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
  }
  #projet-selected { 
	float: left;
	display: block;
	width: 84px;
	width: 84px !important;
	height: 16px;
	padding-bottom: 6px;
	color: #ffffff;
	font: 12px bold  Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
	background: url("../media/project-roll.jpg") bottom left no-repeat;

  }

 #publications  {
	float: left;
	display: block;
	width: 109px;
	width: 109px !important;
	height: 16px;
	padding-bottom: 6px;
	color: #ffffff;
	font: 12px bold  Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
  }

 #publications a {
	float: left;
	display: block;
	width: 109px;
	width: 109px !important;
	height: 16px;
	padding-bottom: 6px;
	color: #808080;
	font: 12px bold  Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
  }
 #publications a:hover {
	float: left;
	display: block;
	width: 109px;
	width: 109px !important;
	height: 16px;
	padding-bottom: 6px;
	color: #a3a2a2;
	font: 12px bold  Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
  }
  #publications-selected  { 
	float: left;
	display: block;
	width: 109px;
	width: 109px !important;
	height: 16px;
	padding-bottom: 6px;
	color: #ffffff;
	font: 12px bold  Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
	background: url("../media/publication-roll.jpg") bottom left no-repeat;
  } 

  #biographie  {
	float: left;
	display: block;
	width: 99px;
	width: 99px !important;
	height: 16px;
	padding-bottom: 6px;
	color: #808080;
	font: 12px bold  Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
  }
  
  #biographie a {
	float: left;
	display: block;
	width: 99px;
	width: 99px !important;
	height: 16px;
	padding-bottom: 6px;
	color: #808080;
	font: 12px bold  Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
  }

  #biographie a:hover {
	float: left;
	display: block;
	width: 99px;
	width: 99px !important;
	height: 16px;
	padding-bottom: 6px;
	color: #a3a2a2;
	font: 12px bold  Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
  }

  #biographie-selected  { 
	float: left;
	display: block;
	width: 99px;
	width: 99px !important;
	height: 16px;
	padding-bottom: 6px;
	color: #cccccc;
	font: 12px bold  Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
	background: url("../media/biographie-roll.jpg") bottom left no-repeat;
  } 
  
  #contact  {
	float: left;
	display: block;
	width: 66px;
	width: 66px !important;
	height: 16px;
	padding-bottom: 6px;
	color: #808080;
	font: 12px bold  Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
  }

  #contact a {
	float: left;
	display: block;
	width: 66px;
	width: 66px !important;
	height: 16px;
	padding-bottom: 6px;
	color: #808080;
	font: 12px bold  Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
  }

  #contact a:hover {
	float: left;
	display: block;
	width: 66px;
	width: 66px !important;
	height: 16px;
	padding-bottom: 6px;
	color: #a3a2a2;
	font: 12px bold  Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
  }

  #contact-selected { 
	float: left;
	display: block;
	width: 66px;
	width: 66px !important;
	height: 16px;
	padding-bottom: 6px;
	color: #ffffff;
	font: 12px bold  Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
	background: url("../media/contact-roll.jpg") bottom left no-repeat;
  }