Difference between revisions of "Team:Toulouse/project/attract"

 
(165 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{Template:Toulouse/fontsome}}
+
{{Toulouse}}
{{Template:Toulouse/framework}}
+
 
<html>
 
<html>
<p></p>
+
<head>
<style>
+
<meta charset="utf-8">
@charset "utf-8";
+
<title>iGEM Toulouse 2015</title>
#mainav li li a, #mainav li li .drop
+
<link rel="icon" href="https://static.igem.org/mediawiki/2015/2/2e/TLSE_ApiColi.png" type="image/png" style="width:10%;"/>
address, article, aside, figcaption, figure, footer, header, main, nav, section{display:block; margin:0; padding:0;}
+
  
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo{
+
</head>
    display:none;}
+
<body id="top">
#top-section {
+
<!-- ################################################################################################ -->
    border: none;
+
<!-- ################################################################################################ -->
    height: 0px;}
+
<!-- ################################################################################################ -->
#content {
+
    border: none;
+
    padding: 0px 0px 0px 0px;#mainav
+
}
+
#globalWrapper {
+
    font-size: 78%;
+
}
+
  
#content {
+
<script>
    width:100%;
+
}
+
 
+
h1, h2, h3, h4, h5, h6 { border-bottom: 0px transparent;
+
 
+
margin-bottom: none;
+
}
+
 
+
@charset "utf-8";
+
 
/*
 
/*
Template Name: Fertile
+
URL OF THE PAGE
Author: <a href="http://www.os-templates.com/">OS Templates</a>
+
Author URI: http://www.os-templates.com/
+
Licence: Free to use under our free template licence terms
+
Licence URI: http://www.os-templates.com/template-terms
+
File: Layout CSS
+
 
*/
 
*/
 +
var myurl = "https://2015.igem.org/Team:Toulouse/project/attract";
 +
var elementId = "project";
 +
</script>
  
@import url("fontawesome-4.2.0.min.css");
+
</html>{{Toulouse/nav}}<html>
@import url("framework.css");
+
 
+
 
+
/* Rows
+
---------------------------------------------------------------------------------------------------------------*/
+
.row0{border-bottom:1px solid; margin-top:5px;}
+
.row1, .row1 a{}
+
.row2, .row2 a{}
+
.row3, .row3 a{margin-right:10px;margin-left:10px;}
+
.row4, .row4 a{}
+
.row5, .row5 a{}
+
.row6{border-top:1px solid;}
+
 
+
 
+
/* Header
+
---------------------------------------------------------------------------------------------------------------*/
+
#header{text-transform:uppercase; font-size:13px;}
+
#header *{margin:0;}
+
#header #logo{margin-top:-20px; margin-left:-10px; margin-top:15px;}
+
#header #logo h1{    text-transform:capitalize; font-variant:small-caps;}
+
#header #logo h1::first-letter{}
+
 
+
 
+
/* Shout - Call To Action
+
---------------------------------------------------------------------------------------------------------------*/
+
.shout{padding:650px 0 0 0; text-transform:uppercase;}
+
.shout.inner{padding-top:200px;}
+
.shout p{margin:0; padding:0;}
+
.shout p:first-of-type{margin-top:15px; text-transform:none;}
+
.shout .shout-content{padding:15px 30px; border-radius:50px 50px 5px 5px; font-size:1.2rem;}
+
 
+
 
+
/* Page Header
+
--------------------------------------------------------------------------------------------------------------- */
+
#pageintro{padding:180px 0 0 0;}
+
#pageintro .title{margin:0 0 50px 0;}
+
#pageintro .title :first-of-type{font-size:32px;}
+
 
+
 
+
/* Latest
+
---------------------------------------------------------------------------------------------------------------*/
+
.latest{display:block; width:100%; min-width:978px; max-width:2000px; margin:0 auto;}
+
.latest *{margin:0; padding:0;}
+
.latest ul, .latest ul li{border:solid; margin-bottom:15px;}
+
.latest ul{border:solid; border-width:1px 0;}
+
.latest ul li{display:block; float:left; width:20%; border-width:0 0 0 1px; box-sizing:border-box;}
+
.latest ul li:first-child{border-left:none;}
+
.latest ul li:first-child, .latest ul li:nth-child(5n+1){clear:left;}
+
.latest ul li *{width:100%; box-sizing:border-box;}
+
 
+
 
+
/* Clients
+
---------------------------------------------------------------------------------------------------------------*/
+
.clients{padding:30px 0;}
+
.clients *{margin:0; padding:0;}
+
.clients ul li{display:block; float:left; width:20%; padding:0 15px; box-sizing:border-box;}
+
.clients ul li:first-child, .clients ul li:nth-child(5n+1){clear:left;}
+
.clients ul li *{width:100%; opacity:.5;}
+
.clients ul li *:hover{opacity:1;}
+
 
