Difference between revisions of "Team:Pasteur Paris/test/Notebook"

m
m
Line 1: Line 1:
 
{{Pasteur_Paris/wiki}}
 
{{Pasteur_Paris/wiki}}
 
   <html>
 
   <html>
−
    <style>
+
  <style>
 
       div.pages {
 
       div.pages {
 
         width:70%;
 
         width:70%;
Line 20: Line 20:
 
         cursor:pointer;
 
         cursor:pointer;
 
         color:white;
 
         color:white;
−
         z-index:1;
+
         z-index:2;
 
         display:none;
 
         display:none;
−
      }
 
−
.ARCN-27:hover {
 
−
      fill:red;
 
−
        transform:scale(2.5,2.5);
 
 
       }
 
       }
 
       #fleche {
 
       #fleche {
Line 46: Line 42:
 
         cursor:pointer;
 
         cursor:pointer;
 
       }
 
       }
−
html {
+
      .ARCN-27:hover {
 +
      fill:red;
 +
        transform:scale(2.5,2.5);
 +
      }
 +
      html {
 
         scroll-behavior: smooth;
 
         scroll-behavior: smooth;
 
       }
 
       }
 
     </style>
 
     </style>
−
    <script>
+
    <script>
 
       //////////////AnimationFleche//////////////
 
       //////////////AnimationFleche//////////////
 
       document.addEventListener('mousemove', function setMousePosition(e){
 
       document.addEventListener('mousemove', function setMousePosition(e){
Line 74: Line 74:
 
         document.getElementById('fleche').style.transform="rotate("+ angle +"deg)";
 
         document.getElementById('fleche').style.transform="rotate("+ angle +"deg)";
 
       });
 
       });
