Team:Toulouse

From 2014.igem.org

(Difference between revisions)
 
(213 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{:Team:Toulouse/template/header}}
-
 
+
<html>
<html>
-
<head>
+
<!--/* open Sans : font Google*/-->
-
<!-- this section changes the default wiki template to a white full width background -->
+
 
-
<style type="text/css">
+
  <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
 +
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
 +
 
 +
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'>
 +
 
 +
<!--/* CSS contenu*/-->
 +
 
 +
<style type="text/css">
 +
 
 +
  .title1{color:green; font-family:'Open Sans'; font-weight:600; font-size:24px;  margin:0 0 33px 0; border:none;}
 +
 
 +
  .title2{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px; margin:0 0 30px 0; border:none;}
 +
 
 +
  .title3{color:#7f8c8c; font-family:'Open Sans'; font-weight:400; font-size:16px; margin:0 0 20px 0; border:none;}
 +
 
 +
  .texte{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 0 0; line-height:24px; text-align: justify; }
/* Removing wiki-like stuff */
/* Removing wiki-like stuff */
Line 15: Line 29:
body {
body {
     : 0 0 0 0;
     : 0 0 0 0;
-
     padding: 0;}
+
     padding: 0px;}
#top-section {
#top-section {
     width: 965px;
     width: 965px;
Line 40: Line 54:
/* Layout */
/* Layout */
/**********/
/**********/
 +
.l-content{margin-top:40px;}
-
body, #heading, #innercontent, #innercontenthome {
+
.l-content img{
-
    background-color: #F3F3F3;
+
float:left;
-
    font-family: Helvetica, sans-serif;
+
padding-top: 60px;
-
    }
+
width:290px;
-
#innercontenthome{
+
-
    margin-top:-13px;
+
-
    }
+
-
   
+
-
#content, #globalWrapper {
+
-
    border: none;
+
-
    width: 100%;
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    }
+
-
   
+
-
.centering {
+
-
    margin: 0 auto;
+
-
    width: 965px;
+
-
    }
+
-
 
+
-
.clear{
+
-
    clear:both;
+
}
}
-
 
+
.l-content .text-presentation{
-
/*background Header*/
+
float:right;
-
#bgHeader{
+
margin-top: -29px;
-
    position : absolute;  
+
width:610px
-
    left : 0px;
+
-
    top : 0px;
+
-
    z-index:0;
+
-
    width : 100%;
+
-
    min-width : 700px;
+
-
    max-width : 1200px;
+
}
}
-
/* Barre de Menu*/
+
.l-content .text-presentation h1{
-
.btHeaderA{  
+
text-align:center;
-
    position : relative;
+
border:none;
-
    z-index:2;
+
-
    width: 100%;
+
-
height: auto;
+
}
}
-
.btHeaderB{
+
/* ------------------------------------ gallerie ----*/
-
    position : absolute;
+
-
    z-index:1;
+
-
    width: 100%;
+
-
height: auto;
+
-
}
+
-
.btHeaderC{
+
.gallerie-project{
-
    z-index:3;
+
margin:0;
-
    position: relative;
+
padding 0;
-
    top : 45px;
+
margin-top:40px;
-
    text-align: center;
+
-
    width: auto;
+
-
height : auto;
+
-
   
+
}
}
-
.btHeaderA:hover{
+
.line-gallerie-project{
-
    z-index:1;
+
background-color:#f0f0f0;
 +
height:310px;
 +
width:100%;
}
}
-
.btHeaderB:hover{
+
.part-little-projet{
-
    top : 0px;
+
background-color:#82C46C;
-
    z-index : 3;
+
display: block;
 +
position: relative;
 +
height:310px;
 +
width: 310px;
 +
float:left;
}
}
-
img.headerbutton{
+
.part-little-projet:hover{
-
    max-width : 100px;
+
background-color:#22780F;
-
    width : 100%;
+
-
height : auto;
+
}
}
-
img.headerbutton:hover{
+
.title-part-projet{
-
    max-width : 110px;
+
position: absolute;
-
    width : 100%;
+
top:40px;
-
height : auto;
+
left:33px;
 +
font-size:24px;
 +
color:white;
}
}
-
#Menu {
+
.part-large-projet{
-
    position : absolute;
+
display: block;
-
    width : 100%;
+
position: relative;
-
    min-width :780px;
+
height:310px;
-
    max-width : 1400px;
+
width: 650px;
-
    top : 0;
+
float:left;
 +
opacity:0.8;
}
}
-
.Item {
+
.part-large-projet:hover{
-
    position : absolute;
+
opacity:1;
-
    text-align : center;
+
-
    display : inline-block;
+
-
    min-Height : 150px;
+
-
    text-decoration: no underline;
+
}
}
-
.Item a{
 
-
    font-color : black;
 
-
}
 
