Team:Toulouse/Team

From 2014.igem.org

(Difference between revisions)
 
(78 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{:Team:Toulouse/template/header-base}}
<html>
<html>
-
<head>
 
-
<!-- this section changes the default wiki template to a white full width background -->
 
-
<style type="text/css">
 
-
/* Removing wiki-like stuff */
+
<!--/* open Sans : fonnt Google*/-->
-
/****************************/
+
-
#contentSub, #search-controls, .firstHeading, #-box, #catlinks, #p-logo {
+
-
    display:none;}
+
-
/* Redesigning the topmenu */
+
  <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
-
/***************************/
+
-
body {
+
-
    : 0 0 0 0;
+
-
    padding: 0;}
+
-
#top-section {
+
-
    width: 965px;
+
-
    height: 0;
+
-
    margin: 0 auto ;
+
-
    padding: 0;
+
-
    border: none;}
+
-
#menubar {
+
-
    font-size: 100%;
+
-
    top:-8px;}
+
-
.left-menu:hover {
+
-
    background-color: transparent;}
+
-
#menubar li a {
+
-
    background-color: transparent;}
+
-
#menubar:hover {
+
-
    color: black;}
+
-
#menubar li a {
+
-
    color: transparent;}
+
-
#menubar:hover li a {
+
-
    color: black;}
+
-
#menubar > ul > li:last-child {
+
-
    display:none;}
+
-
/* Layout */
+
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
-
/**********/
+
-
body, #heading, #innercontent, #innercontenthome {
+
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'>
-
    background-color : #ffffff;
+
-
    font-family : Helvetica, sans-serif;
+
-
    font-size : 16px;
+
-
    }
+
-
   
+
-
#innercontenthome{
+
-
    margin-top:-13px;
+
-
    }
+
-
   
+
-
#content, #globalWrapper {
+
-
    border: none;
+
-
    width: 100%;
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    }
+
-
   
+
-
.centering {
+
-
    margin: 0 auto;
+
-
    width: 965px;
+
-
    }
+
-
.clear{
+
<!--/* CSS contenu*/-->
-
    clear:both;
+
-
}
+
 +
<style type="text/css">
-
/*background Header*/
+
  .title1{color:green; font-family:'Open Sans'; font-weight:600; font-size:24px; margin:0 0 33px 0; border:none;}
-
#bgHeader{
+
-
    position : absolute;  
+
-
    left : 0px;
+
-
    top : 0px;
+
-
    z-index:0;
+
-
    width : 100%;
+
-
    min-width : 700px;
+
-
    max-width : 1200px;
+
-
    background-color : transparent;
+
-
   
+
-
}
+
-
/* Barre de Menu*/
+
  .title2{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px; margin:0 0 30px 0; border:none;}
-
.btHeaderA{  
+
 
-
    position : relative;
+
  .title3{color:#7f8c8c; font-family:'Open Sans'; font-weight:400; font-size:16px; margin:0 0 20px 0; border:none;}
-
    z-index:2;
+
 
-
    width: 100%;
+
  .texte{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 50px 0; line-height:24px; text-align: justify; }
-
height: auto;
+
  .textesimple{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 0px 0; line-height:24px; text-align: justify;}
 +
 
 +
.banniere{
 +
background: url('https://static.igem.org/mediawiki/2014/1/19/Banderoleteamtoulouse.jpg') no-repeat center;
 +
height:315px;
 +
margin: 30px 0 0;
 +
width:100%;
}
}
-
.btHeaderB{
+
.banniere-content{
-
    position : absolute;
+
background-color: rgba(130,196,108,0.7);
-
    z-index:1;
+
padding:28px 28px 0;
-
    width: 100%;
+
position:absolute;
-
height: auto;
+
bottom:0;
 +
right: 0;
 +
height:92px;
 +
width:392px;
 +
color:white
}
}
-
.btHeaderC{
+
.banniere-content h2{
-
    z-index:3;
+
color:white;
-
    position: relative;
+
font-size:24px
-
    top : 45px;
+
-
    text-align: center;
+
-
    width: auto;
+
-
height : auto;
+
-
   
+
}
}
-
.btHeaderA:hover{
+
.banniere-content p{
-
    z-index:1;
+
color:white;
 +
font-size:16px
}
}
-
.btHeaderB:hover{
+
.Title{
-
     top : 0px;
+
     text-shadow: 1px 3px 3px rgba(70, 156, 133, 0.75);
-
     z-index : 3;
+
    color: #2CC23E;
 +
    font-size: 50px;
 +
     text-align: center;
}
}
-
img.headerbutton{
+
.Sub_title{
-
     max-width : 100px;
+
     color: #2CC23E;
-
     width : 100%;
+
     font-size: 30px;
-
height : auto;
+
}
}
-
img.headerbutton:hover{
+
.Article {
-
     max-width : 110px;
+
     text-align: justify;
-
     width : 100%;
+
     text-indent:15px;
-
height : auto;
+
}
}
-
#Menu {
+
a.Link {
-
     position : absolute;
+
     font-size:10pt;
-
     width : 100%;
+
     color :#A4A4A4;  
-
     min-width :780px;
+
     text-decoration:none;
-
    max-width : 1400px;
+
-
    top : 0;
+
}
}
-
.Item {
+
a.Link:hover{
 +
    text-decoration:underline;
 +
}
 +
/*Overview*/
 +
.CropImg{
     position : absolute;
     position : absolute;
-
     text-align : center;
+
     width: 700px;
-
     display : inline-block;
+
     left :50%;
-
     min-Height : 150px;
+
     margin-left:-350px;
-
     text-decoration: no underline;
+
     height: auto;       
 +
    overflow: hidden;
 +
    display :block;
}
}
-
.Item a{
+
.zooma {
-
    color : black;
+
height:350px;
-
    text-shadow:3px 3px 5px #FFFFFF;
+
}
}
-
 
