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

m
m
Line 512: Line 512:
 
         }
 
         }
 
       </script>
 
       </script>
       <div id="JUPAGE1" class="pages" style="top:8.888vw;left:23.45vw;">
+
       <div id="JUPAGE1" class="pages">
          <div class="NCroix" id="croixJU1">
+
        <div class="NCroix" id="croixJU1">
            <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
+
          <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;">
            </div>
+
            <div style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
+
            </div>
+
 
           </div>
 
           </div>
           <div id="JU1" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
+
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-84%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="JUPAGE2" class="pages"style="top:12.28vw;left:24.15vw;">
+
         <div id="JU1" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
          <div class="NCroix" id="croixJU2">
+
        </div>
            <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
+
      </div>
            </div>
+
      <div id="JUPAGE2" class="pages">
            <div style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
+
        <div class="NCroix" id="croixJU2">
            </div>
+
          <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;">
 
           </div>
 
           </div>
           <div id="JU2" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
+
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-84%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="JUPAGE3" class="pages"style="top:15.5vw;left:25.3vw;">
+
         <div id="JU2" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
          <div class="NCroix" id="croixJU3">
+
        </div>
            <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
+
      </div>
            </div>
+
      <div id="JUPAGE3" class="pages" >
            <div style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
+
        <div class="NCroix" id="croixJU3">
            </div>
+
          <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;">
 
           </div>
 
           </div>
           <div id="JU3" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
+
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-84%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="JUPAGE4" class="pages"style="top:18.58vw;left:26.85vw;">  
+
         <div id="JU3" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
          <div class="NCroix" id="croixJU4">
+
        </div>
            <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
+
      </div>
            </div>
+
      <div id="JUPAGE4" class="pages" >
            <div style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
+
        <div class="NCroix" id="croixJU4">
            </div>
+
          <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;">
 
           </div>
 
           </div>
           <div id="JU4" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
+
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-84%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="JUPAGE5" class="pages"style="top:21.5vw;left:28.85vw;">
+
         <div id="JU4" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
          <div class="NCroix" id="croixJU5">
+
        </div>
            <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
+
      </div>
            </div>
+
      <div id="JUPAGE5" class="pages">
            <div style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
+
        <div class="NCroix" id="croixJU5">
            </div>
+
          <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;">
 
           </div>
 
           </div>
           <div id="JU5" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
+
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-84%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="AUPAGE1" class="pages"style="top:26.3vw;left:33.8vw;">  
+
         <div id="JU5" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
          <div class="NCroix" id="croixAU1">
+
        </div>
            <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
+
      </div>
            </div>
+
      <div id="AUPAGE1" class="pages">
            <div style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
+
        <div class="NCroix" id="croixAU1">
            </div>
+
          <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;">
 
           </div>
 
           </div>
           <div id="AU1" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
+
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-84%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="AUPAGE2" class="pages"style="top:28.3vw;left:36.8vw;">
+
         <div id="AU1" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
          <div class="NCroix" id="croixAU2">
+
        </div>
            <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
+
      </div>
            </div>
+
      <div id="AUPAGE2" class="pages">
            <div style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
+
        <div class="NCroix" id="croixAU2">
            </div>
+
          <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;">
 
           </div>
 
           </div>
           <div id="AU2" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
+
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-84%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="AUPAGE3" class="pages"style="top:29.95vw;left:40.55vw;">
+
         <div id="AU2" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
          <div class="NCroix" id="croixAU3">
+
        </div>
            <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
+
      </div>
            </div>
+
      <div id="AUPAGE3" class="pages">
            <div style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
+
        <div class="NCroix" id="croixAU3">
            </div>
+
          <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;">
 
           </div>
 
           </div>
           <div id="AU3" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
+
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-84%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="AUPAGE4" class="pages"style="top:30.9vw;left:43.8vw;">  
+
         <div id="AU3" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
          <div class="NCroix" id="croixAU4">
+
        </div>
            <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
+
      </div>
            </div>
+
      <div id="AUPAGE4" class="pages">
            <div style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
+
        <div class="NCroix" id="croixAU4">
            </div>
+
          <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;">
 
           </div>
 
           </div>
           <div id="AU4" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
+
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-84%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="AUPAGE5" class="pages"style="top:31.4vw;left:46.7vw;">  
+
         <div id="AU4" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
          <div class="NCroix" id="croixAU5">
+
        </div>
            <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
+
      </div>
            </div>
+
      <div id="AUPAGE5" class="pages">
            <div style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
+
        <div class="NCroix" id="croixAU5">
            </div>
+
          <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;">
 
           </div>
 
           </div>
           <div id="AU5" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
+
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-84%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="SEPAGE1" class="pages"style="top:31.4vw;left:53.1vw;">
+
         <div id="AU5" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
          <div class="NCroix" id="croixSE1">
+
        </div>
            <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
+
      </div>
            </div>
