Difference between revisions of "Team:INSA-UPS France/test/description"

Line 82: Line 82:
 
   <div class="section_container">
 
   <div class="section_container">
  
      <section style="background:none;padding:0px !important;z-index:100; ">
+
    <section style="background: none;">
        <h1 style="font-size:5vw;letter-spacing: 1vw;z-index:120;text-align: center;">Model Interface</h1>
+
      <img src="https://static.igem.org/mediawiki/2017/7/78/T--INSA-UPS_France--Microbioworld_logo.png" alt="">
       </section>
+
    </section>
 
+
 
 +
    <style>
 +
      p.go-further{
 +
        font-style:italic;
 +
      }
 +
      p.go-further.fr:before{
 +
        content:'Pour aller plus loin : ';
 +
        font-style:italic;
 +
        font-weight: 700;
 +
       }
 +
    </style>
 +
 
 +
    <div class="booklet_fr">
 
       <section>
 
       <section>
 +
        <h1>R&egrave;gles de base</h1>
 +
        <h2>Contexte</h2>
 
         <p>
 
         <p>
           Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam, ea? Ex animi rerum deserunt necessitatibus commodi, illum tempora soluta officia quam voluptatibus nostrum quos, ea debitis incidunt ad laborum perspiciatis aliquid est porro corrupti ducimus minima sed vel fugiat! Itaque, earum, dolorum. Consequuntur iste magni, atque! Inventore cum expedita quo ipsam quam, accusamus, neque adipisci. Consequatur itaque possimus porro nemo similique debitis nostrum. Impedit pariatur minus voluptate corporis aperiam delectus minima recusandae facilis, quod! Voluptates iure reiciendis, earum veritatis eveniet architecto alias nobis, magnam possimus veniam quisquam asperiores ullam vitae impedit dolor dolorem, officiis. Ipsa labore placeat culpa facilis temporibus.
+
           <i>MicroBioWorld</i> est un jeu de cartes consacr&eacute; &agrave; la microbiologie. Ce jeu, bas&eacute; sur les connaissances scientifiques actuelles, vous propose un voyage dans le monde des microorganismes afin de mieux appr&eacute;hender leur existence, leur diversit&eacute; et leur manipulation.
 +
        </p>
 +
        <p>
 +
          <i>MicroBioWorld</i> a &eacute;t&eacute; con&ccedil;u par des &eacute;tudiants dans le cadre de la comp&eacute;tition iGEM (= international Genetically Engineered Machine) et s&rsquo;adresse &agrave; tous, &agrave; partir de 10 ans, en famille ou entre amis.
 
         </p>
 
         </p>
      </section>
 
  
 +
        <h2>But du jeu</h2>
 +
        <p>
 +
          Chaque joueur incarne une colonie bact&eacute;rienne (ensemble de bact&eacute;ries issues d&rsquo;une m&ecirc;me bact&eacute;rie m&egrave;re). Pour gagner, soyez le premier &agrave; constituer une colonie de 10 log, soit dix milliards de bact&eacute;ries! Pour cela, vous utiliserez les avantages conf&eacute;r&eacute;s par votre type de bact&eacute;rie et les am&eacute;liorations que vous lui aurez apport&eacute;es!
 +
        </p>
  
<style>
+
        <h2>D&eacute;roulement d'un tour</h2>
 +
        <h3>Pr&eacute;paration : </h3>
 +
        <p>
 +
          Chaque joueur re&ccedil;oit d&rsquo;abord une carte &ldquo;bact&eacute;rie&rdquo;. Tous les joueurs placent leur carte bact&eacute;rie face visible devant eux.
 +
        </p>
 +
        <p>
 +
          Les cartes &ldquo;milieux&rdquo; permettent de mimer un environnement dans lequel les diff&eacute;rentes colonies vont &eacute;voluer pendant la partie (voir plus d&rsquo;explications dans le paragraphe &ldquo;milieux&rdquo;). La partie commence en milieu &ldquo;LB&rdquo;. M&eacute;langez toutes les autres cartes &ldquo;milieux&rdquo; et posez-les face cach&eacute;e sur la table.
 +
        </p>
 +
        <p>
 +
          M&eacute;langez ensuite les cartes &ldquo;pioche&rdquo;. A partir de cette pioche, distribuez une main de 3 cartes &agrave; chaque joueur (ne pas prendre en compte l&rsquo;effet &ldquo;cette carte doit &ecirc;tre pos&eacute;e imm&eacute;diatement&rdquo;).
 +
        </p>
 +
        <p>
 +
          Chaque joueur commence &agrave; 5 log de bact&eacute;ries, indiquez votre progression sur la carte gr&acirc;ce &agrave; un petit pointeur comme une pointe de stylo ou un morceau de papier triangulaire.
 +
        </p>
  
 +
        <h3>Tours : </h3>
 +
        <p>
 +
          A votre tour, vous pouvez d’abord jouer une carte de votre main. Effectuez ensuite une action parmi les trois proposées :
 +
        </p>
 +
        <ul>
 +
          <li>Piocher une carte. Sauf indication contraire la main ne peut contenir que 3 cartes. Vous pouvez vous d&eacute;fausser d&rsquo;une carte pour piocher. </li>
 +
          <li>Se diviser (gagner 1 log &agrave; la colonie)</li>
 +
        </ul>
  
.interface_container{
+
        <p class="go-further fr">
  width:80%;
+
          une colonie bact&eacute;rienne se d&eacute;veloppe en utilisant les ressources du milieu (carbone, azote, fer, etc). Au sein d&rsquo;une colonie, les bact&eacute;ries se multiplient en cr&eacute;ant un double d&rsquo;elles-m&ecirc;me : on dit qu&rsquo;elles se divisent. &nbsp;Ainsi, &agrave; chaque division, le nombre de bact&eacute;ries est multipli&eacute; par 2 dans la colonie. Dans le jeu, les &ldquo;log&rdquo; sont utilis&eacute;es pour d&eacute;crire la quantit&eacute; de bact&eacute;ries, qui peut atteindre des milliards d&rsquo;individus. Par exemple, dans le gros intestin, lieu de r&eacute;sidence de multiples bact&eacute;ries, il y a environ 14 log de bact&eacute;ries, soit cent mille milliards de bact&eacute;ries !
  margin:0px auto;
+
        </p>
  height:100%;
+
  padding:20px;
+
  text-align: center;
+
}
+
input{
+
  background:none !important;
+
}
+
  input[type=range] {
+
  height: 35px;
+
  -webkit-appearance: none;
+
  margin: 10px 0;
+
  width: 100%;
+
  text-align: center;
+
}
+
input[type=range]:focus {
+
  outline: none;
+
}
+
input[type=range]::-webkit-slider-runnable-track {
+
  width: 100%;
+
  height: 13px;
+
  cursor: pointer;
+
  animate: 0.2s;
+
  box-shadow: 1px 1px 1px #50555C;
+
  background: #50555C;
+
  border-radius: 14px;
+
  border: 0px solid #000000;
+
}
+
input[type=range]::-webkit-slider-thumb {
+
  box-shadow: 0px 0px 0px #000000;
+
  border: 0px solid #000000;
+
  height: 29px;
+
  width: 29px;
+
  border-radius: 12px;
+
  background: #529DE1;
+
  cursor: pointer;
+
  -webkit-appearance: none;
+
  margin-top: -8px;
+
}
+
input[type=range]:focus::-webkit-slider-runnable-track {
+
  background: #50555C;
+
}
+
input[type=range]::-moz-range-track {
+
  width: 100%;
+
  height: 13px;
+
  cursor: pointer;
+
  animate: 0.2s;
+
  box-shadow: 1px 1px 1px #50555C;
+
  background: #50555C;
+
  border-radius: 14px;
+
  border: 0px solid #000000;
+
}
+
input[type=range]::-moz-range-thumb {
+
  box-shadow: 0px 0px 0px #000000;
+
  border: 0px solid #000000;
+
  height: 29px;
+
  width: 29px;
+
  border-radius: 12px;
+
  background: #529DE1;
+
  cursor: pointer;
+
}
+
input[type=range]::-ms-track {
+
  width: 100%;
+
  height: 13px;
+
  cursor: pointer;
+
  animate: 0.2s;
+
  background: transparent;
+
  border-color: transparent;
+
  color: transparent;
+
}
+
input[type=range]::-ms-fill-lower {
+
  background: #50555C;
+
  border: 0px solid #000000;
+
  border-radius: 28px;
+
  box-shadow: 1px 1px 1px #50555C;
+
}
+
input[type=range]::-ms-fill-upper {
+
  background: #50555C;
+
  border: 0px solid #000000;
+
  border-radius: 28px;
+
  box-shadow: 1px 1px 1px #50555C;
+
}
+
input[type=range]::-ms-thumb {
+
  margin-top: 1px;
+
  box-shadow: 0px 0px 0px #000000;
+
  border: 0px solid #000000;
+
  height: 29px;
+
  width: 29px;
+
  border-radius: 12px;
+
  background: #529DE1;
+
  cursor: pointer;
+
}
+
input[type=range]:focus::-ms-fill-lower {
+
  background: #50555C;
+
}
+
input[type=range]:focus::-ms-fill-upper {
+
  background: #50555C;
+
}
+
  