+
.zooma p {
-
.sub-nav {
+
position: relative;
-
    display: none; /* Masque la sous-liste */
+
-
    position: absolute; /* Evite que la dimension du conteneur ne change quand la sous-liste est affichée */
+
-
    white-space: nowrap; /* Pour que le texte ne revienne pas à la ligne */
+
-
    background: white; /* FIX IE7 : évite que la sous-liste ne disparaisse au moment où le curseur arrive au-dessus */
+
-
    margin-top: -2px; /* Pour que le sous-menu recouvre son parent, facilitant le passage de la souris de l’un à l’autre */
+
}
}
-
 
+
.zooma img {
-
.sub-nav-item{
+
width:200px;
-
    background-color: transparent;
+
height:267px;
}
}
-
 
+
.zooma img:hover {
-
.Item:hover .sub-nav {
+
width:300px;
-
    display: block; /* Affiche cette sous-liste au survol de son conteneur */
+
height:400px;
-
    background-color: transparent;
+
}
-
    top : 163px;
+
.zooma img:hover {
-
    Z-index : 4;
+
position:absolute;
-
    left : 25px;
+
right: 0;
}
}
 +
.zooma img:hover > p{
 +
left :320px;
 +
}   
-
/*Footer*/
+
.zoomb {
-
#Footer{
+
height:350px;
-
    width : 100%;
+
-
    background-image:url(https://static.igem.org/mediawiki/2014/2/2b/Background_G.png);
+
-
    background-position:center center;
+
-
    background-size: 100% 100%;
+
-
    font-family: verdana;
+
}
}
 +
.zoomb p {
 +
position: relative;
 +
}
 +
.zoomb img {
 +
width:200px;
 +
height:267px;
 +
}
 +
.zoomb img:hover {
 +
width:300px;
 +
height:400px;
 +
}
 +