−
      $(document).ready(function(){
+
     
−
var qui = [];
+
      $(document).ready(function(){
−
         var to = document.getElementById("Arc").offsetTop + document.getElementById("Arc").offsetHeight+300;
+
qui = null;
 +
        liste = [];
 +
        liste.push(['JU1','JU2','JU3','JU4','JU5','AU1','AU2','AU3','AU4','AU5','SE1','SE2','SE3','SE4','SE5','OC1','OC2','OC3','OC4','OC5']);
 +
         var to = document.getElementById("Arc").offsetTop + document.getElementById("Arc").offsetHeight;
 
         $('#j1').click(ouvrirJU1);
 
         $('#j1').click(ouvrirJU1);
 
         $('#a1').click(ouvrirAU1);
 
         $('#a1').click(ouvrirAU1);
Line 97: Line 100:
 
         $('#s5').click(ouvrirSE5);
 
         $('#s5').click(ouvrirSE5);
 
         $('#o5').click(ouvrirOC5);
 
         $('#o5').click(ouvrirOC5);
 +
        for (var k=1;k<=5;k++){
 +
        $('#croixJU'+k).click(fermer);
 +
          $('#croixAU'+k).click(fermer);
 +
          $('#croixSE'+k).click(fermer);
 +
          $('#croixOC'+k).click(fermer);
 +
        }
 
          
 
          
−
          function ouvrirJU1(){
+
        function ouvrirJU1(){
−
        document.getElementById('JUPAGE1').style.display = "block";
+
          if (qui!=null){
−
          document.getElementById('croixJU1').style.display = "block";
+
            fermer()
−
          setTimeout(function(){document.getElementById('JU1').style.opacity = 1},200);
+
          }
−
          setTimeout(function(){window.scrollTo(0,(document.getElementById("JUPAGE1").offsetTop+document.getElementById("main").offsetTop)-50)},50);
+
          else{
−
          qui.push(1);
+
            document.getElementById('PAGEJU1').style.display = "block";
 +
            document.getElementById('croixJU1').style.display = "block";
 +
            setTimeout(function(){document.getElementById('JU1').style.opacity = 1},200);
 +
            setTimeout(function(){window.scrollTo(0,(document.getElementById("PAGEJU1").offsetTop+document.getElementById("main").offsetTop)-50)},50);
 +
            qui =1;
 +
          }
 
         };
 
         };
 
         function ouvrirJU2(){
 
         function ouvrirJU2(){
−
         document.getElementById('JUPAGE2').style.display = "block";
+
          if (qui!=null){
 +
            fermer()
 +
          }
 +
          else{
 +
         document.getElementById('PAGEJU2').style.display = "block";
 
           document.getElementById('croixJU2').style.display = "block";
 
           document.getElementById('croixJU2').style.display = "block";
 
           setTimeout(function(){document.getElementById('JU2').style.opacity = 1},200);
 
           setTimeout(function(){document.getElementById('JU2').style.opacity = 1},200);
−
           setTimeout(function(){window.scrollTo(0,(document.getElementById("JUPAGE2").offsetTop+document.getElementById("main").offsetTop)-50)},50);
+
           setTimeout(function(){window.scrollTo(0,(document.getElementById("PAGEJU2").offsetTop+document.getElementById("main").offsetTop)-50)},50);
−
           qui.push(2);
+
           qui =2;}
 
         };
 
         };
 
         function ouvrirJU3(){
 
         function ouvrirJU3(){
−
         document.getElementById('JUPAGE3').style.display = "block";
+
          if (qui!=null){
 +
            fermer()
 +
          }
 +
          else{
 +
         document.getElementById('PAGEJU3').style.display = "block";
 
           document.getElementById('croixJU3').style.display = "block";
 
           document.getElementById('croixJU3').style.display = "block";
 
           setTimeout(function(){document.getElementById('JU3').style.opacity = 1},200);
 
           setTimeout(function(){document.getElementById('JU3').style.opacity = 1},200);
−
           setTimeout(function(){window.scrollTo(0,(document.getElementById("JUPAGE3").offsetTop+document.getElementById("main").offsetTop)-50)},50);
+
           setTimeout(function(){window.scrollTo(0,(document.getElementById("PAGEJU3").offsetTop+document.getElementById("main").offsetTop)-50)},50);
−
           qui.push(3);
+
           qui =3;}
 
         };
 
         };
 
         function ouvrirJU4(){
 
         function ouvrirJU4(){
−
         document.getElementById('JUPAGE4').style.display = "block";
+
          if (qui!=null){
 +
            fermer()
 +
          }
 +
          else{
 +
         document.getElementById('PAGEJU4').style.display = "block";
 
           document.getElementById('croixJU4').style.display = "block";
 
           document.getElementById('croixJU4').style.display = "block";
 
           setTimeout(function(){document.getElementById('JU4').style.opacity = 1},200);
 
           setTimeout(function(){document.getElementById('JU4').style.opacity = 1},200);
−
           setTimeout(function(){window.scrollTo(0,(document.getElementById("JUPAGE4").offsetTop+document.getElementById("main").offsetTop)-50)},50);
+
           setTimeout(function(){window.scrollTo(0,(document.getElementById("PAGEJU4").offsetTop+document.getElementById("main").offsetTop)-50)},50);
−
           qui.push(4);
+
           qui =4;}
 
         };
 
         };
 
         function ouvrirJU5(){
 
         function ouvrirJU5(){
−
         document.getElementById('JUPAGE5').style.display = "block";
+
          if (qui!=null){
 +
            fermer()
 +
          }
 +
          else{
 +
         document.getElementById('PAGEJU5').style.display = "block";
 
           document.getElementById('croixJU5').style.display = "block";
 
           document.getElementById('croixJU5').style.display = "block";
 
           setTimeout(function(){document.getElementById('JU5').style.opacity = 1},200);
 
           setTimeout(function(){document.getElementById('JU5').style.opacity = 1},200);
−
           setTimeout(function(){window.scrollTo(0,(document.getElementById("JUPAGE5").offsetTop+document.getElementById("main").offsetTop)-50)},50);
+
           setTimeout(function(){window.scrollTo(0,(document.getElementById("PAGEJU5").offsetTop+document.getElementById("main").offsetTop)-50)},50);
−
           qui.push(5);
+
           qui =5;}
 
         };
 
         };
 
         function ouvrirAU1(){
 
         function ouvrirAU1(){
−
         document.getElementById('AUPAGE1').style.display = "block";
+
          if (qui!=null){
 +
            fermer()
 +
          }
 +
          else{
 +
         document.getElementById('PAGEAU1').style.display = "block";
 
           document.getElementById('croixAU1').style.display = "block";
 
           document.getElementById('croixAU1').style.display = "block";
 
           setTimeout(function(){document.getElementById('AU1').style.opacity = 1},200);
 
           setTimeout(function(){document.getElementById('AU1').style.opacity = 1},200);
−
           setTimeout(function(){window.scrollTo(0,(document.getElementById("AUPAGE1").offsetTop+document.getElementById("main").offsetTop)-50)},50);
+
           setTimeout(function(){window.scrollTo(0,(document.getElementById("PAGEAU1").offsetTop+document.getElementById("main").offsetTop)-50)},50);
−
           qui.push(6);
+
           qui =6;}
 
         };
 
         };
 
         function ouvrirAU2(){
 
         function ouvrirAU2(){
−
         document.getElementById('AUPAGE2').style.display = "block";
+
          if (qui!=null){
 +
            fermer()
 +
          }
 +
          else{
 +
         document.getElementById('PAGEAU2').style.display = "block";
 
           document.getElementById('croixAU2').style.display = "block";
 
           document.getElementById('croixAU2').style.display = "block";
 
           setTimeout(function(){document.getElementById('AU2').style.opacity = 1},200);
 
           setTimeout(function(){document.getElementById('AU2').style.opacity = 1},200);
−
           setTimeout(function(){window.scrollTo(0,(document.getElementById("AUPAGE2").offsetTop+document.getElementById("main").offsetTop)-50)},50);
+
           setTimeout(function(){window.scrollTo(0,(document.getElementById("PAGEAU2").offsetTop+document.getElementById("main").offsetTop)-50)},50);
−
           qui.push(7);
+
           qui =7;}
 
         };
 
         };
 
         function ouvrirAU3(){
 
         function ouvrirAU3(){
−
         document.getElementById('AUPAGE3').style.display = "block";
+
          if (qui!=null){
 +
            fermer()
 +
          }
 +
          else{
 +
         document.getElementById('PAGEAU3').style.display = "block";
 
           document.getElementById('croixAU3').style.display = "block";
 
           document.getElementById('croixAU3').style.display = "block";
 
           setTimeout(function(){document.getElementById('AU3').style.opacity = 1},200);
 
           setTimeout(function(){document.getElementById('AU3').style.opacity = 1},200);
−
           setTimeout(function(){window.scrollTo(0,(document.getElementById("AUPAGE3").offsetTop+document.getElementById("main").offsetTop)-50)},50);
+
           setTimeout(function(){window.scrollTo(0,(document.getElementById("PAGEAU3").offsetTop+document.getElementById("main").offsetTop)-50)},50);
−
           qui.push(8);
+
           qui =8;}
 
         };
 
         };
 
         function ouvrirAU4(){
 
         function ouvrirAU4(){
−
         document.getElementById('AUPAGE4').style.display = "block";
+
          if (qui!=null){
 +
            fermer()
 +
          }
 +
          else{
 +
         document.getElementById('PAGEAU4').style.display = "block";
 
           document.getElementById('croixAU4').style.display = "block";
 
           document.getElementById('croixAU4').style.display = "block";
 
           setTimeout(function(){document.getElementById('AU4').style.opacity = 1},200);
 
           setTimeout(function(){document.getElementById('AU4').style.opacity = 1},200);
−
           setTimeout(function(){window.scrollTo(0,(document.getElementById("AUPAGE4").offsetTop+document.getElementById("main").offsetTop)-50)},50);
+
           setTimeout(function(){window.scrollTo(0,(document.getElementById("PAGEAU4").offsetTop+document.getElementById("main").offsetTop)-50)},50);
−
           qui.push(9);
+
           qui =9;}
 
         };
 
         };
 
         function ouvrirAU5(){
 
         function ouvrirAU5(){
−
         document.getElementById('AUPAGE5').style.display = "block";
+
          if (qui!=null){
 +
            fermer()
 +
          }
 +
          else{
 +
         document.getElementById('PAGEAU5').style.display = "block";
 
           document.getElementById('croixAU5').style.display = "block";
 
           document.getElementById('croixAU5').style.display = "block";
 
           setTimeout(function(){document.getElementById('AU5').style.opacity = 1},200);
 
           setTimeout(function(){document.getElementById('AU5').style.opacity = 1},200);
−
           setTimeout(function(){window.scrollTo(0,(document.getElementById("AUPAGE5").offsetTop+document.getElementById("main").offsetTop)-50)},50);
+
           setTimeout(function(){window.scrollTo(0,(document.getElementById("PAGEAU5").offsetTop+document.getElementById("main").offsetTop)-50)},50);
−
           qui.push(10);
+
           qui =10;}
 
         };
 
         };
 
         function ouvrirSE1(){
 
         function ouvrirSE1(){
−
         document.getElementById('SEPAGE1').style.display = "block";
+
          if (qui!=null){
 +
            fermer()
 +
          }
 +
          else{
 +
         document.getElementById('PAGESE1').style.display = "block";
 
           document.getElementById('croixSE1').style.display = "block";
 
           document.getElementById('croixSE1').style.display = "block";
 
           setTimeout(function(){document.getElementById('SE1').style.opacity = 1},200);
 
           setTimeout(function(){document.getElementById('SE1').style.opacity = 1},200);
−
           setTimeout(function(){window.scrollTo(0,(document.getElementById("SEPAGE1").offsetTop+document.getElementById("main").offsetTop)-50)},50);
+
           setTimeout(function(){window.scrollTo(0,(document.getElementById("PAGESE1").offsetTop+document.getElementById("main").offsetTop)-50)},50);
−
           qui.push(11);
+
           qui =11;}
 
         };
 
         };
 
         function ouvrirSE2(){
 
         function ouvrirSE2(){
−
         document.getElementById('SEPAGE2').style.display = "block";
+
          if (qui!=null){
 +
            fermer()
 +
          }
 +
          else{
 +
         document.getElementById('PAGESE2').style.display = "block";
 
           document.getElementById('croixSE2').style.display = "block";
 
           document.getElementById('croixSE2').style.display = "block";
 
           setTimeout(function(){document.getElementById('SE2').style.opacity = 1},200);
 
           setTimeout(function(){document.getElementById('SE2').style.opacity = 1},200);
−
           setTimeout(function(){window.scrollTo(0,(document.getElementById("SEPAGE2").offsetTop+document.getElementById("main").offsetTop)-50)},50);
+
           setTimeout(function(){window.scrollTo(0,(document.getElementById("PAGESE2").offsetTop+document.getElementById("main").offsetTop)-50)},50);
−
           qui.push(12);
+
           qui =12;}
 
         };
 
         };
 
         function ouvrirSE3(){
 
         function ouvrirSE3(){
−
         document.getElementById('SEPAGE3').style.display = "block";
+
          if (qui!=null){
 +
            fermer()
 +
          }
 +
          else{
 +
         document.getElementById('PAGESE3').style.display = "block";
 
           document.getElementById('croixSE3').style.display = "block";
 
           document.getElementById('croixSE3').style.display = "block";
 
           setTimeout(function(){document.getElementById('SE3').style.opacity = 1},200);
 
           setTimeout(function(){document.getElementById('SE3').style.opacity = 1},200);
−
           setTimeout(function(){window.scrollTo(0,(document.getElementById("SEPAGE3").offsetTop+document.getElementById("main").offsetTop)-50)},50);
+
           setTimeout(function(){window.scrollTo(0,(document.getElementById("PAGESE3").offsetTop+document.getElementById("main").offsetTop)-50)},50);
−
           qui.push(13);
+
           qui =13;}
 
         };
 
         };
 
         function ouvrirSE4(){
 
         function ouvrirSE4(){
−
         document.getElementById('SEPAGE4').style.display = "block";
+
          if (qui!=null){
 +
            fermer()
 +
          }
 +
          else{
 +
         document.getElementById('PAGESE4').style.display = "block";
 
           document.getElementById('croixSE4').style.display = "block";
 
           document.getElementById('croixSE4').style.display = "block";
 
           setTimeout(function(){document.getElementById('SE4').style.opacity = 1},200);
 
           setTimeout(function(){document.getElementById('SE4').style.opacity = 1},200);
−
           setTimeout(function(){window.scrollTo(0,(document.getElementById("SEPAGE4").offsetTop+document.getElementById("main").offsetTop)-50)},50);
+
           setTimeout(function(){window.scrollTo(0,(document.getElementById("PAGESE4").offsetTop+document.getElementById("main").offsetTop)-50)},50);
−
           qui.push(14);
+
           qui =14;}
 
         };
 
         };
 
         function ouvrirSE5(){
 
         function ouvrirSE5(){
−
         document.getElementById('SEPAGE5').style.display = "block";
+
          if (qui!=null){
 +
            fermer()
 +
          }
 +
          else{
 +
         document.getElementById('PAGESE5').style.display = "block";
 
           document.getElementById('croixSE5').style.display = "block";
 
           document.getElementById('croixSE5').style.display = "block";
 
           setTimeout(function(){document.getElementById('SE5').style.opacity = 1},200);
 
           setTimeout(function(){document.getElementById('SE5').style.opacity = 1},200);
−
           setTimeout(function(){window.scrollTo(0,(document.getElementById("SEPAGE5").offsetTop+document.getElementById("main").offsetTop)-50)},50);
+
           setTimeout(function(){window.scrollTo(0,(document.getElementById("PAGESE5").offsetTop+document.getElementById("main").offsetTop)-50)},50);
−
           qui.push(15);
+
           qui =15;}
 
         };
 
         };
 
         function ouvrirOC1(){
 
         function ouvrirOC1(){
−
         document.getElementById('OCPAGE1').style.display = "block";
+
          if (qui!=null){
 +
            fermer()
 +
          }
 +
          else{
 +
         document.getElementById('PAGEOC1').style.display = "block";
 
           document.getElementById('croixOC1').style.display = "block";
 
           document.getElementById('croixOC1').style.display = "block";
 
           setTimeout(function(){document.getElementById('OC1').style.opacity = 1},200);
 
           setTimeout(function(){document.getElementById('OC1').style.opacity = 1},200);
−
           setTimeout(function(){window.scrollTo(0,(document.getElementById("OCPAGE1").offsetTop+document.getElementById("main").offsetTop)-50)},50);
+
           setTimeout(function(){window.scrollTo(0,(document.getElementById("PAGEOC1").offsetTop+document.getElementById("main").offsetTop)-50)},50);
−
           qui.push(16);
+
           qui =16;}
 
         };
 
         };
 
         function ouvrirOC2(){
 
         function ouvrirOC2(){
−
         document.getElementById('OCPAGE2').style.display = "block";
+
          if (qui!=null){
 +
            fermer()
 +
          }
 +
          else{
 +
         document.getElementById('PAGEOC2').style.display = "block";
 
           document.getElementById('croixOC2').style.display = "block";
 
           document.getElementById('croixOC2').style.display = "block";
 
           setTimeout(function(){document.getElementById('OC2').style.opacity = 1},200);
 
           setTimeout(function(){document.getElementById('OC2').style.opacity = 1},200);
−
           setTimeout(function(){window.scrollTo(0,(document.getElementById("OCPAGE2").offsetTop+document.getElementById("main").offsetTop)-50)},50);
+
           setTimeout(function(){window.scrollTo(0,(document.getElementById("PAGEOC2").offsetTop+document.getElementById("main").offsetTop)-50)},50);
−
           qui.push(17);
+
           qui =17;}
 
         };
 
         };
 
         function ouvrirOC3(){
 
         function ouvrirOC3(){
−
         document.getElementById('OCPAGE3').style.display = "block";
+
          if (qui!=null){
 +
            fermer()
 +
          }
 +
          else{
 +
         document.getElementById('PAGEOC3').style.display = "block";
 
           document.getElementById('croixOC3').style.display = "block";
 
           document.getElementById('croixOC3').style.display = "block";
 
           setTimeout(function(){document.getElementById('OC3').style.opacity = 1},200);
 
           setTimeout(function(){document.getElementById('OC3').style.opacity = 1},200);
−
           setTimeout(function(){window.scrollTo(0,(document.getElementById("OCPAGE3").offsetTop+document.getElementById("main").offsetTop)-50)},50);
+
           setTimeout(function(){window.scrollTo(0,(document.getElementById("PAGEOC3").offsetTop+document.getElementById("main").offsetTop)-50)},50);
−
           qui.push(18);
+
           qui =18;}
 
         };
 
         };
 
         function ouvrirOC4(){
 
         function ouvrirOC4(){
−
         document.getElementById('OCPAGE4').style.display = "block";
+
          if (qui!=null){
 +
            fermer()
 +
          }
 +
          else{
 +
         document.getElementById('PAGEOC4').style.display = "block";
 
           document.getElementById('croixOC4').style.display = "block";
 
           document.getElementById('croixOC4').style.display = "block";
 
           setTimeout(function(){document.getElementById('OC4').style.opacity = 1},200);
 
           setTimeout(function(){document.getElementById('OC4').style.opacity = 1},200);
−
           setTimeout(function(){window.scrollTo(0,(document.getElementById("OCPAGE4").offsetTop+document.getElementById("main").offsetTop)-50)},50);
+
           setTimeout(function(){window.scrollTo(0,(document.getElementById("PAGEOC4").offsetTop+document.getElementById("main").offsetTop)-50)},50);
−
           qui.push(19);
+
           qui =19;}
 
         };
 
         };
 
         function ouvrirOC5(){
 
         function ouvrirOC5(){
−
         document.getElementById('OCPAGE5').style.display = "block";
+
          if (qui!=null){
 +
            fermer()
 +
          }
 +
          else{
 +
         document.getElementById('PAGEOC5').style.display = "block";
 
           document.getElementById('croixOC5').style.display = "block";
 
           document.getElementById('croixOC5').style.display = "block";
 
           setTimeout(function(){document.getElementById('OC5').style.opacity = 1},200);
 
           setTimeout(function(){document.getElementById('OC5').style.opacity = 1},200);
−
           setTimeout(function(){window.scrollTo(0,(document.getElementById("OCPAGE5").offsetTop+document.getElementById("main").offsetTop)-50)},50);
+
           setTimeout(function(){window.scrollTo(0,(document.getElementById("PAGEOC5").offsetTop+document.getElementById("main").offsetTop)-50)},50);
−
           qui.push(20);
+
           qui =20;}
 
         };
 
         };
 
       });
 
       });