/* Sliders */
+
        <ul>
 +
          <li>Attaquer une colonie adverse (- 1 log à la colonie adverse)</li>
 +
        </ul>
  
.sliders_container{
+
        <p class="go-further fr">
  width:200px;
+
          Certaines bact&eacute;ries disposent de tout un arsenal pour limiter la croissance de leurs comp&eacute;titeurs (par exemple en pi&eacute;geant certaines ressources essentielles comme le fer), voire de les &eacute;liminer! ( par exemple en utilisant des toxines). Attention, si dans le jeu toutes les bact&eacute;ries sont capables de s&rsquo;attaquer entre elles, il en va autrement dans la nature car elles n&rsquo;ont pas toutes le m&ecirc;me environnement, et ne sont donc que rarement en comp&eacute;tition.
  height:300px;
+
         </p>
}
+
      </section>
.sliders{
+
padding:10px;
+
}
+
 
+
 
+
/* Curve */
+
 
+
.Vc_time_curve{
+
  width:500px;
+
  height:300px;
+
  float:right;
+
}
+
  #run_button{
+
    width:100%;
+
    height:30px;
+
    line-height: 30px;
+
    background: #eee;
+
    text-align: center;
+
    vertical-align: middle;
+
  }
+
</style>
+
 
+
 
+
<section style="border-radius:5px; background: rgba(255,249,235,0.5);">
+
  <div class="interface_container">
+
  <div class="model_interface">
+
 
+
        <div class="Vc_time_curve">
+
         
+
        </div>
+
 
+
        <div class="sliders_container">
+
        <div class="sliders">
+
          <div id="sliderVc">
+
            <div class="label_slider">
+
              <i>V. cholerae</i> concentration:
+
              <div>
+
                10<sup>7</sup>
+
              </div>
+
            </div>
+
            <input type="range" min="0" max="4" value="1" step="1" name="Vc">
+
          </div>
+
          <div id="sliderPp">
+
            <div class="label_slider">
+
              <i>P. pastoris</i> concentration:
+
              <div>
+
                10<sup>9</sup>
+
              </div>
+
            </div>
+
            <input type="range" min="0" max="4" value="1" step="1" name="Pp">
+
          </div>
+
          <div id="run_button">
+
            RUN
+
          </div>
+
         </div>
+
        </div>
+
 
+
        <style>
+
          /* Graphical display */
+
  
         .graphical_display{
+
      <style>
          height:400px;
+
         .card_container{
 
           margin-top:20px;
 
           margin-top:20px;
 
         }
 
         }
         .graphical_display .water_tank{
+
         .cards_table td{
          width:60%;
+
          height:300px;
+
          float:left;
+
 
           position:relative;
 
           position:relative;
 +
          z-index:10;
 +
          cursor:pointer;
 
         }
 
         }
         .graphical_display .water_tank{
+
         .cards_table img{
           display:inline;
+
          width:100%;
 +
          text-align:center;
 +
            -webkit-transition: all 0.5s ease;
 +
            -moz-transition: all 0.5s ease;
 +
            -o-transition: all 0.5s ease;
 +
            -ms-transition: all 0.5s ease;
 +
          transition: all 0.5s ease;
 +
        }
 +
        .cards_table td.active img, .cards_table td:hover img{
 +
          width:130%;
 +
          text-align:center;
 +
          margin-left:-10%;   
 +
        }
 +
        .cards_table td.active, .cards_table td:hover{
 +
          z-index:20;
 +
        }
 +
        .cards_descr{
 +
          position:relative;
 +
          width:70%;
 +
          margin:20px 5% 50px auto;
 +
          overflow: visible;
 +
        }
 +
        .card_container{
 +
           display:none;
 +
        }
 +
        .card_container.active{
 +
          display:table !important;
 +
        }
 +
        .card_img{
 +
          display:table-cell;
 +
          width:30%;
 +
          vertical-align: middle;
 +
 
 
         }
 
         }
         .water_tank img{
+
         .card_img img{
          position:absolute;
+
 
           width:100%;
 
           width:100%;
          top:0;
 
          left:0;
 
 
         }
 
         }
 +
        .card_img{
 +
          display:table-cell;
 +
          width:30%;
 +
          vertical-align: middle;
  
         .graphical_display .time_before_drinking{
+
        }
           width:35%;
+
         .card_img img{
 +
          width:100%;
 +
        }
 +
        .card_expl{
 +
          display:table-cell;
 +
           width:70%;
 +
          vertical-align: top;
 +
          position:relative;
 
           height:100%;
 
           height:100%;
          float:right;
 
 
         }
 
         }
 
+
         .card_expl > div{
         .water_tank img.visible{
+
           margin-left:40px;
           opacity:1;
+
          background: rgba(255,255,255,0.2);
 +
          height:100%;
 +
          border-radius:20px;
 
         }
 
         }
         .water_tank img{
+
         .card_expl p{
           opacity:0;
+
           padding:10px 60px 10px 60px;
 +
          text-align:justify;
 
         }
 
         }
 +
      </style>
  
         </style>
