Difference between revisions of "Team:Pasteur Paris/essai"

(Replaced content with "{{Pasteur_Paris_Achievements}} <html> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'> <style type="text/css"...")
 
(58 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{Pasteur_Paris}}
+
{{Pasteur_Paris_Achievements}}
 +
 
 
<html>
 
<html>
  
 
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
 
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
 
<style type="text/css">
 
<style type="text/css">
 +
  
 
body{
 
body{
 
position: relative;
 
position: relative;
 
   
 
   
}
 
html, body {
 
  margin: 0;
 
  padding: 0;
 
  font-family: sans-serif;
 
}
 
 
section#timeline {
 
  width: 65%;
 
  margin: 20px auto;
 
  position: relative;
 
 
}
 
section#timeline:before {
 
  content: '';
 
  display: block;
 
  position: absolute;
 
  left: 50%;
 
  top: 0;
 
  margin: 0 0 0 -1px;
 
  width: 2px;
 
  height: 100%;
 
  background: #F0D423 ;
 
}
 
section#timeline article {
 
  width: 100%;
 
  margin: 0 0 20px 0;
 
  position: relative;
 
}
 
section#timeline article:after {
 
  content: '';
 
  display: block;
 
  clear: both;
 
}
 
section#timeline article div.inner {
 
  width: 40%;
 
  float: left;
 
  margin: 5px 0 0 0;
 
  border-radius: 6px;
 
}
 
section#timeline article div.inner span.date {
 
  display: block;
 
  width: 60px;
 
  height: 50px;
 
  padding: 5px 0;
 
  position: absolute;
 
  top: 0;
 
  left: 50%;
 
  margin: 0 0 0 -32px;
 
  border-radius: 100%;
 
  font-size: 12px;
 
  font-weight: 900;
 
  text-transform: uppercase;
 
  background: #25303B;
 
  color: rgba(255,255,255,0.5);
 
  border: 2px solid rgba(255,255,255,0.2);
 
  box-shadow: 0 0 0 7px #25303B;
 
}
 
section#timeline article div.inner span.date span {
 
  display: block;
 
  text-align: center;
 
}
 
section#timeline article div.inner span.date span.day {
 
  font-size: 10px;
 
}
 
section#timeline article div.inner span.date span.month {
 
  font-size: 18px;
 
}
 
section#timeline article div.inner span.date span.year {
 
  font-size: 10px;
 
}
 
section#timeline article div.inner h2 {
 
  padding: 15px;
 
  margin: 0;
 
  color: #fff;
 
  font-size: 20px;
 
  text-transform: uppercase;
 
  letter-spacing: -1px;
 
  font-family: 'Oswald', Arial, sans-serif
 
  border-radius: 6px 6px 0 0;
 
  position: relative;
 
}
 
section#timeline article div.inner h2:after {
 
  content: '';
 
  position: absolute;
 
  top: 20px;
 
  right: -5px;
 
  width: 10px;
 
  height: 10px;
 
  -webkit-transform: rotate(-45deg);
 
}
 
section#timeline article div.inner p {
 
  padding: 15px;
 
  margin: 0;
 
  font-size: 14px;
 
  background: #dededef;
 
  color:#4c4c4c;
 
  border-radius: 0 0 6px 6px;
 
}
 
section#timeline article:nth-child(2n+2) div.inner {
 
  float: right;
 
}
 
section#timeline article:nth-child(2n+2) div.inner h2:after {
 
  left: -5px;
 
}
 
section#timeline article:nth-child(1) div.inner h2 {
 
  background: #A8D5D8;
 
}
 
section#timeline article:nth-child(1) div.inner h2:after {
 
  background: #A8D5D8 ;
 
}
 
section#timeline article:nth-child(2) div.inner h2 {
 
  background: #efb521 ;
 
}
 
section#timeline article:nth-child(2) div.inner h2:after {
 
  background: #efb521 ;
 
}
 
