Difference between revisions of "Team:Pasteur Paris/TrainingThomas2"

 
(35 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{Pasteur_Paris/Fonts}}
+
{{Pasteur_Paris/MenuBlock}}
 
<html>
 
<html>
−
    <head>
 
−
        <title>""</title>
 
−
        <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
−
    </head>
 
−
    <style>
 
−
        /* BEGIN : Default Wiki Settings */
 
−
            #home_logo, #sideMenu { display:none; }
 
−
            #sideMenu, #top_title, .patrollink  {display:none;}
 
−
            #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 
−
            body {background-color:white; }
 
−
            #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
−
            .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;};
 
−
        /* END : Default Wiki Settings */
 
−
        *{
 
−
            margin: 0;
 
−
            padding: 0;
 
−
        }
 
−
        body {
 
−
            padding-top: 80px;
 
−
            font-family: 'Raleway', Arial Black, sans-serif;
 
−
        }
 
−
        /* BEGIN : Menu Bar Settings */
 
−
            /* BEGIN : General Settings of Menu Bar */
 
−
                /* BEGIN: Settings Menu Containers and List */
 
−
                    #Menu {
 
−
                        opacity: .95;
 
−
                        height: 80px;
 
−
                        position: fixed;
 
−
                        top: 18px;
 
−
                        left: 0%;
 
−
                        width: 100%;
 
−
                        z-index: 2;
 
−
                        border-bottom-left-radius: 15px;
 
−
                        border-bottom-right-radius: 15px;
 
−
                        z-index: 3000;
 
−
                        box-shadow: 0px 0px 5px black;
 
  
−
                    }
+
  <style type="text/css">
−
                    #Menu img {
+
    #runningchip {
−
                        float: left;
+
      left: 845px;
−
                        height: 100%;
+
    }
−
                        width: auto;
+
    #labwork_small {
−
                    }
+
      background-color: #292929;
−
                    #naviconwrapper {
+
    }
−
                        height: 100%;
+
    #bannerchanged{
−
                        margin: 0px ;    /*auto centers wrapper*/
+
          width: 100%;
−
                        min-width: 900px;
+
          overflow: hidden;
−
                        z-index: -100;
+
          margin: 0 auto;
−
                    }
+
          z-index:-1;
−
                    #naviconbar {
+
            position: relative;
−
                        height: 100%;
+
            text-align: center;
−
                        min-width: 900px;
+
            color: white;
−
                        background-image: linear-gradient(to right, rgb(0, 0, 127), rgb(227, 0, 56));
+
    }
−
                        z-index: -60;
+
    @media screen and (max-width: 480px) {
−
                        text-align: center;
+
    /*#wrapper {
−
                    }
+
          width: 100%;
−
                    #navicons {
+
          overflow: hidden;
−
                        width: 960px;
+
      }
−
                        z-index: -20;    /*defines color behind icons */
+
    #container {
−
                        display: inline-block;
+
        width: 100%;
−
                        vertical-align: middle;
+
          margin: 0 auto;
−
                        height: 100%;
+
      }*/
−
                    }
+
    .banner-img {
−
                    #navicons ul {
+
        width: 100%;
−
                        padding: 0px;
+
      }
−
                        margin: 0px;
+
    }
−
                        height: 100%;
+
 
−
                        width: 100%;
+
  </style>
−
                        position: relative;  /*makes chip go directly behind home from left corner*/
+
 
−
                    }
+
  <div id="bannerchanged">
−
                    #navicons ul li {
+
                <img class="banner-img" src="https://static.igem.org/mediawiki/2018/1/19/T--Pasteur_Paris--Banner_Team.jpg">
−
                        list-style: none;
+
        </div>
−
                        /*display: block;*/
+
 
−
                        float: left;
+
  <div id="GeneralContent">
−
                        position: relative;
+
    <div id="MainContent">
−
                        font-family: 'Raleway', sans-serif;
+
 
−
                        font-size: 12px;
+
 
−
                        background-color: rgba(161, 47, 92, 0.0);
+
<div class="block title">
−
                        /*border: 1px solid #5781BD;*/
+
<h1> Let's meet our team! </h1>
−
                        z-index: 100;
+
</div>
−
                        height: 90%;
+
 
−
                    }
+
<section class="cf team-container">
−
                    #navicons ul li a {
+
  <h1 class="team-h1">Students</h1>
−
                        width: 120px;
+
 
−
                        display: block;
+
 
−
                        text-decoration: none;
+
  <!-- member-->
−
                        /*color: #FFF;*/
+
<div class="block title"> <h2>Etienne Axelos</h2> </div>
−
                        text-align: center;
+
    <div class="team-member">
−
                        text-transform: uppercase;
+
    <div class="block half">
−
                        z-index: 50;
+
    <img class="team-photo" src="https://static.igem.org/mediawiki/2018/0/0e/T--Pasteur_Paris--Team_Members_Etienne.jpg">
−
                        padding-top: 50%;
+
    </br></br></br><a class="linkedIn" href=""><content >LinkedIn</content></a></div>
−
                    }
+
      <div class="block half">
−
                    #navicons ul a:hover {
+
      <content>Etienne is one of our designers. He studies at the ENSCI-les Ateliers in Paris. He is always wearing black and fluorescent colors, which is very convenient because you can’t miss him. He is also a big music fan, and has special skills in rock’n’roll dance (very impressive!). As you can imagine, he is one of our funniest team members, you are never bored with him. But he is as funny as he is a hard worker, and we can always count on his help. </br> <i>By Emma</i></content>
−
                    }   
+
</div>
−
                /* END: Settings Menu Containers and List */
+
    </div>
−
                /* BEGIN : Classes for Main Menu Icons */
+
<div class="block full">
−
                    #home {
+
 
−
                        background: url(https://static.igem.org/mediawiki/2018/3/39/T--Pasteur_Paris--teamlogoigemwhite_99x60.png) no-repeat;
+
</div>
−
                        height: 60px;
+
 
−
                        background-position: center;
+
 
−
                    }
+
    <!-- member--> 
−
                    #home a {
+
<div class="block title"> <h2>Alice Dejoux</h2> </div>
−
                        color: #ffffff;
+
    <div class="team-member">
−
                    }
+
<div class="block half">
−
                    #project {
+
      <content> Calm, determined, attentive and engaged: that’s how we see Alice. This young Parisian born in Marseille is currently studying at the prestigious school Chimie Paristech. Talented and always smiling she was one of the leaders of the Parisian meet up organisation and she also attended the Mediterranean meet up in Marseille. Her scientific experience made her show great involvement and perseverance in the lab while doing the modeling of the project. She is part of the 23 strong links of the team iGEM Paris Pasteur 2018. </br><i> By Florian</i></content>
−
                        background: url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
+
</div>
−
                        height: 60px;
+
<div class="block half">
−
                        background-position: center;
+
      <img class="team-photo" src="https://static.igem.org/mediawiki/2018/8/89/T--Pasteur_Paris--Team_Members_Alice.jpg">
−
                    }
+
      </br></br></br><a class="linkedIn" href="https://www.linkedin.com/in/alice-dejoux-bb2503150/"><content >LinkedIn</content></a></div>
−
                    #project a {
+
 
−
                        color: #ffffff;
+
    </div>
−
                    }
+
<div class="block full">
−
                    #hp {
+
 
−
                        background: url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
+
</div>
−
                        height: 60px;
+
 
−
                        background-position: center;
+
 
−
                    }
+
 
−
                    #hp a {
+
      <!-- member-->
−
                        color: #ffffff;
+
<div class="block title"> <h2>Claire Dumont</h2> </div> 
−
                    }
+
    <div class="team-member">
−
                    #design {
+
<div class="block half">
−
                        background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
+
      <img class="team-photo" src="https://static.igem.org/mediawiki/2018/3/34/T--Pasteur_Paris--Team_Members_Claire.jpg"> </br></br></br><a class="linkedIn" href="https://www.linkedin.com/in/claire-dumont-55a41910b"><content >LinkedIn</content></a></div>
−
                        height: 60px;
+
      <div class="block half">
−
                        background-position: center;
+
      <content> Claire is one of our three marvelous designers from ENSCi les Ateliers. But that’s not it! She is also the key to keeping calm and focused the other two designers, who are more extroverted. Yet, she still loves to make movie references and silly jokes. In the team, she works very hard to create amazing graphics and she co-developed our final 3D-printed interface. It wouldn’t be an easy task to count the hours she spent on Rhino software to achieve her great results. </br> <i>By Jonathan</i></content>
−
                    }
+
</div>
−
                    #design a {
+
    </div>
−
                        color: #ffffff;
+
 
−
                    }
+
<div class="block full">
−
                    #parts {
+
 
−
                        background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
+
</div>
−
                        height: 60px;
+
 
−
                        background-position: center;
+
 
−
                    }
+
      <!-- member--> 
−
                    #parts a {
+
<div class="block title"> <h2>Antoine Ehret</h2> </div>
−
                        color: #ffffff;
+
    <div class="team-member">
−
                    }
+
<div class="block half">
−
                    #labwork {
+
      <content> He is one of our dearest physicists studying at ESPCI Paris. He may seem like a shy person, but believe us: he is a man capable of wonders and knows a thing or two about inspirationnal speechs. In fact, you could consider him as our never ending source of encouragement. Each word that comes out of him fills you with determination. " You have to push back your limits each and everyday!" </br> <i>By Aymen</i></content>
−
                        background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png)no-repeat;
+
    </div>
−
                        height: 60px;
+
<div class="block half">
−
                        background-position: center;
+
      <img class="team-photo" src="https://static.igem.org/mediawiki/2018/2/20/T--Pasteur_Paris--Team_Members_Antoine.jpg"> </br></br></br><a class="linkedIn" href="https://www.linkedin.com/in/antoine-ehret-303219161
−
                    }
+
"><content >LinkedIn</content></a></div>
−
                    #labwork a {
+
</div>
−
                        color: #ffffff;
+
 
−
                    }
+
<div class="block full">
−
                    #achievements {
+
 
−
                        background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
+
</div>
−
                        height: 60px;