-
.sub-nav {
 
-
    display: none; /* Masque la sous-liste */
 
-
    position: absolute; /* Evite que la dimension du conteneur ne change quand la sous-liste est affichée */
 
-
    white-space: nowrap; /* Pour que le texte ne revienne pas à la ligne */
 
-
    background: white; /* FIX IE7 : évite que la sous-liste ne disparaisse au moment où le curseur arrive au-dessus */
 
-
    margin-top: -2px; /* Pour que le sous-menu recouvre son parent, facilitant le passage de la souris de l’un à l’autre */
 
-
}
 
-
.sub-nav-item{
+
/* ------------------------------------ aside ----------*/
-
    background-color: transparent;
+
-
}
+
-
.Item:hover .sub-nav {
+
.wrapper-aside{
-
    display: block; /* Affiche cette sous-liste au survol de son conteneur */
+
margin: 0 auto;
-
    background-color: transparent;
+
width:740px;
-
    top : 163px;
+
-
    Z-index : 4;
+
-
    left : 25px;
+
}
}
-
/*Footer*/
+
.sticker-aside{
-
#Footer{
+
background-color: #fff;
-
    width : 95%;
+
border: 1px solid #e7e7e7;
-
    background-color : #99FF99;
+
float:left;
-
    font-family: verdana;
+
height:359px;
 +
padding: 5px 5px;
 +
position:relative;
 +
text-align:center;
 +
width:220px;
}
}
-
/* Slider (thanks to flowplayer.org) */
+
.sticker-aside:after{
-
/*************************************/
+
content: 'wiki/images/b/bb/Template-igem2014-before-stickers.png';
-
.scrollable {
+
position: absolute;
-
/* required settinsg */
+
background: url('https://static.igem.org/mediawiki/2014/b/bb/Template-igem2014-before-stickers.png') no-repeat center;
-
position: relative;
+
bottom: -32px;
-
overflow :hidden;
+
text-indent: -9999px;
-
    margin-top: 14px;
+
right: -13px;
-
    width: 970px;
+
width: 260px;
-
    height: 400px;
+
height: 32px;
-
    border: 1px solid #FFFFFF;
+
-
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+
-
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
+
-
    background: #FFFFFF;
+
-
    }
+
-
   
+
-
.scrollable .items {
+
-
/* this cannot be too large */
+
-
width: 50000px;
+
-
position: absolute;
+
-
    }
+
-
   
+
-
.items div {
+
-
float: left;
+
-
width: 970px;
+
-
height: 400px;
+
-
    }
+
-
   
+
-
.prev {
+
-
        background: url(https://static.igem.org/mediawiki/2011/8/81/DTU-Denmark2011-slider-prev.png) no-repeat;
+
-
        height: 74px;
+
-
        width: 74px;
+
-
        position: absolute;
+
-
            left: -486px; /* ceil(963/2) + 74/2 = 482 + 37 = 519 */
+
-
            top: 350px;
+
-
        margin-left: 50%;
+
-
        cursor: pointer;
+
-
        }
+
-
       
+
-
.next {
+
-
        background: url(https://static.igem.org/mediawiki/2011/5/56/DTU-Denmark2011-slider-next.png) no-repeat;
+
-
        height: 74px;
+
-
        width: 74px;
+
-
        margin-right: 50%;
+
-
        position: absolute;
+
-
            right: -488px;
+
-
            top: 350px;
+
-
        cursor: pointer;
+
-
        }
+
-
       
+
-
.disabled {
+
-
        visibility: hidden;}
+
-
 
+
-
 
+
-
</style>
+
-
<!--  here ends the section that changes the default wiki template to a white full width background -->
+
-
</head>
+
-
 
+
-
<body >
+
-
<!--main content -->
+
-
<table width="100%" align="center">
+
-
 
+
-
<!--navigation menu -->
+
-
<div >
+
-
<img id="bgHeader" src="https://static.igem.org/mediawiki/2014/f/f2/Branch_col.png" alt="header background" />
+
-
</div>
+
-
 
+
-
<div id="Menu" style="background-color:transparent;">
+
-
 
+
-
    <div class="Item" style="left :5%;"> 
+
-
        <a href="https://2014.igem.org/Team:Toulouse"style="color:#000000">
+
-
        <div class="btHeaderA" style="top : 30px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/0/0e/Bt_home_1.png"/></div>
+
-
        <div class="btHeaderB" style="top : 30px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/9/96/Bt_home_2.png"/></div>
+
-
        <div class="btHeaderC">Home</div>
+
-
        </a>
+
-
    </div>
+
-
   
+
-
    <div class="Item" style="left :15%">
+
-
        <a href="https://2014.igem.org/Team:Toulouse/Team"style="color:#000000">
+
-
        <div class="btHeaderA" style="top:5px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/a/a4/Bt_team_1.png" /></div>
+
-
        <div class="btHeaderB" style="top:5px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/8/84/Bt_team_2.png" /></div>
+
-
        <div class="btHeaderC" align="center">Team</div>
+
-
        </a>
+
-
        <ul class="Item sub-nav">
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Team">Our Team</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://igem.org/Team.cgi?year=2014&team_name=Toulouse"> Official Team Profile </a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Team/Ethique">Ethique</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Team/Contact">Contact</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Team/Gallery">Gallery</a></li>
+
-
        </ul>
+
-
    </div>
+
-
 
+
-
    <div class="Item" style=" left :25%"> 
+
-
        <a href="https://2014.igem.org/Team:Toulouse/Project"style="color:#000000">
+
-
        <div class="btHeaderA" style="top : 33px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/e/e2/Bt_project_1.png"/></div>
+
-
        <div class="btHeaderB" style="top : 33px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/4/42/Bt_project_2.png"/></div>
+
-
        <div class="btHeaderC" align="center">Project</div>
+
-
        </a>
+
-
        <ul class="Item sub-nav">
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Overviews">Overviews</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Fixation">Fixation</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Chemotaxis">Chemotaxis</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Fungicide">Fungicide</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Spreading">Spreading</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Modeling">Modeling</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Parts">Parts</a></li>
+
-
        </ul>
+
-
    </div>
+
-
   
+
-
    <div class="Item" style=" left :35%"> 
+
-
        <a href="https://2014.igem.org/Team:Toulouse/Human_Practice"style="color:#000000">
+
-
        <div class="btHeaderA" style="top : 2px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/2/27/Bt_human_1.png"/></div>
+
-
        <div class="btHeaderB" style="top : 2px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/e/ee/Bt_human_2.png"/></div>
+
-
        <div class="btHeaderC" align="center" style="Top : 26px;">Human <br> Practice</div>
+
-
        </a>
+
-
        <ul class="Item sub-nav">
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Safety">Safety</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Human_Practice/Ethique">Ethique</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Human_Practice/Meeting">Meeting</a></li>
+
-
        </ul>
+
-
    </div>
+
-
   
+
-
    <div class="Item" style=" left :45%" > 
+
-
        <a href="https://2014.igem.org/Team:Toulouse/Notebook"style="color:#000000">
+
-
        <div class="btHeaderA" style="top : 38px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/d/d3/Bt_notebook_1.png" /></div>
+
-
        <div class="btHeaderB" style="top : 38px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/c/c0/Bt_notebook_2.png" /></div>
+
-
        <div class="btHeaderC" align="center">Notebook</div>
+
-
        </a>
+
-
        <ul class="Item sub-nav">
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Notebook/Calendar">Calendar</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Notebook/Protocols">Protocols</a></li>
+
-
        </ul>
+
-
    </div>
+
-
 
+
-
    <div class="Item" style=" left : 55%">
+
-
        <a href="https://2014.igem.org/Team:Toulouse/Attributions"style="color:#000000">
+
-
        <div class="btHeaderA" style="top : 48px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/6/6a/Bt_attributions_1.png"/></div>
+
-
        <div class="btHeaderB" style="top : 48px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/6/66/Bt_attributions_2.png"/></div>
+
-
        <div class="btHeaderC" align="center">Attributions</div>
+
-
        </a>
+
-
        <ul class="Item sub-nav">
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Attributions">Attributions</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Sponsors">Sponsors</a></li>
+
-
        </ul>
+
-
    </div>
+
-
 
+
-
    <div class="Item" style="left :70%; Z-index:4;" align ="center"  width="60px" >
+
-
        <a href="https://2014.igem.org/Main_Page">
+
-
        <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px">
+
-
        </a>
+
-
    </div>
+
-
 
+
-
</div>
+
-
 
+
-
<!--end navigation menu -->
+
-
 
+
-
<tr height="140px"></tr>
+
-
<tr height="15px"></tr>
+
-
<tr><td></td><td bgColor="#e7e7e7"  height="1px" align="center"></td> </tr>
+
-
<tr height="5px"></tr>
+
-
</table>
+
-
 
+
-
<!--Slideshow-->
+
-
 
+
-
<p>
+
-
 
+
-
    <div id="innercontenthome">
+
-
        <div class="centering">
+
-
 
+
-
 
+
-
</p><p>
+
-
<!--/* open Sans : fonnt Google*/-->
+
-
 
+
-
  <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+
-
 
+
-
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
+
-
 
+
-
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'>
+
-
 
+
-
 
+
-
+
-
<!--/* CSS contenu PROPRE à cette page*/-->
+
-
 
+
-
<style type="text/css">
+
-
 
+
-
/* Slider (thanks to flowplayer.org) */
+
-
 
+
-
    /*------- gallery ----------*/
+
-
 
+
-
#slideshow {
+
-
    position:relative;
+
-
    height:391px;
+
-
    margin-top:20px;
+
}
}
-
#slideshow img {
+
.sticker-aside h2{
-
    position:absolute;
+
border:none;
-
    top:0;
+
color:#181818;
-
    left:0;
+
font-size:20px;
-
    z-index:;
+
}
}
-
#slideshow img.active {
+
.sticker-aside p{
-
    z-index:2;
+
color:#888888;
 +
display: block;
 +
height: 40px;
 +
position: relative;
 +
bottom: 15px
}
}
-
#slideshow img.last-active {
+
.sticker-aside a{
-
    z-index:1;
+
display: block;
 +
margin: 0 auto;
 +
top: 5px;
 +
position: relative;
}
}
 +
