first wave of corrections done

sites/all/themes/gui/jee/css/jee.scss

@@ -83,27 +83,32 @@ body{
 }
 
 @keyframes introLogo{
-  0%     {opacity:0;}
+  0%    {opacity:0;}
   35%   {opacity:1;}
   50%   {opacity:1;}
   75%   {opacity:0;}
-  100% {opacity:0;}
-}
-@keyframes introLogoBlured{
-  0%     {opacity:0;}
-  50%   {opacity:0;}
-  60%   {opacity:0.8;}
-  100% {opacity:0.8;}
-}
-@keyframes introSlogan{
-  0%      {opacity:0;}
-  50%    {opacity:0;}
-  70%    {opacity:1;}
-  90%    {opacity:1;}
   100%  {opacity:0;}
 }
+@keyframes introLogoBlured{
+  0%    {opacity:0;}
+  50%   {opacity:0;}
+  60%   {opacity:0.8;}
+  100%  {opacity:0.8;}
+}
+@keyframes introSlogan{
+  0%    {opacity:0;}
+  50%   {opacity:0;}
+  70%   {opacity:1;}
+  90%   {opacity:1;}
+  100%  {opacity:0;}
+}
+@keyframes introNodes{
+  0%    {opacity:0;}
+  100%   {opacity:1;}
+}
 
-$animeLogoDuration:8s;
+$animeLogoDuration:6s;
+$animeNodesDuration:3s;
 
 #header{
   z-index:1;
@@ -282,6 +287,8 @@ div.messages{
   |_____|__|__|__|__|__|    |_| |_____|__|__|_____|  |_____|_____|_|___|_____|__|__|_____|__  _|_____|_____|
                                                                                             |__|
 */
+
+
   .node-chapitre.node-teaser{
     z-index: 2;
     position:absolute;
@@ -301,10 +308,15 @@ div.messages{
     |____/|_____|__|  |__|__|_____|_____|_|    |_|_|_|_____|____/|_____|
 
     */
-    opacity:1;
     transition:1s ease-out;
     transition-property:opacity;
 
+    opacity:0;
+
+    &.enabled{
+      opacity:1;
+    }
+
     h2.node-title a{
       transform:none;
       transform-origin:bottom center;
@@ -390,7 +402,7 @@ div.messages{
     |_|_|_|_____| |_| |_____|_____|__|__| |_| |_____|  |_|_|_|_____|____/|_____|
     */
     &.mitigated{
-      opacity:0.3;
+      opacity:0.2;
     }
 
     /*
@@ -401,7 +413,7 @@ div.messages{
 
     */
     .chapter-displayed & {
-      opacity:0.1;
+      opacity:0.05;
     }
 
     /*
@@ -461,7 +473,7 @@ div.messages{
           font-family: "open_sans";
           font-weight: 900;
           color:#000!important;
-          width:8em; text-align: left;
+          width:10em; text-align: left;
           // background: transparent url(../assets/img/readmore-btn.svg) no-repeat right center;
           @include bg-svg-png('readmore-btn', no-repeat, right, center);
         }
@@ -509,7 +521,6 @@ div.messages{
       width:2px; //background-color:red;
       opacity:0.4;
     }
-
   } // node-chapitre
 
 
@@ -726,10 +737,31 @@ div.messages{
 
 #footer{
   position:fixed;
-  bottom:0; right:0;
+  bottom:0; right:20px;
   .block{
     display:inline-block;
     vertical-align: top;
+    font-size:0.693em;
+    p{font-size: inherit;}
+    a{color:#000;}
+  }
+
+  .block-menu{
+    display:block;
+    font-size:inherit;
+    ul{
+      margin:0 0 0.5em; padding:0;
+      li{
+        margin:0 1em 0 0; padding:0;
+        display:inline-block;
+        list-style: none;
+        a{
+          font-family: "epflulb";
+          color:#000;
+          text-transform: uppercase;
+        }
+      }
+    }
   }
 }
 /*
@@ -741,8 +773,16 @@ div.messages{
 */
 #fullscreen-btn{
   position:fixed;
-  bottom:20px; left:20px;
+  right:20px; top:20px;
   z-index: 1000;
+  width:25px; height:20px;
+  text-indent: 200px; overflow:hidden;
+  cursor:pointer;
+
+  @include bg-svg-png('fullscreen-on');
+  .fullscreen &{
+    @include bg-svg-png('fullscreen-off');
+  }
 }
 
 @mixin bubble($w,$h,$bg){
@@ -778,7 +818,7 @@ div.messages{
 
 #fps{
   position:fixed;
-  top:20px; right:20px;
+  bottom:40px; left:20px;
   z-index: 1000;
 }