+
      <section>
 +
         <h1>Cartes Bact&eacute;ries</h1>
 +
        <p class="go-further fr">
 +
          Les bact&eacute;ries sont des organismes microscopiques (entre 0.2 et 2 &micro;m) et ne sont compos&eacute;s que d&rsquo;une simple cellule. Actuellement, on estime qu&rsquo;il existe &nbsp;des milliards &ldquo;d&rsquo;esp&egrave;ces&rdquo; bact&eacute;riennes, occupant la quasi-totalit&eacute; des environnements (des zones glac&eacute;es aux d&eacute;serts chauds, du syst&egrave;me digestif humain au confin des abysses marins&hellip;). <br />
 +
          Les bact&eacute;ries ont des propri&eacute;t&eacute;s, des formes et des comportements tr&egrave;s divers. Certaines sont de forme allong&eacute;e (bacilles), d&rsquo;autres rondes (coques). <br />
 +
          Les bact&eacute;ries prototrophes sont capables de se nourrir dans n&rsquo;importe quel environnement, alors que les auxotrophes ont besoin que leur environnement contienne tous les &eacute;l&eacute;ments nutritifs pour se d&eacute;velopper. <br />
 +
          Certaines sont capables de provoquer des maladies chez l&rsquo;homme, ce sont les &nbsp;pathog&egrave;nes. <br />
 +
          La communaut&eacute; scientifique a class&eacute; les bact&eacute;ries en fonction de leur capacit&eacute; &agrave; &ecirc;tre color&eacute;es par une technique appel&eacute; test de Gram (elles sont dites &agrave; Gram positif ou &agrave; Gram n&eacute;gatif), cette coloration d&eacute;pend de la composition de la membrane qui les entoure. <br />
 +
          Sur milieu g&eacute;los&eacute;, une bact&eacute;rie qui se multiplie finit par former un petit point visible &agrave; l&rsquo;oeil nu (environ 8 log). Il s&rsquo;agit d&rsquo;une colonie bact&eacute;rienne, elle va continuer de s&rsquo;&eacute;tendre tant que les ressources nutritives sont suffisantes pour assurer son d&eacute;veloppement. La forme et la couleur de ces colonies d&eacute;pendent des bact&eacute;ries. <br />
 +
        </p>
 +
      </section>
  
 +
      <table class="cards_table">
 +
        <tr>
 +
          <td id="img1"  data-target="img2" class="active">
 +
            <img src="https://static.igem.org/mediawiki/2017/1/1b/T--INSA-UPS_France--Microbioworld_Cards_fr_Bsubtilis-min.png" alt="">
 +
          </td>
 +
          <td id="img2"  data-target="img3">
 +
            <img src="https://static.igem.org/mediawiki/2017/5/5e/T--INSA-UPS_France--Microbioworld_Cards_fr_Dradiodurans-min.png" alt="">
 +
          </td>
 +
          <td id="img3"  data-target="img4">
 +
            <img src="https://static.igem.org/mediawiki/2017/e/e8/T--INSA-UPS_France--Microbioworld_Cards_fr_Ecoli-min.png" alt="">
 +
          </td>
 +
          <td id="img4"  data-target="img5">
 +
            <img src="https://static.igem.org/mediawiki/2017/6/65/T--INSA-UPS_France--Microbioworld_Cards_fr_Saureus-min.png" alt="">
 +
          </td>
 +
          <td id="img5"  data-target="img6">
 +
            <img src="https://static.igem.org/mediawiki/2017/e/ef/T--INSA-UPS_France--Microbioworld_Cards_fr_Spneumoniae-min.png" alt="">
 +
          </td>
 +
          <td id="img6"  data-target="img1">
 +
            <img src="https://static.igem.org/mediawiki/2017/3/34/T--INSA-UPS_France--Microbioworld_Cards_fr_Vcholerae-min.png" alt="">
 +
          </td>
 +
          <td></td>
 +
        </tr>
 +
      </table>
 +
     
 +
      <div class="card_container active" id="full_img1">
 +
        <div class="card_img">
 +
          <img src="https://static.igem.org/mediawiki/2017/f/f5/T--INSA-UPS_France--Microbioworld_Cards_fr_Bsubtilis.png" alt="">
 +
        </div>
 +
        <div class="card_expl">
 +
          <div class="card_text">
 +
            <p>
 +
              <b>Effet :</b> Sporulation
 +
            </p>
 +
            <p>
 +
              Une fois par partie, lorsque votre colonie subit des d&eacute;g&acirc;ts, <i>Bacillus subtilis</i> peut entrer en sporulation. Vous ne subissez aucun d&eacute;g&acirc;t ce tour-ci.
 +
            </p>
 +
            <p>
 +
              <b>Cat&eacute;gories:</b>  type bacille, Gram positif, non-pathog&egrave;ne, prototrophe.
 +
            </p>
 +
            <p class="go-further fr">
 +
              La sporulation est une propri&eacute;t&eacute; permettant &agrave; certains organismes de survivre &agrave; diff&eacute;rents stress. Pour cela, la bact&eacute;rie se met dans un &eacute;tat v&eacute;g&eacute;tatif appel&eacute; dormance, et s&rsquo;entoure d&rsquo;une paroi sp&eacute;ciale qui lui permet de r&eacute;sister aux agressions ext&eacute;rieures. Quand les conditions s&rsquo;am&eacute;liorent, la spore peut &ldquo;germer&rdquo; et la bact&eacute;rie reprendre sa croissance. On a ainsi pu faire germer des spores isol&eacute;es sur des momies &eacute;gyptiennes !
 +
            </p>
 +
          </div>
 +
        </div>
 +
      </div>
  
        <div class="graphical_display">
+
      <div class="card_container" id="full_img2">
          <div class="water_tank">
+
        <div class="card_img">
            <img src="https://static.igem.org/mediawiki/2017/4/49/T--INSA-UPS_France--Model_Interface_graphical_img_base.png" class="visible" id="int_img_base" alt="">
+
          <img src="https://static.igem.org/mediawiki/2017/1/12/T--INSA-UPS_France--Microbioworld_Cards_fr_Dradiodurans.png" alt="">
            <img src="https://static.igem.org/mediawiki/2017/d/db/T--INSA-UPS_France--Model_Interface_graphical_img_base_harveyi.png" alt="" class="visible" id="int_img_base_harveyi">
+
        </div>
             <img class="visible" src="https://static.igem.org/mediawiki/2017/d/d6/T--INSA-UPS_France--Model_Interface_graphical_img_Vc1.png" class="int_img_Vc" id="int_img_Vc0" alt="">
+
        <div class="card_expl">
             <img class="visible" src="https://static.igem.org/mediawiki/2017/a/a7/T--INSA-UPS_France--Model_Interface_graphical_img_Vc2.png" class="int_img_Vc" id="int_img_Vc1" alt="">
+
          <div class="card_text">
             <img src="https://static.igem.org/mediawiki/2017/8/8f/T--INSA-UPS_France--Model_Interface_graphical_img_Vc3.png" class="int_img_Vc" id="int_img_Vc2" alt="">
+
             <p>
            <img src="https://static.igem.org/mediawiki/2017/9/9f/T--INSA-UPS_France--Model_Interface_graphical_img_Vc4.png" class="int_img_Vc" id="int_img_Vc3" alt="">
+
              <b>Effet :</b> Polyextr&ecirc;mophile
             <img src="https://static.igem.org/mediawiki/2017/b/be/T--INSA-UPS_France--Model_Interface_graphical_img_Vc5.png" class="int_img_Vc" id="int_img_Vc4" alt="">
+
            </p>
 +
             <p>
 +
              La croissance de <i>Deinococcus radiodurans</i> n&rsquo;est pas affect&eacute;e par la temp&eacute;rature et les UV.
 +
            </p>
 +
             <p>
 +
              <b>Cat&eacute;gories:</b>  type coque, Gram positif, non-pathog&egrave;ne, auxotrophe
 +
            </p>
 +
            <p class="go-further fr">
 +
              <span style="font-style:normal;">Deinococcus radiodurans</span> est une bact&eacute;rie polyextr&ecirc;mophile capable de se diviser m&ecirc;me &agrave; des temp&eacute;ratures extr&ecirc;mes . Elle suscite un grand int&eacute;r&ecirc;t dans la communaut&eacute; scientifique en raison de son impressionnante capacit&eacute; de survie. Poss&eacute;dant plusieurs copies de son ADN, cette bact&eacute;rie est beaucoup moins sensibles aux mutations caus&eacute;es par l&rsquo;environnement.  
 +
             </p>
 +
          </div>
 +
        </div>
 +
      </div>
  
            <img class="visible" src="https://static.igem.org/mediawiki/2017/6/6f/T--INSA-UPS_France--Model_Interface_graphical_img_Pp1.png" class="int_img_Pp" id="int_img_Pp0" alt="">
+
      <div class="card_container" id="full_img3">
            <img class="visible" src="https://static.igem.org/mediawiki/2017/7/76/T--INSA-UPS_France--Model_Interface_graphical_img_Pp2.png" class="int_img_Pp" id="int_img_Pp1" alt="">