</style>
</style>
-
    <!-- jQuery Tools (slider) -->
+
<!-------------------------------- CONTENT --------------------------------->
-
    <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
+
<br></br>
-
    <script>
+
<div class="l-content">
-
        $(function() {
+
         
-
    // initialize scrollable
+
          <div class="presentation-project">
-
    $(".scrollable").scrollable().navigator();
+
            <img src="https://static.igem.org/mediawiki/2014/b/b6/Canal_du_Midi_-_plane_trees.jpeg" alt="Présentation igem toulouse" />
-
        });
+
            <div class="text-presentation">
-
    </script>
+
              <h1 class="title1" style="font-size:28px;">
 +
              SubtiTree project
 +
              </h1>
 +
              <p class="texte"><br></br>
 +
Fungal diseases lead to major economic losses all over the world. Some pathogens trigger tracheomycosis by disturbing the vascular system of the plant. Canker is one of these infections especially affecting plane trees (<i>Platanus sp.</i>). Plane trees are widely present in Southern France and in particular along the famous Canal du Midi, participating to the site gorgeousness. Today, the only treatment consists in a costly preventive tree-cutting and implies significant ecological troubles. Facing this emergency, our team offers an innovative solution originating from synthetic biology.
 +
              </p>
 +
<br></br>
 +
              <center><a class="button-home" href="https://2014.igem.org/Team:Toulouse/Project/project-context" style="border: 1px solid #282828;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding: 13px 25px 12px; color: #282828; text-decoration: none; font-size: 17px; background: none; display: block; width: 89px;">Learn more</a>
 +
            </div>
 +
          </div></center>
 +
         
 +
          <div class="clear"></div>
 +
         
 +
          <div class="gallerie-project" style="margin-bottom:50px; margin-top:70px;">