+
 
−
                        background-position: center;
+
    <!-- member--> 
−
                    }
+
<div class="block title"> <h2>Andreas Fyrillas</h2> </div>
−
                    #achievements a {
+
    <div class="team-member">
−
                        color: #ffffff;
+
<div class="block half">
−
                    }
+
      <img class="team-photo" src="https://static.igem.org/mediawiki/2018/7/7c/T--Pasteur_Paris--Team_Members_Andreas.jpg"></br></br></br><a class="linkedIn" href="https://www.linkedin.com/in/andreas-fyrillas-460732163/"><content >LinkedIn</content></a></div>
−
                    #aboutus {
+
    <div class="block half">
−
                        background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
+
      <content> Behind his calm and hard-working look, Andreas Fyrillas will not hesitate to throw a punchline at you. His studies at the engineering school ESPCI Paris give him the skills to be an expert on microfluidic chips. Not only does he work the oscilloscope like no other, but he also has a secret talent in the kitchen that he uses to delight us from time to time. Apart from coding the wiki, he enjoys sharing his self-made dubstep music with us. </br><i> By Alice</i></content>
−
                        height: 60px;
+
    </div>
−
                        background-position: center;
+
 
−
                    }
+
<div class="block full">
−
                    #aboutus a {
+
 
−
                        color: #ffffff;
+
</div>
−
                    }
+
 
−
                /* END : Classes for Main Menu Icons */
+
  <!-- member--> 
−
                /* BEGIN : Running Chip Settings */
+
<div class="block title"> <h2>Aymen Ghaneme</h2> </div>
−
                    /* Begin Chip design */
+
    <div class="team-member">
−
                        #runningchip {
+
<div class="block half">
−
                            position: absolute;
+
      <content> Aymen, currently a second-year student at CentraleSupelec, is a smiling Morrocan who is always in for a break and above all a great fruit sugar-free ice cream (in fact, after a while, we realized the break is only a pretext for the icecream). However, when he gets sufficient sleep, this hyper-active guy can use all his mathematical abilities on making models and will work for hours to solve any software bug. </br> <i>By Thomas</i></content>
−
                            width: 110px;
+
    </div>
−
                            height: 120%;
+
<div class="block half">
−
                            left: 5px;
+
      <img class="team-photo" src="https://static.igem.org/mediawiki/2018/f/fa/T--Pasteur_Paris--Team_Members_Aymen.jpg"></br></br></br><a class="linkedIn" href=""><content >LinkedIn</content></a></div>
−
                            -webkit-transition: all 300ms ease-out;
+
</div>
−
                            -moz-transition: all 300ms ease-out;
+
 
−
                            transition: all 300ms ease-out;
+
<div class="block full">
−
                            z-index: 0;
+
 
−
                            border-bottom-left-radius: 5px;
+
</div>
−
                            border-bottom-right-radius: 5px;
+
 
−
                            background: #000000;
+
  <!-- member-->
−
                        }
+
  <div class="block title"> <h2>Léa Guerassimoff</h2> </div>
−
                    /* End Chip design */
+
    <div class="team-member">
−
                    /* Begin Chip Movement */
+
<div class="block half">
−
                        #home:hover ~ #runningchip {
+
    <img class="team-photo" src="https://static.igem.org/mediawiki/2018/b/b3/T--Pasteur_Paris--Team_Members_Lea.jpg"></br></br></br><a class="linkedIn" href="https://www.linkedin.com/in/léa-guerassimoff-252816162/?originalSubdomain=fr"><content >LinkedIn</content></a></div>
−
                            left: 5px;
+
<div class="block half">
−
                        }
+
      <content>Léa is our little chemist from Chimie ParisTech who specializes in making everything she does, cute. Her kindness and good mood always delight everyone. She is a real ray of sunshine even when she blows a fuse on the Wiki. She is very organized and serious in what she undertakes, but don’t bother her if she is watching a video of a toy goat: toy goats make her crazy, like really crazy. Regardless, she is one of the best people I have met, thanks to iGEM. We are now bosom buddies, that’s why people nickname us Tic & Tac. </br><i> By Ellyn</i></content>
−
                        #project:hover ~ #runningchip {
+
</div>
−
                            left: 125px;
+
    </div>
−
                        }
+
 
−
                        #hp:hover ~ #runningchip {
+
<div class="block full">
−
                            left: 245px;
+
 
−
                        }
+
</div>
−
                        #design:hover ~ #runningchip {
+
 
−
                            left: 365px;
+
    <!-- member-->
−
                        }
+
<div class="block title"> <h2>Samuel Jaoui</h2> </div>
−
                        #parts:hover ~ #runningchip {
+
    <div class="team-member">
−
                            left: 485px;
+
<div class="block half">
−
                        }
+
      <content>Samuel is a 20 year-old engineering student from Chimie ParisTech. Despite being the youngest member of our team, Samuel was the first person to imagine and believe in this ambitious project and convinced us to create NeuronArch. His skills in biological engineering and programming help us to model scientific concepts of our project. </br> <i>By Etienne</i></content>
−
                        #labwork:hover ~ #runningchip {
+
</div>
−
                            left: 605px;
+
<div class="block half">
−
                        }
+
    <img class="team-photo" src="https://static.igem.org/mediawiki/2018/f/f1/T--Pasteur_Paris--Team_Members_Samuel.jpg"></br></br></br><a class="linkedIn" href="https://www.linkedin.com/in/samuel-jaoui-3009bb14b/"><content >LinkedIn</content></a></div>
−
                        #achievements:hover ~ #runningchip {
+
    </div>
−
                            left: 725px;
+
 
−
                        }
+
<div class="block full">
−
                        #aboutus:hover ~ #runningchip {
+
 
−
                            left: 845px;
+
</div>
−
                        }
+
 
−
                    /* End Chip Movment */
+
<!-- member-->
−
                /* END : Running Chip Settings */
+
<div class="block title"> <h2>Manon Madelenat</h2> </div>
−
                /* BEGIN : Settings Submenu Level 1 */
+
    <div class="team-member">
−
                    #navtextwrapper {                /*define background box*/
+
<div class="block half">
−
                        margin: 0 auto;
+
    <img class="team-photo" src="https://static.igem.org/mediawiki/2018/0/06/T--Pasteur_Paris--Team_Members_Manon.png"></br></br></br><a class="linkedIn" href="https://www.linkedin.com/in/manon-madelenat/"><content >LinkedIn</content></a></div>
−
                        padding: 0px;
+
<div class="block half">
−
                        top: -2px;
+
      <content>Behind her strong character, Manon hides a very big heart! She is studying biotechnologies at Sup’Biotech Paris. She is in her last year of study and she actually works in health and production fields. Her next step is to work in neuroscience and understand neurodegenerative diseases! She is an essential member of the team and is the queen of mini and midi prep! Manon is truly as beautiful on the inside as she is on the outside, trust me! </br><i> By Léa</i></content>
−
                        height: 24px;
+
    </div></div>
−
                        width: 960px;
+
 
−
                        position: relative;
+
<div class="block full">
−
                        /*border: 2px solid #000;*/
+
 
−
                    }
+
</div>
−
                    #navtext {
+
 
−
                        text-align: center;
+
    <!-- member-->
−
                        font-family: 'Raleway',sans-serif;
+
<div class="block title"> <h2>Jonathan Naccache</h2> </div>
−
                        font-size: 16px;
+
    <div class="team-member">
−
                        z-index: 600;
+
<div class="block half">
−
                    }
+
<content>Jon is really motivated and commited to the lab work! Studying biotechnologies at Sup’Biotech Paris for the past five years, he is very passionate about synthetic biology and would like to continue in this field of study by getting his Master of research next year. In the team, he spends a lot of time in the lab but also on illustrator to make amazing explanatory schemes!
−
                    #navtext ul {
+
      </br> <i> By Manon </i></content>
−
                        margin: 0px auto;
+
    </div>
−
                        top: -8px;
+
<div class="block half">
−
                        padding: 0px;
+
    <img class="team-photo" src="https://static.igem.org/mediawiki/2018/0/07/T--Pasteur_Paris--Team_Members_Jonathan.jpg"></br></br></br><a class="linkedIn" href="https://www.linkedin.com/in/jonaccache/"><content >LinkedIn</content></a></div>
−
                        position: absolute;
+
     
−
                        z-index: 600;
+
</div>
−
                    }
+
 
−
                    #navtext li {
+
<div class="block full">
−
                        margin: 0px auto;        /*centers text*/
+
 
−
                        list-style: none;
+
</div>
−
                        display: block;        /*makes items go horizontal and centers them*/
+
 
−
                        /*float: left;*/               /*makes items go horizontal*/
+
 
−
                        position: relative;
+
    <!-- member-->
−
                        z-index: 600;
+
  <div class="block title"> <h2>Éléa Paillares</h2> </div>
−
                    }   
+
    <div class="team-member">
−
                    #navtext ul li a {
+
<div class="block half">
−
                        margin-top: 2px;
+
    <img class="team-photo" src="https://static.igem.org/mediawiki/2018/8/86/T--Pasteur_Paris--Team_Members_Elea.jpg"></br></br></br><a class="linkedIn" href="https://www.linkedin.com/in/el%C3%A9a-paillares-b3305911a/"><content >LinkedIn</content></a></div>
−
                        height: 24px;
+
<div class="block half">
−
                        padding-left: 10px;
+
      <content>Motivated and always smiling, Éléa always sets a happy mood in the room and never misses an occasion to crack you up. Although she spends her days locked in the laboratory working hard, making use of the skills she learned at Sup’Biotech, she has the spirit of a true traveler. Sometimes, she likes to go on spontaneous trips, not even bothering to book a hotel beforehand. She looks forward to the Giant Jamboree: she has never been to the United States!
−
                        padding-right: 10px;
+
    </br> <i>By Andreas </i></content>
−
                        text-decoration: none;
+
    </div> </div>
−
                        color: #FFF;
+
 
−
                        display: block;
+
<div class="block full">
−
                        text-align: center;
+
 
−
                        border-radius: 8px;
+
</div>
−
                        z-index: 600;