+
        <div class="card_img">
            <img src="https://static.igem.org/mediawiki/2017/e/ee/T--INSA-UPS_France--Model_Interface_graphical_img_Pp3.png" class="int_img_Pp" id="int_img_Pp2" alt="">
+
          <img src="https://static.igem.org/mediawiki/2017/a/ae/T--INSA-UPS_France--Microbioworld_Cards_fr_Ecoli.png" alt="">
             <img src="https://static.igem.org/mediawiki/2017/1/1e/T--INSA-UPS_France--Model_Interface_graphical_img_Pp4.png" class="int_img_Pp" id="int_img_Pp3" alt="">
+
        </div>
            <img src="https://static.igem.org/mediawiki/2017/0/0b/T--INSA-UPS_France--Model_Interface_graphical_img_Pp5.png" class="int_img_Pp" id="int_img_Pp4" alt="">
+
        <div class="card_expl">
 +
          <div class="card_text">
 +
             <p>
 +
              <b>Effet :</b> Microbiote
 +
            </p>
 +
            <p>
 +
              Une fois dans la partie, vous pouvez choisir un joueur : vous faites alors partie du m&ecirc;me microbiote. Vous ne pouvez plus attaquer ou &ecirc;tre attaqu&eacute; par ce joueur jusqu&rsquo;&agrave; la fin de la partie. Arrivez le premier &agrave; 10 log pour battre votre microbiote.
 +
            </p>
 +
            <p>
 +
              <b>Cat&eacute;gories :</b> type bacille, Gram n&eacute;gatif, non-pathog&egrave;ne, prototrophe
 +
            </p>
 +
            <p class="go-further fr">
 +
              <span style="font-style:normal;">Escherichia coli</span> est naturellement pr&eacute;sente dans le syst&egrave;me digestif de l&rsquo;homme. C&rsquo;est m&ecirc;me le premier microorganisme &agrave; coloniser cet environnement &agrave; la naissance du b&eacute;b&eacute;. De part sa grande souplesse d&rsquo;utilisation, c&rsquo;est le mod&egrave;le bact&eacute;rien le plus &eacute;tudi&eacute; en laboratoire et elle est aussi tr&egrave;s utilis&eacute;e dans les bioindustries pour produire diff&eacute;rents compos&eacute;s organiques.
 +
            </p>
 +
          </div>
 +
        </div>
 +
      </div>
  
 +
      <div class="card_container" id="full_img4">
 +
        <div class="card_img">
 +
          <img src="https://static.igem.org/mediawiki/2017/d/d4/T--INSA-UPS_France--Microbioworld_Cards_fr_Saureus.png" alt="">
 +
        </div>
 +
        <div class="card_expl">
 +
          <div class="card_text">
 +
            <p>
 +
              <b>Effet :</b> Multir&eacute;sistance
 +
            </p>
 +
            <p>
 +
              <i>Staphylococcus aureus</i> MRSA est r&eacute;sistante au chloramph&eacute;nicol et &agrave; l&rsquo;ampicilline.
 +
            </p>
 +
            <p>
 +
              <b>Cat&eacute;gories :</b> type coque, Gram positif, pathog&egrave;ne, auxotrophe
 +
            </p>
 +
            <p class="go-further fr">
 +
              Son nom commun est staphylocoque dor&eacute;e en raison des pigments qu&rsquo;elle produit qui conf&egrave;rent une couleur dor&eacute;e &agrave; ses colonies. Chez l&rsquo;homme, elle est naturellement pr&eacute;sente sur la peau. Cette bact&eacute;rie est surtout c&eacute;l&egrave;bre pour son caract&egrave;re pathog&egrave;ne quand elle a l'opportunit&eacute; d'infecter son h&ocirc;te, &agrave; la suite d&rsquo;une coupure par exemple. Le variant MRSA (Multi Resistant <span style="font-style:normal;">Staphylococcus Aureus</span>) est plus tristement c&eacute;l&egrave;bre en raison de sa capacit&eacute; &agrave; r&eacute;sister &agrave; la plupart des antibiotiques. Dans les h&ocirc;pitaux, elle provoque des maladies nosocomiales.
 +
            </p>
 
           </div>
 
           </div>
           <div class="time_before_drinking">
+
        </div>
              
+
      </div>
 +
 
 +
      <div class="card_container" id="full_img5">
 +
        <div class="card_img">
 +
           <img src="https://static.igem.org/mediawiki/2017/b/bf/T--INSA-UPS_France--Microbioworld_Cards_fr_Spneumoniae.png" alt="">
 +
        </div>
 +
        <div class="card_expl">
 +
          <div class="card_text">
 +
             <p>
 +
              <b>Effet :</b> Comp&eacute;tence
 +
            </p>
 +
            <p>
 +
              Une fois dans la partie, lorsque vous attaquez une autre colonie ou qu&rsquo;une autre colonie vous attaque, vous pouvez lui voler une carte plasmide. Mettez ce plasmide dans votre main, vous pouvez alors avoir jusqu&rsquo;&agrave; 4 cartes en main.
 +
            </p>
 +
            <p>
 +
              <b>Cat&eacute;gories :</b> type coque, Gram n&eacute;gatif, pathog&egrave;ne, prototrophe.
 +
            </p>
 +
            <p class="go-further fr">
 +
              Cette bact&eacute;rie est un pathog&egrave;ne de l&rsquo;homme retrouv&eacute; dans diff&eacute;rentes infections (pneumonie, otites, m&eacute;ningite&hellip;). Le m&eacute;canisme de comp&eacute;tence de <span style="font-style:normal;">Streptococcus pneumoniae</span> lui permet d&rsquo;acqu&eacute;rir naturellement des plasmides d&rsquo;autres microorganismes (voir plus d&rsquo;explications dans le paragraphe &ldquo;Plasmides&rdquo;).
 +
            </p>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 +
      </div>
  
          
+
      <div class="card_container" id="full_img6">
  </div>
+
         <div class="card_img">
  </div>
+
          <img src="https://static.igem.org/mediawiki/2017/8/86/T--INSA-UPS_France--Microbioworld_Cards_fr_Vcholerae.png" alt="">
  </section>
+
        </div>
 +
        <div class="card_expl">
 +
          <div class="card_text">
 +
            <p>
 +
              <b>Effet :</b>  Toxine chol&eacute;rique
 +
            </p>
 +
            <p>
 +
              Si la colonie attaqu&eacute;e poss&egrave;de au moins 7 log, Vibrio cholerae peut lancer une division en plus de son attaque.
 +
            </p>
 +
            <p>
 +
              <b>Cat&eacute;gories :</b> type bacille, Gram n&eacute;gatif, pathog&egrave;ne, auxotrophe.
 +
            </p>
 +
            <p class="go-further fr">
 +
              <span style="font-style:normal;">Vibrio cholerae</span> est une bact&eacute;rie qui vit dans les eaux stagnantes, elle est responsable du chol&eacute;ra. Lorsqu&rsquo;elle est ing&eacute;r&eacute;e par l&rsquo;homme, elle perturbe le syst&egrave;me digestif et provoque des diarrh&eacute;es, elle rejoint alors d&rsquo;autres cours d&rsquo;eau, ce qui lui permet de coloniser de nouveaux environnements. Elle poss&egrave;de aussi un syst&egrave;me de perforation qui lui permet d&rsquo;attaquer d&rsquo;autres bact&eacute;ries pour exploiter leurs ressources.
 +
            </p>
 +
          </div>
 +
        </div>
 +
      </div>
  
  
 
       <section>
 
       <section>
 +
        <h1>Cartes milieux </h1>
 
         <p>
 
         <p>
           Officia repellendus ut harum totam quibusdam a minus in tempora voluptatum vero perferendis quae explicabo aut veritatis repudiandae non, necessitatibus magni ipsa quas doloribus suscipit, maxime. Atque repudiandae labore eius veritatis sit, illum officia. Error sit, nesciunt nulla! Molestiae nesciunt tempora similique voluptatum aperiam unde cumque necessitatibus quisquam modi dolorem est eligendi veritatis minus, ut non veniam praesentium adipisci voluptatem perspiciatis. Repudiandae temporibus eius saepe reprehenderit excepturi autem velit, eaque nostrum officiis iusto quisquam quod vero. Eum voluptate optio iure, alias vel ratione consectetur nostrum placeat, odit perspiciatis cum accusantium dignissimos illum sapiente quibusdam explicabo in eius similique? Architecto, a?
