Team:ULB-Brussels/team/Damien

<html>
<head>
     <style>

#sousm
{
clear:left;
position:relative;
top:112px;
margin-left: 12px; /*tu change ici pour le bouger horizontalement*/
color:white;
widht: 900px;
}
#sousm a
   {
position:relative;
color: white;
text-decoration: none;
text-align: center;
   margin-left:9px; /*espace entre les lien*/
   display:block; /*Pour que le lien soit un vrai bloc*/
   float:left; /*Pour que les blocs soient alignés horizontalement (essayez de l'enlever pour voir)*/
   height:30px; /*La même hauteur que notre menu*/
   border:none; /*On enlève les bordures (enfin, on ne les met pas, même s'il n'y en avait pas)*/
   }

#menubar .left-menu noprint{
color: white;
}

.right-menu{
background: none;
}


#content {
	background: none;
	padding:0;
	width:100%;
	border:0;
margin-top:Opx;
}



#p-logo {
	display:none;
}


#top-section {
	border:none;
	margin: 0 auto;
	height:0px  ! important;
	width:100%;
}

img.bg_team {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	z-index:-1;
}



#catlinks{
	width:0px;
	height:0px;
	display:none;
}
#footer-box{
	width:0px;
	height:0px;
	display:none;
}
#search-controls {
	display:none;
}

#globalWrapper{
	margin:0;
	padding:0;
	border:0;
}
#top-section {
	border:none;
	margin: 0 auto;
	height:0px  ! important;
	width:100%;
}
.firstHeading {
	display:none;
}




	  body
{
	   background-image: url("https://static.igem.org/mediawiki/2011/0/04/Fondt.png"); 
	background-repeat: repeat-x;

   background-color:  #b4b4b4;
   }


#header
{
	background-image: url("https://static.igem.org/mediawiki/2011/1/11/Haut.png");
	width:985px;
	height:170px;
margin: auto;
padding-top: 10px;
margin-top: 0px;
}
#main
{
	width:980px;
	height:430px;
margin: auto;
padding-left: 5px;
}

#maintext
{
float: left;
	width:980px;
min-height:200px;
}

#menu a{
color: red;
}

#hmaint
{
color: white;
font-weight: bolder;
float: left;
background-image: url("https://static.igem.org/mediawiki/2011/e/e1/Ulbmaintext.png");
background-repeat:no-repeat;
width:980px;
height: 16px;
padding-left: 4px;
}

#maint
{
float: left;
padding: 4px;
width:980px;
height: 392px;
border: 2px inset #27303e; 
text-align: justify;
background-color: white;
}

#facebook{
margin-left: 707px;
height:200px;
}
#joinus{
background-repeat: no-repeat;
padding-left: 4px;
color: white;
font-weight: bolder;
width:274px;
height:16px;
background-image: url("https://static.igem.org/mediawiki/2011/6/6d/Ulbfacebook.png");
}

#module{
background-color: white;
width:270px;
height:400px;
border: 2px inset #27303e; 
clear:float;
}

#footer{
width: 980px;
height: 201px;
margin:auto;
text-align: left;
padding-left: 5px;

}

#sponsor{
width: 440px;
height: 201px;
float: left;
}

#sponsort{
background-repeat: no-repeat;
padding-left:4px;
color: white;
font-weight: bolder;
width:440px;
height:16px;
background-image: url("https://static.igem.org/mediawiki/2011/1/11/Ulbsponsor.png");
}

#sponsori{
font-weight: bolder;
background-image:url("https://static.igem.org/mediawiki/2011/e/ed/Logosponsors.png");
padding: 4px;
color: #690115;
background-color: white;
width:428px;
height:175px;
border: 2px inset #27303e;
text-align:center; 
}

#photo{
padding-top: 8px;
background-color: black;
background-repeat: no-repeat;
float: left;
width:245px;
height: 195px;
margin-left: 10px;
}

#photot
{
width:247px;
height: 16px;
background-image: url("https://static.igem.org/mediawiki/2011/0/0b/Ulbphoto.png");
}