-
<!-- Slider -->
+
            <div class="line-gallerie-project">
 +
              <a href="https://2014.igem.org/Team:Toulouse/Project/Overviews" class="part-little-projet">
 +
    <div class="title-part-projet">Overview</div>
 +
                <div style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px;">Let's save our trees with SubtiTree!</div>
 +
                <div style="border-bottom: 1px solid #fff; color:white; font-family:'Open Sans'; position:absolute; bottom:25px; right:22px; font-size:16px;">Read more</div>
 +
              </a>
-
            <div class="scrollable">  
+
              <a href="https://2014.igem.org/Team:Toulouse/Project/Chemotaxis" class="part-large-projet" style="background: url('https://static.igem.org/mediawiki/2014/a/aa/Chimio.jpg') no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;">
-
              <div class="items">
+
                <div class="title-part-projet" style="color:white; ">Chemotaxis</div>
-
                  <div>
+
                <div style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px;">To target the pathogenic fungus</div>
-
                  <a href="https://2014.igem.org/Team:Toulouse/Project/Overviews"><img src="#" alt="Title"/></a>
+
                <div  style="border-bottom: 1px solid #white; color:white; font-family:'Open Sans'; position:absolute; bottom:25px; left:34px; font-size:16px;"><u>Read more</u></div>