+
           Les cartes milieux permettent de mimer un environnement dans lequel les diff&eacute;rentes colonies vont &eacute;voluer pendant la partie. La carte &ldquo;repiquage&rdquo; permet de changer le milieu de culture : lorsqu&rsquo;elle est jou&eacute;e, retournez la premi&egrave;re carte de la pile milieux, elle devient le nouveau milieu commun.
 +
        </p>
 +
        <p class="go-further fr">
 +
          en laboratoire, les microorganismes sont cultiv&eacute;s sur des supports (appel&eacute;s milieux) qui fournissent les nutriments n&eacute;cessaires &agrave; leur croissance. Le milieu g&eacute;lifi&eacute; est conditionn&eacute; dans une bo&icirc;te de Petri, une petite bo&icirc;te en plastique transparent. Un milieu additionn&eacute; d&rsquo;un antibiotique est dit  s&eacute;lectif : seules les bact&eacute;ries r&eacute;sistantes &agrave; cet antibiotique pourront se d&eacute;velopper. Certains milieux sont dits diff&eacute;rentiels : ils permettent de colorer les bact&eacute;ries en fonction de leurs propri&eacute;t&eacute;s. 
 
         </p>
 
         </p>
 
       </section>
 
       </section>
 +
 +
      <table class="cards_table">
 +
        <tr>
 +
          <td id="img10" data-target="img11" class="active"><img src="https://static.igem.org/mediawiki/2017/a/a6/T--INSA-UPS_France--Microbioworld_Media_LB25-min.png" alt=""></td>
 +
          <td id="img11" data-target="img12"><img src="https://static.igem.org/mediawiki/2017/4/48/T--INSA-UPS_France--Microbioworld_Media_LBUV-min.png" alt=""></td>
 +
          <td id="img12" data-target="img13"><img src="https://static.igem.org/mediawiki/2017/e/ea/T--INSA-UPS_France--Microbioworld_Media_LB45-min.png" alt=""></td>
 +
          <td id="img13" data-target="img14"><img src="https://static.igem.org/mediawiki/2017/f/f9/T--INSA-UPS_France--Microbioworld_Media_LBamp-min.png" alt=""></td>
 +
          <td id="img14" data-target="img15"><img src="https://static.igem.org/mediawiki/2017/e/e3/T--INSA-UPS_France--Microbioworld_Media_LBchlo-min.png" alt=""></td>
 +
          <td id="img15" data-target="img16"><img src="https://static.igem.org/mediawiki/2017/f/f9/T--INSA-UPS_France--Microbioworld_Media_LBconta-min.png" alt=""></td>
 +
          <td id="img16" data-target="img17"><img src="https://static.igem.org/mediawiki/2017/3/36/T--INSA-UPS_France--Microbioworld_Media_chap-min.png" alt=""></td>
 +
          <td id="img17" data-target="img18"><img src="https://static.igem.org/mediawiki/2017/5/51/T--INSA-UPS_France--Microbioworld_Media_mcc-min.png" alt=""></td>
 +
          <td id="img18" data-target="img11"><img src="https://static.igem.org/mediawiki/2017/0/04/T--INSA-UPS_France--Microbioworld_Media_min-min.png" alt=""></td>
 +
        </tr>
 +
      </table>
 +
     
 +
      <div class="card_container active" id="full_img10">
 +
        <div class="card_img">
 +
          <img src="https://static.igem.org/mediawiki/2017/b/b4/T--INSA-UPS_France--Microbioworld_Media_LB25.png" alt="">
 +
        </div>
 +
        <div class="card_expl">
 +
          <div class="card_text">
 +
            <p>
 +
              <b>Effet :</b> les bact&eacute;ries se divisent et attaquent normalement. C&rsquo;est le milieu de culture de d&eacute;part.
 +
            </p>
 +
            <p class="go-further fr">
 +
            Il est compos&eacute; d&rsquo;extrait de levure, de peptone (m&eacute;lange de petites mol&eacute;cules prot&eacute;iques qui fournit notamment la mati&egrave;re azot&eacute;e), de sel et d&rsquo;eau.
 +
            </p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
 +
      <div class="card_container" id="full_img11">
 +
        <div class="card_img">
 +
          <img src="https://static.igem.org/mediawiki/2017/9/93/T--INSA-UPS_France--Microbioworld_Media_LBUV.png" alt="">
 +
        </div>
 +
        <div class="card_expl">
 +
          <div class="card_text">
 +
            <p>
 +
              <b>Effet :</b> au d&eacute;but de votre tour, vous perdez 1 log avant de pouvoir effectuer toute action.
 +
            </p>
 +
            <p class="go-further fr">
 +
            Des mutations se produisent naturellement dans le g&eacute;nome mais elles sont tr&egrave;s ponctuelles. Le rayonnement Ultra-Violet est un agent mutag&egrave;ne : il favorise l'apparition d&rsquo;un grand nombre de mutations qui alt&egrave;rent l&rsquo;information de l&rsquo;ADN. S&rsquo;il y a trop de mutations, la bact&eacute;rie n&rsquo;est plus capable de maintenir toutes ses fonctions vitales.
 +
            </p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
 +
      <div class="card_container" id="full_img12">
 +
        <div class="card_img">
 +
          <img src="https://static.igem.org/mediawiki/2017/0/02/T--INSA-UPS_France--Microbioworld_Media_LB45.png" alt="">
 +
        </div>
 +
        <div class="card_expl">
 +
          <div class="card_text">
 +
            <p>
 +
              <b>Effet :</b> les bact&eacute;ries non thermophiles ne peuvent plus se diviser.
 +
            </p>
 +
            <p class="go-further fr">
 +
            Les microorganismes thermophiles sont adapt&eacute;s pour vivre dans des milieux &agrave; tr&egrave;s haute temp&eacute;rature comme les volcans ou les sources chaudes. Une temp&eacute;rature &eacute;lev&eacute;e augmente la fluidit&eacute; de la membrane et inactive de nombreuses mol&eacute;cules chez les microorganismes. Les thermophiles utilisent des acides gras diff&eacute;rents pour maintenir l&rsquo;int&eacute;grit&eacute; de leur membrane. Ils pr&eacute;sentent aussi des prot&eacute;ines thermor&eacute;sistantes : elles ont une structure plus compacte et sont plus stables.
 +
            </p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
 +
      <div class="card_container" id="full_img13">
 +
        <div class="card_img">
 +
          <img src="https://static.igem.org/mediawiki/2017/0/0b/T--INSA-UPS_France--Microbioworld_Media_LBamp.png" alt="">
 +
        </div>
 +
        <div class="card_expl">
 +
          <div class="card_text">
 +
            <p>
 +
              <b>Effet :</b> toutes les bact&eacute;ries non r&eacute;sistantes &agrave; l&rsquo;ampicilline perdent 3 log.
 +
            </p>
 +
            <p class="go-further fr">
 +
            L'ampicilline est un antibiotique de type bact&eacute;ricide : il tue les bact&eacute;ries. Il fait partie de la famille de la p&eacute;nicilline. Cet antibiotique emp&ecirc;che la production du peptidoglycane, un constituant de la paroi des bact&eacute;ries. Pour ce faire, il se fixe sur des enzymes qui participent &agrave; la formation de liaisons entre les mol&eacute;cules du peptidoglycane.
 +
 +
            </p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
 +
      <div class="card_container" id="full_img14">
 +
        <div class="card_img">
 +
          <img src="https://static.igem.org/mediawiki/2017/d/d5/T--INSA-UPS_France--Microbioworld_Media_LBchlo.png" alt="">
 +
        </div>
 +
        <div class="card_expl">
 +
          <div class="card_text">
 +
            <p>
 +
              <b>Effet :</b> toutes les bact&eacute;ries non r&eacute;sistantes au chloramph&eacute;nicol ne peuvent plus se diviser.
 +
            </p>
 +
            <p class="go-further fr">
 +
            Le chloramph&eacute;nicol est un antibiotique de type bact&eacute;riostatique : il emp&ecirc;che la division des bact&eacute;ries. Il bloque la production des prot&eacute;ines utilis&eacute;es pour la division.
 +
            </p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
 +
      <div class="card_container" id="full_img15">
 +
        <div class="card_img">
 +
          <img src="https://static.igem.org/mediawiki/2017/6/69/T--INSA-UPS_France--Microbioworld_Media_LBconta.png" alt="">
 +
        </div>
 +
        <div class="card_expl">
 +
          <div class="card_text">
 +
            <p>
 +
              <b>Effet :</b> Un champignon s&rsquo;est d&eacute;velopp&eacute; sur le milieu, il a une colonie de (nombre joueur +1) log. Il se divise &agrave; chaque tour de table. Les joueurs peuvent attaquer le champignon pendant leur phase d&rsquo;attaque. S&rsquo;il meurt, le milieu redevient un LB standard. S&rsquo;il atteint 10 log, il gagne la partie ! On ne peut plus changer le milieu de culture, les repiquages permettent de remettre le champignon &agrave; n joueur +1 log.
 +
            </p>
 +
            <p class="go-further fr">
 +
            Les microorganismes sont pr&eacute;sents partout. Le travail du microbiologiste s&rsquo;effectue en condition st&eacute;rile pour &eacute;viter les contaminations non d&eacute;sir&eacute;es. Il arrive quand m&ecirc;me que des contaminants se d&eacute;veloppent sur les bo&icirc;tes de P&eacute;tri. Ces contaminants peuvent alors envahir le milieu.
 +
            </p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
 +
      <div class="card_container" id="full_img16">
 +
        <div class="card_img">
 +
          <img src="https://static.igem.org/mediawiki/2017/9/9d/T--INSA-UPS_France--Microbioworld_Media_chap.png" alt="">
 +
        </div>
 +
        <div class="card_expl">
 +
          <div class="card_text">
 +
            <p>
 +
              <b>Effet :</b> seules les bact&eacute;ries &agrave; Gram positif peuvent se diviser.
 +
            </p>
 +
            <p class="go-further fr">
 +
            Le milieu Chapman est un milieu enrichi en sels utilis&eacute; pour l'isolement des bact&eacute;ries &agrave; Gram positif. Outre le fait que seules les bact&eacute;ries &agrave; Gram positif s&rsquo;y d&eacute;veloppent, il permet aussi de r&eacute;v&eacute;ler la pr&eacute;sence de colonies par un marquage color&eacute;. Le crit&egrave;re de diff&eacute;renciation est la fermentation du mannitol (un &eacute;dulcorant naturel qui est utilis&eacute; comme substrat nutritif) qui acidifie le milieu. L&rsquo;acidification est r&eacute;v&eacute;l&eacute;e gr&acirc;ce &agrave; un indicateur qui change de couleur (le rouge de ph&eacute;nol).
 +
            </p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
 +
      <div class="card_container" id="full_img17">
 +
        <div class="card_img">
 +
          <img src="https://static.igem.org/mediawiki/2017/1/19/T--INSA-UPS_France--Microbioworld_Media_mcc.png" alt="">
 +
        </div>
 +
        <div class="card_expl">
 +
          <div class="card_text">
 +
            <p>
 +
              <b>Effet :</b> seules les bact&eacute;ries &agrave; Gram n&eacute;gatif peuvent se diviser.
 +
            </p>
 +
            <p class="go-further fr">
 +
            Le milieu McConkey est un milieu pour l'isolement des Gram n&eacute;gatifs. Il contient des agents (cristal violet et sels biliaires) qui freinent le d&eacute;veloppement des bact&eacute;ries &agrave; Gram positif. La fermentation du lactose par ces bact&eacute;ries permet d&rsquo;acidifier le milieu. L&rsquo;acidification est r&eacute;v&eacute;l&eacute;e gr&acirc;ce &agrave; un indicateur color&eacute; (le rouge de ph&eacute;nol) qui permet alors de faciliter de d&eacute;tecter les colonies.
 +
            </p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
 +
      <div class="card_container" id="full_img18">
 +
        <div class="card_img">
 +
          <img src="https://static.igem.org/mediawiki/2017/b/bb/T--INSA-UPS_France--Microbioworld_Media_min.png" alt="">
 +
        </div>
 +
        <div class="card_expl">
 +
          <div class="card_text">
 +
            <p>
 +
              <b>Effet :</b> les bact&eacute;ries auxotrophes (qui ne peuvent pas se nourrir sur un environnement pauvre en nutriments) ne se d&eacute;veloppent plus.
 +
            </p>
 +
            <p class="go-further fr">
 +
              Les bact&eacute;ries auxotrophes ont besoin que leur environnement contienne tous les &eacute;l&eacute;ments nutritifs pour se d&eacute;velopper car elles ne sont pas capables de synth&eacute;tiser toutes les mol&eacute;cules qui lui permettent de se d&eacute;velopper. Il peut s&rsquo;agir par exemple de la synth&egrave;se d&rsquo;un acide amin&eacute; ou d&rsquo;un lipide essentiel. Il faut alors ajouter dans le milieu la mol&eacute;cule n&eacute;cessaire &agrave; la croissance.
 +
            </p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
 +
     
 +
    </div>
 +
 +
    <div class="booklet_en">
 +
     
 +
    </div>
  
  