#photoi
{
width:247px;
height: 187px;
background-color: black;
}

#event{
float: left;
margin-left: 10px;
width: 274px;
height: 201px;
}

#nextevent{
background-repeat: no-repeat;
padding-left: 4px;
color: white;
font-weight: bolder;
width:274px;
height:16px;
background-image: url("https://static.igem.org/mediawiki/2011/a/a8/Ulbnextevent.png");
}

#eventi{
padding: 4px;
color: white
width:266px;
height: 175px;
border: 2px inset #27303e; 
background-color: #690115;
}

#bas{
margin-top: 4px;
background-image: url("https://static.igem.org/mediawiki/2011/3/34/Ulbbas.png");
background-repeat: repeat-x;
height: 30px;
  margin: auto;
}

#basi{
padding-top: 5px;
color: white;
text-align: center;
font-size: 11px;
}

#basi a{
color: white;
}


/*code justine */ 

#menu a /* pour changer les laids liens bleu soulignÈs*/
{
position:relative;
color: white;
text-decoration: none;
text-align: center;
}

#menu
{
position:relative;
top:126px;
font-size: 14px;
color:white;
font-weight: bolder;
widht: 900px;


}

#menu1 /* mise en forme menu1, plein de choses ‡ virer sur la version dÈfinitive*/
{
width:800px; /* version dÈfinitive:virer ca*/
height: 20px; /* version dÈfinitive:virer ca*/
font-size: 14px;
text-align:center;
}

#home
{
float:left;
position: absolute;
width: 50px;
height: 20px;
text-align:center;

}

#project
{
float:left;
position: relative;
left: 70px;
width: 70px;
height: 15px;
text-align:center;

}

#modeling
{
float:left;
text-align:center;
position: relative;
width: 90px;
height: 20px;
left:80px;
}

#results
{
float:left;
position: relative;
width: 70px;
height: 20px;
left:90px;
text-align:center;
}

#parts
{
float:left;
position: relative;
width: 55px;
height: 20px;
left:100px;
text-align:center;
}

#human
{
float:left;
position: relative;
width: 130px;
height: 20px;
left:110px;
text-align:center;
}

#team							
{
float:left; 
position: relative;
width: 85px;
height: 20px;
left:110px; 
text-align:center;
margin : auto;
}

#team  td 
{
text-align:center;
}

#sponsors
{
float:left;
position: relative;
width: 90px;
height: 20px;
left:110px;
text-align:center;
}

.select
{
height:21px; /* si tu modifies hauteur du menu1, il faut modifier ca aussi. Il ne s'adapte pas automatiquement, parce qu'il fait en fonctiond  ela taille du texte */
background-color:rgb(105,1,21);
}

#menu2
{
width:985px;
height:18px;
font-size: 12px;
padding-top: 1px;
}

#menu2project /* juste pour dÈcaler l'Ècriture des sous-menus. plus facile que de repositionner chaque sous-menu, surtout quand c'ets les mÍmes pour modeling et results*/
{
position:relative;
left: 61px;
width:807px; /* version dÈfinitive:virer ca*/
height:18px; /* version dÈfinitive:virer ca*/
}


#menu2results /* juste pour dÈcaler l'Ècriture des sous-menus. plus facile que de repositionner chaque sous-menu, surtout quand c'ets les mÍmes pour modeling et results*/
{
position:relative;
left: 220px;
width:807px; /* version dÈfinitive:virer ca*/
height:18px; /* version dÈfinitive:virer ca*/
}

#menu2modeling
{
position:relative;
left:132px;
width:888px;  /* version dÈfinitive:virer ca*/
height:18px;  /* version dÈfinitive:virer ca*/
}

#souspindel /* mise en forme du sous-menu "pindel", aussi bien pour modeling que result*/
{
position:absolute;
left:50px;
height:18px;
text-align:center;
width:50px;
}

#soushelper /* mise en forme du sous-menu "plasmide helper", aussi bien pour modeling que result*/
{
position:absolute;
left:111px;
height:18px;
text-align:center;
width:80px;
top:0px;
}