+
 
−
                    }
+
    <!-- member--> 
−
                    #navtext ul li:hover > a {
+
<div class="block title"> <h2>Emma Picaud-Lucet</h2> </div>
−
                      /* background-color: #6696c7; /*makes a link stay in a certain color when hovering over it and then looking throught its subitems */
+
    <div class="team-member">
−
                        color: #345292; /* couleur du sous titre quand tu passes dessus*/
+
<div class="block half">
−
                    }
+
      <content> What is more important to Emma than her cat’s happiness? IGEM of course! As a law student from the Faculté Jean Monnet, she is one of the members in charge of all of the legal aspects of the project. Never afraid of giving her opinions on various matters, she often deals with subjects beyond law, such as the human practices collaboration with other iGEM teams. Her secret talent: she’s a very talented cartoonist! </br><i> By Samuel </i></content>
−
                    #project-sub {
+
    </div>
−
                        display: none;
+
<div class="block half">
−
                        left: 91px;
+
 
−
                    }
+
      <img class="team-photo" src="https://static.igem.org/mediawiki/2018/e/e8/T--Pasteur_Paris--Team_Members_Emma.jpg"></br></br></br><a class="linkedIn" href=""><content >LinkedIn</content></a></div>
−
                    #hp-sub {
+
</div>
−
                        display: none;
+
 
−
                        left: 195px;
+
<div class="block full">
−
                    }
+
 
−
                    #design-sub {
+
</div>
−
                        /*background-color: #ac34fe;*/
+
 
−
                        display: none;
+
    <!-- member-->
−
                        left: 356.5px;
+
<div class="block title"> <h2>Sarah Porte</h2> </div>
−
                    }
+
<div class="team-member">
−
                    #parts-sub{
+
<div class="block half">
−
                        display: none;
+
    <img class="team-photo" src="https://static.igem.org/mediawiki/2018/6/64/T--Pasteur_Paris--Team_Members_Sarah.jpg"></br></br></br><a class="linkedIn" href="https://fr.linkedin.com/in/sporte"><content >LinkedIn</content></a></div>
−
                        left: 473px;
+
<div class="block half">
−
                    }
+
      <content>Sarah is a biology major getting her Master’s at the sorbonne-Université Pierre et Marie Curie. She is highly organized and is very good at multi-tasking, which is very useful. Sarah appreciates her independence as she works best this way, but will lend a helping hand if she is needed. She will also gladly borrow other people’s sweaters if it helps her stay warm! </br>
−
                    #labwork-sub{
+
      <i> By Deshmukh </i></content>
−
                        display: none;
+
    </div> </div>
−
                        left: 614px;
+
 
−
                    }
+
<div class="block full">
−
                    #achievements-sub{
+
 
−
                        display: none;
+
</div>
−
                        left: 710px;
+
 
−
                    }
+
    <!-- member-->
−
                    #aboutus-sub{
+
<div class="block title"> <h2>Ellyn Redheuil</h2> </div>
−
                        display: none;
+
<div class="team-member">
−
                        left: 840px;
+
<div class="block half">
−
                    }
+
      <content>Nicknamed Tic because of her inseparable bond with Léa (aka Tac), Ellyn lit up our summer with her continuous smiles, laughter, and amazing ideas and animations for our wiki page! She is an engineer student at ESPCI Paris, and you would be impressed by the range of her abilities: from coding the wiki to transforming bacteria. Whether in the lab or behind her computer, she seems to know how to do anything and everything. Her best specialty is her delicious cookies which are better than anyone else’s! </br><i> By Charlotte </i></content>
−
                    .chip_gap {
+
    </div>
−
                        content: none;
+
<div class="block half">
−
                    }
+
    <img class="team-photo" src="https://static.igem.org/mediawiki/2018/b/b1/T--Pasteur_Paris--Team_Members_Ellyn.jpg"></br></br></br><a class="linkedIn" href="https://www.linkedin.com/in/ellyn-redheuil-64a521b0/"><content >LinkedIn</content></a></div></div>
−
                    .navsub1 {
+
 
−
                        background-color: #000000;
+
<div class="block full">
−
                        opacity: 1;
+
 
−
                    }
+
</div>
−
                /* END : Settings Submenu Level 1 */
+
 
−
            /* END : General Settings of Menu Bar */
+
    <!-- member-->
−
            /* BEGIN Styles for Smallnav Intermediate Screens */
+
<div class="block title"> <h2>Charlotte Richard</h2> </div>
−
                /* Clearfix */
+
    <div class="team-member">
−
                .clearfix:before,
+
<div class="block half">
−
                .clearfix:after {
+
    <img class="team-photo" src="https://static.igem.org/mediawiki/2018/8/82/T--Pasteur_Paris--Team_Members_Charlotte.jpg"></br></br></br><a class="linkedIn" href=""><content >LinkedIn</content></a></div>
−
                    content: " ";
+
<div class="block half">
−
                    display: table;
+
      <content>Engineer, biologist, adventurer and athlete, Charlotte has it all ! She is in her second year at Ecole Polytechnique, a military engineer school, and wants to specialize in Biology. In the lab, she is the best at Mini-preps, but she is also involved in the modeling part. In her spare time, she likes scouting and teaching the youth how to survive in the wild. That’s why she has the best BBQ skills!
−
                }
+
      </br> <i> By Gabriela </i> </content>
−
                .clearfix:after {
+
    </div> </div>
−
                    clear: both;
+
 
−
                }
+
<div class="block full">
−
                .clearfix {
+
 
−
                    *zoom: 1;
+
</div>
−
                }
+
 
−
                /* Basic Styles */
+
    <!-- member-->
−
                #smallnav {
+
  <div class="block title"> <h2>Gabriela Sachet</h2> </div>
−
                    height: 40px;
+
    <div class="team-member">
−
                    width: 100%;
+
<div class="block half">
−
                    background-image: linear-gradient(to right, rgba(0, 0, 127, .9), rgba(227, 0, 56, .9));
+
      <content>Studying biology at Sup’Biotech, Gabriela has played a key part in the laboratory. She has also contributed a lot to the bibliography, which helped keep the project on track. She has had the privilege of living in many different countries, which has made her a modern adventurer, always seeking new experiences. She recently participated in the 4L Rally (France to Morocco in a French retro car) before focusing on the iGEM competition !
−
                    font-size: 11pt;
+
      </br> <i> By Claire </i> </content>
−
                    font-family: 'Raleway', Arial, sans-serif;
+
    </div>
−
                    position: fixed;
+
<div class="block half">
−
                    top: 18px;
+
    <img class="team-photo" src="https://static.igem.org/mediawiki/2018/d/d8/T--Pasteur_Paris--Team_Members_Gabriela.jpg"></br></br></br><a class="linkedIn" href="https://www.linkedin.com/in/gabriela-sachet-570891b5/"><content >LinkedIn</content></a></div></div>
−
                    left: 0%;
+
 
−
                    z-index: 3000;
+
<div class="block full">
−
                    box-shadow: 0px 0px 5px black;
+
 
−
                }
+
</div>
−
                #smallnav ul {
+
 
−
                    padding: 0;
+
<!-- member-->
−
                    margin: 0 auto;
+
<div class="block title"> <h2>Thomas Starck</h2> </div>
−
                    width: 770px;
+
    <div class="team-member">
−
                    height: 40px;
+
<div class="block half">
−
                    background: #345292;
+
    <img class="team-photo" src="https://static.igem.org/mediawiki/2018/e/e5/T--Pasteur_Paris--Team_Members_Thomas.jpg"></br></br></br><a class="linkedIn" href="https://www.linkedin.com/in/thomas-starck-8b3828148/"><content >LinkedIn</content></a></div>
−
                }
+
<div class="block half">
−
                #smallnav li {
+
      <content>Spirit-son of Tony Stark, great defender of planet Earth and member of the Avengers, Thomas Starck chose a different path. Full of imagination and a practical spirit, Thomas is in his second year in Ecole Polytechnique, a military engineer school. In addition to his lab work, he also dedicated his time to the making of this wiki page. In his free time, he loves to help his “dad” save the world, but also go out and enjoy life.
−
                    display: inline;
+
      </br><i> By Sarah </i></content>
−
                    float: left;
+
    </div> </div>
−
                }
+
 
−
                #smallnav a {
+
<div class="block full">
−
                    color: #ffffff;
+
 
−
                    display: inline-block;
+
</div>
−
                    width: 110px;
+
 
−
                    text-align: center;
+
  <!-- member-->
−
                    text-decoration: none;
+
<div class="block title"> <h2>Florian Thomas</h2> </div>
−
                    line-height: 40px;
+
    <div class="team-member">
−
                }
+
<div class="block half">
−
                #smallnav li a {
+
      <content>Florian has many skills in his designer toolbox, he studied cabinet-making and he is now finishing his studies at ENSCi les Ateliers. He enjoys the beauty of raw material and well made products, which is reflected in his work. While being a calm and thoughtful person, Florian still knows how to make his point, especially when it comes to the topic of the use of animals in research. Do not let his backwards cap and youthful smile fool you, Florian is actually our oldest team member! </br> <i> By Éléa </i> </content>
−
                    box-sizing:border-box;
+
  </br>
−
                    -moz-box-sizing:border-box;
+
    </div>
−
                    -webkit-box-sizing:border-box;
+
<div class="block half">
−
                }
+
    <img class="team-photo" src="https://static.igem.org/mediawiki/2018/2/23/T--Pasteur_Paris--Team_Members_Florian.jpg"></br></br></br><a class="linkedIn" href="https://www.linkedin.com/in/florian-thomas-80b401aa/"><content >LinkedIn</content></a></div></div>
−
                #smallnav li:last-child a {
+
−
                    border-right: 0;
+
<div class="block full">
−
                }
+
 
−
                #smallnav a:hover, #smallnav a:active {
+
</div>
−
                    background-color: #000000;
+
 
−
                }
+
    <!-- member-->
−
                #smallnav a#pull {
+
<div class="block title"> <h2>Kelly Trang</h2> </div>
−
                    display: none;
+
    <div class="team-member">