Line 430: Line 667:
  
 
<!-- C O N T E N T -->
 
<!-- C O N T E N T -->
 +
 
<script type="text/javascript">
 
<script type="text/javascript">
 
+
 
   $('input[name=Vc]').on( "change", function() {
+
   $(document).on("click",".step > div", function(){
      value_Vc = $('input[name=Vc]').val();
+
    var target_str=$(this).data("target");
      for(i=0;i<5;i++){
+
    var target=parseInt(target_str);
        $('#int_img_Vc'+i).show();
+
    // Descr
      }
+
    $('.step-descr').removeClass('active-step');
      $('#int_img_base_harveyi').show();
+
    $("#step-"+target_str).addClass('active-step');
      for(i=0;i <= 5;i++){
+
    // Step & path
          if(i<=value_Vc){
+
    $('.step-path > div').removeClass('active-path');
            $('#int_img_Vc'+i).addClass('visible');
+
    $('.step > div').removeClass('previous-step');
          }
+
    $('.step > div').removeClass('selected-step');
          else{
+
    $(this).addClass('selected-step');
            $('#int_img_Vc'+i).removeClass('visible');
+
    for (i=1; i<=target; i++){
          }
+
      $('#path-'+i).addClass('active-path');
      }
+
      $('[data-target="'+(i-1)+'"]').addClass('previous-step');
  }); 
+
  $('input[name=Pp]').on( "change", function() {
+
      value_Pp = $('input[name=Pp]').val();
+
      for(i=0;i<5;i++){
+
        $('#int_img_Vc'+i).show();
+
      }
+
      $('#int_img_base_harveyi').show();
+
      for(i=0;i <= 5;i++){
+
          if(i<=value_Pp){
+
            $('#int_img_Pp'+i).addClass('visible');
+
          }
+
          else{
+
            $('#int_img_Pp'+i).removeClass('visible');
+
          }
+
      }
+
  }); 
+
  $('#run_button').on("click", function(){
+
    console.log("hello");
+
    for(i=0;i<5;i++){
+
      $('#int_img_Vc'+i).fadeOut("slow");
+
 
     }
 
     }
    $('#int_img_base_harveyi').fadeOut("slow");
 
   
 
 
   });
 
   });
 
