Team:Grenoble/Projet/Intro

From 2011.igem.org

(Difference between revisions)
 
(72 intermediate revisions not shown)
Line 1: Line 1:
-
/* I <3 Paris */
+
{{:Team:Grenoble/Templates/Current}}
-
#globalWrapper {/* le wiki */
+
-
    background-color: #ffffff;
+
-
    -bottom:0px;
+
-
}
+
-
#top-section{/* la barre titre (baniere igem+ menu haut)*/
+
<!--
-
    height: auto;
+
{{:Team:Grenoble/Templates/Team:Grenoble_Rawhide}}
-
    margin-top: 0 px;
+
-->
-
    margin-left: 0 px;
+
-
    margin-right: auto;
+
-
    margin-bottom: 0 ;
+
-
   
+
-
    border: none;
+
-
    display: display;
+
-
}
+
-
#p-logo{/*le conteneur de la banière igem avec un lien vers igem*/
+
<html>
-
    display:none;
+
-
    border:none;
+
-
    margin:none;
+
-
}
+
-
#menubar a{/*les lien de la barre de menu du haut */
 
-
    margin:5px 5px 0 0;
 
-
    text-decoration:none;
 
-
    color:#FFFFFF;
 
-
}
 
-
.legend{
+
<!--
 +
<img src="http://www.clickartists.org/clicksite/html/images/square.jpg"/>
-
font:normal 12px Arial, Helvetica, sans-serif;
+
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.
-
+
-
font-style:italic;
+
-
color:#0F174D;
+
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
-
+
-->
-
text-align: center;
+
-
}
 
-
body {
+
<div class="left">
-
 
+
-
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;
+
<div class="body">
-
 
+
-
}
+
-
 
+
-
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 .scriptina{
+
-
 
+
-
    font-family:vivaldi,scriptina, Helvetica,Arial,Verdana,sans-serif;
+
-
}
+
-
 
+
-
#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;
+
-
 
+
-
}
+
-
 
+
-
#dolphinnav ul li.sfhover ul li a.level2:hover{
+
-
   
+
-
color:#8F8F8F;
+
-
/*
+
-
font-size:18px;
+
-
*/
+
-
font-size:16px;
+
-
 
+
-
}
+
-
 
+
<div class="blocbackground">
-
#dolphinnav ul li ul{
+
-
    position: absolute;
+
<h1>The Project, Mercuro-Coli</h1>
-
    left: -999em;
+
-
}
+
<h2>Introduction</h2>
-
 
+
-
#dolphinnav ul li.sfhover a.level1{
+
<p>
-
    color:#5F5F5F;
+
With industrial growth, wastes are accumulating and the presence of pollutant and toxic compounds is becoming an international concern.
-
    padding:0 20px 0 20px;
+
</p>
-
    background: #EEF0FC;