+
 
+
/* Content Area
+
---------------------------------------------------------------------------------------------------------------*/
+
.container{padding:80px 0;}
+
 
+
/* Content */
+
.container #content{}
+
 
+
.boxedicon{display:inline-block; width:70px; height:70px; line-height:70px; margin-bottom:50px; text-align:center;}
+
.boxedicon a{display:block; width:100%; height:100%; border:2px solid;}
+
.boxedicon a i{line-height:inherit;}
+
 
+
.testimonial em{display:block; margin:0; padding:0; font-style:normal; font-size:.8rem;}
+
 
+
/* Comments */
+
#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}
+
#comments li{margin:0 0 10px 0; padding:15px;}
+
#comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}
+
#comments address{font-weight:bold;}
+
#comments time{font-size:smaller;}
+
#comments .comcont{display:block; margin:0; padding:0;}
+
#comments .comcont p{margin:10px 5px 10px 0; padding:0;}
+
 
+
/* Sidebar */
+
.container .sidebar{}
+
 
+
.sidebar .sdb_holder{margin-bottom:50px;}
+
.sidebar .sdb_holder:last-child{margin-bottom:0;}
+
 
+
 
+
/* Footer
+
---------------------------------------------------------------------------------------------------------------*/
+
#footer{padding:0 0 80px 0; color:white;}
+
 
+
#footer .shout{margin:0 0 80px 0; padding:0;}
+
#footer .shout .shout-content{border-radius:0 0 50px 50px;}
+
 
+
#footer .title{margin:0 0 30px 0; padding:0 0 8px 0; border-bottom:1px solid; font-size:16px; text-transform:uppercase;}
+
 
+
#footer .linklist li {margin-bottom:10px;}
+
#footer .linklist li:last-child{margin-bottom:0;}
+
#footer .linklist li a{color:white;font-size: 12px}
+
 
+
#footer .smallfont{font-size:.8em; margin:0;}
+
 
+
#footer input, #footer button{border:none; border-radius:5px;}
+
#footer input{display:block; width:100%; padding:8px;}
+
#footer button{padding:6px 12px; font-weight:bold; text-transform:uppercase; cursor:pointer;}
+
 
+
 
+
 
+
/* Copyright
+
---------------------------------------------------------------------------------------------------------------*/
+
#copyright{padding:30px 0;}
+
#copyright p{margin:0; padding:0;}
+
 
+
 
+
/* Back to Top
+
---------------------------------------------------------------------------------------------------------------*/
+
 
+
 
+
/* Transition Fade
+
--------------------------------------------------------------------------------------------------------------- */
+
.row0, .faico a, #mainav *, .shout-content, .overlay ::before, .overlay ::after, .boxedicon a, .clients ul li *, }
+
 
+
 
+
/*-------------------------------------------------------------------------------------------------------------*/
+
/*-------------------------------------------------------------------------------------------------------------*/
+
/*-------------------------------------------------------------------------------------------------------------*/
+
/*-------------------------------------------------------------------------------------------------------------*/
+
/*-------------------------------------------------------------------------------------------------------------*/
+
 
+
 
+
/* Navigation
+
---------------------------------------------------------------------------------------------------------------*/
+
nav ul, nav ol{margin:0; padding:0; list-style:none;}
+
 
+
#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:50px; line-height:10px;}
+
 
+
/* Top Navigation */
+
#mainav{margin-bottom:-1px; margin-left:-25px;}
+
#mainav ul{text-transform:uppercase;}
+
#mainav ul ul{z-index:9999; position:absolute; width:160px; text-align:left; text-transform:none;}
+
#mainav ul ul ul{left:150px; top:0;}
+
#mainav li{display:inline-block; position:relative; margin:0 10px 0 0; padding:0;}
+
#mainav li:last-child{margin-right:0;}
+
#mainav li li{width:100%; margin:0;}
+
#mainav li a{display:block; padding:25px 10px;}
+
#mainav li li a{border:solid; border-width:0 0 1px 0;}
+
#mainav .drop{padding-left:15px; margin-top:20px;}
+
#mainav li li a, #mainav li li .drop{display:block; margin:0px; padding:10px 15px;}
+
#mainav .drop::after, #mainav li li .drop::after{content:"";}
+
#mainav .drop::after{top:30px; left:5px;}
+
#mainav li li .drop::after{top:15px; left:5px;}
+
#mainav ul ul{visibility:hidden; opacity:0;}
+
#mainav ul li:hover > ul{visibility:visible; opacity:1;}
+
 