−
                }
+
<div class="block half">
−
            /* END Styles for Smallnav Intermediate Screens*/
+
    <img class="team-photo" src="https://static.igem.org/mediawiki/2018/f/f7/T--Pasteur_Paris--Team_Members_Kelly.jpg"></br></br></br><a class="linkedIn" href="https://www.linkedin.com/in/kelly-trang-134558123/"><content >LinkedIn</content></a></div>
−
        /* END : Menu Bar Settings */
+
<div class="block half">
−
        /* BEGIN : Content blocks settings */
+
      <content><p>Don’t let her fool you, behind her cute smile and freckles Kelly is actually a big fan of hardcore heavy metal. A first year Master’s student studying intellectual property law at the Faculté Jean Monnet, she is also a true scientist at heart and loves to follow the scientists around in the lab. When she is not baking something delicious or stealing food from her team members, she is very responsible and in charge of the legal work.</p> </br> <i> By Antoine </i></content>
−
            #upArrow{
+
</content></a>
−
                position: fixed;
+
    </div></div>
−
                bottom: 3%;
+
 
−
                right: 3%;
+
 
−
                height: 40px;
+
 
−
                width: 60px;
+
 
−
                background-image: url("https://static.igem.org/mediawiki/2018/0/05/T--Pasteur_Paris--UpArrow.svg");
+
</section>
−
                opacity: .3;
+
 
−
                border-radius: 5px;
+
 
−
                z-index: 300;
+
<section class="cf team-container">
−
                background-repeat: no-repeat;
+
  <h1 class="team-h1">Supervisors</h1>
−
                transition: transform .5s;
+
 
−
            }
+
 
−
            #upArrow:hover{
+
  <!-- member-->
−
                opacity: .8;
+
<div class="block title" id="Deshmukh"> <h2>Deshmukh Gopaul</h2> </div>
−
                transform: scale(1.1,1.1);
+
    <div class="team-member">
−
            }
+
<div class="block half">
 +
    <img class="team-photo" src="https://static.igem.org/mediawiki/2018/c/c0/T--Pasteur_Paris--Team_Members_Deshmukh.jpg"></br></br></br><a class="linkedIn" href=""><content >LinkedIn</content></a></div>
 +
<div class="block half">
 +
      <content>Deshmukh Gopaul, researcher and Head of Design in Biology at the Institut Pasteur, has been coaching the iGEM Pasteur Paris teams for 4 years now. Although he specializes in Biology, he is well versed in a variety of topics, allowing him to always have an interesting anecdote to share. He is very meticulous and although working with him may take a lot of time, patience, and tears, we know that it’s worth it in the end! </br><i> By Kelly </i></content>
 +
    </div></div>
 +
 
 +
<div class="block full">
 +
 
 +
</div>
 +
 
 +
    <!-- member--> 
 +
<div class="block title" id="Guillian"> <h2>Guillian Graves</h2> </div>
 +
    <div class="team-member">
 +
<div class="block half">
 +
      <content> Guillian is an industrial designer specialized in biomimicry, working in Paris at his design studio BIG BANG Project. He also teaches at ENSCI-Les Ateliers (National School for Advanced Studies in Design). His professionalism and his high expectations go hand in hand with his sympathy. He helps our team think about the design of our device and uses his expertise to support our designers in creating a global project. </br> <i> By Claire </i></content>
 +
    </div>
 +
<div class="block half">
 +
      <img class="team-photo" src="https://static.igem.org/mediawiki/2018/b/be/T--Pasteur_Paris--Team_Members_Guillian.jpg"></br></br></br><a class="linkedIn" href=""><content >LinkedIn</content></a></div></div>
 +
 
 +
<div class="block full">
 +
 
 +
</div>
 +
 
 +
 
 +
    <!-- member-->
 +
  <div class="block title" id="Serena"> <h2>Serena Petracchini</h2> </div>
 +
    <div class="team-member">
 +
  <div class="block half">
 +
    <img class="team-photo" src="https://static.igem.org/mediawiki/2018/b/b3/T--Pasteur_Paris--Team_Members_Serena.jpg"></br></br></br><a class="linkedIn" href=""><content >LinkedIn</content></a></div>
 +
<div class="block half">
 +
      <content>Serena has been the key to answering many of our question, thanks to her extensive experience in microbiology. Her major contribution to the project as a coach has been in the Interlab, along with the many great ideas she has! When she doesn’t agree with something you will hear her Italian come out as she says “ma no!” followed, of course, by some hand motion. If still you disagree with her, try her delicious tiramisu. I am sure she (it) will convince you! </br> <i> By Anna </i> </content>
 +
    </div> </div>
 +
 
 +
<div class="block full">
 +
 
 +
</div>
 +
 
 +
 
 +
    <!-- member-->
 +
    <div class="block title" id="Anna"> <h2>Anna Segú Cristina</h2> </div>
 +
    <div class="team-member">
 +
<div class="block half">
 +
      <content>With a true catalan heart and a great french accent, Anna is putting the best of her energies in her tutoring role for iGem Pasteur. A soon-to-be second year PhD student, she finds time between a neuron an a miniprep to do sports and other extracurriculars, always leaving her friends astonished. Full of board game evenings and genetic engineering, she’s able to enjoy the best of Parisian life!  </br> <i>  By Serena </i> </content>
 +
    </div>
 +
<div class="block half">
 +
    <img class="team-photo" src="https://static.igem.org/mediawiki/2018/d/dd/T--Pasteur_Paris--Team_Members_Anna.jpg"></br></br></br><a class="linkedIn" href=""><content >LinkedIn</content></a></div></div>
 +
 
 +
<style>
 +
 
 +
/* Team Member CSS
 +
===========================*/
 +
 
 +
h1.team-h1 {
 +
  margin: 10;
 +
  position:center;
 +
  top: -16px;
 +
  text-align: center;
 +
  left: 40%;
 +
  font-family: raleway;
 +
  background-color: white;
 +
  padding: 0px 10px;
 +
  color: #000000;  
 +
}
 +
 
 +
.cf:before,
 +
.cf:after {
 +
    content: " "; /* 1 */
 +
    display: table; /* 2 */
 +
}
 +
 
 +
.cf:after {
 +
    clear: both;
 +
}
 +
 
 +
/**
 +
* For IE 6/7 only
 +
* Include this rule to trigger hasLayout and contain floats.
 +
*/
 +
.cf {
 +
    *zoom: 1;
 +
}
 +
 
 +
.team-container {
 +
 
 +
  width: 100%;
 +
  border-top: 10px #e9e9e9 solid;
 +
  border-bottom: 10px #e9e9e9 solid;
 +
  padding-top: 5em;
 +
  padding-bottom: 5em;
 +
  margin-top: 3em;
 +
  position: relative;
 +
}
 +
 
 +
.team-member {
 +
  width:80%
 +
  float: left;
 +
  text-align: center;
 +
  margin-right: 0%;
 +
  margin-left: 0%
 +
}
 +
 
 +
.team-member:last-child {margin-right: 0;}
 +
 
 +
 
 +
.team-member content {
 +
  width: 30%;
 +
  font-family: raleway;
 +
  letter-spacing: -1px;
 +
  font-size: medium;
 +
 
 +
 
 +
}
 +
 
 +
.li {
 +
  color: #000000;
 +
 
 +
}
 +
 
 +
 
 +
 
 +
.team-photo {
 +
  border-radius: 50%;
 +
  text-align: center;
 +
  max-width: 60%;
 +
  height:auto;
 +
filter: opacity(50%);
 +
 +
  transition: 0.1s transform ease-in-out;
 +
}
 +
 
 +
 
 +
.team-photo:hover {
 +
  transform: scale(1.05);
 +
  filter: opacity(100%);
 +
}
 +
 
 +
 
 +
/* code for phone layout */
 +
@media (max-width:1000px){
 +
  .team-member {
 +
    width:25%;
 +
    margin-left: 4%;
 +
    margin-right: 4%;
 +
    margin-bottom: 40px;
 +
   
 +
  }
 +
 
 +
}
 +
 
 +
 
 +
 
 +
@media (max-width:1000px){
 +
  .team-member {
 +
    float: none;
 +
    display: block;
 +
    margin: 50px auto;
 +
    width: 100%;
 +
    text-align: center;
 +
  }
 +
 
 +
  .team-member content {
 +
    margin: 15px auto;
 +
  }
 +
 
 +
.team-photo {
 +
filter: opacity(100%);
 +
}
 +
 
 +
}
 +
 
 +
 
 +
/* ENDS Team Member CSS
 +
===========================*/
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
<!-- Inspired by
 +
MIT Licensed- Copyright (c) 2018 by Jose Morales-Mendizabal (https://codepen.io/moralejf/pen/YPxMpN)
 +
 
 +
 
 +
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 +
 
 +
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 +
 
 +
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 +
-->
 +
 
 +
 
  
−
            #upArrow a {
 
−
                padding-top: 1px;
 
−
                padding-bottom: 20px;
 
−
                padding-left: 60px;
 
−
            }
 
−
            #banner {
 
−
                width: 100%;
 
−
                height: 70vh;
 
−
                background-image: url("https://static.igem.org/mediawiki/2018/5/53/T--Pasteur_Paris--BannerHome1.png");
 
−
                background-repeat: no-repeat;
 
−
                background-attachment: fixed;
 
−
                background-size: cover;
 
−
                background-position: 50% 50%;
 
−
            }
 
−
            #banner h1 {
 
−
                text-align: center;
 
−
                color: white;
 
−
                font-size: 10vh;
 
−
                line-height: 10vh;
 
−
                font-family: 'Raleway', Arial Black, sans-serif;
 
−
            }
 
−
            #GeneralContent {
 
−
                position:relative;
 
−
                width: 100%;
 
−
                background-color: rgba(219, 0, 58, .001);
 
−
            }
 
−
            #GeneralContent p, #GeneralContent h1, #GeneralContent h2, #GeneralContent h3, #GeneralContent h4, #GeneralContent h5, #GeneralContent h6, #GeneralContent ol, #GeneralContent li {
 