-
                  </div>
+
              </a>
 +
            </div>
 +
           
 +
            <div class="line-gallerie-project">
 +
              <a href="https://2014.igem.org/Team:Toulouse/Project/binding" class="part-large-projet" style="background: url('https://static.igem.org/mediawiki/2014/0/0b/Billes3D.png') no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;">
 +
                <div class="title-part-projet style="color:white; ">Binding</div>
 +
                <div  style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px">To be attached to the fungal pathogen wall</div>
 +
                <div style="border-bottom: 1px solid #515553; color:white; font-family:'Open Sans'; position:absolute; bottom:28px; right:34px; font-size:16px;">Read more</div>
 +
              </a>
-
                <div>
+
              <a href="https://2014.igem.org/Team:Toulouse/Modelling" class="part-little-projet">
-
                  <a href="https://2014.igem.org/Team:Toulouse/Project/Overviews"><img src="#" alt="Introduction"/></a>
+
                <div class="title-part-projet">Modeling</div>
-
                  </div>
+
                <div  style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px">To develop a predictive model</div>
 +
                <div style="border-bottom: 1px solid #fff; color:white; font-family:'Open Sans'; position:absolute; bottom:28px; left:34px; font-size:16px;">Read more</div>
 +
              </a>
 +
            </div>
 +
            <div class="line-gallerie-project">
 +
              <a href="https://2014.igem.org/Team:Toulouse/Project/Spreading" class="part-little-projet">
 +
                <div class="title-part-projet">Spreading</div>
 +
                <div  style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px">How do we keep control on Subtitree?</div>
 +
                <div style="border-bottom: 1px solid #fff; color:white; font-family:'Open Sans'; position:absolute; bottom:25px; right:34px; font-size:16px;"">Read more</div>
 +
              </a>
-
                  <div>
+
              <a href="https://2014.igem.org/Team:Toulouse/Project/Fungicides" class="part-large-projet" style="background:url('https://static.igem.org/mediawiki/2014/8/84/Feuille_Toulouse.jpg') no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;">
-
                  <a href="https://2014.igem.org/Team:Toulouse/Project/Chemotaxis"><img src="#" alt="Chemotaxis"/></a>
+
                <div class="title-part-projet" style="color:white;
-
                  </div>
+
position:absolute; right:30px;  text-align:right;  line-height:24px;"
 +
>Fungicides</div>
 +
                <div style="position:absolute; top:90px; right:30px;
 +
color:white; font-family:'Open Sans'; font-size:16px; width:200px;
 +
line-height:24px; text-align:right; ">To eradicate fungal
 +
diseases</div>
 +
                          <div style="border-bottom: 1px solid #fff;
 +
color:white; font-family:'Open Sans'; position:absolute; bottom:25px;
 +
right:34px; font-size:16px;">Read more</div>
 +
              </a>
 +
            </div>
 +
 
 +
          </div>
 +
         
 +
</div>
 +
</div>
-
                <div>
+
</div>
-
                  <a href="https://2014.igem.org/Team:Toulouse/Project/Fixation"><img src="#" alt="Fixation"/></a>
+
-
                  </div>
+
-
                  <div>
+
-
                  <a href="https://2014.igem.org/Team:Toulouse/Project/Fungicide><img src="#" alt="Fungicide"/></a>
+
-
                  </div>
+
-
                  <div>
 
-
                    <a href="https://2014.igem.org/Team:Toulouse/Project/Spreading><img src="#" alt="Spreading" /></a>
 
-
                  </div>
 
 +
<!-------------------------------- ASIDE --------------------------------->
-
                  <div>
+
<div id="aside" style="width:100%; height:572px; background-color:#f9f9f9; border: 1px solid #ccc;">
-
                    <a href="https://2014.igem.org/Team:Toulouse/Team"><img src="#" alt="Team" /></a>