.zoomb img:hover > p{
 +
left :320px;
 +
 +
.clear {
 +
clear: both;
 +
}
 +
</style>
 +
<body>
-
/* Slider (thanks to flowplayer.org) */
+
  <div class="banniere">
-
/*************************************/
+
  <div class="banniere-wrapper" style="width:960px; height:100%; margin: 0 auto; position:relative;">
-
.scrollable {
+
-
/* required settinsg */
+
-
position: relative;
+
-
overflow :hidden;
+
-
    margin-top: 14px;
+
-
    width: 970px;
+
-
    height: 400px;
+
-
    border: 1px solid #FFFFFF;
+
-
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+
-
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
+
-
    background: #FFFFFF;
+
-
    }
+
-
   
+
-
.scrollable .items {
+
-
/* this cannot be too large */
+
-
width: 50000px;
+
-
position: absolute;
+
-
    }
+
-
   
+
-
.items div {
+
-
float: left;
+
-
width: 970px;
+
-
height: 400px;
+
-
    }
+
-
   
+
-
.prev {
+
-
        background: url(https://static.igem.org/mediawiki/2011/8/81/DTU-Denmark2011-slider-prev.png) no-repeat;
+
-
        height: 74px;
+
-
        width: 74px;
+
-
        position: absolute;
+
-
            left: -486px; /* ceil(963/2) + 74/2 = 482 + 37 = 519 */
+
-
            top: 350px;
+
-
        margin-left: 50%;
+
-
        cursor: pointer;
+
-
        }
+
-
       
+
-
.next {
+
-
        background: url(https://static.igem.org/mediawiki/2011/5/56/DTU-Denmark2011-slider-next.png) no-repeat;
+
-
        height: 74px;
+
-
        width: 74px;
+
-
        margin-right: 50%;
+
-
        position: absolute;
+
-
            right: -488px;
+
-
            top: 350px;
+
-
        cursor: pointer;
+
-
        }
+
-
       
+
-
.disabled {
+
-
        visibility: hidden;}
+
-
/* Slider (thanks to flowplayer.org) */
+
   
-
    /*------- gallery ----------*/
+
    <div class="banniere-content">
 +
      <h2>Our team</h2>
 +
        </div>
 +
  </div>
 +
  </div>
-
#slideshow {
+
  <div class="fils-ariane" style="width:100%; height:60px; background:#ededed;">
-
    position:relative;
+
  <div style="margin:0 auto; width:960px;">
-
    height:391px;
+
  <p style="color:#696969; padding-top:20px; font-size:16px; float:left;">Team&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;Our Team</p>
-
    margin-top:20px;
+
    <ul class="topnav" id="topnav" style="top:15px;">
-
}
+
    </ul>
 +
  </div>
 +
  </div>
 +
 
-
#slideshow img {
+
  <div id="innercontenthome">
-
    position:absolute;
+
      <div class="centering" style="padding-top: 85px; padding-bottom:40px;">
-
    top:0;
+
-
    left:0;
+
-
    z-index:;
+
-
}
+
-
#slideshow img.active {
 
-
    z-index:2;
 
-
}
 
-
#slideshow img.last-active {
+
<p class="texte">Let's introduce you to our fabulous tree-friendly team, 100% biodegradable and certified pesticide-free.</p>
-
    z-index:1;
+
-
}
+
-
</style>
+
<p class="title1">Students</p>
 +
<p class="title3"> <i>(Move your mouse over image to enlarge!)</i> </p>
 +
<br></br>
-
<!-- STYLESHEET -->
+
<div class="zooma"><div style="float:left; width:215px;">
-
<!-- *********** --
+
<p class="title2">
 +
<img src="https://static.igem.org/mediawiki/2014/d/da/Diane_gros.png" alt="Diane Barbay" border="0" style="margin-top:5px"/>
 +
</div>
 +
<div style="float: right; width:720px;">
 +
<p class="title2"><b>Diane Barbay</CENTER></b></p>
 +
<p class="textesimple"><b>Feature:</b> Diligent (Wait a minute, I have to write down these results in my notebook! ㅋㅋㅋ)</p>
 +
<p class="textesimple"><b>Studies:</b> First year of Biochemistry Master at INSA Toulouse engineering school</p>
 +
<p class="textesimple"><b>About her:</b> Hardworking, Diane is the most consciencious in her work: her notebook is so clean and organized! She is persevering and always tries to find the answer to the problem (except when plasmids shortens between two digestions…). She talks to bacteria to encourage them taking up plasmid during transformation. She is like a babysitter for our cells :-)
 +
</p></p>
-
    <link rel="stylesheet" href="https://2013.igem.org/Team:INSA_Toulouse/template/stylesheet?action=raw&amp;ctype=text/css" type="text/css" />
+
</div></div>
 +
<div class="clear" style="margin-bottom:60px;"></div>
 +
<div class="zoomb"><div style="float:right; width:215px;">
 +
<p class="title2">
 +
<img src="https://static.igem.org/mediawiki/2014/0/0e/Emeline_gros.png" alt="Emeline Flajollet" border="0" style="margin-top:5px"/>
 +
</div>
 +
<div style="float:left; width:700px; margin-left:5px; margin-right:40px">
 +
<p class="title2"><b>Emeline Flajollet</CENTER></b></p>
 +
<p class="textesimple"><b>Feature:</b> Expert in competent cells (Oh no, I have to make competent cells again… ㅋㅋㅋ)</p>
 +
<p class="textesimple"><b>Studies:</b> First year of Master of Microbiology at Paul Sabatier University of Toulouse</p>
 +