#sousproof /* mise en forme du sous-menu "proof of concept", aussi bien pour modeling que result*/
{
position:absolute;
left:193px;
height:18px;
text-align:center;
width:120px;
top:0px;
}	   


.left-menu, .left-menu a {
color: white;    
left: 0px;
    text-align: left;
    color:transparent;
    text-transform: lowercase;

}
.left-menu a:hover {
}
.left-menu:hover {
    color: white;
    background:none;
}
.right-menu, .right-menu a {
    right: 0px;
    text-align: right;
    color: white;

}
#menubar ul {
    color: white;
    list-style: none;
}
#menubar li {
    display: inline;
    position: relative;
    cursor: pointer;
    padding-left: 0px;
    padding-right: 0px;
}
.left-menu li a {
    padding: 0px 10px 0px 0px;
}
.left-menu .selected {
#    color:white;
}
#.left-menu .selected:hover {
#    color:white;
#}

.left-menu:hover a {
    color: white;
}
.right-menu li {
#    background: none;
}
.right-menu li a {
    padding: 0px 15px 0px 0px;
    color: white;
    background: none;
}
.right-menu li a:hover {
    color: white;
}

#menu a
   {
   margin-left:20px; /*espace entre les lien*/
   display:block; /*Pour que le lien soit un vrai bloc*/
   float:left; /*Pour que les blocs soient alignés horizontalement (essayez de l'enlever pour voir)*/
   height:30px; /*La même hauteur que notre menu*/
   border:none; /*On enlève les bordures (enfin, on ne les met pas, même s'il n'y en avait pas)*/
   }

#couleur
{
padding-left: 5px;
padding-right:5px;
background-color: #690115;
}

	   </style>

</head> 
  
    <div id="header"> <!-- Images de logo -->
<div id="menu">
<a href="https://2011.igem.org/Team:ULB-Brussels">Home</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/project">Project</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/modeling">Modelling</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/human">Human practice</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/Results">Results</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/parts">Parts</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/safety">Safety</a>
<a id="couleur"  href="https://2011.igem.org/Team:ULB-Brussels/team">Team</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/sponsors">Sponsors</a>

</div>

<div id="sousm">
<a href="https://2011.igem.org/Team:ULB-Brussels/team">Team</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/team/Laurence">Laurence</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/team/Gilles">Gilles</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/team/Damien">Damien</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/team/Arnaud">Arnaud</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/team/esther">Esther</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/team/FannyF">Fanny F</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/team/FannyP">Fanny P</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/team/FrancoisD">Francois D</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/team/FrancoisT">Francois T</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/team/Jo">Jo</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/team/Mathieu">Mathieu</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/team/Maxime">Maxime</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/team/Mitia">Mitia</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/team/Morgane">Morgane</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/team/Pierre">Pierre</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/team/Seb">Seb</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/team/Thibaut">Thibaut</a>
<a href="https://2011.igem.org/Team:ULB-Brussels/team/Virginie">Virginie</a>
</div>

</div>

<div id="main"> 
	<div id="maintext">
		<div id="hmaint">
Damien Geeraerts		</div>
			<div id="maint">
<table>
  <tr>
    <td rowspan="2"><img src="" alt="Laurence Van Melderen"></td>
    <td><strong>Damien Geeraerts</strong></td>
  </tr>
  <tr>
    <td>Damien is trying to write his PhD thesis, when he is not answering our many 
questions or giving us technical pointers. He is working on toxin-antitoxin 
systems; specifically he is trying to find new such systems in a variety of 
bacteria. He got pulled in as advisor since he is the yeast guy of the lab; 
since then his writing output dropped dramatically thanks to the iGEM. </td>
  </tr>  
</table>

</div>	
</div>
</div>	
	
<div id="bas">
	<div id="basi">
	iGEM ULB Brussels Team - <a href="mailto:lvmelder@ulb.ac.be">Contact us</a>
	</div>
</div> 
		
</html>