Team:Toulouse/Project/project-context

From 2014.igem.org

(Difference between revisions)
(Created page with "{{:Team:Toulouse/template/header-base}} <html> <style type="text/css"> .banniere{ background: url('https://static.igem.org/mediawiki/2014/d/d0/Template-igem2014-slide1.jpg') no-repe...")
 
(47 intermediate revisions not shown)
Line 3: Line 3:
<html>
<html>
-
<style type="text/css">
+
<!--/* 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*/-->
 +
 
 +
<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 35px 0; line-height:24px; text-align: justify; }
 +
 
.banniere{
.banniere{
-
background: url('https://static.igem.org/mediawiki/2014/d/d0/Template-igem2014-slide1.jpg') no-repeat center;
+
background: url('https://static.igem.org/mediawiki/2014/a/af/Context_Toulouse.jpg') no-repeat center;
-webkit-background-size: cover; /* pour Chrome et Safari */
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-moz-background-size: cover; /* pour Firefox */
Line 17: Line 36:
.banniere-content{
.banniere-content{
-
  background-color: rgba(46,204,113, 0.6);
+
  background-color: rgba(130,196,108, 0.7);
padding:28px 28px 0;
padding:28px 28px 0;
position:absolute;
position:absolute;
Line 36: Line 55:
font-size:16px
font-size:16px
}
}
 +
 +
li.tree {
 +
  display : list-item;
 +
list-style-image: url(https://static.igem.org/mediawiki/2014/a/a7/388438arbrefleurs.png);
 +
}
</style>
</style>
Line 42: Line 66:
   <div class="banniere">
   <div class="banniere">
   <div class="banniere-wrapper" style="width:960px; height:100%; margin: 0 auto; position:relative;">
   <div class="banniere-wrapper" style="width:960px; height:100%; margin: 0 auto; position:relative;">
-
    <div class="attribution">
+
 
-
      <a href="" class="link-banniere">ACKNOWLEGDEMENT<i></i></a>
+
      
-
     </div>
+
     <div class="banniere-content">
     <div class="banniere-content">
-
       <h2>Context project</h2>
+
       <h2>Project context</h2>
-
       <p>Proin sollicitudin nibh ut dapibus vulputate.</p>
+
       <p>A threatened heritage</p>
     </div>
     </div>
   </div>
   </div>
   </div>
   </div>
-
  <div class="fils-ariane" style="width:100%; height:60px; background:#ededed;">
+
<div class="fils-ariane" style="width:100%; height:60px; background:#ededed;">
-
   <p style="margin:0 auto; color:#696969; width:960px; padding-top:20px; font-size:16px;"> Project&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;Context project</p>  
+
   <p style="margin:0 auto; color:#696969; width:960px; padding-top:20px; font-size:16px;">Project&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;Context project</p>
-
  </div>
+
      <ul class="topnav" id="topnav" style="top:15px;">
-
 
+
    </ul>
 +
  </div>  
 +
 
   <div id="innercontenthome">
   <div id="innercontenthome">
       <div class="centering" style="padding-top: 85px; padding-bottom:40px;">
       <div class="centering" style="padding-top: 85px; padding-bottom:40px;">
-
  <!--Short description : à changer!!!-->
+
<p class="texte">One of Europe most famous scenic is without a doubt the Toulouse Canal du Midi. Situated in the heart of our city and going through Southern France, our lab is only 5 minutes walk from the Canal du Midi. Everyone in the team enjoys the quietness and loveliness of this charming place. Unfortunately, this heritage is threatened: a phytopathogenic fungus, <i>Ceratocystis platani</i>, is devastating the trees lining the Canal.
 +
</p>
 +
 
 +
<center><img src="https://static.igem.org/mediawiki/2014/1/14/Overview_context.jpg"/></center>
 +
<br></br>
 +
 
 +
<p class="texte">The situation is alarming: today the only solution is preventive tree cutting to stem the fungal epidemic. The consequences are disastrous. Not only for the beauty of the landscapes but it has also a huge environmental, social and economic costs. Today, 42,000 plane trees are threatened, knowing that cutting and planting a new resistant tree is about € 4,000.
 +
</p>
 +
 
 +
<p class="title1">The Canal du midi</p>
 +
<div style="float:right; margin-left:40px"><img style="width:300px;" src="https://static.igem.org/mediawiki/2014/0/04/Canal_automnal.jpg"></div>
 +
<p class="texte" style="display:block; float: left; width: 600px;">This ingenious masterpiece respects the environment in which it is harmoniously integrated since 1681 by Pierre-Paul Riquet.
 +
Characterized as a summit level canal, it culminates at 189 meters of altitude and connects, from coast to coast the Atlantic and the Mediterranean seas.
 +
On December 7<sup>th</sup> 1996, the UNESCO registers Le Canal du Midi on the list of world’s legacy. The first plane trees bordering the canal were planted after its creation in 1776. Resolving the erosion of riverbanks and the evaporation of the water, the plane imposed itself as a dominant and emblematic tree. The wooded legacy is estimated to about 42,000 trees, it contributes to the landscape and aesthetic.
 +
Today, the canal du midi is primarily used for tourism, recreation and housing. Busier than the Seine (Paris river), it accounts for one fifth of French river tourism and 80 % tourists are foreigners. Boaters seeking for tranquility, quietness and a unique environment mainly navigate over it.
 +
</p>
 +
 
 +
<div class="clear"></div>
 +
 
 +
<p class="title1">Canker Stain</p>
 +
<div style="float:left; width:215px; margin-right:40px"><img style="width:200px; float:left;" src="https://static.igem.org/mediawiki/2014/5/5e/Ceratocystis.jpg"></div>
 +
<p class="texte">The canker stain is a disease caused by <i>Ceratocystis platani</i>, a microscopic fungus that exclusively attacks Plane Trees.
 +
Probably introduced in France by infected wooden munitions cases coming from United States of America in 1945, the fungus introduces itself inside the sain tree’s heart, blocks the sap flow and kills it in only 2 to 5 years.
 +
On the regulatory side, on July 31<sup>th</sup> 2000 a ministerial order has classed <I>Ceratocystis platani</I> as an harmful organism for plants.  This order leads to a mandatory fight against the fungus.
 +
</p>
-
        <p>Fusce et fermentum nibh. Aliquam ornare venenatis odio vel interdum. Ut egestas elementum dolor, sit amet interdum metus gravida id. Morbi dictum commodo ipsum, eu maximus lectus pretium vel. Vivamus sit amet sem orci. Nulla leo ante, interdum id eros nec, rutrum suscipit sapien. Aenean posuere mauris a nisl laoreet congue. Sed aliquam vulputate risus, ut bibendum ligula consequat vel. Proin rhoncus orci eu massa dapibus elementum. Duis eu lacinia velit. Ut lacinia eu sem suscipit euismod. Proin sollicitudin nibh ut dapibus vulputate.</p>
+
<br></br>
-
<p>Quisque nec tempus mi. Sed sit amet justo tellus. Vestibulum pulvinar viverra felis sed aliquet. Suspendisse sed turpis eu justo finibus dictum quis vel nisi. Mauris quis imperdiet sem. Aenean scelerisque commodo orci a varius. Integer turpis odio, elementum a venenatis vitae, ultricies quis quam. Phasellus cursus ligula vel ex rutrum placerat. Curabitur dictum nisi risus, eu finibus ex fringilla vitae. Aenean consequat, ante elementum viverra laoreet, arcu nulla aliquam velit, pretium imperdiet neque felis a diam. Suspendisse ultricies nisi non ex finibus pharetra ac et ipsum. Nulla vulputate dolor urna, et semper nisl tempor vitae. Sed cursus dolor ut consequat posuere.</p>
+
<p class="title1">Fighting the plane trees pathogen</p>
 +
<p class="texte">Regarding this imminent threat, some solutions emerged.
 +
</br>First of all, chemical fungicides were used. However, the community realized it was impossible to eradicate the whole fungus.  
 +
</br>Therefore, the French Institut National de Recherche Agronomique (INRA) created a new type of plane trees named Platanor which were resistant to the fungus infection. Unfortunately, this extreme measure could not save the already contaminated trees nearby the Canal du Midi.
 +
</br>Today, the only option remains in the tree-cutting of the contaminated plane trees. Nevertheless, this previous solution is not optimal because of the high cost and the major touristic and social impact for our heritage.
 +
</p>
-
<p>Ut at massa quam. Vestibulum rutrum dapibus tortor ut facilisis. Pellentesque condimentum quam id ante varius imperdiet. Quisque mauris urna, finibus in mauris vel, laoreet volutpat libero. Aliquam erat volutpat. Vivamus non imperdiet nibh. Sed fringilla tristique metus, non fermentum quam tincidunt non. Praesent dictum faucibus massa, eu bibendum sapien iaculis in. Ut porta tortor eu elementum interdum. Vivamus non tempor ligula. In accumsan ligula non ligula aliquam, at dictum dolor cursus. Ut iaculis ultrices ex et faucibus. Praesent bibendum sagittis elit, eget ultricies dolor imperdiet id.</P>  
+
<p class="title1">References</p>
 +
<ul>
 +
<li class="tree"><p class="texte">Photo VNF/Sud-Ouest</p></li>
 +
</ul>
      
      
-
  <!-- Navigation section -->   
+
<!-- Navigation section -->   
   <div class="page-nav" style="border-top:1px solid #cccccc; padding-top:40px; margin-top:40px;">
   <div class="page-nav" style="border-top:1px solid #cccccc; padding-top:40px; margin-top:40px;">
-
     <a href="https://2014.igem.org/Team:Toulouse" class="page-nav-right" style="width:447px; float:left; display:block;text-decoration:none; color:#666; font-size:18px;">HOME
+
     <a href="https://2014.igem.org/Team:Toulouse" class="page-nav-right" style="width:447px; float:left; display:block;text-decoration:none; color:#666; font-size:18px;">Home
       <img src="https://static.igem.org/mediawiki/2014/2/26/Template-igem2014-img-arrowleft.png" style="display:block; padding-top:10px;"/>
       <img src="https://static.igem.org/mediawiki/2014/2/26/Template-igem2014-img-arrowleft.png" style="display:block; padding-top:10px;"/>
     </a>  
     </a>  
Line 82: Line 139:
     <a href="https://2014.igem.org/Team:Toulouse/Project/Overviews" class="page-nav-left" style="width:447px; float:right; display:block; text-align:right; text-decoration:none;
     <a href="https://2014.igem.org/Team:Toulouse/Project/Overviews" class="page-nav-left" style="width:447px; float:right; display:block; text-align:right; text-decoration:none;
-
color:#666; font-size:18px;">Binding</br>
+
color:#666; font-size:18px;">Overview</br>
       <img src="https://static.igem.org/mediawiki/2014/e/ea/Template-igem2014-img-arrowright.png" style="display:block; float:right; padding-top:10px; " />
       <img src="https://static.igem.org/mediawiki/2014/e/ea/Template-igem2014-img-arrowright.png" style="display:block; float:right; padding-top:10px; " />
     </a>
     </a>

Latest revision as of 02:49, 18 October 2014