<p class="textesimple"><b>About her:</b> Emeline looks discreet at first, but when you meet her, you discover a frank person who knows how to express her opinions and how to be understood, which is a good thing for team work. She is diligent and involved in her work, always trying to do her best, and providing advice to others. She spends a lot of time on social networks, allowing us to keep in touch with other teams.
 +
</p></p>
 +
</div></div>
-
    <link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:INSA_Toulouse/template/stylesheetslide&amp;action=edit" type="text/css" />
+
<div class="clear" style="margin-top:85px;"></div>
-
</head>
+
<div class="zooma"><div style="float:left; width:215px;">
 +
<p class="title2">
 +
<img src="https://static.igem.org/mediawiki/2014/8/80/Mathieu_gros.png" alt="Mathieu Fournié" border="0" style="margin-top:5px"/>
 +
</div>
 +
<div style="float: right; width:720px;">
 +
<p class="title2"><b>Mathieu Fournié</CENTER></b></p>
 +
<p class="textesimple"><b>Feature:</b> Expert in communication (I found someone else who wants to interview us!)</p>
 +
<p class="textesimple"><b>Studies:</b> First year of Master of Microbiology at Paul Sabatier University of Toulouse</p>
 +
<p class="textesimple"><b>About him:</b> Initial founder of the project, Mathieu is a fan of Midi Pyrenées's region and is eager to protect its natural environment and resources. He is devoted to the project and does his best to succeed. His leadership skills help us focus on the main goals and deadlines. Even if it makes him forget to do his own tasks! His good interpersonal skills and numerous contacts helped us to capture media attention.
 +
</p></p>
 +
</div></div>
-
<body >
+
<div class="clear" style="margin-bottom:60px;"></div>
-
<!--main content -->
+
-
<table width="100%" align="center">
+
-
<!--navigation menu -->
+
<div class="zoomb"><div style="float:right; width:215px;">
-
<div style="background-color : transparent" >
+
<p class="title2">
-
<img id="bgHeader" src="https://static.igem.org/mediawiki/2014/f/f2/Branch_col.png" alt="header background" />
+
<img src="https://static.igem.org/mediawiki/2014/d/d2/Florie_gros.png" alt="Florie Gosseau" border="0" style="margin-top:5px"/>
</div>
</div>
 +
<div style="float:left; width:700px; margin-left:5px; margin-right:40px">
 +
<p class="title2"><b>Florie Gosseau</CENTER></b></p>
 +
<p class="textesimple"><b>Feature:</b> Our IT expert (Modeling? Ok let’s do it!)</p>
 +
<p class="textesimple"><b>Studies:</b> First year of Bioinformatics and Biological Systems Master at Paul Sabatier University of Toulouse</p>
 +
<p class="textesimple"><b>About her:</b> Florie is a smiling and spontaneous girl. She is this kind of person capable of giving a true smile when nothing works, and she can disentangle conflicts thanks to her patience and her kindness. She is really helpful and never says no when you ask for service. She is also frank and reports problems when there are some. Finally, she is the only one good at informatics, which makes her indispensable for us! When she wears her lab coat, she is able to fly like Batman or being the queen of cats' kingdom. Really, it is wonderful to see her!
 +
</p></p>
 +
</div></div>
-
<div id="Menu" style="background-color:transparent;">
+
<div class="clear" style="margin-top:85px;"></div>
-
    <div class="Item" style="left :5%;">
+
<div class="zooma"><div style="float:left; width:215px;">
-
        <a href="https://2014.igem.org/Team:Toulouse"style="color:#000000">
+
<p class="title2">
-
        <div class="btHeaderA" style="top : 30px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/0/0e/Bt_home_1.png"/></div>
+
<img src="https://static.igem.org/mediawiki/2014/9/92/Camille_gros.png" alt="Camille Jourdan" border="0" style="margin-top:5px"/>
-
        <div class="btHeaderB" style="top : 30px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/9/96/Bt_home_2.png"/></div>
+
</div>
-
        <div class="btHeaderC">Home</div>
+
<div style="float: right; width:720px;">
-
        </a>
+
<p class="title2"><b>Camille Jourdan</CENTER></b></p>
-
    </div>
+
<p class="textesimple"><b>Feature:</b> Expert in cloning (Camille, which enzyme should I take?)</p>
-
   