−
                font-family: 'Raleway', Arial Black, sans-serif;
 
−
            }
 
−
            #GeneralContent p {
 
−
                font-size: 16px;
 
−
            }
 
−
            #MainContent {
 
−
                max-width: 1100px;
 
−
                margin: auto;
 
−
                padding-top: 10%;
 
−
                padding-bottom: 10%;
 
−
                text-align: center;
 
−
            }
 
−
            footer {
 
−
                position: absolute;
 
−
                background-color: #000000;
 
−
                height: 70px;
 
−
                width: 100%;
 
−
                bottom: 0%;
 
−
                left: 0%;
 
−
            }
 
−
            .block {
 
−
                display: inline-block;
 
−
                vertical-align: middle;
 
−
                margin: auto;
 
−
                margin-top: 2%;
 
−
                margin-bottom: 2%;
 
−
                margin-left: 1%;
 
−
                margin-right: 1%;
 
−
            }
 
−
            .block.title {
 
−
                width: 94%;
 
−
                margin-bottom: 10%;
 
−
            }
 
−
            .block.two-third {
 
−
                width: 60%;
 
−
            }
 
−
            .block.two-third.center {
 
−
                width: 60%;
 
−
            }
 
−
            .block.one-third {
 
−
                width: 30%;
 
−
            }
 
−
            .block.full {
 
−
                width: 90%;
 
−
            }
 
−
            .block.half {
 
−
                width: 45%;
 
−
            }
 
−
            .block.separator {
 
−
                height: 1px;
 
−
                width: 90%;
 
−
                margin-top: 3%;
 
−
                margin-bottom: 3%;
 
−
            }
 
−
            .block.separator-invisible {
 
−
                height: 1px;
 
−
                width: 90%;
 
−
            }
 
−
            .block.separator-mark {
 
−
                height: 2px;
 
−
                width: 70%;
 
−
                margin-top: 15%;
 
−
                margin-bottom: 20%;
 
−
                background-color: black;
 
−
                opacity: 0.3;
 
−
            }
 
−
            .onglet{
 
−
                position: relative;
 
−
                border-radius: 20px;
 
−
                background-color: red;
 
−
                width: 43%;
 
−
                box-shadow: 5px 5px 30px grey;
 
−
                background-color: #fffafc;
 
−
            }
 
−
            .onglet:hover{
 
−
                opacity: .8;
 
−
                transform: scale(1.05,1.05);
 
−
            }
 
−
            .ongletImg {
 
−
                width: 100%;
 
−
                padding-top: 60%;
 
−
                background-repeat: no-repeat;
 
−
                background-size: cover;
 
−
                background-position: center;
 
−
                border-top-left-radius: 20px;
 
−
                border-top-right-radius: 20px;
 
−
            }
 
−
            .textOnglet{
 
−
                height: 50px;
 
−
            }
 
−
            .legend p {
 
−
                text-indent: 0px;
 
−
                font-size: 0.8em;
 
−
            }
 
−
            .tableData{
 
−
                background-color: transparent;
 
−
                width: 95%;
 
−
            }
 
−
            p {
 
−
                text-align: justify;
 
−
                text-indent: 30px;
 
−
            }
 
−
            img {
 
−
                width: 100%;
 
−
            }
 
−
            a img:hover {
 
−
                opacity: 0.4;
 
−
            }
 
−
        /* END : Content block settings */
 
−
        /* BEGIN : Hidden Contents*/
 
−
            .bothContent {
 
−
                border-radius: 15px;
 
−
                border-width: 2px;
 
−
                box-shadow: 0px 1px 3px black;
 
−
                margin: 0;
 
−
                margin-top: 15px;
 
−
            }
 
−
            .dropDown{
 
−
                background-color: rgb(133, 25, 106);
 
−
                margin: 5px;
 
−
                border-radius: 10px;
 
−
                position: relative;
 
−
                opacity: .95;
 
−
                padding-bottom: 40px;
 
−
                padding-top: 40px;
 
−
                cursor: pointer;
 
−
                width: 100%;
 
−
                margin: 0;
 
−
                position: sticky;
 
−
                top: 98px;
 
−
            }
 
−
            .dropDown:hover {
 
−
                opacity: .7;
 
−
            }
 
−
            .dropDown h4 {
 
−
                position: absolute;
 
−
                left: 50%;
 
−
                top: 50%;
 
−
                transform: translate(-50%, -50%);
 
−
                color: white;
 
−
            }
 
−
            .dropDown a {
 
−
                color: white;
 
−
                text-decoration: none;
 
−
            }
 
−
            .hiddenContent{
 
−
                transition-duration: : opacity 1s;
 
−
                margin: 1px 0px 0px;
 
−
            }
 
−
            .hiddenContent:target{
 
−
                display: block;
 
−
            }
 
−
            .closeCross{
 
−
                height: 50px;
 
−
                width: 50px;
 
−
                position: absolute;
 
−
                opacity: .2;
 
−
                transition: transform .5s;
 
−
            }
 
−
            .closeCross:hover {
 
−
                opacity: .8;
 
−
                transform: scale(1.05,1.05);
 
−
                cursor: pointer;
 
−
            }
 
−
        /* END : Hidden Contents */
 
−
        /* BEGIN : Index Menu */
 
−
            #index {
 
−
                position: fixed;
 
−
                top: 60vh;
 
−
                background-image: linear-gradient(to top, rgb(0, 0, 127), rgb(227, 0, 56));
 
−
                -webkit-transition: transform .7s; /* Safari */
 
−
                transition: transform .7s;
 
−
                margin: 0;
 
−
                padding: 0;
 
−
                border-top-right-radius: 13px;
 
−
                border-bottom-right-radius: 15px;
 
−
                z-index: 10000;
 
−
                transform: translate(0%, -50%);
 
−
                cursor: pointer;
 
−
            }
 
−
            #index p {
 
−
                text-indent: 0px;
 
−
                margin: 0px;
 
−
                padding: 10px;
 
−
            }
 
−
            #index:hover {
 
−
                opacity: 1;
 
−
            }
 
−
            #indexContent {
 
−
                display: inline-block;
 
−
                background-color: black;
 
−
                margin-top: 4px;
 
−
                margin-bottom: 4px;
 
−
                border-bottom-right-radius: 15px;
 
−
                border-top-right-radius: 15px;
 
−
            }
 
−
            #indexContent p:hover {
 
−
                transform: scale(1.1,1.1);
 
−
                transition: transform .5s;
 
−
            }
 
−
            #indexContent p a{
 
−
                color: white;
 
−
                text-decoration: none;
 
−
            }
 
−
            #indexRight{
 
−
                float: right;
 
−
                width: 10px;
 
−
                display: inline-block;
 
−
            }
 
−
            #littleButton{
 
−
                height: 45px;
 
−
                width: 22px;
 
−
                border-top-right-radius: 50px;
 
−
                border-bottom-right-radius: 50px;
 
−
                background-image: linear-gradient(to bottom, rgb(227, 0, 56), rgb(170, 0, 73));
 
−
            }
 
−
        /* END : Index Menu*/
 
−
        /* BEGIN : Media Query Responsive design */
 
−
            /* BEGIN : Menu Style for Large screens above 960 */
 
−
            @media screen and (min-width: 961px){
 
−
                #smallnav{
 
−
                    display: none;
 
−
                }
 
−
            }/* END : Menu Style for Large screens above 960 */
 
−
            /* BEGIN : Menu Style for Small screens 960 and lower*/
 
−
            @media screen and (max-width: 960px){
 
−
                body {
 
−
                    padding-top: 40px;
 
−
                }
 
−
                #Menu{
 
−
                    display: none;
 
−
                }
 
−
                .dropDown {
 
−
                    top: 58px;
 
−
                }
 
−
                .block.two-third, .block.one-third, .block.half {width: 44%;}
 
−
                .block.two-third.center, .block.full, .block.separator, .block.title {width: 90%;}
 
−
                /* BEGIN : smallnav settings for mobile */
 
−
                    #smallnav {
 
−
                        height: auto;
 
−
                    }
 
−
                    #smallnav ul {
 
−
                        width: 100%;
 
−
                        display: block;
 
−
                        height: auto;
 
−
                    }
 
−
                    #smallnav li {
 
−
                        width: 50%;
 
−
                        float: left;
 
−
                        position: relative;
 
−
                        margin-bottom: 0;
 
−
                    }
 
−
                    #smallnav a {
 
−
                        text-align: left;
 
−
                        width: 100%;
 
−
                        text-indent: 25px;
 
−
                    }
 
−
                    #smallnav {
 
−
                        border-bottom: 0;
 
−
                    }
 
−
                    #smallnav ul {
 
−
                        display: none;
 
−
                        height: auto;
 
−
                    }
 
−
                    #smallnav a#pull {
 
−
                        display: block;
 
−
                        width: 100%;
 
−
                        position: relative;
 
−
                    }
 
−
                    #smallnav a#pull:after {
 
−
                        content:"";
 
−
                        background: url('https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png') no-repeat;
 
−
                        background-size: auto 90%;
 
−
                        width: 30px;
 
−
                        height: 30px;
 
−
                        display: inline-block;
 
−
                        position: absolute;
 
−
                        right: 15px;
 
−
                        top: 5px;
 
−
                    }
 
−
                /* END : smallnav settings for mobile */
 
−
                /* BEGIN : classes for Small Mobile Icons */
 
−
                    #home_small {
 
−
                        background-color: #345292;
 
−
                    }
 
−
                    #home_small a {
 
−
                        background: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png) no-repeat;
 
−
                        background-position: left;
 
−
                        background-size: auto 100%;
 
−
                        background-repeat: no-repeat;
 
−
                        padding-left: 40px;
 
−
                        color: #FFF;
 
−
                    }
 
−
                    #project_small {
 
−
                        background-color: #345292;
 
−
                    }
 
−
                    #project_small a {
 
−
                        background: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png) no-repeat;
 
−
                        background-position: left;
 
−
                        background-size: auto 90%;
 
−
                        background-repeat: no-repeat;
 
−
                        padding-left: 40px;
 
−
                        color: #FFF;
 
