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

(Prototype team page)
 
 
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{Pasteur_Paris}}
+
<html lang="en">
<html>
+
  <head>
 +
    <meta charset="utf-8">
 +
    <meta name="description" content="igem">
 +
    <meta name="keywords" content="igem, biology">
 +
    <meta name="copyright" content="© Copyright 2016 - iGEM Pasteur" />
 +
    <meta name="author" content="Pasteur">
 +
    <meta name="location" content="Paris, FRANCE">
 +
    <meta http-equiv="x-ua-compatible" content="ie=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <link rel="icon" type="image/png" href="./static/favicon.png" />
 +
<head>
 +
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  
  
<div class="column full_size">
+
<script>
  
<h1> Safety </h1>
+
/*Fonction apparition onglet après click sur le menu*/
<p>Please visit <a href="https://2017.igem.org/Safety">the main Safety page</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
+
function apparitionTeam() {
 +
    document.getElementById("Team").style.display = "block";
 +
    document.getElementById("Project").style.display = "none";
 +
    document.getElementById("Design").style.display = "none";
 +
    document.getElementById("Labwork").style.display = "none";
 +
    document.getElementById("HumanPractice").style.display = "none";
 +
    document.getElementById("Achievements").style.display = "none";
 +
}
 +
function apparitionProject() {
 +
    document.getElementById("Project").style.display = "block";
 +
    document.getElementById("Team").style.display = "none";
 +
    document.getElementById("Design").style.display = "none";
 +
    document.getElementById("Labwork").style.display = "none";
 +
    document.getElementById("HumanPractice").style.display = "none";
 +
    document.getElementById("Achievements").style.display = "none";
 +
}
 +
function apparitionDesign() {
 +
    document.getElementById("Design").style.display = "block";
 +
    document.getElementById("Team").style.display = "none";
 +
    document.getElementById("Project").style.display = "none";
 +
    document.getElementById("Labwork").style.display = "none";
 +
    document.getElementById("HumanPractice").style.display = "none";
 +
    document.getElementById("Achievements").style.display = "none";
 +
}
 +
function apparitionLabWork() {
 +
    document.getElementById("Labwork").style.display = "block";
 +
    document.getElementById("Team").style.display = "none";
 +
    document.getElementById("Project").style.display = "none";
 +
    document.getElementById("Design").style.display = "none";
 +
    document.getElementById("HumanPractice").style.display = "none";
 +
    document.getElementById("Achievements").style.display = "none";
 +
}
 +
function apparitionHumanPractice() {
 +
    document.getElementById("HumanPractice").style.display = "block";
 +
    document.getElementById("Team").style.display = "none";
 +
    document.getElementById("Project").style.display = "none";
 +
    document.getElementById("Design").style.display = "none";
 +
    document.getElementById("Labwork").style.display = "none";
 +
    document.getElementById("Achievements").style.display = "none";
 +
}
 +
function apparitionAchievements() {
 +
    document.getElementById("Achievements").style.display = "block";
 +
    document.getElementById("Team").style.display = "none";
 +
    document.getElementById("Project").style.display = "none";
 +
    document.getElementById("Design").style.display = "none";
 +
    document.getElementById("HumanPractice").style.display = "none";
 +
    document.getElementById("Labwork").style.display = "none";
 +
}
 +
/*////////////////////////////////////////////*/
  
<p>On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can <strong>go beyond the questions on the safety forms</strong>, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)</p>
+
/* Fonction pour apparition barre rouge onglet*/
  
 +
function apparitionbaton() {
 +
    document.getElementById("batonbleu").style.display = "block";
 +
}
 +
 +
function deletebaton() {
 +
    document.getElementById("batonbleu").style.display = "none";
 +
}
 +
 +
function apparitionbaton1() {
 +
    document.getElementById("batonbleu1").style.display = "block";
 +
}
 +
 +
function deletebaton1() {
 +
    document.getElementById("batonbleu1").style.display = "none";
 +
}
 +
 +
function apparitionbaton1b() {
 +
    document.getElementById("batonbleu1b").style.display = "block";
 +
}
 +
 +
function deletebaton1b() {
 +
    document.getElementById("batonbleu1b").style.display = "none";
 +
}
 +
 +
function apparitionbaton2() {
 +
    document.getElementById("batonbleu2").style.display = "block";
 +
}
 +
 +
function deletebaton2() {
 +
    document.getElementById("batonbleu2").style.display = "none";
 +
}
 +
 +
function apparitionbaton3() {
 +
    document.getElementById("batonbleu3").style.display = "block";
 +
}
 +
 +
function deletebaton3() {
 +
    document.getElementById("batonbleu3").style.display = "none";
 +
}
 +
 +
function apparitionbaton4() {
 +
    document.getElementById("batonbleu4").style.display = "block";
 +
}
 +
 +
function deletebaton4() {
 +
    document.getElementById("batonbleu4").style.display = "none";
 +
}
 +
 +
function apparitionbaton5() {
 +
    document.getElementById("batonbleu5").style.display = "block";
 +
}
 +
 +
function deletebaton5() {
 +
    document.getElementById("batonbleu5").style.display = "none";
 +
}
 +
 +
function apparitionbaton6() {
 +
    document.getElementById("batonbleu6").style.display = "block";
 +
}
 +
 +
function deletebaton6() {
 +
    document.getElementById("batonbleu6").style.display = "none";
 +
}
 +
 +
function apparitionbaton7() {
 +
    document.getElementById("batonbleu7").style.display = "block";
 +
}
 +
 +
function deletebaton7() {
 +
    document.getElementById("batonbleu7").style.display = "none";
 +
}
 +
 +
function apparitionbaton8() {
 +
    document.getElementById("batonbleu8").style.display = "block";
 +
}
 +
 +
function deletebaton8() {
 +
    document.getElementById("batonbleu8").style.display = "none";
 +
}
 +
 +
function apparitionbaton8b() {
 +
    document.getElementById("batonbleu8b").style.display = "block";
 +
}
 +
 +
function deletebaton8b() {
 +
    document.getElementById("batonbleu8b").style.display = "none";
 +
}
 +
 +
function apparitionbaton9() {
 +
    document.getElementById("batonbleu9").style.display = "block";
 +
}
 +
 +
function deletebaton9() {
 +
    document.getElementById("batonbleu9").style.display = "none";
 +
}
 +
 +
function apparitionbaton10() {
 +
    document.getElementById("batonbleu10").style.display = "block";
 +
}
 +
 +
function deletebaton10() {
 +
    document.getElementById("batonbleu10").style.display = "none";
 +
}
 +
 +
function apparitionbaton11() {
 +
    document.getElementById("batonbleu11").style.display = "block";
 +
}
 +
 +