+
<p class="textesimple"><b>Studies:</b> First year of Biochemistry Master at INSA Toulouse engineering school</p>  
-
    <div class="Item" style="left :15%">  
+
<p class="textesimple"><b>About him:</b> Jovial and funny, Camille has sometimes eruptions of madness which makes him so special. Conversely, he is capable of incredible moments of intelligence and concentration (primers and plasmids hold no secret for him) and he is really diligent. He is sarcastic but definitely not nasty. He is the athlete of the team and never misses an opportunity to make gymnastics exercises or Plasmid Dance!
-
        <a href="https://2014.igem.org/Team:Toulouse/Team"style="color:#000000">  
+
</p></p>
-
        <div class="btHeaderA" style="top:5px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/a/a4/Bt_team_1.png" /></div>
+
</div></div>
-
        <div class="btHeaderB" style="top:5px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/8/84/Bt_team_2.png" /></div>
+
-
        <div class="btHeaderC" align="center">Team</div>  
+
-
        </a>
+
-
        <ul class="Item sub-nav">
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Team" class="leaf">Our Team</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://igem.org/Team.cgi?year=2014&team_name=Toulouse" class="leaf"> Official Team Profile </a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Team/Contact" class="leaf">Contact</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Team/Gallery" class="leaf">Gallery</a></li>
+
-
        </ul>
+
-
    </div>
+
-
    <div class="Item" style=" left :25%"> 
+
<div class="clear" style="margin-bottom:60px;"></div>
-
        <a href="https://2014.igem.org/Team:Toulouse/Project"style="color:#000000">
+
-
        <div class="btHeaderA" style="top : 33px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/e/e2/Bt_project_1.png"/></div>
+
-
        <div class="btHeaderB" style="top : 33px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/4/42/Bt_project_2.png"/></div>
+
-
        <div class="btHeaderC" align="center">Project</div>
+
-
        </a>
+
-
        <ul class="Item sub-nav">
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Overview" class="leaf">Overview</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Fixation" class="leaf">Fixation</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Chemotaxis" class="leaf">Chemotaxis</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Fungicides" class="leaf">Fungicides</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Spreading" class="leaf">Spreading</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Modeling" class="leaf">Modeling</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Parts" class="leaf">Parts</a></li>
+
-
        </ul>
+
-
    </div>
+
-
   
+
-
    <div class="Item" style=" left :35%"> 
+
-
        <a href="https://2014.igem.org/Team:Toulouse/Human_Practice"style="color:#000000">
+
-
        <div class="btHeaderA" style="top : 2px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/2/27/Bt_human_1.png"/></div>
+
-
        <div class="btHeaderB" style="top : 2px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/e/ee/Bt_human_2.png"/></div>
+
-
        <div class="btHeaderC" align="center" style="Top : 18px;">Human <br> Practice</div>
+
-
        </a>
+
-
        <ul class="Item sub-nav">
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Safety" class="leaf">Safety</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Human_Practice/Ethique" class="leaf">Ethique</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Human_Practice/Meeting" class="leaf">Meeting</a></li>
+
-
        </ul>
+
-
    </div>
+
-
   
+
-
    <div class="Item" style=" left :45%" > 
+
-
        <a href="https://2014.igem.org/Team:Toulouse/Notebook"style="color:#000000">
+
-
        <div class="btHeaderA" style="top : 38px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/d/d3/Bt_notebook_1.png" /></div>
+
-
        <div class="btHeaderB" style="top : 38px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/c/c0/Bt_notebook_2.png" /></div>
+
-
        <div class="btHeaderC" align="center">Notebook</div>
+
-
        </a>
+
-
        <ul class="Item sub-nav">
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Notebook/Calendar" class="leaf">Calendar</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Notebook/Protocols" class="leaf">Protocols</a></li>
+
-
        </ul>
+
-
    </div>
+
-
    <div class="Item" style=" left : 55%">  
+
<div class="zoomb"><div style="float:right; width:215px;">
-
        <a href="https://2014.igem.org/Team:Toulouse/Attributions"style="color:#000000">  
+
<p class="title2">
-
        <div class="btHeaderA" style="top : 48px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/6/6a/Bt_attributions_1.png"/></div>
+
<img src="https://static.igem.org/mediawiki/2014/c/c2/Aur%C3%A9lie_gros.png" alt="Aurélie Kanitzer" border="0" style="margin-top:5px"/>
-
        <div class="btHeaderB" style="top : 48px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/6/66/Bt_attributions_2.png"/></div>