−
 
+
function fermer(){
 +
      var id = liste[0][qui-1];
 +
        document.getElementById('PAGE'+id).style.display = "none";
 +
        document.getElementById('croix'+id).style.display = "none";
 +
        document.getElementById(id).style.opacity = "0";
 +
        window.scrollTo(0,document.getElementById("main").offsetTop);
 +
        qui = null;
 +
      }
 
     </script>
 
     </script>
−
    <div id="main" style="width:100%;position:absolute;top:350px;overflow:visible;">
+
    <div id="main" style="width:100%;position:absolute;top:350px;overflow:visible;">
 
       <div id="Arc" style="width:60vw;margin-left:20vw;">
 
       <div id="Arc" style="width:60vw;margin-left:20vw;">
 
          
 
          
−
         <svg viewBox="0 0 972.1 640.5" style="overflow:visible"><defs><linearGradient id="Dégradé_sans_nom_79"
+
         <svg viewBox="0 0 972.1 640.5"><defs><linearGradient id="Dégradé_sans_nom_79"
  
 
               x1="61.54" x2="134.42" y1="193.98" y2="193.98" gradientTransform="matrix(0 1 -.99 0 500.76 26.05)"
 
               x1="61.54" x2="134.42" y1="193.98" y2="193.98" gradientTransform="matrix(0 1 -.99 0 500.76 26.05)"
