Team:Grenoble

From 2011.igem.org

(Difference between revisions)
 
(55 intermediate revisions not shown)
Line 1: Line 1:
-
/* I <3 Paris */
+
{{:Team:Grenoble/Templates/Current}} 
-
#globalWrapper {/* le wiki */
+
<html>
-
    background-color: #ffffff;
+
-
    -bottom:0px;
+
-
}
+
-
#top-section{/* la barre titre (baniere igem+ menu haut)*/
 
-
    height: auto;
 
-
    margin-top: 0 px;
 
-
    margin-left: 0 px;
 
-
    margin-right: auto;
 
-
    margin-bottom: 0 ;
 
-
  /* margin-bottom: 10px; */
 
-
   
 
-
    border: none;
 
-
    display: display;
 
-
}
 
-
#p-logo{/*le conteneur de la banière igem avec un lien vers igem*/
+
<!--
-
    display:none;
+
<img src="http://www.clickartists.org/clicksite/html/images/square.jpg"/>
-
    border:none;
+
-
    margin:none;
+
-
}
+
-
#menubar a{/*les lien de la barre de menu du haut */
+
Si vous éditez la page commencez par décommenter ces lignes, publier, PUIS commencer à faire ce que vous avez à faire et quand vous avez fini de publier remettez en commentaire.
-
    margin:5px 5px 0 0;
+
-
    text-decoration:none;
+
-
    color:#FFFFFF;
+
-
}
+
-
body {
+
Ne laissez pas le carré trop longtemps si vous n'éditez pas, chaque fois reprenez ce qui est sur internet plutôt que ce que vous avez sur votre PC
 +
-->
-
margin:0;
 
-
 
-
padding:0;
 
-
 
-
width:100%;
 
-
 
-
 
-
 
-
}
 
-
 
-
html {
 
-
 
-
padding:0;
 
-
 
-
margin:0;
 
-
 
-
}
 
-
 
-
 
-
 
-
/* utilisé dans la banière */
 
-
img.blabla  {
 
-
 
-
width:100%;
 
-
 
-
height:auto;
 
-
 
-
}
 
-
 
-
 
-
h1 {
 
-
 
-
margin:0;
 
-
 
-
padding:30px 0 30px 32px;
 
-
 
-
color:#9c9c9c;
 
-
 
-
font:bold 45px/1.1em Arial, Helvetica, sans-serif;
 
-
 
-
text-transform:uppercase;
 
-
 
-
letter-spacing:-3px;
 
-
 
-
background:#000000 url(http://farm4.static.flickr.com/3067/3084131521_36c059f6f0_b.jpg) no-repeat top left;
 
-
 
-
}
 
-
 
-
h1 a, h1 a:hover {
 
-
 
-
color:#9c9c9c;
 
-
 
-
text-decoration:none;
 
-
 
-
}
 
-
 
-
h1 span {
 
-
 
-
font-weight:bold;
 
-
 
-
/*
 
-
color:#8fc400; vert ici, bleu en dessous
 
-
*/
 
-
 
-
color:#2F48EE;
 
-
}
 
-
 
-
/* in tartiflette we trust */
 
-
h1 small {
 
-
 
-
font:normal 13px/1.2em Arial, Helvetica, sans-serif;
 
-
 
-
color:#888;
 
-
 
-
letter-spacing:normal;
 
-
 
-
}
 
-
 
-
 
-
/* ---------------------- Dolphin nav ---------------------- */
 
-
#dolphincontainer{
 
-
    position:relative;
 
-
    height:70px;
 
-
    color:#000000;
 
-
    background:#F4F6FD;
 
-
    width:100%;
 
-
    font-family:Helvetica,Arial,Verdana,sans-serif;
 
-
}
 
-
 
-
#dolphinnav{
 
-
    position:relative;
 
-
    height:33px;
 
-
    font-size:12px;
 
-
    text-transform:uppercase;
 
-
    font-weight:bold;
 
-
/*
 
-
    background:#fff url(https://static.igem.org/mediawiki/2011/b/b7/Dolphin_bg.png) repeat-x bottom left;
 
-
*/
 