</script>
 
</script>
  
</html>
+
<script type="text/javascript">
 +
  $(document).ready(function(){
  
  
 +
    // CAROUSEL
 +
 
 +
    /*$(".cards_table td").hover(function(){
 +
      var id_go=$(this).attr('id');     
 +
      $(this).siblings('td').each(function(){
 +
        $(this).removeClass('active');
 +
      });
 +
      $(this).closest('table').siblings('.card_container').each(function(){
 +
        console.log($(this).get());
 +
        $(this).removeClass('active');
 +
      });
 +
      $("#"+id_go).addClass("active");
 +
      $("#full_"+id_go).addClass("active");
 +
    });*/
 +
 +
    $(document).on("click",".cards_table td", function(){
 +
      var id_go=$(this).attr('id');     
 +
      $(this).siblings('td').each(function(){
 +
        $(this).removeClass('active');
 +
      });
 +
      $(this).closest('table').siblings('.card_container').each(function(){
 +
        console.log($(this).get());
 +
        $(this).removeClass('active');
 +
      });
 +
      $("#"+id_go).addClass("active");
 +
      $("#full_"+id_go).addClass("active");
 +
    });
 +
 +
    // LANGUAGE CHANGING
 +
    $("#fr_flag").click(function(){
 +
        $('body').removeClass('en');
 +
        $('body').addClass('fr');
 +
    });
 +
    $("#en_flag").click(function(){
 +
        $('body').removeClass('fr');
 +
        $('body').addClass('en');
 +
    });
 +
 +
    });
 +
</script>
 +
 +
 +
</html>
  
 
{{INSA-UPS_France/General_script}}
 
{{INSA-UPS_France/General_script}}
 
{{INSA-UPS_France/Header_script}}
 
{{INSA-UPS_France/Header_script}}

Revision as of 18:07, 15 October 2017

Règles de base

Contexte

MicroBioWorld est un jeu de cartes consacré à la microbiologie. Ce jeu, basé sur les connaissances scientifiques actuelles, vous propose un voyage dans le monde des microorganismes afin de mieux appréhender leur existence, leur diversité et leur manipulation.

MicroBioWorld a été conçu par des étudiants dans le cadre de la compétition iGEM (= international Genetically Engineered Machine) et s’adresse à tous, à partir de 10 ans, en famille ou entre amis.

But du jeu

Chaque joueur incarne une colonie bactérienne (ensemble de bactéries issues d’une même bactérie mère). Pour gagner, soyez le premier à constituer une colonie de 10 log, soit dix milliards de bactéries! Pour cela, vous utiliserez les avantages conférés par votre type de bactérie et les améliorations que vous lui aurez apportées!

Déroulement d'un tour

Préparation :

Chaque joueur reçoit d’abord une carte “bactérie”. Tous les joueurs placent leur carte bactérie face visible devant eux.

Les cartes “milieux” permettent de mimer un environnement dans lequel les différentes colonies vont évoluer pendant la partie (voir plus d’explications dans le paragraphe “milieux”). La partie commence en milieu “LB”. Mélangez toutes les autres cartes “milieux” et posez-les face cachée sur la table.

Mélangez ensuite les cartes “pioche”. A partir de cette pioche, distribuez une main de 3 cartes à chaque joueur (ne pas prendre en compte l’effet “cette carte doit être posée immédiatement”).

Chaque joueur commence à 5 log de bactéries, indiquez votre progression sur la carte grâce à un petit pointeur comme une pointe de stylo ou un morceau de papier triangulaire.

Tours :

A votre tour, vous pouvez d’abord jouer une carte de votre main. Effectuez ensuite une action parmi les trois proposées :

  • Piocher une carte. Sauf indication contraire la main ne peut contenir que 3 cartes. Vous pouvez vous défausser d’une carte pour piocher.
  • Se diviser (gagner 1 log à la colonie)

une colonie bactérienne se développe en utilisant les ressources du milieu (carbone, azote, fer, etc). Au sein d’une colonie, les bactéries se multiplient en créant un double d’elles-même : on dit qu’elles se divisent.  Ainsi, à chaque division, le nombre de bactéries est multiplié par 2 dans la colonie. Dans le jeu, les “log” sont utilisées pour décrire la quantité de bactéries, qui peut atteindre des milliards d’individus. Par exemple, dans le gros intestin, lieu de résidence de multiples bactéries, il y a environ 14 log de bactéries, soit cent mille milliards de bactéries !

  • Attaquer une colonie adverse (- 1 log à la colonie adverse)

Certaines bactéries disposent de tout un arsenal pour limiter la croissance de leurs compétiteurs (par exemple en piégeant certaines ressources essentielles comme le fer), voire de les éliminer! ( par exemple en utilisant des toxines). Attention, si dans le jeu toutes les bactéries sont capables de s’attaquer entre elles, il en va autrement dans la nature car elles n’ont pas toutes le même environnement, et ne sont donc que rarement en compétition.

Cartes Bactéries

Les bactéries sont des organismes microscopiques (entre 0.2 et 2 µm) et ne sont composés que d’une simple cellule. Actuellement, on estime qu’il existe  des milliards “d’espèces” bactériennes, occupant la quasi-totalité des environnements (des zones glacées aux déserts chauds, du système digestif humain au confin des abysses marins…).
Les bactéries ont des propriétés, des formes et des comportements très divers. Certaines sont de forme allongée (bacilles), d’autres rondes (coques).
Les bactéries prototrophes sont capables de se nourrir dans n’importe quel environnement, alors que les auxotrophes ont besoin que leur environnement contienne tous les éléments nutritifs pour se développer.
Certaines sont capables de provoquer des maladies chez l’homme, ce sont les  pathogènes.
La communauté scientifique a classé les bactéries en fonction de leur capacité à être colorées par une technique appelé test de Gram (elles sont dites à Gram positif ou à Gram négatif), cette coloration dépend de la composition de la membrane qui les entoure.
Sur milieu gélosé, une bactérie qui se multiplie finit par former un petit point visible à l’oeil nu (environ 8 log). Il s’agit d’une colonie bactérienne, elle va continuer de s’étendre tant que les ressources nutritives sont suffisantes pour assurer son développement. La forme et la couleur de ces colonies dépendent des bactéries.

Effet : Sporulation

Une fois par partie, lorsque votre colonie subit des dégâts, Bacillus subtilis peut entrer en sporulation. Vous ne subissez aucun dégât ce tour-ci.

Catégories: type bacille, Gram positif, non-pathogène, prototrophe.

La sporulation est une propriété permettant à certains organismes de survivre à différents stress. Pour cela, la bactérie se met dans un état végétatif appelé dormance, et s’entoure d’une paroi spéciale qui lui permet de résister aux agressions extérieures. Quand les conditions s’améliorent, la spore peut “germer” et la bactérie reprendre sa croissance. On a ainsi pu faire germer des spores isolées sur des momies égyptiennes !

Effet : Polyextrêmophile

La croissance de Deinococcus radiodurans n’est pas affectée par la température et les UV.

Catégories: type coque, Gram positif, non-pathogène, auxotrophe