−
                    }
 
−
                    #hp_small {
 
−
                        background-color:#345292;
 
−
                    }
 
−
                    #hp_small a {
 
−
                        background: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png) no-repeat;
 
−
                        background-position: left;
 
−
                        background-size: auto 90%;
 
−
                        background-repeat: no-repeat;
 
−
                        padding-left: 40px;
 
−
                        color: #FFF;
 
−
                    }
 
−
                    #design_small {
 
−
                        background-color: #345292;
 
−
                    }
 
−
                    #design_small a {
 
−
                        background: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png) no-repeat;
 
−
                        background-position: left;
 
−
                        background-size: auto 90%;
 
−
                        background-repeat: no-repeat;
 
−
                        padding-left: 40px;
 
−
                        color: #FFF;
 
−
                    }
 
−
                    #parts_small {
 
−
                        background-color: #345292;
 
−
                    }
 
−
                    #parts_small a {
 
−
                        color: #FFF;
 
−
                        padding-left: 40px;
 
−
                        background-image: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png);
 
−
                        background-position: left;
 
−
                        background-size: auto 90%;
 
−
                        background-repeat: no-repeat;
 
−
                    }
 
−
                    #labwork_small {
 
−
                        background-color: #345292;
 
−
                    }
 
−
                    #labwork_small a {
 
−
                        color: #FFF;
 
−
                        padding-left: 40px;
 
−
                        background-image: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png);
 
−
                        background-position: left;
 
−
                        background-size: auto 90%;
 
−
                        background-repeat: no-repeat;
 
−
                    }
 
−
                    #achievements_small {
 
−
                        background-color: #345292;
 
−
                    }
 
−
                    #achievements_small a {
 
−
                        color: #FFF;
 
−
                        padding-left: 40px;
 
−
                        background-image: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png);
 
−
                        background-position: left;
 
−
                        background-size: auto 90%;
 
−
                        background-repeat: no-repeat;
 
−
                    }
 
−
                    #aboutus_small {
 
−
                        background-color: #345292;
 
−
                    }
 
−
                    #aboutus_small a {
 
−
                        background: url(https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png) no-repeat;
 
−
                        background-position: left;
 
−
                        background-size: auto 90%;
 
−
                        background-repeat: no-repeat;
 
−
                        padding-left: 40px;
 
−
                        color: #FFF;
 
−
                    }
 
−
                /* END : classes for Small Mobile Icons */
 
−
            }/* END : Menu Style for Small screens 960 and lower */
 
−
            /* BEGIN : Style for Small Mobile screen 760 and lower */
 
−
            @media screen and (max-width: 760px) {
 
−
                /* BEGIN : Content Settings */
 
−
                    .block.two-third, .block.one-third, .block.two-third.center, .block.full, .block.separator, .block.title, .block.half {
 
−
                        width: 90%;
 
−
                    }
 
−
                    #banner {
 
−
                        background-image: none;
 
−
                        background-color: black;
 
−
                        height: 100vh;
 
−
                    }
 
−
                    #banner h1 {
 
−
                    }
 
−
                /* END : Content Settings */
 
−
            }/* END : Style for Small Mobile screen 760 and lower */
 
−
            /* BEGIN : Style for Smartphones 320 and lower*/
 
−
            @media only screen and (max-width : 370px) {
 
−
                #smallnav li {
 
−
                    display: block;
 
−
                    float: none;
 
−
                    width: 100%;
 
−
                }
 
−
            }/* END : Style for Smartphones 320 and lower*/
 
−
        /* END : Media query Responsive design */
 
−
    </style>
 
  
−
    <script>
 
−
        /* BEGIN : Show and Close Hidden Contents */
 
−
            $(document).ready(function() {
 
−
                $('.hiddenContent').hide();
 
−
                $('.dropDown').on('click', function() {
 
−
                    if ($(this).next().css("display")=="none"){
 
−
                        ShowHiddenContent(this);
 
−
                    }
 
−
                    else {
 
−
                        var idLink = $(this).next();
 
−
                        var top = scrollTop: $(idLink).offset().top;
 
−
                        top -= 80;
 
−
                        $('html, body').animate( { top }, 750);
 
−
                    }
 
−
                });
 
−
                $('.closeCross').on('click', function () {
 
−
                    HideHiddenContent(this);
 
−
                });
 
−
            });
 
−
            function ShowHiddenContent (dropDown){
 
−
                $(dropDown).next().fadeIn(500);
 
−
                $(dropDown).css("border-bottom-right-radius","0px");
 
−
                $(dropDown).css("border-bottom-left-radius", "0px");
 
−
            };
 
−
            function HideHiddenContent (closeCross){
 
−
                $(closeCross).parent().fadeOut(500);
 
−
                $(closeCross).parent().prev().css("border-bottom-right-radius","15px");
 
−
                $(closeCross).parent().prev().css("border-bottom-left-radius", "15px");
 
−
            }
 
−
        /* END : Show and Close Hidden Contents */
 
−
        /* BEGIN : Index Side Menu */
 
−
            $(document).ready(function() {
 
−
                /* BEGIN : Index Menu disappears when scrolls*/
 
−
                    $(window).scroll(function () {
 
−
                        var heightScreen = $(window).height(),
 
−
                            height = $(this).scrollTop(),
 
−
                            ratio = height/heightScreen;
 
−
                        if (ratio > .01 ) {
 
−
                            $('#index').css("transform","translate(-97%,-50%)");
 
−
                            $('#index').css("opacity",".7");
 
−
                        } else {
 
−
                            $('#index').css("transform","translate(0px,-50%)");
 
−
                            $('#index').css("opacity","1");
 
−
                        }
 
−
                    });
 
−
                /* END : Index Menu disappears when scrolls */
 
−
                /* BEGIN : Index Menu appears when mouse on it*/
 
−
                    $('#index').mouseover(function() {
 
−
                        $(this).css("transform","translate(0px,-50%)");
 
−
                        $('#index').css("opacity","1");
 
−
                    });
 
−
                    $('#index').mouseout(function() {
 
−
                        $(this).css("transform","translate(-97%,-50%)");
 
−
                        $('#index').css("opacity",".7");
 
−
                    });
 
−
                /* BEGIN : Index Menu appears when mouse on it */
 
−
                /* BEGIN : Opens and goes to the hidden Content when click on link */
 
−
                    $('.link').on('click', function() {
 
−
                        var idLink = $(this).attr('href');
 
−
                        ShowHiddenContent($(idLink));
 
−
                        $('html, body').animate( { scrollTop: $(idLink).offset().top }, 750);
 
−
                        return false;
 
−
                    });
 
−
                /* END : Opens and goes to the hidden Content when click on link */
 
−
            });
 
−
        /* END : Index Side Menu */
 
−
    </script>
 
−
    <script>
 
−
        // FOR SMALLNAV
 
−
        $(function() {
 
−
            var pull        = $('#pull');
 
−
                menu        = $('#smallnav ul');
 
−
                menuHeight  = menu.height();
 
−
            $(pull).on('click', function(e) {
 
−
                e.preventDefault();
 
−
                menu.slideToggle();
 
−
            });
 
−
            $(window).resize(function(){
 
−
                var w = $(window).width();
 
−
                if(w > 320) {
 
−
                    if (menu.is(':hidden')) {
 
−
                    menu.removeAttr('style');
 
−
                    }
 
−
                }
 
−
            });
 
−
        });
 
−
    </script>
 
−
    <script type="text/javascript">
 