-
    background:#fff url(https://static.igem.org/mediawiki/2011/a/a4/Dolphin_bg_blue.png) repeat-x bottom left;
 
-
   
 
-
    padding:0 0 0 3px;
 
-
   
 
-
}
 
-
   
 
-
#dolphinnav ul{
 
-
    margin:0;
 
-
    padding:0;
 
-
    list-style:none;
 
-
    width:auto;
 
-
    float:left;
 
-
   
 
-
}
 
-
 
-
#dolphinnav ul li{
 
-
    display:block;
 
-
    float:left;
 
-
    margin:0 1px;
 
-
   
 
-
}
 
-
 
-
#dolphinnav ul li a{
 
-
    display:block;
 
-
    float:left;
 
-
    color:#EAECF8;
 
-
    text-decoration:none;
 
-
    /*padding:12px 20px 0 20px;*/
 
-
    height:33px;
 
-
   
 
-
}
 
-
 
-
#dolphinnav ul li li a{
 
-
color:#5F5F5F;
 
-
}
 
-
 
-
#dolphinnav ul li a.level1{
 
    
    
-
    padding:12px 20px 0 20px;
+
<!--
-
   
+
-
}
+
-
#dolphinnav ul li.sfhover ul li a.level2{
 
-
   
 
-
color:#5F5F5F;
 
-
    margin: 5px 5px 15px 5px;
 
-
    font-size:16px;
 
-
}
+
Diaporama
-
#dolphinnav ul li.sfhover ul li a.level2:hover{
 
-
   
 
-
color:#8F8F8F;
 
-
font-size:18px;
 
-
 
-
 
-
}
 
-
#dolphinnav ul li ul{
+
-->
-
    position: absolute;
+
-
    left: -999em;
+
-
}
+
-
#dolphinnav ul li.sfhover a.level1{
+
<div class="position_diapo">
-
    color:#5F5F5F;
+
-
    padding:0 20px 0 20px;
+
-
    background: #EEF0FC;