+
</div>
-
        <div class="btHeaderC" align="center">Attributions</div>
+
<div style="float:left; width:700px; margin-left:5px; margin-right:40px">
-
        </a>
+
<p class="title2"><b>Aurélie Kanitzer</CENTER></b></p>
-
        <ul class="Item sub-nav">
+
<p class="textesimple"><b>Feature:</b> Distracted (Oh I forgot my keys! I have to go back home, see you in 15 minutes!)</p>
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Attributions" class="leaf">Attributions</a></li>
+
<p class="textesimple"><b>Studies:</b> First year of Biochemistry Master at INSA Toulouse engineering school</p>  
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Sponsors" class="leaf">Sponsors</a></li>
+
<p class="textesimple"><b>About her:</b> Aurélie is a joyful and spontaneous person, which makes you laugh and smile. Often distracted, she can make blunders… She is natural and honest and does not try to play a role. She is open-minded and helpful: you can count on her. Strong and sensitive at the same time, she is able to face difficulties. Don’t go by appearances, this tiny girl has personality and she does not let others walk over her!
-
        </ul>
+
</p></p>
-
    </div>
+
</div></div>
-
    <div class="Item" style="left :70%; Z-index:4;" align ="center"  width="60px" >
+
<div class="clear" style="margin-top:85px;"></div>
-
        <a href="https://2014.igem.org/Main_Page">
+
-
        <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px">
+
-
        </a>
+
-
    </div>
+
 +
<div class="zooma"><div style="float:left; width:215px;">
 +
<p class="title2">
 +
<img src="https://static.igem.org/mediawiki/2014/2/25/Laureen_gros.png" alt="Laureen Mirassou" border="0" style="margin-top:5px"/>
</div>
</div>
 +
<div style="float: right; width:720px;">
 +
<p class="title2"><b>Laureen Mirassou</CENTER></b></p>
 +
<p class="textesimple"><b>Feature:</b> Our best negotiator (Don’t worry about prices for flight tickets, I deal with that)</p>
 +
<p class="textesimple"><b>Studies:</b> First year of Biochemistry Master at INSA Toulouse engineering school</p>
 +
<p class="textesimple"><b>About her:</b>  Laureen is a mix of kindness, helpfulness and generosity. Always trying to help people, she is essential to ease tensions and to solve social issues: she says what is wrong gently and calmly. Her good interpersonal abilities helped us to make good business and to solve many administrative problems. Her high level of English proficiency is also something precious for the team.
 +
</p></p>
 +
</div></div>
-
<tr height="250px"></tr>
+
<div class="clear" style="margin-bottom:60px;"></div>
-
</table>
+
-
<div class="centering">
+
-
<!--end navigation menu -->
+
-
<!--Entrer le texte ici -->
+
-
<center><img alt="Coming soon!" src="https://static.igem.org/mediawiki/2014/7/76/Coming_soon.png" width="600px"></center>
+
<div class="zoomb"><div style="float:right; width:215px;">
 +
<p class="title2">
 +
<img src="https://static.igem.org/mediawiki/2014/8/8d/Manon_gros.png" alt="Manon Molina" border="0" style="margin-top:5px"/>
 +
</div>
 +
<div style="float:left; width:700px; margin-left:5px; margin-right:40px">
 +
<p class="title2"><b>Manon Molina</CENTER></b></p>
 +
<p class="textesimple"><b>Feature:</b>  Organized (Let’s make a to-do-list!)</p>
 +
<p class="textesimple"><b>Studies:</b> First year of Biochemistry Master at INSA Toulouse engineering school </p>
 +
<p class="textesimple"><b>About her:</b> Manon is organized: she always makes to-do-lists to not  forget anything and do tasks in time. Thank goodness, she is here to monitor the budget and do the accounting! She makes her work conscientiously and meticulously, not allowing mistakes. She is kind and lenient but can also be frank when she does not endorse your methods. In short: serious and devoted to the project.
 +
</p></p>
 +
</div></div>
 +
<div class="clear" style="margin-top:85px;"></div>
 +
<div class="zooma"><div style="float:left; width:215px;">
 +
<p class="title2">
 +
<img src="https://static.igem.org/mediawiki/2014/5/5c/Fanny_gros.png" alt="Fanny Pineau" border="0" style="margin-top:5px"/>
 +
</div>
 +
<div style="float: right; width:720px;">
 +