Line 536: Line 633:
 
         }
 
         }
 
       </script>
 
       </script>
−
       <div id="JUPAGE1" class="pages">
+
       <div id="PAGEJU1" class="pages">
 
         <div class="NCroix" id="croixJU1">
 
         <div class="NCroix" id="croixJU1">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
Line 546: Line 643:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div id="JUPAGE2" class="pages">
+
       <div id="PAGEJU2" class="pages">
 
         <div class="NCroix" id="croixJU2">
 
         <div class="NCroix" id="croixJU2">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
Line 556: Line 653:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div id="JUPAGE3" class="pages" >
+
       <div id="PAGEJU3" class="pages" >
 
         <div class="NCroix" id="croixJU3">
 
         <div class="NCroix" id="croixJU3">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
Line 566: Line 663:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div id="JUPAGE4" class="pages" >
+
       <div id="PAGEJU4" class="pages" >
 
         <div class="NCroix" id="croixJU4">
 
         <div class="NCroix" id="croixJU4">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
Line 576: Line 673:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div id="JUPAGE5" class="pages">
+
       <div id="PAGEJU5" class="pages">
 
         <div class="NCroix" id="croixJU5">
 
         <div class="NCroix" id="croixJU5">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
Line 586: Line 683:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div id="AUPAGE1" class="pages">
+
       <div id="PAGEAU1" class="pages">
 
         <div class="NCroix" id="croixAU1">
 
         <div class="NCroix" id="croixAU1">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