section#timeline article:nth-child(3) div.inner h2 {
 
  background: #A8D5D8 ;
 
}
 
section#timeline article:nth-child(3) div.inner h2:after {
 
  background: #A8D5D8 ;
 
}
 
section#timeline article:nth-child(4) div.inner h2 {
 
  background: #17A3B5 ;
 
}
 
section#timeline article:nth-child(4) div.inner h2:after {
 
  background: #17A3B5 ;
 
}
 
section#timeline article:nth-child(5) div.inner h2 {
 
  background: #17A3B5 ;
 
}
 
section#timeline article:nth-child(5) div.inner h2:after {
 
  background: #17A3B5 ;
 
}
 
section#timeline article:nth-child(6) div.inner h2 {
 
  background: #efb521 ;
 
}
 
section#timeline article:nth-child(6) div.inner h2:after {
 
  background: #efb521 ;
 
}
 
section#timeline article:nth-child(7) div.inner h2 {
 
  background: #EDA194 ;
 
}
 
section#timeline article:nth-child(7) div.inner h2:after {
 
  background: #EDA194 ;
 
}
 
section#timeline article:nth-child(8) div.inner h2 {
 
  background: #17A3B5 ;
 
}
 
section#timeline article:nth-child(8) div.inner h2:after {
 
  background: #17A3B5 ;
 
}
 
section#timeline article:nth-child(9) div.inner h2 {
 
  background: #efb521 ;
 
}
 
section#timeline article:nth-child(9) div.inner h2:after {
 
  background: #efb521 ;
 
}
 
section#timeline article:nth-child(10) div.inner h2 {
 
  background: #17A3B5 ;
 
}
 
section#timeline article:nth-child(10) div.inner h2:after {
 
  background: #17A3B5 ;
 
}
 
section#timeline article:nth-child(11) div.inner h2 {
 
  background: #DF5939 ;
 
}
 
section#timeline article:nth-child(11) div.inner h2:after {
 
  background: #DF5939  ;
 
}
 
section#timeline article:nth-child(12) div.inner h2 {
 
  background: #efb521 ;
 
}
 
section#timeline article:nth-child(12) div.inner h2:after {
 
  background: #efb521  ;
 
}
 
section#timeline article:nth-child(13) div.inner h2 {
 
  background: #17A3B5  ;
 
}
 
section#timeline article:nth-child(13) div.inner h2:after {
 
  background: #17A3B5  ;
 
 
}
 
}
 
</style>
 
</style>
 
 
<body>
 
<body>
 
 
<section id="timeline">
 
<article>
 
    <div class="inner">
 
      <span class="date">
 
        <span class="day">25-26<sup>th</sup></span>
 
        <span class="month">April</span>
 
        <span class="year">2016</span>
 
      </span>
 
    <h2>Zika Summit 2016</h2>
 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
 
    </div>
 
  </article>
 
 
 
  <article>
 
    <div class="inner">
 
      <span class="date">
 
        <span class="day">15<sup>th</sup></span>
 
        <span class="month">May</span>
 
        <span class="year">2016</span>
 
      </span>
 
    <h2>CiBU lab meeting</h2>
 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
 
    </div>
 
  </article>
 
 
 
  <article>
 
    <div class="inner">
 
      <span class="date">
 
        <span class="day">19<sup>th</sup></span>
 
        <span class="month">May</span>
 
        <span class="year">2016</span>
 
      </span>
 
      <h2>Young Researchers in Life Sciences</h2>
 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
 
    </div>
 
  </article>
 
 
 
  <article>
 
    <div class="inner">
 
      <span class="date">
 
        <span class="day">14<sup>th</sup></span>
 
        <span class="month">June</span>
 
        <span class="year">2016</span>
 
      </span>
 
      <h2>The game at the Germaine de Staël school</h2>
 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
 
    </div>
 
  </article>
 
 
 