<p class="title2"><b>Fanny Pineau</CENTER></b></p>
 +
<p class="textesimple"><b>Feature:</b> Absent-minded (which cloning are we doing?)</p>
 +
<p class="textesimple"><b>Studies:</b> First year of Biochemistry Master at INSA Toulouse engineering school </p>
 +
<p class="textesimple"><b>About her:</b> In the lab, Fanny is often lost in her works: too many cloning at the same time, you should not ask too much to her blond brain! Not enough concentrated, she can sometimes make blunders. Besides that, she is applied and perfectionist when she plunges into her work. Finally, she is a joyful and smiling person; also honest and frank, telling it like it is.
 +
</p></p>
 +
</div></div>
 +
<div class="clear" style="margin-bottom:60px;"></div>
 +
<div class="zoomb"><div style="float:right; width:215px;">
 +
<p class="title2">
 +
<img src="https://static.igem.org/mediawiki/2014/0/0d/Pierre_gros.png" alt="Pierre Reitzer" border="0" style="margin-top:5px"/>
 +
</div>
 +
<div style="float:left; width:700px; margin-left:5px; margin-right:40px">
 +
<p class="title2"><b>Pierre Reitzer</CENTER></b></p>
 +
<p class="textesimple"><b>Feature:</b> Relaxed (Make a presentation barefoot, why not?)</p>
 +
<p class="textesimple"><b>Studies:</b> First year of Biochemistry Master at INSA Toulouse engineering school </p>
 +
<p class="textesimple"><b>About him:</b> Pierre is the co-founder of the project. He is really friendly and is always willing to discuss and help people with their experiments. Moreover, he greets us with a smile each time we see him in the lab. He is spontaneous and forthright: we know what he thinks. Sometimes, he has his head in the clouds and fails the same experiment three times… But he is involved in his work and does not count hours.
 +
</p></p>
 +
</div></div>
-
<!-- Footer -->
+
<div class="clear" style="margin-top:85px;"></div>
-
<div id="Footer" >
+
<div class="zooma"><div style="float:left; width:215px;">
-
<table align="center" style="width : 100%; background-color : transparent">
+
<p class="title2">
-
    <td width="5px"></td>
+
<img src="https://static.igem.org/mediawiki/2014/f/f6/Abdel_gros.png" alt="Abdel Touré" border="0" style="margin-top:5px"/>
-
    <td style="width: 35px;" align="center">
+
-
        <a href="https://www.facebook.com/iGEM.Toulouse.2014?ref_type=bookmark"><img src="https://static.igem.org/mediawiki/2013/f/fc/Insa-toulouse2013-iconfacebook.png" alt="Facebook" /></a>
+
-
        <br> <br>
+
-
        <a href="https://twitter.com/iGEM_Toulouse"><img src="https://static.igem.org/mediawiki/2013/7/7b/Insa-toulouse2013-icontwitter.png" alt="Twitter" /></a>
+
-
        <br>
+
-
    </td>
+
-
    <td width="15px"></td>
+
-
    <td>
+
-
        <p><b> iGEM Toulouse</b><br><address>
+
-
        INSA Toulouse <br>135, Avenue de Rangueil <br>
+
-
        31400 TOULOUSE <br></address>
+
-
        <br>e-mail: <span><a href="mailto:igemtoulouse2014@gmail.com"> igemtoulouse2014@gmail.com</a></span></p>
+
-
    </td>
+
-
    <td align="right">
+
-
        <a href="https://2013.igem.org/Main_Page">
+
-
            <img style="width:170px" src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png"/img>
+
-
        </a>
+
-
    </td>
+
-
  </table>
+
</div>
</div>
 +
<div style="float: right; width:720px;">
 +
<p class="title2"><b>Abdel Touré</CENTER></b></p>
 +
