Team:Toulouse/Team

From 2014.igem.org

(Difference between revisions)
 
(77 intermediate revisions not shown)
Line 15: Line 15:
  <style type="text/css">
  <style type="text/css">
-
   .title1{color:#20a8da; font-family:'Open Sans'; font-weight:600; font-size:24px;  margin:0 0 33px 0; border:none;}
+
   .title1{color:green; font-family:'Open Sans'; font-weight:600; font-size:24px;  margin:0 0 33px 0; border:none;}
   .title2{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px; margin:0 0 30px 0; border:none;}
   .title2{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px; margin:0 0 30px 0; border:none;}
Line 21: Line 21:
   .title3{color:#7f8c8c; font-family:'Open Sans'; font-weight:400; font-size:16px; margin:0 0 20px 0; border:none;}
   .title3{color:#7f8c8c; font-family:'Open Sans'; font-weight:400; font-size:16px; margin:0 0 20px 0; border:none;}
-
   .texte{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 50px 0; line-height:24px; }
+
   .texte{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 50px 0; line-height:24px; text-align: justify; }
 +
  .textesimple{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 0px 0; line-height:24px; text-align: justify;}
.banniere{
.banniere{
-
background: url('http://2014.igem.org/wiki/images/d/d0/Template-igem2014-slide1.jpg') no-repeat center;
+
background: url('http://2014.igem.org/wiki/images/1/19/Banderoleteamtoulouse.jpg') no-repeat center;
-
-webkit-background-size: cover; /* pour Chrome et Safari */
+
-
-moz-background-size: cover; /* pour Firefox */
+
-
-o-background-size: cover; /* pour Opera */
+
-
background-size: cover;
+
height:315px;
height:315px;
margin: 30px 0 0;
margin: 30px 0 0;
Line 35: Line 32:
.banniere-content{
.banniere-content{
-
  background-color: rgba(46,204,113, 0.6);
+
  background-color: rgba(130,196,108,0.7);
padding:28px 28px 0;
padding:28px 28px 0;
position:absolute;
position:absolute;
Line 54: Line 51:
font-size:16px
font-size:16px
}
}
-
 
.Title{
.Title{
Line 91: Line 87:
     overflow: hidden;
     overflow: hidden;
     display :block;
     display :block;
 +
}
 +
.zooma {
 +
height:350px;
 +
}
 +
.zooma p {
 +
position: relative;
 +
}
 +
.zooma img {
 +
width:200px;
 +
height:267px;
 +
}
 +
.zooma img:hover {
 +
width:300px;
 +
height:400px;
 +
}
 +
.zooma img:hover {
 +
position:absolute;
 +
right: 0;
 +
}
 +
.zooma img:hover > p{
 +
left :320px;
 +
}   
 +
 +
.zoomb {
 +
height:350px;
 +
}
 +
.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>
</style>
<body>
<body>
-
   <div class="fils-ariane" style="width:100%; height:60px; background:#ededed; margin-top:30px;">
+
  <div class="banniere">
-
   <p style="margin:0 auto; color:#696969; width:960px; padding-top:20px; font-size:16px;"> Notebook&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;Project monitoring</p>  
+
  <div class="banniere-wrapper" style="width:960px; height:100%; margin: 0 auto; position:relative;">
 +
 
 +
   
 +
    <div class="banniere-content">
 +
      <h2>Our team</h2>
 +
        </div>
 +
  </div>
 +
  </div>
 +
 
 +
   <div class="fils-ariane" style="width:100%; height:60px; background:#ededed;">
 +
   <div style="margin:0 auto; width:960px;">
 +
  <p style="color:#696969; padding-top:20px; font-size:16px; float:left;">Team&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;Our Team</p>
 +
    <ul class="topnav" id="topnav" style="top:15px;">
 +
    </ul>
 +
  </div>  
   </div>
   </div>
    
    
Line 105: Line 156:
       <div class="centering" style="padding-top: 85px; padding-bottom:40px;">
       <div class="centering" style="padding-top: 85px; padding-bottom:40px;">
-
      <p class="texte">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus turpis urna, dapibus auctor mi eu, mollis ultrices nisl. Nunc suscipit tortor mi. In sapien nunc, condimentum in commodo quis, lobortis et arcu. Proin accumsan nunc eget ante luctus ornare. Nunc laoreet elit vel vulputate fermentum. Integer faucibus, nunc non lobortis faucibus, ante mauris posuere ligula, sed laoreet lectus turpis a nisl. Morbi ac enim felis.</p>
 
-
<p class="texte">Vivamus varius aliquet nisl vel efficitur. Praesent congue mi vel elit volutpat posuere. Mauris vitae viverra urna. Cras ligula purus, malesuada ac molestie id, vestibulum eget magna. Quisque consequat erat vitae odio feugiat feugiat. Donec eleifend congue suscipit. Nam maximus nec elit vitae dapibus. Cras et rhoncus purus, quis scelerisque nunc. Integer mollis ut dolor at tincidunt. Cras feugiat, tellus id condimentum commodo, tortor urna lacinia sapien, eu convallis lorem ante id augue. Nullam vitae metus mi.</p>
+
<p class="texte">Let's introduce you to our fabulous tree-friendly team, 100% biodegradable and certified pesticide-free.</p>
-
<p class="texte">Vivamus malesuada, diam vitae cursus posuere, lorem augue ultrices neque, sit amet mattis tellus massa sed enim. Praesent a suscipit tellus, id accumsan arcu. Maecenas vitae volutpat felis. Vivamus felis ligula, vestibulum ut venenatis quis, ultrices in magna. In elementum placerat posuere. Nam viverra risus vitae nunc pulvinar, eu ultrices urna ullamcorper. In elementum dui imperdiet, venenatis neque sed, facilisis augue. Sed maximus vulputate eleifend. Suspendisse at bibendum orci, a porttitor velit. Sed vestibulum magna dui, ut fringilla metus auctor sed.</p>
+
<p class="title1">Students</p>
 +
<p class="title3"> <i>(Move your mouse over image to enlarge!)</i> </p>
 +
<br></br>
-
<p class="texte">Aliquam molestie semper dignissim. In ut lorem dictum, hendrerit mauris ac, sagittis nulla. Phasellus hendrerit tempus ornare. Pellentesque eu justo in dolor viverra suscipit ut posuere augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer massa orci, pulvinar non blandit in, suscipit nec ex. In pretium lacinia tellus. Duis interdum velit lacinia pellentesque euismod. Nulla pretium accumsan tellus, sed faucibus metus aliquet ac. Donec eleifend dui nec odio volutpat, eu suscipit nibh auctor. Praesent porta ullamcorper risus vitae lobortis. Proin at purus velit. Pellentesque facilisis urna ac nibh mollis, a molestie felis malesuada.</p>
+
<div class="zooma"><div style="float:left; width:215px;">
 +
<p class="title2">
 +
<img src="http://2014.igem.org/wiki/images/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>
 +
</div></div>
 +
<div class="clear" style="margin-bottom:60px;"></div>
 +
 +
<div class="zoomb"><div style="float:right; width:215px;">
 +
<p class="title2">
 +
<img src="http://2014.igem.org/wiki/images/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>
 +
 +
<div class="clear" style="margin-top:85px;"></div>
 +
 +
<div class="zooma"><div style="float:left; width:215px;">
 +
<p class="title2">
 +
<img src="http://2014.igem.org/wiki/images/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>
 +
 +
<div class="clear" style="margin-bottom:60px;"></div>
 +
 +
<div class="zoomb"><div style="float:right; width:215px;">
 +
<p class="title2">
 +
<img src="http://2014.igem.org/wiki/images/d/d2/Florie_gros.png" alt="Florie Gosseau" border="0" style="margin-top:5px"/>
 +
</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 class="clear" style="margin-top:85px;"></div>
 +
 +
<div class="zooma"><div style="float:left; width:215px;">
 +
<p class="title2">
 +
<img src="http://2014.igem.org/wiki/images/9/92/Camille_gros.png" alt="Camille Jourdan" border="0" style="margin-top:5px"/>
 +
</div>
 +
<div style="float: right; width:720px;">
 +
<p class="title2"><b>Camille Jourdan</CENTER></b></p>
 +
<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>
 +
<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!
 +
</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="http://2014.igem.org/wiki/images/c/c2/Aur%C3%A9lie_gros.png" alt="Aurélie Kanitzer" border="0" style="margin-top:5px"/>
 +
</div>
 +
<div style="float:left; width:700px; margin-left:5px; margin-right:40px">
 +
<p class="title2"><b>Aurélie Kanitzer</CENTER></b></p>
 +
<p class="textesimple"><b>Feature:</b> Distracted (Oh I forgot my keys! I have to go back home, see you in 15 minutes!)</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> 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!
 +
</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="http://2014.igem.org/wiki/images/2/25/Laureen_gros.png" alt="Laureen Mirassou" border="0" style="margin-top:5px"/>
 +
</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>
 +
 +
<div class="clear" style="margin-bottom:60px;"></div>
 +
 +
<div class="zoomb"><div style="float:right; width:215px;">
 +
<p class="title2">
 +
<img src="http://2014.igem.org/wiki/images/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="http://2014.igem.org/wiki/images/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="http://2014.igem.org/wiki/images/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>
 +
 +
<div class="clear" style="margin-top:85px;"></div>
 +
 +
<div class="zooma"><div style="float:left; width:215px;">
 +
<p class="title2">
 +
<img src="http://2014.igem.org/wiki/images/f/f6/Abdel_gros.png" alt="Abdel Touré" border="0" style="margin-top:5px"/>
 +
</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="http://2014.igem.org/wiki/images/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 class="clear" style="margin-bottom:60px;"></div>
 +
 +
<div style="float:right; width:215px;">
 +
<img src="http://2014.igem.org/wiki/images/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>
-
  </div>
+
 
 +
<div class="clear" style="margin-bottom:60px;"></div>
 +
 
 +
<div style="float:left; width:215px;">
 +
<img src="http://2014.igem.org/wiki/images/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="http://2014.igem.org/wiki/images/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="http://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="http://2014.igem.org/wiki/images/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="http://2014.igem.org/wiki/images/6/66/Template-igem2014-logo-nav.png" alt="logo" />
 +
    </div>
 +
<div class="clear" style="margin-bottom:60px;"></div>
 +
</div>
 +
</div>
</body>
</body>
</html>
</html>

Latest revision as of 02:43, 18 October 2014