<article>
 
    <div class="inner">
 
      <span class="date">
 
        <span class="day">16<sup>th</sup></span>
 
        <span class="month">June</span>
 
        <span class="year">2016</span>
 
      </span>
 
      <h2>"jeu à débattre" with the association "arbre des connaissances"</h2>
 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
 
    </div>
 
  </article>
 
 
 
  <article>
 
    <div class="inner">
 
      <span class="date">
 
        <span class="day">28<sup>th</sup></span>
 
        <span class="month">June</span>
 
        <span class="year">201§</span>
 
      </span>
 
      <h2>Meeting with Anna-Bella Falloux</h2>
 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
 
    </div>
 
  </article>
 
<article>
 
    <div class="inner">
 
      <span class="date">
 
        <span class="day">2-3<sup>th</sup></span>
 
        <span class="month">July</span>
 
        <span class="year">2016</span>
 
      </span>
 
      <h2>The European experience</h2>
 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
 
    </div>
 
  </article>
 
  <article>
 
    <div class="inner">
 
      <span class="date">
 
        <span class="day">6<sup>th</sup></span>
 
        <span class="month">July</span>
 
        <span class="year">2016</span>
 
      </span>
 
      <h2>Presentation at the ENSCI</h2>
 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
 
    </div>
 
  </article>
 
<article>
 
    <div class="inner">
 
      <span class="date">
 
        <span class="day">19<sup>th</sup></span>
 
        <span class="month">July</span>
 
        <span class="year">2016</span>
 
      </span>
 
      <h2>Meeting with Civic drone</h2>
 
      <p><a href="#">The meeting with civic drone was intended to discuss with professionals, to have more accurate information concerning the drones. This issue concerns the part of Mos project (kit) o related filing, sending and analyzing traps and patch Mos (kit) in difficult access areas.</a></p>
 
    </div>
 
  </article>
 
  <article>
 
    <div class="inner">
 
      <span class="date">
 
        <span class="day">22<sup>th</sup></span>
 
        <span class="month">July</span>
 
        <span class="year">2016</span>
 
      </span>
 
      <h2>Presentation about Intellectual property law </h2>
 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
 
    </div>
 
  </article>
 
 
<article>
 
    <div class="inner">
 
      <span class="date">
 
        <span class="day">6<sup>th</sup></span>
 
        <span class="month">Aug</span>
 
        <span class="year">2016</span>
 
      </span>
 
      <h2>Meet-up Ile-de-France </h2>
 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
 
    </div>
 
  </article>
 
 
<article>
 
<div class="inner">
 
      <span class="date">
 
        <span class="day">26<sup>th</sup></span>
 
        <span class="month">Aug</span>
 
        <span class="year">2016</span>
 
      </span>
 
      <h2>Meeting with EID </h2>
 
      <p>EID Méditerranée (Entente Interdépartementale de Démoustication = Interdepartmental Organisation for the control of nuisance mosquito). These organisations is in charge of the fight against mosquitos epidemics, which is recognized as a mission of public interest, for the ministry of Health in France.</br>
 
 
Our interview with <B>Gregory Lambert</B> (medical entolomogist, coordinator at OIA) has allowed us to have more information on mosquito behavior: </br>How to lure them into the trap? </br>What are the strategic areas to place our kit? How to optimize prevention? </br>All these details have allowed us to work in a more targeted way, so that our project is as efficient as possible, taking into account the mosquito lifestyle and optimizing safety for surrounding populations.
 
</p>
 
    </div>
 
  </article>
 
 
<article>
 
<div class="inner">
 
      <span class="date">
 
        <span class="day">15/16/17<sup>th</sup></span>
 
        <span class="month">Sept</span>
 
        <span class="year">2016</span>
 
      </span>
 
      <h2>Festival du vivant </h2>
 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
 
    </div>
 
  </article>
 
 
</section>
 
  
 
</body>
 
</body>
<html>
+
</html>

Latest revision as of 22:27, 27 November 2016