+
         
-
                  </div>
+
    <div class="wrapper-aside">
-
                  <div>
+
          <h2 style="color:green; text-align:center; border:none; font-weight:bold; margin:30px 0px 50px 0px;">HUMAN PRACTICE</h2>
-
                    <a href="https://2014.igem.org/Team:Toulouse/Sponsors"><img src="#" alt="Sponsor"/></a>
+
-
                  </div>
+
-
              </div>
+
          <div class="sticker-aside" style="margin-right:20px;">
-
             </div>
+
             <img src="https://static.igem.org/mediawiki/2014/6/67/Template-igem2014-HP-1.jpg" alt="image safety" />
-
             <div class="prev"></div>
+
             <h2 style="margin:35px 10px;">Safety</h2>
-
             <div class="next"></div>
+
             <p>Safety is not just a slogan, it is a way of life.</p>
-
             <div class="navi"></div>
+
            <a href="https://2014.igem.org/Team:Toulouse/Safety"><img src="https://static.igem.org/mediawiki/2014/6/6f/Template-igem2014-iconeHP.png"/></a>
 +
          </div>
 +
         
 +
          <div class="sticker-aside" style="margin-right:20px;">
 +
            <img src="https://static.igem.org/mediawiki/2014/e/ea/Ethics.jpg" alt="" />
 +
             <h2 style="margin:35px 10px;">Ethics</h2>
 +
            <p>"<i>Knowledge without conscience is but the ruin of the soul.</i>", F. Rabelais</p>
 +
            <a href="https://2014.igem.org/Team:Toulouse/ethics"><img src="https://static.igem.org/mediawiki/2014/6/6f/Template-igem2014-iconeHP.png"/></a>
 +
          </div>
 +
         
 +
          <div class="sticker-aside" style="position: relative;">
 +
            <img src="https://static.igem.org/mediawiki/2014/2/20/Bacteria_talk.png" alt="" style="margin-top:26px;" />
 +
            <h2 style="margin:35px 10px;">Communication</h2>
 +
            <p>Good words are worth much, and cost little.</p>
 +
            <a href="https://2014.igem.org/Team:Toulouse/Communication"><img src="https://static.igem.org/mediawiki/2014/6/6f/Template-igem2014-iconeHP.png"/></a>
 +
          </div>
 +
      </div>   
 +
</div>
<div class="clear"></div>
<div class="clear"></div>
 +
<!-------------------------------- SPONSOR --------------------------------->
 +
<div class="Sponsor" style="margin:0 auto; width:960px; padding:60px 0 70px;"><p align="center">
 +
    <img src="https://static.igem.org/mediawiki/2014/d/d5/Toulouse_sponsors.png" alt="Bandeau Sponsor"></p>
 +
</div>
-
      <!-- jQuery Tools (gallery) -->
+
<!-------------------------------- FOOTER --------------------------------->
 +
</html>
-
    <script>
+
{{:Team:Toulouse/template/footer}}
-
 
+
-
function slideSwitch() {
+
-
    var $active = $('#slideshow img.active');
+
-
    var $next = $active.next();   
+
-
   
+
-
    $next.addClass('active');
+
-
   
+
-
    $active.removeClass('active');
+
-
}
+
-
 
+
-
$(function() {
+
-
    setInterval( "slideSwitch()", 2000 );
+
-
});
+
-
    </script>
+
-
           
+
-
<!-- STYLESHEET -->
+
-
<!-- *********** --
+
-
 
+
-
    <link rel="stylesheet" href="https://2013.igem.org/Team:INSA_Toulouse/template/stylesheet?action=raw&amp;ctype=text/css" type="text/css" />
+
-
 
+
-
 
+
-
    <link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:INSA_Toulouse/template/stylesheetslide&amp;action=edit" type="text/css" />
+
-
 
+
-
     
+
-
 
+
-
<!--Nom du projet-->
+
-
<center>
+
-
<img width="100px" src= "https://static.igem.org/mediawiki/2014/f/f5/Logo_essai_1_avec_texte.png"/>
+
-
<p><center><font size="5" face=calibri color=green>
+
-
SubtiTree, a bacterium to save our trees
+
-
</font></p>
+
-
 