function deletebaton11() {
 +
    document.getElementById("batonbleu11").style.display = "none";
 +
}
 +
 +
function apparitionbaton12() {
 +
    document.getElementById("batonbleu12").style.display = "block";
 +
}
 +
 +
function deletebaton12() {
 +
    document.getElementById("batonbleu12").style.display = "none";
 +
}
 +
 +
function apparitionbaton13() {
 +
    document.getElementById("batonbleu13").style.display = "block";
 +
}
 +
 +
function deletebaton13() {
 +
    document.getElementById("batonbleu13").style.display = "none";
 +
}
 +
 +
function apparitionbaton14() {
 +
    document.getElementById("batonbleu14").style.display = "block";
 +
}
 +
 +
function deletebaton14() {
 +
    document.getElementById("batonbleu14").style.display = "none";
 +
}
 +
 +
function apparitionbaton15() {
 +
    document.getElementById("batonbleu15").style.display = "block";
 +
}
 +
 +
function deletebaton15() {
 +
    document.getElementById("batonbleu15").style.display = "none";
 +
}
 +
 +
function apparitionbaton16() {
 +
    document.getElementById("batonbleu16").style.display = "block";
 +
}
 +
 +
function deletebaton16() {
 +
    document.getElementById("batonbleu16").style.display = "none";
 +
}
 +
 +
/*////////////////////////////////////////////*/
 +
 +
function CarnotNoiretBlanc() {
 +
  document.getElementById("CarnotBW").style.display = "block";
 +
  document.getElementById("Carnot").style.display = "none";
 +
}
 +
 +
function CarnotCouleur() {
 +
  document.getElementById("Carnot").style.display = "block";
 +
  document.getElementById("CarnotBW").style.display = "none";
 +
}
 +
 +
 +
function GlobalCareNoiretBlanc() {
 +
  document.getElementById("GlobalCareBW").style.display = "block";
 +
  document.getElementById("GlobalCare").style.display = "none";
 +
}
 +
 +
function GlobalCareCouleur() {
 +
  document.getElementById("GlobalCare").style.display = "block";
 +
  document.getElementById("GlobalCareBW").style.display = "none";
 +
}
 +
 +
function MettlerToledoNoiretBlanc() {
 +
  document.getElementById("MettlerToledoBW").style.display = "block";
 +
  document.getElementById("MettlerToledo").style.display = "none";
 +
}
 +
 +
function MettlerToledoCouleur() {
 +
  document.getElementById("MettlerToledo").style.display = "block";
 +
  document.getElementById("MettlerToledoBW").style.display = "none";
 +
}
 +
 +
function geniousNoiretBlanc() {
 +
  document.getElementById("geniousBW").style.display = "block";
 +
  document.getElementById("genious").style.display = "none";
 +
}
 +
 +
function geniousCouleur() {
 +
  document.getElementById("genious").style.display = "block";
 +
  document.getElementById("geniousBW").style.display = "none";
 +
}
 +
 +
function centraleNoiretBlanc() {
 +
  document.getElementById("CentraleBW").style.display = "block";
 +
  document.getElementById("Centrale").style.display = "none";
 +
}
 +
 +
function centraleCouleur() {
 +
  document.getElementById("Centrale").style.display = "block";
 +
  document.getElementById("CentraleBW").style.display = "none";
 +
}
 +
 +
function ambassadeNoiretBlanc() {
 +
  document.getElementById("ambassadeBW").style.display = "block";
 +
  document.getElementById("ambassade").style.display = "none";
 +
}
 +
 +
function ambassadeCouleur() {
 +
  document.getElementById("ambassade").style.display = "block";
 +
  document.getElementById("ambassadeBW").style.display = "none";
 +
}
 +
 +
function QuiagenNoiretBlanc() {
 +
  document.getElementById("QuiagenBW").style.display = "block";
 +
  document.getElementById("Quiagen").style.display = "none";
 +
}
 +
 +
function QuiagenCouleur() {
 +
  document.getElementById("Quiagen").style.display = "block";
 +
  document.getElementById("QuiagenBW").style.display = "none";
 +
}
 +
 +
function eurofinsNoiretBlanc() {
 +
  document.getElementById("eurofinsBW").style.display = "block";
 +
  document.getElementById("eurofins").style.display = "none";
 +
}
 +
 +
function eurofinsCouleur() {
 +
  document.getElementById("eurofins").style.display = "block";
 +
  document.getElementById("eurofinsBW").style.display = "none";
 +
}
 +
 +
function ThermofisherNoiretBlanc() {
 +
  document.getElementById("ThermofisherBW").style.display = "block";
 +
  document.getElementById("Thermofisher").style.display = "none";
 +
}
 +
 +
function ThermofisherCouleur() {
 +
  document.getElementById("Thermofisher").style.display = "block";
 +
  document.getElementById("ThermofisherBW").style.display = "none";
 +
}
 +
 +
function BarthenteimNoiretBlanc() {
 +
  document.getElementById("BarthenteimBW").style.display = "block";
 +
  document.getElementById("Barthenteim").style.display = "none";
 +
}
 +
 +
function BarthenteimCouleur() {
 +
  document.getElementById("Barthenteim").style.display = "block";
 +
  document.getElementById("BarthenteimBW").style.display = "none";
 +
}
 +
 +
</script>
 +
<style>
 +
 +
@font-face {
 +
  font-family: "CrimsonTextSemi";
 +
  src: url("https://static.igem.org/mediawiki/2017/7/75/T--Pasteur_Paris--CrimsonText-Semibold.ttf");
 +
}
 +
 +
@font-face {
 +
  font-family: "CrimsonTextRoman";
 +
  src: url("https://static.igem.org/mediawiki/2017/0/0e/T--Pasteur_Paris--CrimsonText-Roman.ttf");
 +
}
 +
 +
body{
 +
  margin:30px;
 +
  padding:30px;
 +
  background-color:white;
 +
  height:100%;
 +
}
 +
 +
a{
 +
  text-decoration: none;
 +
  color:black;
 +
}
 +
 +
li{
 +
  list-style:none;
 +
}
 +
 +
.left{
 +
  left: 30px;
 +
  margin-bottom: 7.5px;
 +
  padding-top: 37.5px;
 +
  position:fixed;
 +
  background-color: none;
 +
  top:0;
 +
}
 +
 +
.right{
 +
  right: 30px;
 +
  margin-bottom: 7.5px; 
 +
  padding-top: 37.5px;
 +
  position:fixed;
 +
  background-color: none;
 +
  top:0;
 +
}
 +
 +
.center{
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
}
 +
 +
/*Position menu*/
 +