−
            $(document).ready(function(){
 
−
            // make submenus appear //
 
−
                $("#home").hover(function(){
 
−
                    $("#project-sub") .hide();
 
−
                    $("#design-sub") .hide();
 
−
                    $("#hp-sub") .hide();
 
−
                    $("#parts-sub") .hide();
 
−
                    $("#labwork-sub") .hide();
 
−
                    $("#achievements-sub") .hide();
 
−
                    $("#aboutus-sub") .hide();
 
−
                });
 
−
                $("#project").hover(function(){
 
−
                    $("#project-sub") .show();
 
−
                    $("#hp-sub") .hide();
 
−
                    $("#design-sub") .hide();
 
−
                    $("#parts-sub") .hide();
 
−
                    $("#labwork-sub") .hide();
 
−
                    $("#achievements-sub") .hide();
 
−
                    $("#aboutus-sub") .hide();
 
−
                },
 
−
                                        function(){
 
−
                    $("#project-sub") .hide();
 
−
                });
 
−
                $("#hp").hover(function(){
 
−
                    $("#hp-sub") .show();
 
−
                    $("#project-sub") .hide();
 
−
                    $("#design-sub") .hide();
 
−
                    $("#parts-sub") .hide();
 
−
                    $("#labwork-sub") .hide();
 
−
                    $("#achievements-sub") .hide();
 
−
                    $("#aboutus-sub") .hide();
 
−
                },
 
−
                                        function(){
 
−
                    $("#hp-sub") .hide();
 
−
                });
 
−
               
 
−
                $("#design").hover(function(){
 
−
                    $("#design-sub") .show();
 
−
                    $("#project-sub") .hide();
 
−
                    $("#hp-sub") .hide();
 
−
                    $("#parts-sub") .hide();
 
−
                    $("#labwork-sub") .hide();
 
−
                    $("#achievements-sub") .hide();
 
−
                    $("#aboutus-sub") .hide();
 
−
                },
 
−
                                        function(){
 
−
                    $("#design-sub") .hide();
 
−
                });
 
−
               
 
−
                $("#parts").hover(function(){
 
−
                    $("#parts-sub") .show();
 
−
                    $("#project-sub") .hide();
 
−
                    $("#design-sub") .hide();
 
−
                    $("#hp-sub") .hide();
 
−
                    $("#labwork-sub") .hide();
 
−
                    $("#achievements-sub") .hide();
 
−
                    $("#aboutus-sub") .hide();
 
−
                },
 
−
                                        function(){
 
−
                    $("#parts-sub") .hide();
 
−
                });
 
−
               
 
−
                $("#labwork").hover(function(){
 
−
                    $("#labwork-sub") .show();
 
−
                    $("#project-sub") .hide();
 
−
                    $("#design-sub") .hide();
 
−
                    $("#hp-sub") .hide();
 
−
                    $("#parts-sub") .hide();
 
−
                    $("#achievements-sub") .hide();
 
−
                    $("#aboutus-sub") .hide();
 
−
                },
 
−
                                        function(){
 
−
                    $("#labwork-sub") .hide();
 
−
                });
 
−
               
 
−
                $("#achievements").hover(function(){
 
−
                    $("#achievements-sub") .show();
 
−
                    $("#project-sub") .hide();
 
−
                    $("#design-sub") .hide();
 
−
                    $("#hp-sub") .hide();
 
−
                    $("#parts-sub") .hide();
 
−
                    $("#labwork-sub") .hide();
 
−
                    $("#aboutus-sub") .hide();
 
−
                },
 
−
                                        function(){
 
−
                    $("#achievements-sub") .hide();
 
−
                });
 
−
                $("#aboutus").hover(function(){
 
−
                    $("#aboutus-sub") .show();
 
−
                    $("#project-sub") .hide();
 
−
                    $("#design-sub") .hide();
 
−
                    $("#hp-sub") .hide();
 
−
                    $("#parts-sub") .hide();
 
−
                    $("#labwork-sub") .hide();
 
−
                    $("#achievements-sub") .hide();
 
−
                },
 
−
                                        function(){
 
−
                    $("#aboutus-sub") .hide();
 
−
                });               
 
−
            // make chip stay over main menu point when its submenu appears and makes the submenu stay visible//
 
−
                $("#project-sub") .hover(function(){
 
−
                    $("#runningchip") .css('left','125px');
 
−
                    $("#project-sub") .show();
 
−
                },
 
−
                                        function(){
 
−
                    $("#runningchip") .css('left','');
 
−
                    $("#project-sub") .hide();
 
−
                });
 
−
                $("#hp-sub") .hover(function(){
 
−
                    $("#runningchip") .css('left','245px');
 
−
                    $("#hp-sub") .show();
 
−
                },
 
−
                                        function(){
 
−
                    $("#runningchip") .css('left','');
 
−
                    $("#hp-sub") .hide();
 
−
                });
 
−
                $("#design-sub") .hover(function(){
 
−
                    $("#runningchip") .css('left','365px');
 
−
                    $("#design-sub") .show();
 
−
                },
 
−
                                        function(){
 
−
                    $("#runningchip") .css('left','');
 
−
                    $("#design-sub") .hide();
 
−
                });
 
−
                $("#parts-sub") .hover(function(){
 
−
                    $("#runningchip") .css('left','485px');
 
−
                    $("#parts-sub") .show();
 
−
                },
 
−
                                        function(){
 
−
                    $("#runningchip") .css('left','');
 
−
                    $("#parts-sub") .hide();
 
−
                });
 
−
                $("#labwork-sub") .hover(function(){
 
−
                    $("#runningchip") .css('left','605px');
 
−
                    $("#labwork-sub") .show();
 
−
                },
 
−
                                        function(){
 
−
                    $("#runningchip") .css('left','');
 
−
                    $("#labwork-sub") .hide();
 
−
                });
 
−
                $("#achievements-sub") .hover(function(){
 
−
                    $("#runningchip") .css('left','725px');
 
−
                    $("#achievements-sub") .show();
 
−
                },
 
−
                                        function(){
 
−
                    $("#runningchip") .css('left','');
 
−
                    $("#achievements-sub") .hide();
 
−
                });
 
−
                $("#aboutus-sub") .hover(function(){
 
−
                    $("#runningchip") .css('left','845px');
 
−
                    $("#aboutus-sub") .show();
 
−
                },
 
−
                                        function(){
 
−
                    $("#runningchip") .css('left','');
 
−
                    $("#aboutus-sub") .hide();
 
−
                });
 
−
            });
 
−
    </script>
 
−
    <script>
 
−
        /*Attachable menu code*/
 
−
        $( document ).ready(function() {
 
−
       
 
−
            $(window).scroll(function (event) {
 
−
                var y = $(this).scrollTop();
 
−
                if(y>60){
 
−
                    $("#header").css('position','fixed');
 
−
                    $("#header").css('width','100%');
 
−
                    $("#header").css('margin-top','-61px');
 
−
                    $("#bottom-arrow").css('display','none');
 
−
                    $("#runningchip-back").css('display','none');
 
−
                    $("#navtext").css('margin-top','-20px');
 
−
                    $(".chip_gap").css('height','30px');
 
−
                }else{
 
−
                    var offsetTop = -y;
 
−
                    $("#header").css('margin-top',offsetTop+'px');
 
−
                    $("#bottom-arrow").removeAttr('style');
 
−
                    $("#runningchip-back").removeAttr('style');
 
−
                    $("#navtext").removeAttr('style');
 
−
                    $(".chip_gap").css('height','23px');
 
−
                }
 
−
            });
 
−
        /*Fix for when a link targets an id -> check the position on pageload*/
 
−
        $(window).scroll();
 
−
        });
 
−
    </script>
 
  
−
    <script>
 
−
        $(document).ready(function() {
 
−
            $("#upArrow").hide();
 
−
            $(window).scroll(function () {
 
−
                var heightScreen = $(window).height(),
 
−
                    height = $(this).scrollTop(),
 
−
                    ratio = height/heightScreen;
 
−
                if (ratio > 1 ) {
 
−
                    $('#upArrow').fadeIn(500);
 
−
                } else {
 
−
                    $('#upArrow').fadeOut(500);
 
−
                }
 
−
            });
 
−
            $('#upArrow').on('click', function() { // Au clic sur un élément
 
−
                var page = $(this).attr('href'); // Page cible
 
−
                var speed = 750; // Durée de l'animation (en ms)
 
−
                $('html, body').animate( { scrollTop: $(page).offset().top }, speed ); // Go
 
−
                return false;
 
−
            });
 
−
        });
 
−
    </script>
 
  
−
    <body>
 
−
        <div id="upWindow" style="transform: translate(0px, -100px);">
 
−
        </div>
 
−
        <div id="upArrow" href="#upWindow">
 
−
            <a href=""></a>
 
−
        </div>
 
−
        <!-- BEGIN normal Menubar-->
 
−
            <div id="Menu">
 
−
                <div id="naviconwrapper">
 
−
                    <!-- BEGIN icons -->
 
−
                    <div id="naviconbar">
 
−
                        <div id="navicons">
 
−
                            <ul>
 
−
                                <li id="home" ><a href="https://2018.igem.org/Team:Pasteur_Paris"></a>
 
−
                                </li>
 
−
                                <li id="project" ><a>Project</a>
 
−
                                </li>
 
−
                                <li id="hp"><a>Human Practices</a>
 
−
                                </li>
 
−
                                <li id="design"><a>Product Design</a>
 
−
                                </li>
 
−
                                <li id="parts"><a>Parts</a>
 
−
                                </li>
 
−
                                <li id="labwork"><a>labwork</a>
 
−
                                </li>
 
−
                                <li id="achievements"><a>Achievements</a>
 
−
                                </li>
 
−
                                <li id="aboutus"><a>About Us</a>
 
−
                                </li>
 
−
                                <div id="runningchip">
 
−
                                    <div id="top-arrow"></div>
 
−
                                    <div id="runningchip-back"></div>
 
−
                                </div>
 
−
                            </ul>
 
−
                        </div>
 
−
                    </div>
 
−
                    <!-- END icons -->
 
−
                </div>
 
−
                    <!-- Begin navigation submenu -->
 
−
                <div id="navtextwrapper"> <!-- only names of elements -->
 
−
                    <div id="navtext">
 
−
                        <ul id="project-sub">
 
−
                            <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Project"></a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Description">Overview</a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Project">Growing back nerves</a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Project">Fighting Infections</a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Model">Models</a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Project">Conductivity</a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Entrepreneurship">Entrepreneurship</a></li>
 
−
                        </ul>
 
−
                        <ul id="hp-sub">
 
−
                            <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Human_Practices"></a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Human_Practices">Integrated HP</a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Human_Practices">Meet-Up</a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Public_Engagement">Education & Engagement</a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Safety">Safety</a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Human_Practices">Law</a></li>
 
−
                        </ul>
 
−
                        <ul id="design-sub">
 
−
                            <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Applied_design"></a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Applied_design">Context</a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Applied_design">Device</a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Applied_design">Technicals</a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Applied_design">Usage senario</a></li>
 
−
                        </ul>
 
−
                        <ul id="parts-sub">
 
−
                            <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Model"></a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Example2/Composite_Part">Composite Part</a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Improve">Improve</a></li>
 
−
                        </ul>
 
−
                        <ul id="labwork-sub">
 
−
                            <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/labwork"></a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Notebook">Notebook</a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Experiments">Protocols</a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Results">Results</a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/InterLab">InterLab</a></li>
 
−
                        </ul>
 
−
                        <ul id="achievements-sub">
 
−
                            <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Achievements"></a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/MedalCriterias">Medals Criterias</a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Awards">Awards</a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Collaborations">Collaboration</a></li>
 
−
                        </ul>
 
−
                        <ul id="aboutus-sub">
 
−
                            <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Team"></a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Team">Team Members</a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Attributions">Attributions</a></li>
 
−
                            <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Sponsors">Sponsors</a></li>
 
−
                        </ul>
 
−
                    </div>
 
−
                </div>   
 
−
                    <!-- End of navigation submenu --> 
 
−
            </div>   
 
−
        <!-- END: normal Menubar -->
 
−
        <!-- BEGIN: Mobile Navigation Menu -->
 
−
            <div class="clearfix" id="smallnav">
 
−
                <ul class="clearfix">
 
−
                    <li id="home_small"><a href="https://2018.igem.org/Team:Pasteur_Paris">Home</a></li>
 
−
                    <li id="project_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/Project">Project</a></li>
 
−
                    <li id="hp_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/Human_Practices">HP</a></li>
 
−
                    <li id="design_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/Applied_Design">Design</a></li>
 
−
                    <li id="parts_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/Parts">Parts</a></li>
 