<p class="textesimple"><b>Feature:</b> Luxury tastes (Why shouldn't we go to the Hilton?)</p>
 +
<p class="textesimple"><b>Studies:</b> First year of Bioinformatics and Biological Systems Master at Paul Sabatier University of Toulouse</p>
 +
<p class="textesimple"><b>About him:</b> Abdel is this kind of person that you remember: he is always jovial and running everywhere. He is a funny guy who likes making jokes. But, be careful! He is also sensitive, your jokes might not make him laugh at all. He takes care of his appearance, and likes smoking his e-cigarette. He always swears in English, but we like it because this is funny, and he is a good English speaker!
 +
</p></p>
 +
</div></div>
 +
 +
<div class="clear" style="margin-top:85px;"></div>
 +
 +
<p class="title1">Instructors</p>
 +
 +
<div style="float:left; width:215px;">
 +
<img src="https://static.igem.org/mediawiki/2014/b/b6/Advisor_Gilles.jpg" style="margin-top:5px"/>
 +
</div>
 +
 +
<div style="float: right; width:700px; margin-left:44px;">
 +
<p class="title2"><b>Gilles Truan</CENTER></b></p>
 +
<p class="textesimple"><b>Feature:</b> Our amazing instructor!</p>
 +
<p class="textesimple"><b>Job:</b> Senior Researcher at CNRS (Centre National de la Recherche Scientifique) and at LISBP (Laboratoire d'Ingénierie des Systèmes Biologiques et des Procédés).</p>
 +
<p class="textesimple"><b>About him:</b> He is with us from the beginning to the end as a father (and already a grandfather!!), our instructor is the master of cloning and the captain of PCR! He provided us with valuable help and good tips he learned at the time he was supervising Marie Curie's doctoral thesis.</p>
</div>
</div>
 +
 +
<div class="clear" style="margin-bottom:60px;"></div>
 +
 +
<div style="float:right; width:215px;">
 +
<img src="https://static.igem.org/mediawiki/2014/8/81/Advisor_Brice.jpg" style="margin-top:5px" />
 +
</div>
 +
 +
<div style="float:left; width:700px; margin-left:5px; margin-right:40px">
 +
<p class="title2"><b>Brice Enjalbert</CENTER></b></p>
 +
<p class="textesimple"><b>Feature:</b> The right-hand man of our amazing instructor!</p>
 +
<p class="textesimple"><b>Job:</b> Lecturer at LISBP (Laboratoire d'Ingénierie des Systèmes Biologiques et des Procédés).</p>
 +
    </div>
 +
 +
<div class="clear" style="margin-bottom:60px;"></div>
 +
 +
<div style="float:left; width:215px;">
 +
<img src="https://static.igem.org/mediawiki/2014/b/bd/Advisor_Florence.jpg" style="margin-top:5px" />
 +
</div>
 +
 +
<div style="float: right; width:700px; margin-left:44px;">
 +
<p class="title2"><b>Florence Bordes</CENTER></b></p>
 +
<p class="textesimple"><b>Feature:</b> The only female advisor! </p>
 +
<p class="textesimple"><b>Job:</b> Lecturer at LISBP (Laboratoire d'Ingénierie des Systèmes Biologiques et des Procédés).</p>
 +
    </div>
 +
 +
<div class="clear" style="margin-bottom:60px;"></div>
 +
 +
<div style="float:right; width:215px;">
 +
<img src="https://static.igem.org/mediawiki/2014/2/2d/Advisor_Cam.jpg" style="margin-top:5px" />
 +
</div>
 +
 +
<div style="float:left; width:700px; margin-left:5px; margin-right:40px">
 +
<p class="title2"><b>Kaymeuang Cam</CENTER></b></p>
 +
<p class="textesimple"><b>Feature:</b> Our bacteriologist advisor! </p>
 +
<p class="textesimple"><b>Job:</b> Lecturer at IPBS (Institut de Pharmacologie et de Biologie Structurale)</p>
 +
    </div>
 +
</div>
 +
<div class="clear"></div>
 +
<!-- Navigation section --> 
 +
 +
    <div class="page-nav" style="border-top:1px solid #cccccc; padding-top:40px; margin-top:40px;">
 +
    <a href="https://2014.igem.org/Team:Toulouse" class="page-nav-right" style="width:447px; float:left; display:block;text-decoration:none; color:#666; font-size:18px;">Home
 +
      <img src="https://static.igem.org/mediawiki/2014/2/26/Template-igem2014-img-arrowleft.png" style="display:block; padding-top:10px;"/>
 +
    </a>
 +
 +
    <div class="page-nav-center" style="width:65px; float:left;">
 +
      <img src="https://static.igem.org/mediawiki/2014/6/66/Template-igem2014-logo-nav.png" alt="logo" />
 +
    </div>
 +
<div class="clear" style="margin-bottom:60px;"></div>
 +
</div>
 +
</div>
 +
</body>
</html>
</html>
 +
 +
<!-------------------------------- FOOTER --------------------------------->
 +
{{:Team:Toulouse/template/footer}}

Latest revision as of 02:43, 18 October 2014