+
<p>
-
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEF0FC), to(#F4F6FD));
+
In this context, we present Mercuro-Coli, an easy-to-use biosensor for the in situ detection and quantification of mercury into polluted water. Intended to fieldwork applications, the device should be very easy to handle:
-
background: -webkit-linear-gradient(#F4F6FD, #F4F6FD);
+
</p>
-
background: -moz-linear-gradient(#F4F6FD, #F4F6FD);
+
-
background: -ms-linear-gradient(#F4F6FD, #F4F6FD);
+
<center>
-
background: -o-linear-gradient(#F4F6FD, #F4F6FD);
+
<a href="https://static.igem.org/mediawiki/2011/5/58/Dispositif.png"><img src="https://static.igem.org/mediawiki/2011/5/58/Dispositif.png" width=600px/></a>
-
background: linear-gradient(#F4F6FD, #F4F6FD);
+
</center>
-
+
<div class="legend">
-
 
+
Easy to use in three steps!
-
/*
+
</div>
-
    border: 1px solid #696;
+
-
*/
+
<ul>
-
    border: 1px solid #525D9E;
+
<li>
-
    border-bottom: none;
+
Unpack the plate.
-
+
</li>
-
 
+
<li>
-
    -moz-box-shadow: -2px -2px 2px #888;
+
Deposit the polluted water sample.
-
    -webkit-box-shadow: -2px -2px 2px #888;
+
</li>
-
    box-shadow: -2px -2px 2px #888;
+
<li>
-
 
+
If mercury is present, a red stripe appear, its position indicates the amount of pollutant.
-
-webkit-border-radius: 5px 5px 0 0 ;
+
</li>
-
-moz-border-radius: 5px 5px 0 0 ;
+
</ul>
-
border-radius: 5px 5px 0 0 ;
+
-
 
+
</div>
-
    line-height:275%;
+
-
}
+
<div class="blocbackground">
-
 
+
-
 
+
<h2>Specifications</h2>
-
 
+
-
#dolphinnav ul li.sfhover ul{
+
<p>
-
 
+
At the beginning of the project, we defined a certain number of specifications for the device:
-
        left: 0;
+
</p>
-
        min-height: 0;
+
-
height: 23px;
+
<ul>
-
background: #F4F6FD;
+
<li>
-
color:#5F5F5F;
+
<strong>Use a single bacterial strain: <i>Escherichia coli</i> BW 25 113, containing the whole genetic network</strong>
-
margin: 43px 0 0 0 ;
+
</li>
-
overflow: hidden;
+
<li>
-
 
+
<strong>Form a biofilm on the plate with <i>E. coli</i> bacteria containing the designed genetic circuit.</strong><br/>
-
}
+
This point was revised according to <a href="https://2011.igem.org/Team:Grenoble/Projet/Results/Quorum#Simulation" title="Optimization of the device thanks to modelling">modeling results.</a> A device with channels containing bacteria instead of a biofilm has been chosen.  
-
 
+
</li>
-
 
+
</ul>
-
 
+
-
/* ---------------------- END Dolphin nav ---------------------- */
+
<center>
-
/*en cas d'emmerde avec image flottante*/
+
<a href="https://static.igem.org/mediawiki/2011/c/c5/1_type_bacteria.png"><img align="middle" src="https://static.igem.org/mediawiki/2011/c/c5/1_type_bacteria.png" width=600px/></a>
-
.clearboth {
+
</center>
-
clear:both;
+
<div class="legend">
-
}
+
Plate covered by the bacteria.
-
 
+
</div>
-
.body {
+
-
 
+
<ul>
-
margin:0;
+
<li><strong>Build a comparative measurement system:</strong></li>
-
 
+
</ul>
-
padding:0;
+
-
 
+
<table class="nobordure">
-
}
+
<tr>
-
 
+
<td><a href="https://static.igem.org/mediawiki/2011/0/07/Plaque_mer_iptg.png"><img src="https://static.igem.org/mediawiki/2011/0/07/Plaque_mer_iptg.png"  height="350px"></a></td>
-
 
+
<td>
-
.blocbackground {
+
<p>
-
 
+
The principle of the measurement is based on the comparison between an unknown mercury concentration and a known IPTG concentration. In practice, the quantification scale is made by the prior application of a concentration gradient of IPTG on the plate.
-
border: 1px solid #666D99;
+
</p>
-
+
</td>
-
+
</tr>
-
margin: 5px 0 20px 0;
+
</table>
-
padding: 0 0 20px 5px;
+
-
 
+
<p>
-
-webkit-box-shadow: #666666 0px 2px 3px;
+
Two different bacterial behaviors arise from the uniform addition of polluted sample on the plate. They depend on the predominant concentration:
-
-moz-box-shadow: #666666 0px 2px 3px;
+
</p>
-
+
-
-webkit-border-radius: 8px;
+
<table class="nobordure">
-
-moz-border-radius: 8px;
+
<tr>
-
border-radius: 8px;
+
<td>
-
+
<ul>
-
background: #EEF0FC;
+
<li>
-
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEF0FC), to(#FFFFFF));
+
On the left side, where the mercury concentration is prevailing, bacteria will behave as <strong>senders</strong>. They have the ability to release quorum sensing molecules (AHL) in the external medium, thanks to the expression of the CinI protein.
-
background: -webkit-linear-gradient(#EEF0FC, #FFFFFF);
+
</li>
-
background: -moz-linear-gradient(#EEF0FC, #FFFFFF);
+
<li>
-
background: -ms-linear-gradient(#EEF0FC, #FFFFFF);
+
On the right, where the IPTG concentration is dominant, bacteria will behave as <strong>receivers</strong>. They express CinR protein, a cytoplasmic receptor for quorum sensing.
-
background: -o-linear-gradient(#EEF0FC, #FFFFFF);
+
</li>
-
background: linear-gradient(#EEF0FC, #FFFFFF);
+
</ul>
-
 
+
</td>
-
}
+
<td>
-
 
+
<center>
-
/*
+
<a href="https://2011.igem.org/Team:Grenoble/Projet/Design/quorum" title="Click for more details on the relation between the two bahaviours and the quorum sensing"><img src="https://static.igem.org/mediawiki/2011/0/00/Receiving_secr_bacteria.png"  width="450px"></a>
-
.blocbackground img {
+
</center>
-
width="610"
+
</td>
-
 
+
</tr>
-
J'ai mesuré sur une capture d'écran une largeure de 626 pixels pour le blocbackground, donc on peut mettre un peu plus
+
<tr>
-
 
+
<td>
-
}
+
<p>
-
*/
+
In summary, two areas with distinctive bacterial behavior appear on the plate. They are separated by one boundary that approaches one side of the plate or the other, depending on the mercury level. For example, in the case of a sample with a low mercury concentration, the boundary will appear closer to the left side.
-
 
+
</p>
-
.body h1 {
+
</td>
-
 
+
<td>
-
font:bold 34px Arial, Helvetica, sans-serif;
+
<a href="https://static.igem.org/mediawiki/2011/d/d8/Border_movement.png"><img src="https://static.igem.org/mediawiki/2011/d/d8/Border_movement.png" width="450px"></a>
-
 
+
</td>
-
color:#060D58;
+
</tr>
-
+
</table>
-
padding:10px 5px;
+
-
 
+
<p>
-
margin:5px 2px 12px 0;
+
The key point is therefore the localization of the boundary, which we need to visualize
-
+
</p>
-
background : none;
+
-
 
+
<ul>
-
}
+
<li><strong>A visual result:</strong></li>
-
 
+
</ul>
-
.body h2 {
+
-
 
+
<center>
-
font:bold 24px Arial, Helvetica, sans-serif;
+
<table class="nobordure">
-
 
+
<tr>
-
color:#323a3f;
+
<td>
-
 
+
<a href="https://2011.igem.org/Team:Grenoble/Projet/Design/quorum#coloration" title="click for more details on the appearance of the red stripe"><img src="https://static.igem.org/mediawiki/2011/0/02/Coloration.png"  width="400px"></a>
-
padding:10px 5px;
+
</td>
-
 
+
<td>
-
margin:5px 2px 12px 0;
+
<a href="https://2011.igem.org/Team:Grenoble/Projet/Design/quorum#coloration" title="click for more details on the appearance of the red stripe"><img src="https://static.igem.org/mediawiki/2011/c/c2/Complex.png"  width="340px"></a>
-
 
+
</td>
-
}
+
</tr>
-
 
+
</table>
-
.body h2 span {
+
</center>
-
 
+
-
float:right;
+
<p>
-
 
+
At the boundary,Quorum Sensing molecule, AHL, released by sending bacteria will be uptaken by the front of receiving bacteria. The complex formed by AHL molecules and CinR proteins will then induce the coloration of the front receiving bacteria.
-
color:#959595;
+
</p>
-
 
+
-
font:normal 12px Arial, Helvetica, sans-serif;
+
<center>
-
 
+
<a href="https://2011.igem.org/Team:Grenoble/Projet/Design" title="Click here"><img src="https://static.igem.org/mediawiki/2011/1/1b/Bouton_general_biologie.png"/></a>
-
}
+
<div class="legend">
-
 
+
Let's go further to understand how such evolution of this system is possible with only one strain ?
-
.body h3 {
+
</div>
-
 
+
</center>
-
font:bold 24px Arial, Helvetica, sans-serif;
+
</div>
-
 
+
-
color:#323a3f;
+
</div>
-
 
+
-
padding:10px 5px;
+
</div>
-
 
+
-
margin:5px 0 10px 0;
+
-
 
+
-
}
+
-
 
+
-
.body h3 span.vert{
+
-
 
+
-
color:#2038D8;
+
-
+
-
text-decoration:none;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
.body p{
+
-
 
+
-
font:normal 13px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#0F174D;
+
-
 
+
-
padding:5px 15px;
+
-
 
+
-
margin:0px 5px;
+
-
 
+
-
line-height:1.8em;
+
-
+
-
text-indent: 30px;
+
-
+
-
text-align: justify;
+
-
+
-
}
+
-
 
+
-
.noindent p{
+
-
 
+
-
text-indent: 0px;
+
-
}
+
-
 
+
-
.body img.centerwidenoshadow {
+
-
 
+
-
        width:90%;
+
-
 
+
-
height:auto;
+
-
 
+
-
        /*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-border-radius: 8px;
+
-
-moz-border-radius: 8px;
+
-
border-radius: 8px;
+
-
 
+
-
-webkit-box-shadow: #666666 0px 2px 3px;
+
-
-moz-box-shadow: #666666 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 #666D99;
+
-
+
-
-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:left;
+
-
 
+
-
margin:5px 10px 5px 0;
+
-
 
+
-
padding:0;
+
-
 
+
-
width:auto;
+
-
 
+
-
height:auto;
+
-
 
+
-
}
+
-
 
+
-
.body a {
+
-
 
+
-
color:#5060C9;
+
-
 
+
-
text-decoration:underline;
+
-
 
+
-
}
+
-
 
+
-
.body a.menu {
+
-
 
+
-
font:bold Arial, Helvetica, sans-serif;
+
-
+
-
margin-left:10px;
+
-
 
+
-
color:#060D58;
+
-
+
-
text-decoration:none;
+
-
+
-
}
+
-
 
+
-
.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;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
.left ul {
+
-
/*
+
-
list-style-image: url("https://static.igem.org/mediawiki/2011/0/08/Igem_logo.png");
+
-
*/
+
-
 
+
-
list-style-image: url("https://static.igem.org/mediawiki/2011/5/5f/Puce.png");
+
-
 
+
-
padding:0px 0px 0px 5px;
+
-
+
-
margin: 0px 0px 0px 10px;
+
-
 
+
-
clear:both;
+
-
}
+
-
 
+
-
.left ul ul{
+
-
list-style: circle;
+
-
 
+
-
clear:both;
+
-
}
+
-
 
+
-
.left ul, .left li, .left dl, .left ol {
+
-
font:normal 13px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#0F174D;
+
-
 
+
-
padding:3px;
+
-
 
+
-
line-height:1.8em;
+
-
}
+
-
 
+
-
table {
+
-
border: none;
+
-
+
-
border-collapse: collapse;
+
-
+
-
width: 615px;
+
-
+
-
font:normal 13px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#0F174D;
+
-
 
+
-
padding:3px;
+
-
 
+
-
line-height:1.8em;
+
-
 
+
-
}
+
-
 
+
-
th {
+
-
font-family: monospace;
+
-
+
-
border: thin solid #6495ed;
+
-
+
-
padding: 5px;
+
-
+
-
background-color: #D0E3FA;
+
-
 
+
-
}
+
-
 
+
-
td {
+
-
border: thin solid #6495ed;
+
-
+
-
padding: 5px;
+
-
+
-
text-align: center;
+
-
+
-
background-color: #ffffff;
+
-
 
+
-
}
+
-
 
+
-
table.nobordure td, table.nobordure th, table.nobordure
+
-
{
+
-
  border: none;
+
-
/*
+
-
  background-color: none;
+
-
*/
+
-
  background: none;
+
-
}
+
-
 
+
-
/*
+
-
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;
+
-
+
-
position:relative;
+
-
+
-
/*
+
-
right:0;
+
-
*/
+
-
+
-
z-index:2;
+
-
 
+
-
}
+
-
 
+
-
.right ul {
+
-
 
+
-
list-style:none;
+
-
 
+
-
margin:5px 0;
+
-
 
+
-
padding:5px 0px 5px 0px;
+
-
+
-
+
-
 
+
-
}
+
-
 
+
-
.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:#464646;
+
-
 
+
-
text-decoration:none;
+
-
 
+
-
}
+
-
 
+
-
.right li a:hover {
+
-
 
+
-
color:#001CD5;
+
-
 
+
-
}
+
-
 
+
-
.right ul ol li a{
+
-
 
+
-
padding:0 0 0 3px;
+
-
 
+
-
margin:0;
+
-
 
+
-
font: normal 13px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#38427D;
+
-
 
+
-
}
+
-
 
+
-
.right ul ol ol li a{
+
-
 
+
-
padding:0 0 0 3px;
+
-
 
+
-
margin:0;
+
-
 
+
-
font: normal 11px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#2A3996;
+
-
 
+
-
}
+
-
 
+
-
h3 .monthbook a{
+
-
+
-
text-decoration: none;
+
-
+
-
font:bold 24px Arial, Helvetica, sans-serif;
+
-
 
+
-
color:#0B1971;
+
-
}
+
-
h3 .monthbook a:hover{
+
-
 
+
-
color:#001CD5;
+
-
 
+
-
}
+
-
/*
+
-
Cadre du bas :
+
-
*/
+
-
 
+
-
.bottom {
+
-
+
-
position:relative;
+
-
+
-
bottom:0;
+
-
 
+
-
z-index:1;
+
-
 
+
-
text-align:center;
+
-
 
+
-
float:center;
+
-
 
+
-
width:98%;
+
-
height:5%;
+
<script>
 +
document.getElementById('submenu').innerHTML = '<h3><span class="vert">Le Projet:</span> Bio</h3><ul><li><a href="https://2011.igem.org/Team:Grenoble/Projet/Intro">Introduction</a></li><li><a href="https://2011.igem.org/Team:Grenoble/Projet/Device">The device</a></li><li><a href="https://2011.igem.org/Team:Grenoble/Projet/Design">The genetic circuit:</a></li><ol><li><a href="https://2011.igem.org/Team:Grenoble/Projet/Design/toggle">The toggle switch</a></li><li><a href="https://2011.igem.org/Team:Grenoble/Projet/Design/quorum">The quorum sensing</a></li><li><a href="https://2011.igem.org/Team:Grenoble/Projet/Design/quorum#color">The coloration</a></li><li><a href="https://2011.igem.org/Team:Grenoble/Projet/regulation">Post-transcriptional regulation</a></li></ol><li><a href="https://2011.igem.org/Team:Grenoble/Projet/Modelling">Modelling</a></li><li><a href="https://2011.igem.org/Team:Grenoble/Projet/Results">Results</a></li><li><a href="https://2011.igem.org/Team:Grenoble/Projet/Biobricks">Biobricks</a></li></ul>'
 +
</script>
-
margin:0px 15px 0 0px;
 
-
padding:0 5px;
+
</html>
-
}
+
{{:Team:Grenoble/Design/pied}}

Latest revision as of 23:03, 28 October 2011

Grenoble 2011, Mercuro-Coli iGEM


The Project, Mercuro-Coli

Introduction

With industrial growth, wastes are accumulating and the presence of pollutant and toxic compounds is becoming an international concern.

In this context, we present Mercuro-Coli, an easy-to-use biosensor for the in situ detection and quantification of mercury into polluted water. Intended to fieldwork applications, the device should be very easy to handle:

Easy to use in three steps!
  • Unpack the plate.
  • Deposit the polluted water sample.
  • If mercury is present, a red stripe appear, its position indicates the amount of pollutant.

Specifications

At the beginning of the project, we defined a certain number of specifications for the device:

  • Use a single bacterial strain: Escherichia coli BW 25 113, containing the whole genetic network
  • Form a biofilm on the plate with E. coli bacteria containing the designed genetic circuit.
    This point was revised according to modeling results. A device with channels containing bacteria instead of a biofilm has been chosen.
Plate covered by the bacteria.
  • Build a comparative measurement system:

The principle of the measurement is based on the comparison between an unknown mercury concentration and a known IPTG concentration. In practice, the quantification scale is made by the prior application of a concentration gradient of IPTG on the plate.

Two different bacterial behaviors arise from the uniform addition of polluted sample on the plate. They depend on the predominant concentration:

  • On the left side, where the mercury concentration is prevailing, bacteria will behave as senders. They have the ability to release quorum sensing molecules (AHL) in the external medium, thanks to the expression of the CinI protein.
  • On the right, where the IPTG concentration is dominant, bacteria will behave as receivers. They express CinR protein, a cytoplasmic receptor for quorum sensing.

In summary, two areas with distinctive bacterial behavior appear on the plate. They are separated by one boundary that approaches one side of the plate or the other, depending on the mercury level. For example, in the case of a sample with a low mercury concentration, the boundary will appear closer to the left side.

The key point is therefore the localization of the boundary, which we need to visualize

  • A visual result:

At the boundary,Quorum Sensing molecule, AHL, released by sending bacteria will be uptaken by the front of receiving bacteria. The complex formed by AHL molecules and CinR proteins will then induce the coloration of the front receiving bacteria.

Let's go further to understand how such evolution of this system is possible with only one strain ?