Deinococcus radiodurans est une bactérie polyextrêmophile capable de se diviser même à des températures extrêmes . Elle suscite un grand intérêt dans la communauté scientifique en raison de son impressionnante capacité de survie. Possédant plusieurs copies de son ADN, cette bactérie est beaucoup moins sensibles aux mutations causées par l’environnement.

Effet : Microbiote

Une fois dans la partie, vous pouvez choisir un joueur : vous faites alors partie du même microbiote. Vous ne pouvez plus attaquer ou être attaqué par ce joueur jusqu’à la fin de la partie. Arrivez le premier à 10 log pour battre votre microbiote.

Catégories : type bacille, Gram négatif, non-pathogène, prototrophe

Escherichia coli est naturellement présente dans le système digestif de l’homme. C’est même le premier microorganisme à coloniser cet environnement à la naissance du bébé. De part sa grande souplesse d’utilisation, c’est le modèle bactérien le plus étudié en laboratoire et elle est aussi très utilisée dans les bioindustries pour produire différents composés organiques.

Effet : Multirésistance

Staphylococcus aureus MRSA est résistante au chloramphénicol et à l’ampicilline.

Catégories : type coque, Gram positif, pathogène, auxotrophe

Son nom commun est staphylocoque dorée en raison des pigments qu’elle produit qui confèrent une couleur dorée à ses colonies. Chez l’homme, elle est naturellement présente sur la peau. Cette bactérie est surtout célèbre pour son caractère pathogène quand elle a l'opportunité d'infecter son hôte, à la suite d’une coupure par exemple. Le variant MRSA (Multi Resistant Staphylococcus Aureus) est plus tristement célèbre en raison de sa capacité à résister à la plupart des antibiotiques. Dans les hôpitaux, elle provoque des maladies nosocomiales.

Effet : Compétence

Une fois dans la partie, lorsque vous attaquez une autre colonie ou qu’une autre colonie vous attaque, vous pouvez lui voler une carte plasmide. Mettez ce plasmide dans votre main, vous pouvez alors avoir jusqu’à 4 cartes en main.

Catégories : type coque, Gram négatif, pathogène, prototrophe.

Cette bactérie est un pathogène de l’homme retrouvé dans différentes infections (pneumonie, otites, méningite…). Le mécanisme de compétence de Streptococcus pneumoniae lui permet d’acquérir naturellement des plasmides d’autres microorganismes (voir plus d’explications dans le paragraphe “Plasmides”).

Effet : Toxine cholérique

Si la colonie attaquée possède au moins 7 log, Vibrio cholerae peut lancer une division en plus de son attaque.

Catégories : type bacille, Gram négatif, pathogène, auxotrophe.

Vibrio cholerae est une bactérie qui vit dans les eaux stagnantes, elle est responsable du choléra. Lorsqu’elle est ingérée par l’homme, elle perturbe le système digestif et provoque des diarrhées, elle rejoint alors d’autres cours d’eau, ce qui lui permet de coloniser de nouveaux environnements. Elle possède aussi un système de perforation qui lui permet d’attaquer d’autres bactéries pour exploiter leurs ressources.

Cartes milieux

Les cartes milieux permettent de mimer un environnement dans lequel les différentes colonies vont évoluer pendant la partie. La carte “repiquage” permet de changer le milieu de culture : lorsqu’elle est jouée, retournez la première carte de la pile milieux, elle devient le nouveau milieu commun.

en laboratoire, les microorganismes sont cultivés sur des supports (appelés milieux) qui fournissent les nutriments nécessaires à leur croissance. Le milieu gélifié est conditionné dans une boîte de Petri, une petite boîte en plastique transparent. Un milieu additionné d’un antibiotique est dit sélectif : seules les bactéries résistantes à cet antibiotique pourront se développer. Certains milieux sont dits différentiels : ils permettent de colorer les bactéries en fonction de leurs propriétés.

Effet : les bactéries se divisent et attaquent normalement. C’est le milieu de culture de départ.

Il est composé d’extrait de levure, de peptone (mélange de petites molécules protéiques qui fournit notamment la matière azotée), de sel et d’eau.

Effet : au début de votre tour, vous perdez 1 log avant de pouvoir effectuer toute action.

Des mutations se produisent naturellement dans le génome mais elles sont très ponctuelles. Le rayonnement Ultra-Violet est un agent mutagène : il favorise l'apparition d’un grand nombre de mutations qui altèrent l’information de l’ADN. S’il y a trop de mutations, la bactérie n’est plus capable de maintenir toutes ses fonctions vitales.

Effet : les bactéries non thermophiles ne peuvent plus se diviser.

Les microorganismes thermophiles sont adaptés pour vivre dans des milieux à très haute température comme les volcans ou les sources chaudes. Une température élevée augmente la fluidité de la membrane et inactive de nombreuses molécules chez les microorganismes. Les thermophiles utilisent des acides gras différents pour maintenir l’intégrité de leur membrane. Ils présentent aussi des protéines thermorésistantes : elles ont une structure plus compacte et sont plus stables.

Effet : toutes les bactéries non résistantes à l’ampicilline perdent 3 log.

L'ampicilline est un antibiotique de type bactéricide : il tue les bactéries. Il fait partie de la famille de la pénicilline. Cet antibiotique empêche la production du peptidoglycane, un constituant de la paroi des bactéries. Pour ce faire, il se fixe sur des enzymes qui participent à la formation de liaisons entre les molécules du peptidoglycane.

Effet : toutes les bactéries non résistantes au chloramphénicol ne peuvent plus se diviser.

Le chloramphénicol est un antibiotique de type bactériostatique : il empêche la division des bactéries. Il bloque la production des protéines utilisées pour la division.

Effet : Un champignon s’est développé sur le milieu, il a une colonie de (nombre joueur +1) log. Il se divise à chaque tour de table. Les joueurs peuvent attaquer le champignon pendant leur phase d’attaque. S’il meurt, le milieu redevient un LB standard. S’il atteint 10 log, il gagne la partie ! On ne peut plus changer le milieu de culture, les repiquages permettent de remettre le champignon à n joueur +1 log.

Les microorganismes sont présents partout. Le travail du microbiologiste s’effectue en condition stérile pour éviter les contaminations non désirées. Il arrive quand même que des contaminants se développent sur les boîtes de Pétri. Ces contaminants peuvent alors envahir le milieu.

Effet : seules les bactéries à Gram positif peuvent se diviser.

Le milieu Chapman est un milieu enrichi en sels utilisé pour l'isolement des bactéries à Gram positif. Outre le fait que seules les bactéries à Gram positif s’y développent, il permet aussi de révéler la présence de colonies par un marquage coloré. Le critère de différenciation est la fermentation du mannitol (un édulcorant naturel qui est utilisé comme substrat nutritif) qui acidifie le milieu. L’acidification est révélée grâce à un indicateur qui change de couleur (le rouge de phénol).

Effet : seules les bactéries à Gram négatif peuvent se diviser.

Le milieu McConkey est un milieu pour l'isolement des Gram négatifs. Il contient des agents (cristal violet et sels biliaires) qui freinent le développement des bactéries à Gram positif. La fermentation du lactose par ces bactéries permet d’acidifier le milieu. L’acidification est révélée grâce à un indicateur coloré (le rouge de phénol) qui permet alors de faciliter de détecter les colonies.

Effet : les bactéries auxotrophes (qui ne peuvent pas se nourrir sur un environnement pauvre en nutriments) ne se développent plus.

Les bactéries auxotrophes ont besoin que leur environnement contienne tous les éléments nutritifs pour se développer car elles ne sont pas capables de synthétiser toutes les molécules qui lui permettent de se développer. Il peut s’agir par exemple de la synthèse d’un acide aminé ou d’un lipide essentiel. Il faut alors ajouter dans le milieu la molécule nécessaire à la croissance.