+
      <div id="SEPAGE1" class="pages">
            <div style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
+
        <div class="NCroix" id="croixSE1">
            </div>
+
          <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;">
 
           </div>
 
           </div>
           <div id="SE1" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
+
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-84%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="SEPAGE2" class="pages"style="top:30.6vw;left:56.5vw;">
+
         <div id="SE1" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
          <div class="NCroix" id="croixSE2">
+
        </div>
            <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
+
      </div>
            </div>
+
      <div id="SEPAGE2" class="pages">
            <div style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
+
        <div class="NCroix" id="croixSE2">
            </div>
+
          <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;">
 
           </div>
 
           </div>
           <div id="SE2" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
+
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-84%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="SEPAGE3" class="pages"style="top:29.45vw;left:60.05vw;">
+
         <div id="SE2" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
          <div class="NCroix" id="croixSE3">
+
        </div>
            <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
+
      </div>
            </div>
+
      <div id="SEPAGE3" class="pages">
            <div style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
+
        <div class="NCroix" id="croixSE3">
            </div>
+
          <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;">
 
           </div>
 
           </div>
           <div id="SE3" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
+
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-84%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="SEPAGE4" class="pages"style="top:27.85vw;left:63.3vw;">  
+
         <div id="SE3" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
          <div class="NCroix" id="croixSE4">
+
        </div>
            <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
+
      </div>
            </div>
+
      <div id="SEPAGE4" class="pages">
            <div style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
+
        <div class="NCroix" id="croixSE4">
            </div>
+
          <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;">
 
           </div>
 
           </div>
           <div id="SE4" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
+
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-84%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="SEPAGE5" class="pages"style="top:25.8vw;left:66.1vw;">
+
         <div id="SE4" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
          <div class="NCroix" id="croixSE5">
+
        </div>
            <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
+
      </div>
            </div>
+
      <div id="SEPAGE5" class="pages">
            <div style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
+
        <div class="NCroix" id="croixSE5">
            </div>
+
          <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;">
 
           </div>
 
           </div>
           <div id="SE5" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
+
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-84%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="OCPAGE1" class="pages"style="top:21.05vw;left:70.78vw;">
+
         <div id="SE5" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
          <div class="NCroix" id="croixOC1">
+
        </div>
            <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
+
      </div>
            </div>
+
      <div id="OCPAGE1" class="pages">
            <div style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
+
        <div class="NCroix" id="croixOC1">
            </div>
+
          <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;">
 
           </div>
 
           </div>
           <div id="OC1" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
+
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-84%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="OCPAGE2" class="pages"style="top:18.27vw;left:72.6vw;">
+
         <div id="OC1" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
          <div class="NCroix" id="croixOC2">
+
        </div>
            <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
+
      </div>
            </div>
+
      <div id="OCPAGE2" class="pages">
            <div style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
+
        <div class="NCroix" id="croixOC2">
            </div>
+
          <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;">
 
           </div>
 
           </div>
           <div id="OC2" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
+
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-84%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="OCPAGE3" class="pages"style="top:15.2vw;left:74.1vw;">
+
         <div id="OC2" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
          <div class="NCroix" id="croixOC3">
+
        </div>
            <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
+
      </div>
            </div>
+
      <div id="OCPAGE3" class="pages">
            <div style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
+
        <div class="NCroix" id="croixOC3">
            </div>
+
          <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;">
 
           </div>
 
           </div>
           <div id="OC3" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
+
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-84%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="OCPAGE4" class="pages"style="top:12.1vw;left:75.15vw;">
+
         <div id="OC3" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
          <div class="NCroix" id="croixOC4">
+
        </div>
            <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
+
      </div>
            </div>
+
      <div id="OCPAGE4" class="pages">
            <div style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
+
        <div class="NCroix" id="croixOC4">
            </div>
+
          <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;">
 
           </div>
 
           </div>
           <div id="OC4" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
+
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-84%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="OCPAGE5" class="pages"style="top:8.7vw;left:75.85vw;">
+
         <div id="OC4" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
          <div class="NCroix" id="croixOC5">
+
        </div>
            <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
+
      </div>
            </div>
+
      <div id="OCPAGE5" class="pages">
            <div style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
+
        <div class="NCroix" id="croixOC5">
            </div>
+
          <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;">
 
           </div>
 
           </div>
           <div id="OC5" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
+
           <div style="height:10%;width:80%;background-color:white;position:relative;top:-84%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 +
        <div id="OC5" class="ent" style="overflow-x:hidden;overflow:scroll;width:85%;margin-left:7.5%;opacity:0;transition:0.3s;">
 +
        </div>
 +
      </div>
 
     </div>
 
     </div>
 
   </html>
 
   </html>

Revision as of 20:40, 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
  • HUMAN  PRACTICES

    PROJECT

    TEAM

    Picto Sciences

    Sciences

    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