+
-
<!--Short description : à changer!!!-->
+
-
<table width="55%" height="10%" style="background-color: transparent;">
+
-
<tr><td><div align="justify"><font size="3" face=calibri color=black>
+
-
Fungal diseases lead to major economic losses all over the world.
+
-
Some pathogens trigger trachemycosis by disturbing the vascular system of the plant.
+
-
Canker is one of these infections especially affecting plane trees (Platanus sp.). Plane trees are widely present in Southern France and particularly along the famous Canal du Midi, participating to the site gorgeousness.
+
-
Today, the only treatment consists in preventive tree-cutting which has a huge cost and implies significant ecological troubles.
+
-
Facing this emergency, our team offers an innovative alternative originated from synthetic biology.
+
-
</font></div></td>
+
-
<td align=center>
+
-
<img style="width:400px" ; src="https://static.igem.org/mediawiki/2014/9/96/Canal1.png">
+
-
</td></tr>
+
-
<!--2eme ligne-->
+
-
<tr><td align=center>
+
-
<img style="width:200px" ; src="https://static.igem.org/mediawiki/2014/7/72/Tronc_malade2.png">
+
-
</td>
+
-
<td><div align="justify"><font size="3" face=calibri color=black>
+
-
The aim of our project is to make an endophytic bacterium capable of detecting the pathogen, and targeting it in order to deliver different fungicides to save the tree from its invaders.
+
-
Considering ecological and ethical matters, this project limits the spreading of our engineered bacterium in the environment.
+
-
</font></div></td>
+
-
</tr>
+
-
 
+
-
</table>
+
-
 
+
-
<!--SPONSOR-->
+
-
 
+
-
<!-- footer -->
+
-
<center>
+
-
<div id="Footer" >
+
-
<table align="center" style="width : 100%; background-color:transparent;" bgColor="#99FF99">
+
-
    <td width="5px"></td>
+
-
    <td style="width: 35px;" align="center">
+
-
        <a href="https://www.facebook.com/iGEM.Toulouse.2014?ref_type=bookmark"><img src="https://static.igem.org/mediawiki/2013/f/fc/Insa-toulouse2013-iconfacebook.png" alt="Facebook" /></a>
+
-
        <br> <br>
+
-
        <a href="https://twitter.com/iGEM_Toulouse"><img src="https://static.igem.org/mediawiki/2013/7/7b/Insa-toulouse2013-icontwitter.png" alt="Twitter" /></a>
+
-
        <br>
+
-
    </td>
+
-
    <td width="15px"></td>
+
-
    <td>
+
-
        <p><b> iGEM Toulouse</b><br><address>
+
-
        INSA Toulouse <br>135, Avenue de Rangueil <br>
+
-
        31400 TOULOUSE <br></address>
+
-
        <br>e-mail: <span><a href="mailto:igemtoulouse2014@gmail.com"> igemtoulouse2014@gmail.com</a></span></p>
+
-
    </td>
+
-
    <td align="right">
+
-
        <a href="https://2013.igem.org/Main_Page">
+
-
            <img style="width:170px" src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png"/img>
+
-
        </a>
+
-
    </td>
+
-
  </table>
+
-
</div>
+
-
</center>
+
-
</html>
+

Latest revision as of 01:08, 18 October 2014

logo-igem

SubtiTree

Save our trees

Learn more


Présentation igem toulouse

SubtiTree project



Fungal diseases lead to major economic losses all over the world. Some pathogens trigger tracheomycosis by disturbing the vascular system of the plant. Canker is one of these infections especially affecting plane trees (Platanus sp.). Plane trees are widely present in Southern France and in particular along the famous Canal du Midi, participating to the site gorgeousness. Today, the only treatment consists in a costly preventive tree-cutting and implies significant ecological troubles. Facing this emergency, our team offers an innovative solution originating from synthetic biology.



Learn more
Overview
Let's save our trees with SubtiTree!
Read more
Chemotaxis
To target the pathogenic fungus
Read more
Binding
To be attached to the fungal pathogen wall
Read more
Modeling
To develop a predictive model
Read more
Spreading
How do we keep control on Subtitree?
Read more
Fungicides
To eradicate fungal diseases
Read more

HUMAN PRACTICE

image safety

Safety

Safety is not just a slogan, it is a way of life.

Ethics

"Knowledge without conscience is but the ruin of the soul.", F. Rabelais

Communication

Good words are worth much, and cost little.

iGEM Toulouse 2014

Retrieved from "http://2014.igem.org/Team:Toulouse"