.menu { 
 +
    text-align: left;
 +
    width: 450px;
 +
    position: fixed;
 +
    left:30px;
 +
    line-height: 200%;
 +
    font-family: Helvetica, sans-serif;
 +
    font-weight: bold;
 +
    font-size: 7.5pt;
 +
    display: flex;
 +
    flex-direction: column-reverse;
 +
    text-align: bottom left;
 +
    bottom: 4%;
 +
}
 +
 +
.menu span{
 +
  cursor: pointer;
 +
}
 +
 +
.com{
 +
    display: flex;
 +
    flex-direction: column;
 +
    position:fixed;
 +
    text-align: left;
 +
    right:30px;
 +
    bottom: 4%;
 +
}
 +
 +
/*Ensemble pour trait après le menu*/
 +
 +
.lastword {
 +
    width: 150px;
 +
}
 +
 +
.lastword img {
 +
    position:absolute;
 +
    opacity:0;
 +
}
 +
 +
.lastword:hover:after{
 +
    display:inline-block;
 +
    vertical-align: middle;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
/*////////////////////////////////////////////*/
 +
 +
.com li{
 +
  line-height:200%;
 +
  vertical-align: middle;
 +
}
 +
 +
.underline{
 +
  display:block;
 +
  position:relative;
 +
  top:-10px;
 +
  left:0px;
 +
  border-bottom:4px dotted black;
 +
  width: 302px;
 +
}
 +
 +
.underline2{
 +
  display:block;
 +
  position:relative;
 +
  top:-10px;
 +
  left:0px;
 +
  border-bottom:4px dotted black;
 +
  width: 215px;
 +
}
 +
 +
.underline3{
 +
  display:block;
 +
  position:relative;
 +
  top:-10px;
 +
  left:0px;
 +
  border-bottom:4px dotted black;
 +
  width: 508px;
 +
}
 +
 +
.underline4{
 +
  display:block;
 +
  position:relative;
 +
  top:-10px;
 +
  left:0px;
 +
  border-bottom:4px dotted black;
 +
  width: 270px;
 +
}
 +
 +
.underline5{
 +
  display:block;
 +
  position:relative;
 +
  top:-10px;
 +
  left:0px;
 +
  border-bottom:4px dotted black;
 +
  width: 620px;
 +
}
 +
 +
.underline6{
 +
  display:block;
 +
  position:relative;
 +
  top:-10px;
 +
  left:0px;
 +
  border-bottom:4px dotted black;
 +
  width: 582px;
 +
}
 +
 +
#top_title{
 +
display:none;
 +
}
 +
 +
#sideMenu{
 +
display:none;
 +
position:fixed;
 +
right:120px;
 +
}
 +
 +
#content{
 +
  width:100%;
 +
  margin: 0px 0px 0px 0px;
 +
  padding: 0px 0px 0px 0px;
 +
}
 +
 +
.title{
 +
  font-size: 48.75pt;
 +
  margin-left:300px;
 +
  margin-top:112.5px;
 +
  cursor: default;
 +
}
 +
 +
.subtitle{
 +
  margin-left:12.25px;
 +
  margin-top:55px;
 +
  cursor: default;
 +
  font-size: 18pt;
 +
}
 +
 +
 +
.maintext{
 +
    font-size: 9pt;
 +
    font-family:Helvetica;
 +
    margin-top:10px;
 +
    text-align: justify;
 +
    cursor: default;
 +
    width:75%;
 +
}
 +
 +
.maintextsuite{
 +
    font-size: 9pt;
 +
    margin-top:10px;
 +
    text-align: justify;
 +
    cursor: default;
 +
    font-family:Helvetica;
 +
    width:75%;
 +
}
 +
 +
.maintextsuiteimage{
 +
    font-size: 9pt;
 +
    margin-top:10px;
 +
    text-align: justify;
 +
    cursor: default;
 +
    font-family:Helvetica;
 +
    width:40%;
 +
}
 +
 +
.text {
 +
  position:relative;
 +
  margin-left: 287.75px;
 +
  line-height:12pt;
 +
}
 +
 +
#logo{
 +
  font-size:18px;
 +
text-decoration:none;
 +
color:black;
 +
}
 +
 +
#logo:hover{
 +
  color: #3298CB;
 +
}
 +
 +
/*Flèche de remontée*/
 +
 +
#toparrow{
 +
    justify-content: center;
 +
    position:fixed;
 +
    vertical-align:middle;
 +
    z-index:10;
 +
    width:2%;
 +
    top:42%;
 +
    right:30px;
 +
}
 +
 +
#toparrow a:hover{
 +
  color: #3298CB;
 +
}
 +
 +
.Chili{
 +
  z-index:-1;
 +
  margin-left: 287.75px;
 +
  top:170px;
 +
  width:5vw;
 +
  height: 28vh;
 +
}
 +
 +
table{
 +
  border-collapse: collapse;
 +
  }
 +
 +
/*////////////////////////////////////////////*/
 +
/*Ensemble de class pour les onglets*/
 +
 +
.outer {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 28%;
 +
}
 +
 +
.outer1 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 38%;
 +
}
 +
 +
.outer1b {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 47.5%;
 +
}
 +
 +
.outer2 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 25%;
 +
}
 +
 +
.outer3 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 34%;
 +
}
 +
.outer3a {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 48%;
 +
}
 +
.outer3b {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 59%;
 +
}
 +
 +
.outer4 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 26%;
 +
}
 +
 +
.outer5 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 35%;
 +
}
 +
 +
.outer6 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 44%;
 +
}
 +
 +
.outer7 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 53.7%;
 +
  text-align: center;
 +
}
 +
 +
.outer8 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 22%;
 +
}
 +
 +
.outer8b {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 31%;
 +
}
 +
 +
.outer9 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 42%;
 +
}
 +
 +
.outer10 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 49%;
 +
}
 +
 +
.outer11 {
 +
  position: fixed;
 +
  left: 33px;
 +
  top: 57%;
 +
  text-align: center;
 +
}
 +
 +
.outer12 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 22%;
 +
}
 +
 +
.outer13 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 28%;
 +
}
 +
 +
.outer13b {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 40%;
 +
}
 +
 +
.outer14 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 54%;
 +
}
 +
 +
.outer15 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 50%;
 +
}
 +
 +
.outer16 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 36%;
 +
}
 +
 +
.inner {
 +
  position: absolute;
 +
  bottom: 100%;
 +
  -webkit-transform: rotateZ(90deg);
 +
  transform-origin: 0 100%;
 +
  white-space: nowrap;
 +
}
 +
/*////////////////////////////////////////////*/
 +
 +
 +
.rotate {
 +
  -webkit-transform: rotate(180deg);
 +
}
 +
 +
#Team, #Design, #Project, #HumanPractice, #Achievements, #Labwork{
 +
  font-family: Helvetica, sans-serif;
 +
    font-weight: bold;
 +
    font-size: 8pt;
 +
}
 +
 +