+
-
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEF0FC), to(#F4F6FD));
+
-
background: -webkit-linear-gradient(#F4F6FD, #F4F6FD);
+
-
background: -moz-linear-gradient(#F4F6FD, #F4F6FD);
+
-
background: -ms-linear-gradient(#F4F6FD, #F4F6FD);
+
-
background: -o-linear-gradient(#F4F6FD, #F4F6FD);
+
-
background: linear-gradient(#F4F6FD, #F4F6FD);
+
-
 
+
<div class="style_diapo ">
-
/*
+
-
    border: 1px solid #696;
+
<div class="items">
-
*/
+
-
    border: 1px solid #525D9E;
+
<div>
-
    border-bottom: none;
+
<img src="https://static.igem.org/mediawiki/2011/9/90/Slide1_home.png"></img></a>
-
+
</div>
-
 
+
-
    -moz-box-shadow: -2px -2px 2px #888;
+
<div>
-
    -webkit-box-shadow: -2px -2px 2px #888;
+
<a href="https://2011.igem.org/Team:Grenoble/Projet/Intro" title="Introduction"><img src="https://static.igem.org/mediawiki/2011/d/d3/Slide_home2.png"></img></a>
-
    box-shadow: -2px -2px 2px #888;
+
</div>
-
 
+
-
-webkit-border-radius: 5px 5px 0 0 ;
+
<div>
-
-moz-border-radius: 5px 5px 0 0 ;
+
<img src="https://static.igem.org/mediawiki/2011/a/a6/Slide_home3.png" usemap="#genetic_network"></img>
-
border-radius: 5px 5px 0 0 ;
+
<map name="genetic_network">
-
 
+
<area href="https://2011.igem.org/Team:Grenoble/Projet/Design" title="Overview of the genetic network" coords="81,15,422,349" shape="rect">
-
    line-height:275%;
+
<area href="https://2011.igem.org/Team:Grenoble/Projet/Design/toggle" title="Toggle switch" coords="459,45,867,213" shape="rect">
-
}
+
<area href="https://2011.igem.org/Team:Grenoble/Projet/Design/quorum" title="Quorum sensing + coloration" coords="670,214,867,332" shape="rect">
-
 
+
<area href="https://2011.igem.org/Team:Grenoble/Projet/regulation" title="RsmA: post-transcriptional regulation system" coords="447,214,669,332" shape="rect">
-
 
+
</map>
-
 
+
</div>
-
#dolphinnav ul li.sfhover ul{
+
-
 
+
-
        left: 0;
+
<div>
-
        min-height: 0;
+
<a href="https://2011.igem.org/Team:Grenoble/Projet/regulation" title="RsmA: post-transcriptional regulation system"><img src="https://static.igem.org/mediawiki/2011/1/1a/Slide_home4.png"/></a>
-
height: 23px;
+
</div>
-
background: #F4F6FD;
+
-
color:#5F5F5F;
+
<div>
-
margin: 43px 0 0 0 ;
+
<a href="https://2011.igem.org/Team:Grenoble/Projet/Modelling" title="Model"><img src="https://static.igem.org/mediawiki/2011/1/19/Slide_home5.png"></img></a>
-
overflow: hidden;
+
</div>
-
 
+
-
}
+
<div>
-
 
+
<a href="https://2011.igem.org/Team:Grenoble/Projet/Device" title="Device prototype"><img src="https://static.igem.org/mediawiki/2011/5/51/Slide_home6.png"></img></a>
-
 
+
</div>
-
 
+
-
/* ---------------------- END Dolphin nav ---------------------- */
+
<div>
-
/*en cas d'emmerde avec image flottante*/
+
<a href="https://2011.igem.org/Team:Grenoble/HumanPractice" title="Human Practice"><img src="https://static.igem.org/mediawiki/2011/8/85/Slide_home7.png"/></a>
-
.clearboth {
+
</div>
-
clear:both;
+
-
}
+
</div>
-
 
+
-
.body {
+
</div>
-
 
+
-
margin:0;
+
<div class="prev" title="Previous Slide"></div>
-
 
+
<div class="next" title="Next Slide"></div>
-
padding:0;
+
<div class="navi"></div>
-
 
+
-
}
+
-
 
+
-
 
+
-
.blocbackground {
+
-
 
+
-
border: 1px solid #666D99;
+
 +
</div>
-
margin: 5px 0 20px 0;
+
<div class="body">
-
padding: 0 0 20px 5px;
+
-
-webkit-box-shadow: #666666 0px 2px 3px;
+
<div class="left">
-
-moz-box-shadow: #666666 0px 2px 3px;
+
-
+
-
-webkit-border-radius: 8px;
+
-
-moz-border-radius: 8px;
+
-
border-radius: 8px;
+
-
+
-
background: #EEF0FC;
+
-
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEF0FC), to(#FFFFFF));
+
-
background: -webkit-linear-gradient(#EEF0FC, #FFFFFF);
+
-
background: -moz-linear-gradient(#EEF0FC, #FFFFFF);
+
-
background: -ms-linear-gradient(#EEF0FC, #FFFFFF);
+
-
background: -o-linear-gradient(#EEF0FC, #FFFFFF);
+
-
background: linear-gradient(#EEF0FC, #FFFFFF);
+
-
}
+
<!--
 +
<div  class="blocbackground">
 +
 +
<img src="https://static.igem.org/mediawiki/2011/1/1a/Ready4takeoff.jpg" class="icon"/>
 +
<h2>Ready for take-off !<span>By the Team</span></h2>
 +
<p>We are proud to say we obtained our pass for the iGEM World Championship at the MIT (Boston) and got a gold medal !
 +
We will double our efforts to acomplish our goals until Boston in early November. Many thanks to all our
 +
supports.</p>
 +
 +
</div>
 +
-->
-
/*
 
-
.blocbackground img {
 
-
width="610"
 
-
J'ai mesuré sur une capture d'écran une largeure de 626 pixels pour le blocbackground, donc on peut mettre un peu plus
+
<div  class="blocbackground">
 +
<!--
 +
<img src="https://static.igem.org/mediawiki/2011/3/38/Jb.png" class="icon"/>
 +
<h2>Mercuro-Coli: A new way to quantify heavy metals.<span>By JB</span></h2>
 +
-->
-
}
+
<h2>Mercuro-Coli: A new way to quantify heavy metals.</h2>
-
*/
+
 +
<div class="noindent">
 +
<p>
 +
Our project aims at constructing an easy to use, transportable sensor capable of quantifying the concentration of mercury, in an aqueous sample.
 +
</p>
 +
<p>
 +
Our system is based on a comparison between an unknown mercury concentration and a known IPTG concentration. A linear IPTG gradient is present on a test-strip containing the engineered bacteria. When the mercury solution is added, the regulatory network will switch to one of two states depending on the IPTG/mercury ratio.
 +
</p>
 +
<p>
 +
Bacteria become either “sender” or “receiver”. The bacteria sensing a predominance of mercury over IPTG, the “senders”, will release a quorum sensing molecule which is detected by the nearby “receivers”. The reception of quorum sensing molecules will induce the expression of a red dye in the “receivers”. In this way, a red line emerges at a position in the IPTG gradient from which the unknown mercury concentration can be deduced.
 +
</p>
 +
</div>
 +
</div>
-
.body h1 {
+
<!--
 +
<div  class="blocbackground">
 +
 +
<a href="http://syntheticbiology.org/">
 +
<h2 class="lien"id="Paragraphe2">iGEM and the future of synthetic biology<span>By Geoffrey</span></h2>
 +
</a>
 +
<div class="noindent">
 +
<p>
 +
Now booming, synthetic biology is a scientific field that divides the world into 2 parts. On the one hand, people who believe it will  science and our life. On the over hand, people who believe that synthetic biology is dangerous and it simply means playing God.
 +
</p>
 +
</div>
 +
<p>
 +
Like all new domains of science, many questions may be raised about synthetic biology. Albert Einstein said: “It is strange that science which before seemed to be inoffensive will be turned into a nightmare that frightens everyone”. The goal of iGEM competition is to promote synthetic biology in the scientific community, but also to inform the public about this new science. Synthetic biology is a very controlled science to prevent side-effects and many countries such as France move to a strong legislative supervision in order to respect the ethical issues related to the modification of life.
 +
</p>
-
font:bold 34px Arial, Helvetica, sans-serif;
+
<p>
 +
According to the <a href="http://www.bulletins-electroniques.com/actualites/66814.htm">newsletter of the French Embassy to the United States</a>, the international scientific community recognizes the dangers of synthetic biology and it must identify them precisely. It has especially given to the competition iGEM an important educational role for the scientific community of tomorrow.
 +
</p>
-
/*
+
<p>
-
color:#323a3f;
+
However, synthetic biology is a science with an extraordinary potential. Technological advances it could bring are huge. The fields of application are vast, from agriculture to medicine through the environment and energy, synthetic biology offers new possibilities and new alternatives to current technologies. The iGEM competition directly contributes to advance research in all these fields by enabling student teams to contribute in <a href="http://ung.igem.org/Team_Tracks?year=2011">these categories</a>.
-
*/
+
</p>
-
color:#03436B;
+
<p>
-
+
"Open source" policy conveyed by iGEM allows the world to take advantage of advances in this field and thus to improve every year the level of competition and projects. And we can say that the objective is on track, because the number of teams participating in this competition is <a href="http://ung.igem.org/Previous_iGEM_Competitions">constantly increasing</a>.
-
padding:10px 5px;
+
</p>
-
margin:5px 2px 12px 0;
+
</div>
-
+
-->
-
background : none;
+
-
}
 
-
.body h2 {
+
<!--
 +
<div  class="blocbackground">
 +
 +
 +
<h2> A great human adventure </h2>
 +
</a>
 +
<div class="noindent">
 +
<p>
 +
iGEM competition includes about 160 teams (more or less 2000 students) over the world. There will be a first regional jamboree in different regions such as Europe, Asia, America,… and then a third of us will go to Boston for the last jamboree. This will be the first opportunities for most of students to meet people from so many universities at once ! We ‘ll be hosting at the same places, sharing breakfast and even partying together !... We ‘ll be able to discuss abouts many topics related to our fields, share ideas, and to see how others managed their work by watching their presentations.
 +
</p>
 +
</div>
 +
<p>
 +
iGEM competition is not just about doing scientific work in order to get a medal, but is also about doing all of what an engineer or researcher needs to do ! Each team needs to set up contacts and collaboration with other groups. Sharing bricks or helping others is a criteria for winning a gold medal! We also need to get funds in order to finance our work…. So we  must make a project that fits some challenge of our society ! As every one knows, new technologies rise up new ethical issues. This aspect has to be considered on every single project !
 +
</p>
-
font:bold 24px Arial, Helvetica, sans-serif;
 
-
color:#323a3f;
+
<p>
 +
Now that we have found an interesting  project and can be useful for the society, we are on the way for 4 month of intense work ! Our group is made of 12 people with very different education , that have to understand and synchronise each other. Since we are spread out in multiple places, we already meet once a week in order to coordinate or work. This need of an efficient communication within the team is an exiting part of the project !
 +
</p>
-
padding:10px 5px;
+
</div>
 +
-->
-
margin:5px 2px 12px 0;
+
</div>
-
 
+
-
}
+
-
 
+
-
.body h3 {
+
-
 
+
-
font:bold 24px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#323a3f;
+
-
 
+
-
padding:10px 5px;
+
-
 
+
-
margin:5px 0 10px 0;
+
-
 
+
-
}
+
-
 
+
-
.body h3 span.vert{
+
-
 
+
-
color:#2038D8;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
.body h2 span {
+
-
 
+
-
float:right;
+
-
 
+
-
color:#959595;
+
-
 
+
-
font:normal 12px Arial, Helvetica, sans-serif;
+
-
 
+
-
}
+
-
 
+
-
.body p {
+
-
 
+
-
font:normal 12px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#2C3152;
+
-
 
+
-
padding:5px;
+
-
 
+
-
margin:0;
+
-
 
+
-
line-height:1.8em;
+
-
text-indent: 30px;
+
</div>
-
 
+
-
}
+
-
 
+
-
 
+
-
.body img {
+
-
 
+
-
clear:both;
+
-
 
+
-
        margin:5px 10px 5px 10px;
+
-
 
+
-
padding:0;
+
-
 
+
-
+
-
-webkit-border-radius: 8px;
+
-
-moz-border-radius: 8px;
+
-
border-radius: 8px;
+
-
 
+
-
 
+
-
}
+
-
 
+
-
.body img.centerwide{
+
-
 
+
-
 
+
-
        width:90%;
+
-
 
+
-
height:auto;
+
-
 
+
-
-webkit-box-shadow: #666 0px 2px 3px;
+
-
-moz-box-shadow: #666 0px 2px 3px;
+
-
}
+
-
 
+
-
/*exemple: photo memnbre équipe, c'est un flottant, utiliser .clearboth en cas de besoin*/
+
-
 
+
-
.body img.icon {
+
-
 
+
-
 
+
-
float:left;
+
-
 
+
-
margin: 8px 5px 2px 0;
+
-
 
+
-
width:80px;
+
-
 
+
-
height:auto;
+
-
+
-
border: 1px solid #696;
+
-
+
-
-webkit-border-radius: 5px;
+
-
-moz-border-radius: 5px;
+
-
border-radius: 5px;
+
-
+
-
-webkit-box-shadow: #666 0px 2px 3px;
+
-
-moz-box-shadow: #666 0px 2px 3px;
+
-
 
+
-
}
+
-
/*
+
-
pour renbdre flottant une image qui n'est pas flottante si elle n'est pas un icon car .body img luiu met le clearboth du coup elle est plus flottante*/
+
-
 
+
-
.body img.floated {
+
-
 
+
-
float:right;
+
-
 
+
-
margin:5px 10px 5px 0;
+
-
 
+
-
padding:0;
+
-
 
+
-
width:auto;
+
-
 
+
-
height:auto;
+
-
 
+
-
}
+
-
 
+
-
.body a {
+
-
 
+
-
/*
+
-
color:#97c950;
+
-
*/
+
-
 
+
-
color:#5060C9;
+
-
 
+
-
text-decoration:underline;
+
-
 
+
-
}
+
-
 
+
-
.body a:hover {
+
-
 
+
-
color:#182AA3;
+
-
 
+
-
text-decoration:underline;
+
-
 
+
-
}
+
-
 
+
-
/*marge à vérif*/
+
-
 
+
-
.body h2.lien:hover{
+
-
 
+
-
background-color: #5769EA;
+
-
 
+
-
}
+
-
 
+
-
/*
+
-
limite taille de l'intérieur de la page pour pas dépasser sur le menu/colonne de droite*/
+
-
 
+
-
.left {
+
-
 
+
-
float:left;
+
-
 
+
-
width:65%;
+
-
 
+
-
margin:10px 0px 10px 25px;
+
-
 
+
-
padding: 0 25px;
+
-
 
+
-
background:url(images/l_bg.gif) top left no-repeat;
+
-
+
-
 
+
-
}
+
-
 
+
-
 
+
-
.left ul {
+
-
list-style: circle;
+
-
clear:both;
+
-
}
+
-
 
+
-
.left ul li dl {
+
-
 
+
-
font:normal 12px Arial, Helvetica, sans-serif;
+
-
+
-
color:#5F5F5F;
+
-
+
-
}
+
-
 
+
-
td /* Toutes les cellules des tableaux... */
+
-
{
+
-
  border: 1px solid black; /* ... auront une bordure de 1px */
+
-
}
+
-
 
+
-
/*
+
-
width: alloue une certaine portion de la pge, un cadre possiblement rempli (calculé à partir de la gauche probablement du au float lefgt) les marges réduise l'occupation dans ce cadre*/
+
-
 
+
-
.right {
+
-
 
+
-
 
+
-
 
+
-
float:right;
+
-
 
+
-
width:20%;
+
-
 
+
-
margin:10px 10px 0 0;
+
-
 
+
-
padding:0 25px;
+
-
 
+
-
+
-
 
+
-
}
+
-
 
+
-
.right ul {
+
-
 
+
-
list-style:none;
+
-
 
+
-
margin:5px 0;
+
-
 
+
-
padding:0;
+
-
 
+
-
}
+
-
 
+
-
.right li {
+
-
 
+
-
background:10px 10px no-repeat;
+
-
 
+
-
font:normal 14px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#464646;
+
-
 
+
-
padding:5px 0;
+
-
 
+
-
margin:3px 0;
+
-
 
+
-
}
+
-
 
+
-
.right li a {
+
-
 
+
-
padding:0 0 0 5px;
+
-
 
+
-
margin:0;
+
-
 
+
-
font:bold 17px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#5F5F5F;
+
-
 
+
-
text-decoration:none;
+
-
 
+
-
}
+
-
 
+
-
.right li a:hover {
+
-
 
+
-
color:#8F8F8F;
+
-
 
+
-
margin:5px;
+
-
 
+
-
/*background-color:#a2cd9a;*/
+
-
 
+
-
text-decoration:none;
+
-
}
+
</html>
 +
{{:Team:Grenoble/Design/pied}}

Latest revision as of 22:11, 28 October 2011

Grenoble 2011, Mercuro-Coli iGEM

Mercuro-Coli: A new way to quantify heavy metals.

Our project aims at constructing an easy to use, transportable sensor capable of quantifying the concentration of mercury, in an aqueous sample.

Our system is based on a comparison between an unknown mercury concentration and a known IPTG concentration. A linear IPTG gradient is present on a test-strip containing the engineered bacteria. When the mercury solution is added, the regulatory network will switch to one of two states depending on the IPTG/mercury ratio.

Bacteria become either “sender” or “receiver”. The bacteria sensing a predominance of mercury over IPTG, the “senders”, will release a quorum sensing molecule which is detected by the nearby “receivers”. The reception of quorum sensing molecules will induce the expression of a red dye in the “receivers”. In this way, a red line emerges at a position in the IPTG gradient from which the unknown mercury concentration can be deduced.

logo iGEM
iGEM 2011 Main Page


Contact Us:

Clic here !

Retrieved from "http://2011.igem.org/Team:Grenoble"