+
/* Breadcrumb */
+
#breadcrumb{display:block; padding:15px 20px; border-radius:5px 5px 0 0; text-transform:uppercase;}
+
#breadcrumb ul{margin:0; padding:0; list-style:none;}
+
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
+
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
+
#breadcrumb li a::after{top:5px; right:0; content:"";}
+
#breadcrumb li:last-child a{margin:0; padding:0;}
+
#breadcrumb li:last-child a::after{display:none;}
+
 
+
/* Sidebar Navigation */
+
.sidebar nav{display:block; width:100%;}
+
.sidebar nav li{margin:0 0 3px 0; padding:0;}
+
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
+
.sidebar nav a::after{top:9px; left:5px; content:"";}
+
.sidebar nav ul ul a{padding-left:35px;}
+
.sidebar nav ul ul a::after{left:25px;}
+
.sidebar nav ul ul ul a{padding-left:55px;}
+
.sidebar nav ul ul ul a::after{left:45px;}
+
 
+
/* Pagination */
+
.pagination{display:block; width:100%; text-align:center; clear:both;}
+
.pagination li{display:inline-block; margin:0 3px 0 0;}
+
.pagination li:last-child{margin-right:0;}
+
.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; font-weight:normal;}
+
 
+
 
+
/* Forms
+
---------------------------------------------------------------------------------------------------------------*/
+
form, fieldset, legend{margin:0; padding:0; border:none;}
+
legend{display:none;}
+
label, input, textarea, select{display:block; resize:none; font-size:inherit; box-sizing:border-box;}
+
label{margin-bottom:5px;}
+
 
+
/* Comment Area */
+
#comments form{display:block; width:100%;}
+
#comments input, #comments textarea{width:100%; padding:10px; border:1px solid;}
+
#comments textarea{overflow:auto;}
+
#comments div{margin-bottom:15px;}
+
#comments input[type="submit"], #comments input[type="reset"]{display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer;}
+
 
+
 
+
/* Tables
+
---------------------------------------------------------------------------------------------------------------*/
+
table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top; box-sizing:border-box;}
+
table, th{table-layout:auto;}
+
table{width:100%; margin-bottom:15px;}
+
th, td{padding:5px 8px;}
+
td{border-width:0 1px;}
+
 
+
 
+
/* Gallery
+
---------------------------------------------------------------------------------------------------------------*/
+
#gallery{display:block; width:100%; margin-bottom:50px;}
+
#gallery figure figcaption{display:block; width:100%; clear:both;}
+
#gallery li{margin-bottom:30px;}
+
 
+
.overlay ul li a{display:block; position:relative;}
+
.overlay ul li a::before{display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:"";}
+
.overlay ul li a::after{display:block; position:absolute; top:50%; left:50%; width:40px; height:40px; line-height:40px; margin:-18px 0 0 -18px; padding:0; border-radius:50%; font-family:"FontAwesome"; content:""; font-size:18px; text-align:center;}
+
.overlay ul li a::before, .overlay ul li a::after{opacity:0;}
+
.overlay ul li a:hover::before, .overlay ul li a:hover::after{opacity:1;}
+
 
+
 
+
/* Font Awesome Social Icons
+
---------------------------------------------------------------------------------------------------------------*/
+
.faico{margin:40px; padding:0; list-style:none;}
+
.faico li{display:inline-block; margin:0 2px 0 0; padding:0; line-height:normal;}
+
.faico li:last-child{margin-right:0;}
+
.faico a{display:inline-block; width:30px; height:30px; line-height:30px; border-radius:5px; font-size:16px; text-align:center;}
+
 