/*Trait rouge des onglets*/
 +
 +
#batonbleu{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu1{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu1b{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu2{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu3{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
#batonbleu3a{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
#batonbleu3b{
 +
    position:relative;
 +
    top:5px;
 +
    left:15%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu4{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu5{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu6{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu7{
 +
    position:relative;
 +
    top:5px;
 +
    left:22%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu8{
 +
    position:relative;
 +
    top:5px;
 +
    left:30%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu8b{
 +
    position:relative;
 +
    top:5px;
 +
    left:30%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu9{
 +
    position:relative;
 +
    top:5px;
 +
    left:29%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu10{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu11{
 +
    position:relative;
 +
    top:5px;
 +
    left:25%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu12{
 +
    position:relative;
 +
    top:5px;
 +
    left:10%;
 +
    display:none;
 +
    height:3px;
 +
    width:17.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu13{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
#batonbleu13b{
 +
    position:relative;
 +
    top:5px;
 +
    left:33%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu14{
 +
    position:relative;
 +
    top:5px;
 +
    left:37%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu15{
 +
    position:relative;
 +
    top:5px;
 +
    left:10%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
#batonbleu16{
 +
    position:relative;
 +
    top:5px;
 +
    left:35%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
li{margin:5px}
 +
 +
a:visited {
 +
    color: black;
 +
    text-decoration:none;
 +
}
 +
 +
 +
/*////////////////////////////////*/
 +
 +
 +
#title{
 +
  font-size: 60pt;
 +
  border-bottom:4px dotted black;
 +
  width: 182px;
 +
  z-index:-1;
 +
  margin-left: 287.75px;
 +
  margin-top: 90px;
 +
  line-height:59pt;
 +
}
 +
 +
#subtitles{
 +
  position:relative;
 +
  margin-left: 300px;
 +
  margin-top:-5vw;
 +
  font-size: 18pt;
 +
  font-weight: normal;
 +
  /*border-bottom:4px dotted black;*/
 +
  z-index:-1;
 +
  width: 120px;
 +
  border-bottom:4px dotted black;
 +
}
 +
 +
li{margin:5px}
 +
 +
/*////////////////////////////////////////////*/
 +
 +
</style>
 +
  </head>
 +
 +
 +
  <body>
 +
  <a class="left" href="https://2017.igem.org/Team:Pasteur_Paris"><img src="https://static.igem.org/mediawiki/2017/d/d8/T--Pasteur_Paris--aether.png"; width="220px"; height="70px"></img></a>
 +
  <a class="right" href="https://2017.igem.org/Team:Pasteur_Paris"><img src="https://static.igem.org/mediawiki/2017/1/10/T--Pasteur_Paris--iGEM.png"; width="90px"; height="70px"></img></a>
 +
<nav class="menu">
 +
  <ul>
 +
    <li><FONT size ="2.25pt" color=#00000><span class="lastword"; onclick="apparitionTeam()">Team </span></FONT></li>
 +
    <li><FONT size ="2.25pt" color=#00000><span class="lastword"; onclick="apparitionProject()">Project </span></FONT></li>
 +
    <li><FONT size ="2.25pt" color=#00000><span class="lastword"; onclick="apparitionDesign()">Design </span></FONT></li>
 +
    <li><FONT size ="2.25pt" color=#00000><span class="lastword"; onclick="apparitionLabWork()">Lab work </span></FONT></li>
 +
    <li><FONT size ="2.25pt" color=#00000><span class="lastword"; onclick="apparitionHumanPractice()">Human Practice </span></FONT></li>
 +
    <li><FONT size ="2.25pt" color=#00000><span class="lastword"; onclick="apparitionAchievements()">Achievements </span></FONT></li>
 +
  </ul>
 +
</nav>
 +
 +
<div id="Team" style="display:none">
 +
  <div class="outer">
 +
    <div class="inner"; onmouseover="apparitionbaton()"; onmouseout="deletebaton()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Team">Our Team </a>
 +
        <div id="batonbleu">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer1">
 +
    <div class="inner"; onmouseover="apparitionbaton1()"; onmouseout="deletebaton1()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Team#pagesponsors">Sponsors </a>
 +
        <div id="batonbleu1">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer1b">
 +
    <div class="inner"; onmouseover="apparitionbaton1b()"; onmouseout="deletebaton1b()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Attributions">Attributions </a>
 +
        <div id="batonbleu1b">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 
</div>
 
</div>
  
 +
<div id="Project" style="display:none">
 +
  <div class="outer2">
 +
    <div class="inner"; onmouseover="apparitionbaton2()"; onmouseout="deletebaton2()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Project">Context</a>
 +
        <div id="batonbleu2">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer3">
 +
    <div class="inner"; onmouseover="apparitionbaton3()"; onmouseout="deletebaton3()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Entrepreneurship">Entrepreneurship</a>
 +
        <div id="batonbleu3">
 +
        </div>
 +
      </div>
 +
  </div>
 +
  </div>
 +
    <div class="outer3a">
 +
    <div class="inner"; onmouseover="apparitionbaton3a()"; onmouseout="deletebaton3a()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Engagement">Engagement</a>
 +
        <div id="batonbleu3a">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer3b">
 +
    <div class="inner"; onmouseover="apparitionbaton3b()"; onmouseout="deletebaton3b()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Model">Model</a>
 +
        <div id="batonbleu3b">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
  
<div class="column full_size">
+
<div id="Design" style="display:none">
<h5>Safe Project Design</h5>
+
  <div class="outer4">
 +
    <div class="inner"; onmouseover="apparitionbaton4()"; onmouseout="deletebaton4()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Design">Science</a>
 +
        <div id="batonbleu4">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer5">
 +
    <div class="inner"; onmouseover="apparitionbaton5()"; onmouseout="deletebaton5()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Design">Product</a>
 +
        <div id="batonbleu5">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer6">
 +
    <div class="inner"; onmouseover="apparitionbaton6()"; onmouseout="deletebaton6()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Design">Scenario</a>
 +
        <div id="batonbleu6">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer7">
 +
    <div class="inner"; onmouseover="apparitionbaton7()"; onmouseout="deletebaton7()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Applied_Design">Applied<br>Design</a>
 +
        <div id="batonbleu7">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
  
<p>Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:</p>
+
<div id="Labwork" style="display:none">
 +
  <div class="outer8">
 +
    <div class="inner"; onmouseover="apparitionbaton8()"; onmouseout="deletebaton8()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Notebook">Notebook</a>
 +
        <div id="batonbleu8">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer8b">
 +
    <div class="inner"; onmouseover="apparitionbaton8b()"; onmouseout="deletebaton8b()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Demonstrate">Demonstrate</a>
 +
        <div id="batonbleu8b">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer9">
 +
    <div class="inner"; onmouseover="apparitionbaton9()"; onmouseout="deletebaton9()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/InterLab">InterLab</a>
 +
        <div id="batonbleu9">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer10">
 +
    <div class="inner"; onmouseover="apparitionbaton10()"; onmouseout="deletebaton10()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Protocol">Protocol</a>
 +
        <div id="batonbleu10">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer11">
 +
    <div class="inner"; onmouseover="apparitionbaton11()"; onmouseout="deletebaton11()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Safety">Safety<br>Security</a>
 +
        <div id="batonbleu11">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
  
<ul>
+
<div id="HumanPractice" style="display:none">
<li>Choosing a non-pathogenic chassis</li>
+
  <div class="outer12">
<li>Choosing parts that will not harm humans / animals / plants</li>
+
    <div class="inner"; onmouseover="apparitionbaton12()"; onmouseout="deletebaton12()">
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
+
      <div class="list rotate">
<li>Including an "induced lethality" or "kill-switch" device</li>
+
      <a href="https://2017.igem.org/Team:Pasteur_Paris/HP/Law">Law</a>
</ul>
+
      <div id="batonbleu12"></div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer13">
 +
    <div class="inner"; onmouseover="apparitionbaton13()"; onmouseout="deletebaton13()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Collaborations">Collaborations</a>
 +
        <div id="batonbleu13">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer13b">
 +
    <div class="inner"; onmouseover="apparitionbaton13b()"; onmouseout="deletebaton13b()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/HP/Silver">Human Practices</a>
 +
        <div id="batonbleu13b">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer14">
 +
    <div class="inner"; onmouseover="apparitionbaton14()"; onmouseout="deletebaton14()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/HP/Gold_Integrated">Integrated Practices</a>
 +
        <div id="batonbleu14">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
  
 +
<div id="Achievements" style="display:none">
 +
  <div class="outer15">
 +
    <div class="inner"; onmouseover="apparitionbaton15()"; onmouseout="deletebaton15()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Parts">Parts</a>
 +
        <div id="batonbleu15">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer16">
 +
    <div class="inner"; onmouseover="apparitionbaton16()"; onmouseout="deletebaton16()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/GiantJamboree">GiantJamboree</a>
 +
        <div id="batonbleu16">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 
</div>
 
</div>
  
<div class="column half_size">
 
<h5>Safe Lab Work</h5>
 
  
<p>What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!</p>
+
<div style="height:75vh">
 +
  <img src="https://static.igem.org/mediawiki/2017/f/fd/T--Pasteur_Paris--SandS_2.png"; style="position:absolute; left:390px; height: 66.5vh;width:auto;max-width: 60vw; z-index:-2;top:-70px"/>
 +
  <p id="title" style="font-size:50pt; font-family: MinionPro, serif;"> Safety and Security</p>
 +
  <div class="Chili"></div>
 +
  <p id="subtitles" style=" font-family: MinionPro, serif; font-size:18pt">Introduction</p>
 +
</div>
  
 +
<div class="text">
 +
 +
<p class="maintext"> <b><span style="font-size:15pt; font-family: MinionPro">Several</span> bacteria cells have been engineered to produce different components of a biopolymer and catalytic enzymes which will be able to trap air pollutants and to degrade some of them. <br>
 +
Our goal being that our project is used as:</b></p>
 +
<li class="maintext" style=" font-size:9pt">- a consumer product that ordinary people can buy</li>
 +
<li class="maintext" style=" font-size:9pt">- in a small enclosed device </li>
 +
<li class="maintext" style=" font-size:9pt">- on a collective scale (apartment complexes), city or large metropolitan area, especially in developed countries where air pollution is or will become problematic.</li></b>
 +
<p class="maintext" style=" font-size:9pt">Our Chassis organism is E. coli DH5-alpha, BL21DE3 or BL21DE3pLysS. Gene synthesis will be used for providing the coding sequences for expression of the proteins. Sequences were obtained from databases, therefore not requiring extraction of DNA from the originating bacteria.
 +
<br><br>
 +
<b>We are not releasing any GMOs. We are producing a device that can carry our purified components for its final activity. Thus, safe to be released to users. The filter system will degrade toxic components intop less toxic ones, therefore increasing the safety of the trapped materials. The components of our bio-filter are entirely biodegradable (Spider silk, and enzyme proteins).</b>
 +
<br><br>
 +
Level 2 (moderate risk) :
 +
We conducted all of our experimental research in the same level 2 laboratory in the Education center of Institut Pasteur.
 +
<br><br>
 +
———————————
 +
<br><br>
 +
Students were taught a course on common hazards and exposure risks in the lab, including chemical and biological hazards that are found at the Institut Pasteur research laboratories. The course taught us how to prevent exposure to these hazards and emergency response procedures in case of expo-sure. The course also covered our lab waste handling procedures as well as useful information on methods to ensure the research laboratory is free from common physical hazards. Prior to working in the lab, every student in the team received BSL1 and BSL2 lab safety training from Dr Deshmukh Gopaul following guidelines from the Health and safety department of Institut Pasteur. And once in the lab, we received a 2nd training by the laboratory technician of Institut Pasteur Education Center, providing us with specific rules pertaining to waste management in that facility.
 +
All lab work and experiments were done according to laboratory safety policy of the Institut Pasteur.
 +
</p>
 +
 +
 +
<div style="width:50% ; margin-left:10%;margin-top:5%">
 +
<div style="width:100%">
 +
  <img src="https://static.igem.org/mediawiki/2017/a/ad/T--Pasteur_Paris--Safe1.jpeg"; style="width:100%"></img>
 +
  <p style=" font-family: Helvetica,"></p>
 +
</div>
 
</div>
 
</div>
  
<div class="column half_size">
+
<div class="subtitle">
<h5>Safe Shipment</h5>
+
  <p style="font-family: MinionPro, serif;font-size:18pt">Safety</p>
 +
  <div class="underline"></div>
 +
</div>
 +
 
 +
<p class="maintext" style=" font-size:9pt"><b>Safe Lab Work: From chemicals to electrical equipment, laboratories present a plethora of safety haz-ards, which is why it is so vital to understand the importance of lab safety. The main safety aspects of our daily routine in the lab are the following:</b></p>
 +
 
 +
<li class="maintext" style=" font-size:9pt">• Using a disinfectant soap to wash your hands before and after working with microorganisms.</li>
 +
<li class="maintext" style=" font-size:9pt">• Personal safety: the experiments in the lab were done with gloves, safety glasses, closed leather shoes and lab coats. </li>
 +
<li class="maintext" style=" font-size:9pt">• Sterilizing equipment and materials. </li>
 +
<li class="maintext" style=" font-size:9pt">• To handle biological materials, we used open bench, biosafety cabinet, cold room -80°C freezer room and also technological platforms.</li>
 +
<li class="maintext" style=" font-size:9pt">• Our plates were parafilm sealed and placed in 4°C cold room and cell stocks and cell free extract were stored at -80°C</li>
 +
<li class="maintext" style=" font-size:9pt">• Disinfecting work areas before and after use. </li>
 +
<li class="maintext" style=" font-size:9pt">• Non-disinfectant soap will remove surface bacteria and can be used if disinfectant soap is not available. Gloves may be worn as extra protection. </li>
 +
<li class="maintext" style=" font-size:9pt">• Not eating or drinking in the lab, nor storing food in areas where microorganisms are stored. There are specific eating areas and refrigerators assigned for this purpose.</li>
 +
<li class="maintext" style=" font-size:9pt">• Labeling everything clearly. All cultures, chemicals, disinfectant, and media should be clearly and securely labeled with names and dates. If they are hazardous, we label them with proper warning and hazardous information. </li>
 +
<li class="maintext" style=" font-size:9pt">• Storing chemicals according to risk categories, flammables, corrosives in specialized cabinets.</li>
 +
<li class="maintext" style=" font-size:9pt">• Autoclaving or disinfecting all waste material. </li>
 +
<li class="maintext" style=" font-size:9pt">• Cleaning up accidental spills with care. </li>
 +
<li class="maintext" style=" font-size:9pt">• The bench was cleaned with ethanol or Anios detergent following each day.</li>
 +
<li class="maintext" style=" font-size:9pt">• Collective safety: Common equipment for safety include, fume hoods, Microbiology safety hood, balance area protection, eye wash stations, showers and fire blankets. The equipment have been clearly identified, and operated during our research in the lab; including a fire drill conducted during the summer.</li>
 +
<li class="maintext" style=" font-size:9pt">• All the steps for detecting DNA with the agarose gels requested the use of EB (Ethidium bromide), which required particular precautions of manipulation; because the EB is a mutagenic agent: Under hood, on a bench reserved for the use of this product and all the material having touched this bench was not to leave it before cleaning. Specific waste containers were available for liquids and solids. </li>
 +
<li class="maintext" style=" font-size:9pt">• The Hygiene and environmental safety office of Institut Pasteur is responsible for laboratory biosafe-ty. <a href="http://webcampus.pasteur.fr/jcms/c_63517/conduite-a-tenir">http://webcampus.pasteur.fr</a></li>
 +
<li class="maintext" style=" font-size:9pt">• Legifrance is the organism which regulate that govern biosafety in French research laboratories.  <a href="https://www.legifrance.gouv.fr/affichCode.do?idSectionTA=LEGISCTA000006171482&cidTexte=LEGITEXT000006072665&dateTexte=2007013">https://www.legifrance.gouv.fr</a></li>
 +
 
 +
 
 +
<p class="maintext" style=" font-size:9pt">The use of bioengineered proteins will minimize the risk of exposure to GMOs. Treatment of pollution by local or federal authorities rather than by individuals could require public "pollution control" regulation enforcement.
 +
</p>
  
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
<div class="subtitle">
 +
  <p style="font-family: MinionPro, serif;font-size: 18pt">Specific risks</p>
 +
  <div class="underline2"></div>
 
</div>
 
</div>
  
 +
<p class="maintext" style=" font-size:9pt">Our project did not include the use of gene drives, animals and anti-microbial resistance factors.</p>
  
 +
 +
 +
<div class="subtitle">
 +
  <p style="font-family: MinionPro, serif;font-size: 18pt">Security</p>
 +
  <div class="underline"></div>
 +
</div>
 +
 +
<p class="maintext" style=" font-size:9pt">The laws and regulations that govern biosafety in research laboratories at the Institut Pasteur are ISO 15189 and ISO/CEI 17025. ISO 15189 is an international standard published by the International Or-ganization for Standardization that specifies requirements for quality and competence particular to medical laboratories. ISO/CEI 17025, is a standard that specifies the general requirements for the competence of calibration and testing laboratories. This standard regarding any laboratory analysis and testing is the repository used during the accreditation audits.</p>
 +
 +
<li class="maintext" style=" font-size:9pt">• The laboratory supervisor must enforce the institutional policies that control access to the laborato-ry.</li>
 +
<li class="maintext" style=" font-size:9pt">• Students are required to show their vaccination status, compatible for Institut Pasteur, before being allowed to enter lab and perform experiments.</li>
 +
<li class="maintext" style=" font-size:9pt">• Security badges are electronic access controls the entry on the campus and specific lab areas.</li>
 +
<li class="maintext" style=" font-size:9pt">• Specific biosafety 1/2 clearance is conferred to the Education center Labs.</li>
 +
<li class="maintext" style=" font-size:9pt">• Persons must wash their hands before and after working with potentially hazardous materials and before leaving the laboratory.</li>
 +
<li class="maintext" style=" font-size:9pt">• Eating, drinking, smoking, handling contact lenses, applying cosmetics, and storing food for human consumption is not permitted in laboratory areas.</li>
 +
<li class="maintext" style=" font-size:9pt">• Mouth pipetting is prohibited, mechanical or electric pipetting devices were used.</li>
 +
<li class="maintext" style=" font-size:9pt">• Perform all procedures to minimize the creation of splashes and/or aerosols.</li>
 +
<li class="maintext" style=" font-size:9pt">• Individual safety equipment, including gloves, lab coat and safety goggles are required.</li>
 +
<li class="maintext" style=" font-size:9pt">• Group safety equipment like fume hoods, laminar flow benches are available.</li>
 +
<li class="maintext" style=" font-size:9pt">• Decontaminate work surfaces after completion of work and after any spill or splash of potentially infectious material with appropriate disinfectant.</li>
 +
<li class="maintext" style=" font-size:9pt">• Decontaminate all cultures, stocks, and other potentially infectious materials before disposal using an effective method.</li>
 +
</p>
 +
 +
 +
</div>
 +
<ul class="com">
 +
  <li style="text-align:center"><a href="https://www.facebook.com/igem.pasteur/" target="_blank"><i id="logo" class="fa fa-facebook"></i></a></li>
 +
  <li><a href=" https://twitter.com/igem_pasteur " target="_blank"><i id="logo" class="fa fa-twitter"></i></a></li>
 +
  <li><a href="https://www.instagram.com/igem.pasteur2017/" target="_blank"><i id="logo" class="material-icons">photo_camera</i></a></li>
 +
  <li><a href="mailto:igem.pasteur@gmail.com " target="_blank"><i id="logo" class="material-icons">email</i></a></li>
 +
</ul>
 +
 +
<div id="toparrow">
 +
    <a href="#"><i id="logo" class="fa fa-long-arrow-up" style="font-size:27px"></i></a>
 +
  </div>
 +
 +
<div class="sponsors"; style="width:100vw">
 +
  <a href="http://www.centralesupelec.fr" target="_blank"><img src="https://static.igem.org/mediawiki/2017/b/ba/T--Pasteur_Paris--AssociationCentralien.png"; id="Centrale" style="position:absolute; margin-top: 120px; left:21%; width: 121px; height: 57px; display:none"; onmouseout="centraleNoiretBlanc()"></a>
 +
  <a href="http://www.centralesupelec.fr" target="_blank"><img src="https://static.igem.org/mediawiki/2017/3/39/T--Pasteur_Paris--AssociationCentralien_BW.png"; id="CentraleBW" style="position:absolute; margin-top: 120px; left:21%; width: 121px; height: 57px"; onmouseover="centraleCouleur()"></a>
 +
  <a href="http://www.geneious.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/6/61/T--Pasteur_Paris--genious.png"; id="genious"; style="position:absolute; margin-top: 140px; left:37%; width: 136.5px; height: 58.42px; display:none"; onmouseout="geniousNoiretBlanc()"></a>
 +
  <a href="http://www.geneious.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/7/71/T--Pasteur_Paris--genious_BW.png"; id="geniousBW"; style="position:absolute; margin-top: 140px; left:37%; width: 136.5px; height: 58.42px"; onmouseover="geniousCouleur()"></a>
 +
  <a href="http://www.mt.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/c/cc/T--Pasteur_Paris--Mettler_Toledo.png"; id="MettlerToledo"; style="position:absolute; margin-top: 160px; left:54%; width: 160px; height: 20px; display:none"; onmouseout="MettlerToledoNoiretBlanc()"></a>
 +
  <a href="http://www.mt.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/d/dd/T--Pasteur_Paris--Mettler_Toledo_BW.png"; id="MettlerToledoBW"; style="position:absolute; margin-top: 160px; left:54%; width: 160px; height: 20px"; onmouseover="MettlerToledoCouleur()"></a>
 +
  <a href="http://www.france-science.org" target="_blank"><img src="https://static.igem.org/mediawiki/2017/b/b5/T--Pasteur_Paris--Ambassade.jpeg"; id="ambassade"; style="position:absolute; margin-top: 120px; right:21%; width: 100.8px; height: 105px; display:none"; onmouseout="ambassadeNoiretBlanc()"></a>
 +
  <a href="http://www.france-science.org" target="_blank"><img src="https://static.igem.org/mediawiki/2017/7/70/T--Pasteur_Paris--Ambassade_BW.png"; id="ambassadeBW"; style="position:absolute; margin-top: 120px; right:21%; width: 100.8px; height: 105px"; onmouseover="ambassadeCouleur()"></a>
 +
</div>
 +
 +
<div class="sponsors"; style="width:100vw">
 +
  <a href="http://www.instituts-carnot.eu/fr/institut-carnot/pasteur-ms" target="_blank"><img src="https://static.igem.org/mediawiki/2017/d/d1/T--Pasteur_Paris--GC.jpeg"; id="GlobalCare" style="position:absolute; margin-top: 250px; left:28%; width: 150px; height: 60px; display:none"; onmouseout="GlobalCareNoiretBlanc()"></a>
 +
  <a href="http://www.instituts-carnot.eu/fr/institut-carnot/pasteur-ms" target="_blank"><img src="https://static.igem.org/mediawiki/2017/c/cc/T--Pasteur_Paris--GC_BW.png"; id="GlobalCareBW" style="position:absolute; margin-top: 250px; left:28%; width: 150px; height: 60px"; onmouseover="GlobalCareCouleur()"></a>
 +
  <a href="http://www.pasteur.fr/fr" target="_blank"><img src="https://static.igem.org/mediawiki/2017/8/86/T--Pasteur_Paris--pasteur.png"; id="pasteur"; style="position:absolute; margin-top: 250px; left:46%; width: 130.2px; height: 50.07px"></a>
 +
  <a href="http://www.instituts-carnot.eu/fr/institut-carnot/pasteur-ms" target="_blank"><img src="https://static.igem.org/mediawiki/2017/e/eb/T--Pasteur_Paris--Carnot.jpeg"; id="Carnot"; style="position:absolute; margin-top: 250px; right:28%; width: 130px; height: 58px; display:none"; onmouseout="CarnotNoiretBlanc()"></a>
 +
  <a href="http://www.instituts-carnot.eu/fr/institut-carnot/pasteur-ms" target="_blank"><img src="https://static.igem.org/mediawiki/2017/f/f5/T--Pasteur_Paris--Carnot_BW.png"; id="CarnotBW"; style="position:absolute; margin-top: 250px; right:28%; width: 130px; height: 58px"; onmouseover="CarnotCouleur()"></a>
 +
</div>
 +
 +
<div class="sponsors"; style="width:100vw">
 +
  <a href="http://www.qiagen.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/a/a7/T--Pasteur_Paris--Qiagen.png"; id="Quiagen"; style="position:absolute; margin-top: 350px; left:21%; width: 100px; height: 86px; display:none"; onmouseout="QuiagenNoiretBlanc()"></a>
 +
  <a href="http://www.qiagen.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/2/2b/T--Pasteur_Paris--Quiagen_BW.png"; id="QuiagenBW"; style="position:absolute; margin-top: 350px; left: 21%; width: 100px; height: 86px"; onmouseover="QuiagenCouleur()"></a>
 +
  <a href="http://www.eurofins.fr" target="_blank"><img src="https://static.igem.org/mediawiki/2017/e/ed/T--Pasteur_Paris--eurofins.png"; id="eurofins"; style="position:absolute; margin-top: 370px; left:37%; width: 142.5px; height: 48px; display:none"; onmouseout="eurofinsNoiretBlanc()"></a>
 +
  <a href="http://www.eurofins.fr" target="_blank"><img src="https://static.igem.org/mediawiki/2017/e/ea/T--Pasteur_Paris--eurofins_BW.png"; id="eurofinsBW"; style="position:absolute; margin-top: 370px; left: 37%; width: 142.5px; height: 48px"; onmouseover="eurofinsCouleur()"></a>
 +
  <a href="http://www.thermofisher.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/d/d7/T--Pasteur_Paris--Thermofisher.png"; id="Thermofisher"; style="position:absolute; margin-top: 370px; left:54%; width: 142.5px; height: 48px; display:none"; onmouseout="ThermofisherNoiretBlanc()"></a>
 +
  <a href="http://www.thermofisher.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/1/17/T--Pasteur_Paris--Thermofisher_BW.png"; id="ThermofisherBW"; style="position:absolute; margin-top: 370px; left: 54%; width: 142.5px; height: 48px"; onmouseover="ThermofisherCouleur()"></a>
 +
  <a href="http://www.thermofisher.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/f/fe/T--Pasteur_Paris--Barthenteim.png"; id="Barthenteim"; style="position:absolute; margin-top: 350px; right:21%; width: 81px; height: 90px; display:none"; onmouseout="BarthenteimNoiretBlanc()"></a>
 +
  <a href="http://www.thermofisher.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/b/ba/T--Pasteur_Paris--Barthenteim_BW.png"; id="BarthenteimBW"; style="position:absolute; margin-top: 350px; right:21%; width: 81px; height: 90px"; onmouseover="BarthenteimCouleur()"></a>
 +
</div>
 +
</body>
 
</html>
 
</html>

Latest revision as of 21:35, 15 December 2017

Safety and Security

Introduction

Several bacteria cells have been engineered to produce different components of a biopolymer and catalytic enzymes which will be able to trap air pollutants and to degrade some of them.
Our goal being that our project is used as:

  • - a consumer product that ordinary people can buy
  • - in a small enclosed device
  • - on a collective scale (apartment complexes), city or large metropolitan area, especially in developed countries where air pollution is or will become problematic.
  • Our Chassis organism is E. coli DH5-alpha, BL21DE3 or BL21DE3pLysS. Gene synthesis will be used for providing the coding sequences for expression of the proteins. Sequences were obtained from databases, therefore not requiring extraction of DNA from the originating bacteria.

    We are not releasing any GMOs. We are producing a device that can carry our purified components for its final activity. Thus, safe to be released to users. The filter system will degrade toxic components intop less toxic ones, therefore increasing the safety of the trapped materials. The components of our bio-filter are entirely biodegradable (Spider silk, and enzyme proteins).

    Level 2 (moderate risk) : We conducted all of our experimental research in the same level 2 laboratory in the Education center of Institut Pasteur.

    ———————————

    Students were taught a course on common hazards and exposure risks in the lab, including chemical and biological hazards that are found at the Institut Pasteur research laboratories. The course taught us how to prevent exposure to these hazards and emergency response procedures in case of expo-sure. The course also covered our lab waste handling procedures as well as useful information on methods to ensure the research laboratory is free from common physical hazards. Prior to working in the lab, every student in the team received BSL1 and BSL2 lab safety training from Dr Deshmukh Gopaul following guidelines from the Health and safety department of Institut Pasteur. And once in the lab, we received a 2nd training by the laboratory technician of Institut Pasteur Education Center, providing us with specific rules pertaining to waste management in that facility. All lab work and experiments were done according to laboratory safety policy of the Institut Pasteur.

    Safety

    Safe Lab Work: From chemicals to electrical equipment, laboratories present a plethora of safety haz-ards, which is why it is so vital to understand the importance of lab safety. The main safety aspects of our daily routine in the lab are the following:

  • • Using a disinfectant soap to wash your hands before and after working with microorganisms.
  • • Personal safety: the experiments in the lab were done with gloves, safety glasses, closed leather shoes and lab coats.
  • • Sterilizing equipment and materials.
  • • To handle biological materials, we used open bench, biosafety cabinet, cold room -80°C freezer room and also technological platforms.
  • • Our plates were parafilm sealed and placed in 4°C cold room and cell stocks and cell free extract were stored at -80°C
  • • Disinfecting work areas before and after use.
  • • Non-disinfectant soap will remove surface bacteria and can be used if disinfectant soap is not available. Gloves may be worn as extra protection.
  • • Not eating or drinking in the lab, nor storing food in areas where microorganisms are stored. There are specific eating areas and refrigerators assigned for this purpose.
  • • Labeling everything clearly. All cultures, chemicals, disinfectant, and media should be clearly and securely labeled with names and dates. If they are hazardous, we label them with proper warning and hazardous information.
  • • Storing chemicals according to risk categories, flammables, corrosives in specialized cabinets.
  • • Autoclaving or disinfecting all waste material.
  • • Cleaning up accidental spills with care.
  • • The bench was cleaned with ethanol or Anios detergent following each day.
  • • Collective safety: Common equipment for safety include, fume hoods, Microbiology safety hood, balance area protection, eye wash stations, showers and fire blankets. The equipment have been clearly identified, and operated during our research in the lab; including a fire drill conducted during the summer.
  • • All the steps for detecting DNA with the agarose gels requested the use of EB (Ethidium bromide), which required particular precautions of manipulation; because the EB is a mutagenic agent: Under hood, on a bench reserved for the use of this product and all the material having touched this bench was not to leave it before cleaning. Specific waste containers were available for liquids and solids.
  • • The Hygiene and environmental safety office of Institut Pasteur is responsible for laboratory biosafe-ty. http://webcampus.pasteur.fr
  • • Legifrance is the organism which regulate that govern biosafety in French research laboratories. https://www.legifrance.gouv.fr
  • The use of bioengineered proteins will minimize the risk of exposure to GMOs. Treatment of pollution by local or federal authorities rather than by individuals could require public "pollution control" regulation enforcement.

    Specific risks

    Our project did not include the use of gene drives, animals and anti-microbial resistance factors.

    Security

    The laws and regulations that govern biosafety in research laboratories at the Institut Pasteur are ISO 15189 and ISO/CEI 17025. ISO 15189 is an international standard published by the International Or-ganization for Standardization that specifies requirements for quality and competence particular to medical laboratories. ISO/CEI 17025, is a standard that specifies the general requirements for the competence of calibration and testing laboratories. This standard regarding any laboratory analysis and testing is the repository used during the accreditation audits.

  • • The laboratory supervisor must enforce the institutional policies that control access to the laborato-ry.
  • • Students are required to show their vaccination status, compatible for Institut Pasteur, before being allowed to enter lab and perform experiments.
  • • Security badges are electronic access controls the entry on the campus and specific lab areas.
  • • Specific biosafety 1/2 clearance is conferred to the Education center Labs.
  • • Persons must wash their hands before and after working with potentially hazardous materials and before leaving the laboratory.
  • • Eating, drinking, smoking, handling contact lenses, applying cosmetics, and storing food for human consumption is not permitted in laboratory areas.
  • • Mouth pipetting is prohibited, mechanical or electric pipetting devices were used.
  • • Perform all procedures to minimize the creation of splashes and/or aerosols.
  • • Individual safety equipment, including gloves, lab coat and safety goggles are required.
  • • Group safety equipment like fume hoods, laminar flow benches are available.
  • • Decontaminate work surfaces after completion of work and after any spill or splash of potentially infectious material with appropriate disinfectant.
  • • Decontaminate all cultures, stocks, and other potentially infectious materials before disposal using an effective method.