Line 596: Line 693:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div id="AUPAGE2" class="pages">
+
       <div id="PAGEAU2" class="pages">
 
         <div class="NCroix" id="croixAU2">
 
         <div class="NCroix" id="croixAU2">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
Line 606: Line 703:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div id="AUPAGE3" class="pages">
+
       <div id="PAGEAU3" class="pages">
 
         <div class="NCroix" id="croixAU3">
 
         <div class="NCroix" id="croixAU3">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
Line 616: Line 713:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div id="AUPAGE4" class="pages">
+
       <div id="PAGEAU4" class="pages">
 
         <div class="NCroix" id="croixAU4">
 
         <div class="NCroix" id="croixAU4">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
Line 626: Line 723:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div id="AUPAGE5" class="pages">
+
       <div id="PAGEAU5" class="pages">
 
         <div class="NCroix" id="croixAU5">
 
         <div class="NCroix" id="croixAU5">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
Line 636: Line 733:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div id="SEPAGE1" class="pages">
+
       <div id="PAGESE1" class="pages">
 
         <div class="NCroix" id="croixSE1">
 
         <div class="NCroix" id="croixSE1">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
Line 646: Line 743:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div id="SEPAGE2" class="pages">
+
       <div id="PAGESE2" class="pages">
 
         <div class="NCroix" id="croixSE2">
 
         <div class="NCroix" id="croixSE2">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