+
.faico a{color:inherit; }
+
.faico a:hover{color:#FFFFFF;}
+
  
.faicon-facebook:hover{background-color:#3B5998;}
+
<!-- ################################################################################################ -->
.faicon-google-plus:hover{background-color:#DB4A39;}
+
<!-- ################################################################################################ -->
.faicon-instagram:hover{background-color:#3F729B;}
+
<!-- ################################################################################################ -->
.faicon-linkedin:hover{background-color:#0E76A8;}
+
<div class="wrapper row0 bgded" style="background-image:url('https://static.igem.org/mediawiki/2015/0/03/TLSE_bakcground.png')">
.faicon-tumblr:hover{background-color:#34526F;}
+
  <div class="shout">
.faicon-twitter:hover{background-color:#00ACEE;}
+
    <!-- ################################################################################################ -->
 +
    <div class="shout-content clear">
 +
      <div class="title">
 +
    <center> <h3>Attract</h3> </center>
 +
    </div>
 +
  <center><img src=" https://static.igem.org/mediawiki/2015/5/57/TLSE_Attract_BG.png"></center>
 +
 
 +
</div>
 +
    <!-- ################################################################################################ -->
 +
  </div>
 +
</div>
 +
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
  
 +
<div class="wrapper row3">
  
/*-------------------------------------------------------------------------------------------------------------*/
+
<br>
/*-------------------------------------------------------------------------------------------------------------*/
+
  <main class="container clear">
/*-------------------------------------------------------------------------------------------------------------*/
+
   
/*-------------------------------------------------------------------------------------------------------------*/
+
    <!-- container body -->
/*-------------------------------------------------------------------------------------------------------------*/
+
    <!-- ################################################################################################ -->
 +
 
 +
  <div class="title">
 +
      <h3>Content</h3>
 +
    </div>
 +
<center>
 +
    <div id="breadcrumb" class="clear" style="float: center;" >
 +
  <ul>
 +
        <li><a href="#part1">How to Attract</a></li>
 +
        <li><a href="#part2">Butyrate attraction test</a></li>
 +
        <li><a href="#part3">How to produce butyrate with <i>E.Coli</i></a></li>
 +
      </ul>
 +
    </div>
 +
 +
<hr style="width:66%;height:1px;border:none;color:rgba(29, 5, 79, 1);background-color:rgba(29, 5, 79, 1);">
 +
</center>
 +
  <!--   ################################################################################################ -->
 +
 
  
 +
    <!-- FIRST PARAGRAPH -->
 +
<center><div class="subtitle" >  
 +
<h3>About varroasis</h3>
 +
</div></center>
  
/* Colours
+
    <div class="group center"> <!-- FIRST PARAGRAPH -->
---------------------------------------------------------------------------------------------------------------*/
+
        <p align="justify" style="font-size:15px;">
body{color:black; background-color:rgb(237, 237, 237);}
+
Varroasis occurs with the varroa entrance in the hive, carried by
 +
infected bees:
 +
the mite can begin its parasitism and attack the brood. When the queen
 +
gives birth
 +
to new larvaes in honeycombs, the fertilized adult female varroa mite
 +
will come into
 +
it before capping, and lay her eggs. The larvaes will develop,
 +
increasing the overall
 +
infection that affects bee population [1]. To tackle this issue,
 +
it is necessary to attract
 +
varroa carried by honeybees before they come into the hive.
 +
</p>
 +
      </div>
 +
 
 +
 
 +
 
 +
  <div class="group center">
 +
<br>
 +
  <img src="https://static.igem.org/mediawiki/2015/0/04/TLSE_Attract_fig1.png" />
 +
</div>
 +
<div id="part1"></div><!-- ANCHOR 1 -->
 +
<div class="group center">
 +
<br>
 +
<p>Figure 1 : <i>Varroa destructor</i> life cycle,  
 +
adapted from B. Alexander</p>
 +
</div>
 +
 
 +
<div>
 +
 
 +
<div class="subtitle" >  
 +
<h3>How to attract varroa</h3>
 +
</div>
  
hr, .borderedbox{border-color:#EDEDED;}
+
label span{color:#FF0000; background-color:inherit;}
+
<div class="group center">
.btn{color:#FFFFFF;}
+
<p align="justify" style="font-size:15px;">
.font_xxl:after{color:inherit; background-color:rgba(9, 181, 31, 0.32);}
+
  
 +
Just before capping, bee larvaes produce a wide range of molecules,
 +
those molecules warn the mite about the upcoming capping and motivate
 +
it to enter the cell [2]. 
 +
Of all these molecule, scientific studies have shown that one can
 +
significantly attract varroa:
 +
<i>butyrate</i> [3].
 +
</p>
 +
</div>
  
/* Rows */
 
/* Structure des rows, le row0 est la barre de nav */
 
.row0{color:#101132; background-color:rgba(251, 255, 245, 1); border-color:#C5E35D; border-width:3px;}
 
.row0:hover{background-color:rgba(251, 255, 245, 1);}
 
.row1, .row1 a{color:#FFFFFF; background-color:#000000;}
 
.row2, .row2 a{color:#FFFFFF; background-color:#000000;}
 
.row3{color:#888888; background-color:white;}
 
.row4, .row4 a{color:#B4B4B4; background-color:#EDEDED;}
 
.row5{color:white; background-color:#817E8B;}
 
.row6, .row6 a{color:#B4B4B4; background-color:#817E8B;}
 
.row6{border-color:#3C3C3C;}
 
  
  
/* Header */
+
<div class="group center">
#header #logo h1 a{color:inherit;}
+
      <div class="one_half first">
 +
  <p align="justify" style="font-size:15px;">
 +
  <br>
 +
      Butyrate is a volatile acid which is non-toxic for honeybees
 +
  nor the human being, because it is already present at physiologic
 +
  concentrations in the digestive tract. Moreover this molecule
 +
  is naturally
 +
  produced by some bacterial strains like <i>Clostridium</i>,
 +
  which is an asset
 +
  for this synthetic biology project [4].</p><div id="part2"></div> <!-- ANCHOR 2 --><p align="justify" style="font-size:15px;"> Therefore we decided to
 +
  modify Apicoli
 +
  so it will synthesize
 +
  butyrate in order to attract varroa.
 +
</p>  
 +
      </div>
  
 +
      <div class="one_half">
 +
     
 +
<img src="https://static.igem.org/mediawiki/2015/e/e6/TLSE_Attract_fig2.png">
 +
<p>Figure 2: Results of butyrate attraction
 +
test with quadrants method
 +
</p>
 +
 +
          </div>
 +
  </div>
  
/* Shout */
+
<div class="subtitle" >  
.shout .shout-content{color:inherit; background-color:rgba(251, 255, 245, 0.53);}
+
<h3>Butyrate attraction test</h3>
.shout .shout-content:hover{background-color:rgba(247, 244, 255, 0.48);}
+
</div>
  
 +
 +
    <div class="group center"> <!-- FIRST PARAGRAPH -->
 +
     
 +
  <div class="one_half first">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2015/b/b8/TLSE_Attract_fig3.png">
 +
<p>Figure 3: Butyrate attraction test using
 +
T tube, with varroa mite in the middle
  
/* Latest Work */
+
</p>
.latest ul, .latest ul li{border-color:#EDEDED;}
+
  </div>
 +
 
 +
  <div class="one_half">
 +
  <p align="justify" style="font-size:15px;">
 +
To check adequacy and relevance of this study (Figure 2),
 +
an experiment using a T-tube has been developed (Figure 3).  
 +
In the first branch, there is a cotton soaked with 50 µL of water,
 +
in the second a cotton with  50 µL of butyrate at 4%, and finally the
 +
last one contains the varroa.</p> <div id="part3"> <!-- ANCHOR 3 --> </div> <p align="justify" style="font-size:15px;">The butyrate being very volatile, our
 +
system
 +
used a pump to renew air, producing a concentration gradient.
 +
</p>
 +
      </div>
 +
 
 +
</div>
  
 +
<div class="subtitle" >  
 +
<h3>How to produce butyrate with <i>E.coli</i>?</h3>
 +
</div>
  
/* Content */
+
<div class="group center">
.boxedicon a{color:#56AED4; }
+
     
.boxedicon a:hover{color:#FFFFFF;}
+
  <p align="justify" style="font-size:15px;">
 +
    In this project, an <i>Escherichia coli</i> strain is used for its known
 +
simplicity of genetic manipulation and its adequacy with butyrate
 +
synthesis. Indeed, among the five enzymes of the butyrate pathway,
 +
two enzymes are naturally produced by the bacteria. The following
 +
engineered butyrate pathway has been designed:
 +
</p>   <br>
 +
      </div>
  
 +
 
 +
  <div class="group center"> <!-- CENTERED FIGURE -->
 +
  <img src="https://static.igem.org/mediawiki/2015/0/02/TLSE_Attract_fig4.png" />
 +
</div>
 +
  <div class="group center">
 +
<figcaption>Figure 4: Engineered butyrate pathway</figcaption>
 +
 
 +
</div>
 +
 
 +
<div class="group center">
 +
     
 +
  <p align="justify" style="font-size:15px;">
 +
  <br>
 +
    The initial substrate is glucose which is decomposed into
 +
acetyl-CoA during glycolysis. Finally, butyrate pathway
 +
begin with acetyl-CoA: five genes are required with two
 +
homologous and three heterologous genes.
 +
</p>  
  
/* Footer */
+
</div>
/* Couleur de la barre du footer */
+
<br>
#footer .shout .shout-content, #footer .shout .shout-content:hover{color:rgba(8, 44, 47, 0.82); background-color:#EDEDED; border-bottom: 7px solid rgba(46, 29, 89, 0.88);}
+
#footer .title{color:#FFFFFF; border-color:#3C3C3C;} /* Couleur des textes */
+
#footer input{color:#FFFFFF; background-color:#3C3C3C;}
+
#footer button{color:#FFFFFF;}
+
e-block;}
+
  
/*Back to Top*/
 
  
 +
<div style="font-size:15px;">
 +
<ul>
 +
  <li><b><i>atoB</i></b> present in <i>E.coli</i>, coding for acetyl-CoA
 +
  acetyltransferase, an acetyltransferase catalyzing the combination
 +
  of two acetyl-CoA.
 +
<br>
 +
<div class="group center">
 +
<br>
 +
  <img src="https://static.igem.org/mediawiki/2015/c/c5/TLSE_Attract_fig5.png" />
 +
</div>
 +
  <div class="group center">
 +
<br>
 +
<p class="legend">Figure 5: Reaction catalyzed by acetyl-CoA
 +
acetyltransferase </p>
 +
</div>
 +
 
 +
  </li>
 +
 
 +
  <li><b><i>hbd</i></b> present in <i>Clostridium acetobutylicum</i> coding for
 +
  3-hydroxybutyryl-CoA dehydrogenase, an oxidoreductase catalyzing
 +
  the formation of an alcohol function.
 +
  <br>
 +
    <div class="group center">
 +
<br>
 +
  <img src="https://static.igem.org/mediawiki/2015/d/d6/TLSE_Attract_fig6.png" />
 +
</div>
 +
  <div class="group center">
 +
<br>
 +
<p class="legend">Figure 6: Reaction catalyzed by
 +
3-hydroxybutyryl-CoA dehydrogenase
 +
</p>
 +
</div>
 +
  </li>
 +
 
 +
  <li><b><i>crt</i></b> present in <i>C.acetobutylicum</i>
 +
  coding for 3-hydroxybutyryl-CoA dehydratase,
 +
  a lyase cleaving carbon-oxygen bond.
 +
<br>
 +
  <div class="group center">
 +
<br>
 +
  <img src="https://static.igem.org/mediawiki/2015/6/67/TLSE_Attract_fig7.png" />
 +
</div>
 +
    <div class="group center">
 +
<br>
 +
<p class="legend">Figure 7:
 +
Reaction catalyzed by 3-hydroxybutyryl-CoA deshydratase
  
/* Navigation */
+
</p>
 +
</div>
 +
  </li>
 +
 
 +
  <li><b><i>ccr</i></b> present in
 +
  <i>Streptomyces collinus</i> coding
 +
  for crotonyl-CoA reductase,
 +
  an oxidoreductase acting on
 +
  CH=CH double bond. This enzyme
 +
  is also in <i>C.acetobutylicum</i> with
 +
  <b>bcd</b> gene coding for butyryl-CoA dehydrogenase,
 +
  with the disadvantage
 +
  to run with Electron Transfer
 +
  Flavoprotein (ETF) which complicates the reaction [6].
 +
<br>
 +
  <div class="group center">
 +
<br>
 +
  <img src="https://static.igem.org/mediawiki/2015/5/57/TLSE_Attract_fig8.png" />
 +
</div>
 +
  <br>
 +
  <div class="group center">
 +
<br>
 +
<p class="legend">Figure 8: Reaction
 +
catalyzed by crotonyl-CoA reductase
 +
</p>
 +
</div>
 +
 
 +
  </li>
 +
 
 +
    <li><b><i>tesB</i></b> present in <i>E.coli</i>
 +
coding for acyl-CoA transferase 2,
 +
a thiolase which enables coenzyme A transfer.
 +
  <br>
 +
  <div class="group center">
 +
<br>
 +
  <img src="https://static.igem.org/mediawiki/2015/3/34/TLSE_Attract_fig9.png" />
 +
</div>
 +
<div class="group center">
 +
<br>
 +
<p class="legend">Figure 9: Reaction
 +
catalyzed by acyl-CoA transferase 2
 +
</p>
 +
</div>
 +
 
 +
  </li>
 +
 
 +
</ul>
 +
 
 +
</div>
 +
 +
    <!-- ################################################################################################ -->
 +
    <!-- / container body -->
 +
    <div class="clear"></div>
 +
  </main>
 +
</div>
 +
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
  
#mainav li a{color:inherit;} /* Couleur des textes de la barre nav */
+
<!-- ################################################################################################ -->
#mainav.active a, #mainav a:hover, #mainav li:hover > a{; background-color:inherit;} /* Couleur de fond lors d'un mouseover du texte */
+
<!-- ################################################################################################ -->
#mainav li li a, #mainav .active li a{color:black; background-color:rgba(236, 255, 226, 0.9); border-color:rgba(236, 255, 226, 0.6);} /* Gestion de la couleur des onglets */
+
<!-- ########################### SPONSORS ###################################################################### -->
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#56AED4;}/* Gestion couleur des onglets lors d'un mouseover */
+
<div class="wrapper row4">
#mainav li a.set{color:#B9D94A;font-size:25px;} /*classe active qui s'appelle pas active parceque active ?a marchait pas */
+
/* J'ai toujours pas trop compris */
+
#breadcrumb{color:inherit; background-color:rgba(252, 255, 206, 0.26);}
+
#breadcrumb a{background-color:inherit;}
+
  
.container .sidebar nav a{color:inherit; border-color:#EDEDED;}
+
<div class="container clear" style="padding-top:30px;">
.container .sidebar nav a:hover{color:#56AED4;}
+
<center><p class="maintitle">  
 +
References
 +
</p></center>
 +
<br>
 +
<div class="clear">
 +
<ul>
 +
<li>
 +
[1] Boecking O, Genersch E. 2008. Varroosis – the Ongoing Crisis in Bee Keeping. J. Verbr. Lebensm. 3:221–228.</li>
  
.pagination a, .pagination strong{border-color:#EDEDED;}
+
<li>
.pagination .current{color:#B9D94A;}
+
[2] Le Conte Y, Arnold G, Trouiller J, Masson C, Chappe B, Ourisson G. 1989. Attraction of the parasitic mite varroa to the drone larvae of honey bees by simple aliphatic esters. Science 245:638–639.</li>
  
 +
<li>
 +
[3] Methods for attracting honey bee parasitic mites. [accessed 2015 Jul 24].
 +
</li>
  
/* Tables + Comments */
+
<li>
table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#EDEDED;}
+
[4] Louis P, Flint HJ. 2009. Diversity, metabolism and microbial ecology of butyrate-producing bacteria from the human large intestine. FEMS Microbiol. Lett. 294:1–8.
th{color:#FFFFFF; background-color:#373737;}
+
</li>
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#FBFBFB;}
+
[5] Atsumi S, Cann AF, Connor MR, Shen CR, Smith KM, Brynildsen MP, Chou KJY, Hanai T, Liao JC. 2008. Metabolic engineering of Escherichia coli for 1-butanol production. Metabolic Engineering 10:305–311.
tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;}
+
<li>
table a, #comments a{background-color:inherit;}
+
[6] Wallace KK, Bao Z-Y, Dai H, Digate R, Schuler G, Speedie MK, Reynolds KA. 1995. Purification of Crotonyl-CoA Reductase from Streptomyces collinus and Cloning, Sequencing and Expression of the Corresponding Gene in Escherichia coli. European Journal of Biochemistry 233:954–962.
 +
</li>
 +
</ul>
 +
</div>
 +
<br>
 +
</div>
 +
</div>
 +
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
 +
<!-- #######################        FOOTER        ######################################################################### -->
  
 +
</html>{{Toulouse/footer}}<html>
  
/* Gallery */
 
.overlay ul li a::before{background-color:rgba(236, 255, 226, 0.6);}
 
.overlay ul li a::after{color:#FFFFFF; }
 
  
/* */
 
a:link {color: rgba(29, 5, 79, 0.81);}
 
a:visited {color: rgba(29, 5, 79, 0.81);}
 
a:hover {color:rgba(22, 19, 29, 0.95);}
 
a:active {color:rgba(29, 5, 79, 0.81);}
 
img
 
{
 
    filter: type(value);
 
}
 
img
 
{
 
    filter: type(value);
 
    -webkit-filter: type(value);
 
    -moz-filter: type(value);
 
    -ms-filter: type(value);
 
    -o-filter: type(value);
 
}
 
.grayscale img:hover
 
{
 
        filter: grayscale(0);
 
        -webkit-filter: grayscale(0);
 
        -moz-filter: grayscale(0);
 
        -o-filter: grayscale(0);
 
        -ms-filter: grayscale(0);
 
}
 
.grayscale img
 
{
 
        filter: grayscale(1);
 
        -webkit-filter: grayscale(1);
 
        -moz-filter: grayscale(1);
 
        -o-filter: grayscale(1);
 
        -ms-filter: grayscale(1);
 
}
 
  
p.title{
+
</body>
font-size:30px;
+
color:#C5E35D;
+
}
+
</style>
+
 
</html>
 
</html>

Latest revision as of 14:59, 27 August 2015

iGEM Toulouse 2015

Attract


Content


About varroasis

Varroasis occurs with the varroa entrance in the hive, carried by infected bees: the mite can begin its parasitism and attack the brood. When the queen gives birth to new larvaes in honeycombs, the fertilized adult female varroa mite will come into it before capping, and lay her eggs. The larvaes will develop, increasing the overall infection that affects bee population [1]. To tackle this issue, it is necessary to attract varroa carried by honeybees before they come into the hive.



Figure 1 : Varroa destructor life cycle, adapted from B. Alexander

How to attract varroa

Just before capping, bee larvaes produce a wide range of molecules, those molecules warn the mite about the upcoming capping and motivate it to enter the cell [2]. Of all these molecule, scientific studies have shown that one can significantly attract varroa: butyrate [3].


Butyrate is a volatile acid which is non-toxic for honeybees nor the human being, because it is already present at physiologic concentrations in the digestive tract. Moreover this molecule is naturally produced by some bacterial strains like Clostridium, which is an asset for this synthetic biology project [4].

Therefore we decided to modify Apicoli so it will synthesize butyrate in order to attract varroa.

Figure 2: Results of butyrate attraction test with quadrants method

Butyrate attraction test

Figure 3: Butyrate attraction test using T tube, with varroa mite in the middle

To check adequacy and relevance of this study (Figure 2), an experiment using a T-tube has been developed (Figure 3). In the first branch, there is a cotton soaked with 50 µL of water, in the second a cotton with 50 µL of butyrate at 4%, and finally the last one contains the varroa.

The butyrate being very volatile, our system used a pump to renew air, producing a concentration gradient.

How to produce butyrate with E.coli?

In this project, an Escherichia coli strain is used for its known simplicity of genetic manipulation and its adequacy with butyrate synthesis. Indeed, among the five enzymes of the butyrate pathway, two enzymes are naturally produced by the bacteria. The following engineered butyrate pathway has been designed:


Figure 4: Engineered butyrate pathway


The initial substrate is glucose which is decomposed into acetyl-CoA during glycolysis. Finally, butyrate pathway begin with acetyl-CoA: five genes are required with two homologous and three heterologous genes.


  • atoB present in E.coli, coding for acetyl-CoA acetyltransferase, an acetyltransferase catalyzing the combination of two acetyl-CoA.


    Figure 5: Reaction catalyzed by acetyl-CoA acetyltransferase

  • hbd present in Clostridium acetobutylicum coding for 3-hydroxybutyryl-CoA dehydrogenase, an oxidoreductase catalyzing the formation of an alcohol function.


    Figure 6: Reaction catalyzed by 3-hydroxybutyryl-CoA dehydrogenase

  • crt present in C.acetobutylicum coding for 3-hydroxybutyryl-CoA dehydratase, a lyase cleaving carbon-oxygen bond.


    Figure 7: Reaction catalyzed by 3-hydroxybutyryl-CoA deshydratase

  • ccr present in Streptomyces collinus coding for crotonyl-CoA reductase, an oxidoreductase acting on CH=CH double bond. This enzyme is also in C.acetobutylicum with bcd gene coding for butyryl-CoA dehydrogenase, with the disadvantage to run with Electron Transfer Flavoprotein (ETF) which complicates the reaction [6].



    Figure 8: Reaction catalyzed by crotonyl-CoA reductase

  • tesB present in E.coli coding for acyl-CoA transferase 2, a thiolase which enables coenzyme A transfer.


    Figure 9: Reaction catalyzed by acyl-CoA transferase 2

References


  • [1] Boecking O, Genersch E. 2008. Varroosis – the Ongoing Crisis in Bee Keeping. J. Verbr. Lebensm. 3:221–228.
  • [2] Le Conte Y, Arnold G, Trouiller J, Masson C, Chappe B, Ourisson G. 1989. Attraction of the parasitic mite varroa to the drone larvae of honey bees by simple aliphatic esters. Science 245:638–639.
  • [3] Methods for attracting honey bee parasitic mites. [accessed 2015 Jul 24].
  • [4] Louis P, Flint HJ. 2009. Diversity, metabolism and microbial ecology of butyrate-producing bacteria from the human large intestine. FEMS Microbiol. Lett. 294:1–8.
  • [5] Atsumi S, Cann AF, Connor MR, Shen CR, Smith KM, Brynildsen MP, Chou KJY, Hanai T, Liao JC. 2008. Metabolic engineering of Escherichia coli for 1-butanol production. Metabolic Engineering 10:305–311.
  • [6] Wallace KK, Bao Z-Y, Dai H, Digate R, Schuler G, Speedie MK, Reynolds KA. 1995. Purification of Crotonyl-CoA Reductase from Streptomyces collinus and Cloning, Sequencing and Expression of the Corresponding Gene in Escherichia coli. European Journal of Biochemistry 233:954–962.