−
                    <li id="labwork_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/Labwork">Labwork</a></li>
 
−
                    <li id="achievements_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/Achievements">Achievements</a></li> 
 
−
                    <li id="aboutus_small"><a href="https://2018.igem.org/Team:Pasteur_Paris/AboutUs">About us</a></li>
 
−
                </ul>
 
−
                <a href="#" id="pull">Menu</a>
 
−
            </div>
 
−
        <!-- END: Mobile Navigation Menu -->
 
−
    </body>
 
−
    <!-- Menu Bar code inspired from Freiburg 2015 : https://2015.igem.org/Team:Freiburg -->
 
 
</html>
 
</html>

Latest revision as of 19:32, 16 October 2018

""

Let's meet our team!

Students

Etienne Axelos




LinkedIn
Etienne is one of our designers. He studies at the ENSCI-les Ateliers in Paris. He is always wearing black and fluorescent colors, which is very convenient because you can’t miss him. He is also a big music fan, and has special skills in rock’n’roll dance (very impressive!). As you can imagine, he is one of our funniest team members, you are never bored with him. But he is as funny as he is a hard worker, and we can always count on his help.
By Emma

Alice Dejoux

Calm, determined, attentive and engaged: that’s how we see Alice. This young Parisian born in Marseille is currently studying at the prestigious school Chimie Paristech. Talented and always smiling she was one of the leaders of the Parisian meet up organisation and she also attended the Mediterranean meet up in Marseille. Her scientific experience made her show great involvement and perseverance in the lab while doing the modeling of the project. She is part of the 23 strong links of the team iGEM Paris Pasteur 2018.
By Florian



LinkedIn

Claire Dumont




LinkedIn
Claire is one of our three marvelous designers from ENSCi les Ateliers. But that’s not it! She is also the key to keeping calm and focused the other two designers, who are more extroverted. Yet, she still loves to make movie references and silly jokes. In the team, she works very hard to create amazing graphics and she co-developed our final 3D-printed interface. It wouldn’t be an easy task to count the hours she spent on Rhino software to achieve her great results.
By Jonathan

Antoine Ehret

He is one of our dearest physicists studying at ESPCI Paris. He may seem like a shy person, but believe us: he is a man capable of wonders and knows a thing or two about inspirationnal speechs. In fact, you could consider him as our never ending source of encouragement. Each word that comes out of him fills you with determination. " You have to push back your limits each and everyday!"
By Aymen



LinkedIn

Andreas Fyrillas




LinkedIn
Behind his calm and hard-working look, Andreas Fyrillas will not hesitate to throw a punchline at you. His studies at the engineering school ESPCI Paris give him the skills to be an expert on microfluidic chips. Not only does he work the oscilloscope like no other, but he also has a secret talent in the kitchen that he uses to delight us from time to time. Apart from coding the wiki, he enjoys sharing his self-made dubstep music with us.
By Alice

Aymen Ghaneme

Aymen, currently a second-year student at CentraleSupelec, is a smiling Morrocan who is always in for a break and above all a great fruit sugar-free ice cream (in fact, after a while, we realized the break is only a pretext for the icecream). However, when he gets sufficient sleep, this hyper-active guy can use all his mathematical abilities on making models and will work for hours to solve any software bug.
By Thomas



LinkedIn

Léa Guerassimoff




LinkedIn
Léa is our little chemist from Chimie ParisTech who specializes in making everything she does, cute. Her kindness and good mood always delight everyone. She is a real ray of sunshine even when she blows a fuse on the Wiki. She is very organized and serious in what she undertakes, but don’t bother her if she is watching a video of a toy goat: toy goats make her crazy, like really crazy. Regardless, she is one of the best people I have met, thanks to iGEM. We are now bosom buddies, that’s why people nickname us Tic & Tac.
By Ellyn

Samuel Jaoui

Samuel is a 20 year-old engineering student from Chimie ParisTech. Despite being the youngest member of our team, Samuel was the first person to imagine and believe in this ambitious project and convinced us to create NeuronArch. His skills in biological engineering and programming help us to model scientific concepts of our project.
By Etienne



LinkedIn

Manon Madelenat




LinkedIn
Behind her strong character, Manon hides a very big heart! She is studying biotechnologies at Sup’Biotech Paris. She is in her last year of study and she actually works in health and production fields. Her next step is to work in neuroscience and understand neurodegenerative diseases! She is an essential member of the team and is the queen of mini and midi prep! Manon is truly as beautiful on the inside as she is on the outside, trust me!
By Léa

Jonathan Naccache

Jon is really motivated and commited to the lab work! Studying biotechnologies at Sup’Biotech Paris for the past five years, he is very passionate about synthetic biology and would like to continue in this field of study by getting his Master of research next year. In the team, he spends a lot of time in the lab but also on illustrator to make amazing explanatory schemes!
By Manon



LinkedIn

Éléa Paillares




LinkedIn
Motivated and always smiling, Éléa always sets a happy mood in the room and never misses an occasion to crack you up. Although she spends her days locked in the laboratory working hard, making use of the skills she learned at Sup’Biotech, she has the spirit of a true traveler. Sometimes, she likes to go on spontaneous trips, not even bothering to book a hotel beforehand. She looks forward to the Giant Jamboree: she has never been to the United States!
By Andreas

Emma Picaud-Lucet

What is more important to Emma than her cat’s happiness? IGEM of course! As a law student from the Faculté Jean Monnet, she is one of the members in charge of all of the legal aspects of the project. Never afraid of giving her opinions on various matters, she often deals with subjects beyond law, such as the human practices collaboration with other iGEM teams. Her secret talent: she’s a very talented cartoonist!
By Samuel



LinkedIn

Sarah Porte




LinkedIn
Sarah is a biology major getting her Master’s at the sorbonne-Université Pierre et Marie Curie. She is highly organized and is very good at multi-tasking, which is very useful. Sarah appreciates her independence as she works best this way, but will lend a helping hand if she is needed. She will also gladly borrow other people’s sweaters if it helps her stay warm!
By Deshmukh

Ellyn Redheuil

Nicknamed Tic because of her inseparable bond with Léa (aka Tac), Ellyn lit up our summer with her continuous smiles, laughter, and amazing ideas and animations for our wiki page! She is an engineer student at ESPCI Paris, and you would be impressed by the range of her abilities: from coding the wiki to transforming bacteria. Whether in the lab or behind her computer, she seems to know how to do anything and everything. Her best specialty is her delicious cookies which are better than anyone else’s!
By Charlotte



LinkedIn

Charlotte Richard




LinkedIn
Engineer, biologist, adventurer and athlete, Charlotte has it all ! She is in her second year at Ecole Polytechnique, a military engineer school, and wants to specialize in Biology. In the lab, she is the best at Mini-preps, but she is also involved in the modeling part. In her spare time, she likes scouting and teaching the youth how to survive in the wild. That’s why she has the best BBQ skills!
By Gabriela

Gabriela Sachet

Studying biology at Sup’Biotech, Gabriela has played a key part in the laboratory. She has also contributed a lot to the bibliography, which helped keep the project on track. She has had the privilege of living in many different countries, which has made her a modern adventurer, always seeking new experiences. She recently participated in the 4L Rally (France to Morocco in a French retro car) before focusing on the iGEM competition !
By Claire



LinkedIn

Thomas Starck




LinkedIn
Spirit-son of Tony Stark, great defender of planet Earth and member of the Avengers, Thomas Starck chose a different path. Full of imagination and a practical spirit, Thomas is in his second year in Ecole Polytechnique, a military engineer school. In addition to his lab work, he also dedicated his time to the making of this wiki page. In his free time, he loves to help his “dad” save the world, but also go out and enjoy life.
By Sarah

Florian Thomas

Florian has many skills in his designer toolbox, he studied cabinet-making and he is now finishing his studies at ENSCi les Ateliers. He enjoys the beauty of raw material and well made products, which is reflected in his work. While being a calm and thoughtful person, Florian still knows how to make his point, especially when it comes to the topic of the use of animals in research. Do not let his backwards cap and youthful smile fool you, Florian is actually our oldest team member!
By Éléa



LinkedIn

Kelly Trang




LinkedIn

Don’t let her fool you, behind her cute smile and freckles Kelly is actually a big fan of hardcore heavy metal. A first year Master’s student studying intellectual property law at the Faculté Jean Monnet, she is also a true scientist at heart and loves to follow the scientists around in the lab. When she is not baking something delicious or stealing food from her team members, she is very responsible and in charge of the legal work.


By Antoine

Supervisors

Deshmukh Gopaul




LinkedIn
Deshmukh Gopaul, researcher and Head of Design in Biology at the Institut Pasteur, has been coaching the iGEM Pasteur Paris teams for 4 years now. Although he specializes in Biology, he is well versed in a variety of topics, allowing him to always have an interesting anecdote to share. He is very meticulous and although working with him may take a lot of time, patience, and tears, we know that it’s worth it in the end!
By Kelly

Guillian Graves

Guillian is an industrial designer specialized in biomimicry, working in Paris at his design studio BIG BANG Project. He also teaches at ENSCI-Les Ateliers (National School for Advanced Studies in Design). His professionalism and his high expectations go hand in hand with his sympathy. He helps our team think about the design of our device and uses his expertise to support our designers in creating a global project.
By Claire



LinkedIn

Serena Petracchini




LinkedIn
Serena has been the key to answering many of our question, thanks to her extensive experience in microbiology. Her major contribution to the project as a coach has been in the Interlab, along with the many great ideas she has! When she doesn’t agree with something you will hear her Italian come out as she says “ma no!” followed, of course, by some hand motion. If still you disagree with her, try her delicious tiramisu. I am sure she (it) will convince you!
By Anna

Anna Segú Cristina

With a true catalan heart and a great french accent, Anna is putting the best of her energies in her tutoring role for iGem Pasteur. A soon-to-be second year PhD student, she finds time between a neuron an a miniprep to do sports and other extracurriculars, always leaving her friends astonished. Full of board game evenings and genetic engineering, she’s able to enjoy the best of Parisian life!
By Serena



LinkedIn