Line 656: Line 753:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div id="SEPAGE3" class="pages">
+
       <div id="PAGESE3" class="pages">
 
         <div class="NCroix" id="croixSE3">
 
         <div class="NCroix" id="croixSE3">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
Line 666: Line 763:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div id="SEPAGE4" class="pages">
+
       <div id="PAGESE4" class="pages">
 
         <div class="NCroix" id="croixSE4">
 
         <div class="NCroix" id="croixSE4">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
Line 676: Line 773:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div id="SEPAGE5" class="pages">
+
       <div id="PAGESE5" class="pages">
 
         <div class="NCroix" id="croixSE5">
 
         <div class="NCroix" id="croixSE5">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
Line 686: Line 783:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div id="OCPAGE1" class="pages">
+
       <div id="PAGEOC1" class="pages">
 
         <div class="NCroix" id="croixOC1">
 
         <div class="NCroix" id="croixOC1">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
Line 696: Line 793:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div id="OCPAGE2" class="pages">
+
       <div id="PAGEOC2" class="pages">
 
         <div class="NCroix" id="croixOC2">
 
         <div class="NCroix" id="croixOC2">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
Line 706: Line 803:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div id="OCPAGE3" class="pages">
+
       <div id="PAGEOC3" class="pages">
 
         <div class="NCroix" id="croixOC3">
 
         <div class="NCroix" id="croixOC3">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
Line 716: Line 813:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div id="OCPAGE4" class="pages">
+
       <div id="PAGEOC4" class="pages">
 
         <div class="NCroix" id="croixOC4">
 
         <div class="NCroix" id="croixOC4">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
Line 726: Line 823:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <div id="OCPAGE5" class="pages">
+
       <div id="PAGEOC5" class="pages">
 
         <div class="NCroix" id="croixOC5">
 
         <div class="NCroix" id="croixOC5">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">
 
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-40%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;float:left;">

Revision as of 22:45, 16 October 2019

  • Safety
  • Juddging Form
  • Human Pratices

  • Education
    Law
    Events
  • Project
  • Description
    Design
    Results
    Entrepreneurship
    Demonstrate
    Chalenges
    Improve
  • Team
  • Team members
    Collaborations
    Attributions
  • Sciences
  • Notebook
    Results Attributions
  • Awards
  • About Us

    • SAFETY

    JUDGING  FORM

    HUMAN  PRACTICES

  • Interview Collaboration Law & Ethics

    • PROJECT

  • Description Entrepreneurship Demonstrate Improve

    • HOME

    TEAM

  • Team members Attributions
    • Picto Sciences

    Sciences

  • Notebook Results
    • 1

    AWARDS

  • Medals Demonstrate Special Prizes
    • iGEMPASTEURPARIS2019

    ABOUT  US

    ecr-v-1
    ecr-p-2
    ecr-v-1
    ecr-p-2
    ecr-p-2
    ecr-p-2
    ecr-v-1
    ecr-p-2
    ecr-p-2
    ecr-v-1
    ecr-p-2
    ecr-v-1
    ecr-p-2
    ecr-p-2
    ecr-v-1
    ecr-p-2
    ecr-v-1
    ecr-p-2 

     
   
    
    
    
      
    
        
        W1W2W3W4W5W1W2W3W4W5W1W2W3W4W5W1W2W3W4W5