some fixes : links, statics pages width

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

@@ -4731,14 +4731,18 @@ div.messages {
   margin-bottom: 0.5em;
 }
 /* line 695, jee.scss */
+#main #chapter-wrapper .field-type-text-long a, #main #chapter-wrapper .field-type-text a {
+  text-decoration: underline;
+}
+/* line 699, jee.scss */
 #main #chapter-wrapper .field-name-field-dbatre {
   left: 60em;
 }
-/* line 697, jee.scss */
+/* line 701, jee.scss */
 #main #chapter-wrapper .field-name-field-dbatre ul {
   margin-left: 1em;
 }
-/* line 699, jee.scss */
+/* line 703, jee.scss */
 #main #chapter-wrapper .field-name-field-dbatre ul li {
   list-style: none;
   line-height: 1;
@@ -4746,7 +4750,7 @@ div.messages {
   position: relative;
   font-size: 0.80em;
 }
-/* line 705, jee.scss */
+/* line 709, jee.scss */
 #main #chapter-wrapper .field-name-field-dbatre ul li:before {
   content: "?";
   position: absolute;
@@ -4754,14 +4758,14 @@ div.messages {
   left: -1em;
   font-family: "epflul";
 }
-/* line 716, jee.scss */
+/* line 720, jee.scss */
 #main #chapter-wrapper .field-name-field-partie {
   height: 60%;
   width: 100%;
   top: 20%;
   left: 0;
 }
-/* line 719, jee.scss */
+/* line 723, jee.scss */
 #main #chapter-wrapper .field-name-field-partie .field-items {
   position: relative;
   top: 0;
@@ -4769,12 +4773,12 @@ div.messages {
   height: 100%;
   width: auto;
 }
-/* line 724, jee.scss */
+/* line 728, jee.scss */
 #main #chapter-wrapper .field-name-field-partie .field-items .field {
   position: relative;
   display: inline-block;
 }
-/* line 727, jee.scss */
+/* line 731, jee.scss */
 #main #chapter-wrapper .field-name-field-partie .field-items .field .mask {
   position: absolute;
   width: 100%;
@@ -4791,13 +4795,14 @@ div.messages {
  ___/ // / / ___ |/ / _/ // /___     | |/ |/ / _, _/ ___ |/ ____/ ____/ /___/ _, _/
 /____//_/ /_/  |_/_/ /___/\____/     |__/|__/_/ |_/_/  |_/_/   /_/   /_____/_/ |_|
 */
-/* line 748, jee.scss */
+/* line 752, jee.scss */
 #static-wrapper {
   position: absolute;
   top: 15%;
-  left: 15%;
   bottom: 0;
   right: 20px;
+  width: 80%;
+  max-width: 55em;
   z-index: -1;
   background-color: #fff;
   opacity: 0;
@@ -4806,14 +4811,14 @@ div.messages {
   -webkit-transition-property: opacity;
           transition-property: opacity;
 }
-/* line 758, jee.scss */
+/* line 763, jee.scss */
 #static-wrapper.visible {
   opacity: 0.9;
   -webkit-transition: 1.5s ease-out;
           transition: 1.5s ease-out;
   z-index: 500;
 }
-/* line 764, jee.scss */
+/* line 769, jee.scss */
 #static-wrapper > .close {
   position: absolute;
   top: 20px;
@@ -4825,14 +4830,14 @@ div.messages {
   background: transparent url("../assets/img/close.png") no-repeat center center;
   background: none, url("../assets/img/close.svg") no-repeat center center;
 }
-/* line 773, jee.scss */
+/* line 778, jee.scss */
 #static-wrapper > .inner {
   padding: 5em 7em;
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
-/* line 777, jee.scss */
+/* line 782, jee.scss */
 #static-wrapper > .inner > .node {
   width: 100%;
   height: 100%;
@@ -4840,26 +4845,26 @@ div.messages {
   overflow-x: hidden;
   padding-right: 1.5em;
 }
-/* line 784, jee.scss */
+/* line 789, jee.scss */
 #static-wrapper h2.node-title {
   font-family: "epflulb";
   text-transform: uppercase !important;
   font-size: 3em;
   color: #000;
 }
-/* line 792, jee.scss */
+/* line 797, jee.scss */
 #static-wrapper .content h3 {
   font-family: "epflulb";
   font-size: 2em;
   text-transform: uppercase !important;
   color: #8d198f;
 }
-/* line 799, jee.scss */
+/* line 804, jee.scss */
 #static-wrapper .content h4 {
   font-size: 1em;
   font-weight: 700;
 }
-/* line 806, jee.scss */
+/* line 811, jee.scss */
 #static-wrapper .content p {
   font-family: "open_sans", sans-serif;
   font-weight: 600;
@@ -4873,60 +4878,60 @@ div.messages {
  / __/ / /_/ / /_/ / / / / /___/ _, _/
 /_/    \____/\____/ /_/ /_____/_/ |_|
 */
-/* line 823, jee.scss */
+/* line 828, jee.scss */
 #footer {
   position: fixed;
   bottom: 0;
   right: 20px;
   z-index: 900;
 }
-/* line 828, jee.scss */
+/* line 833, jee.scss */
 body.chapter-displayed #footer {
   display: none;
 }
-/* line 832, jee.scss */
+/* line 837, jee.scss */
 #footer .block {
   display: inline-block;
   vertical-align: top;
   font-size: 0.5em;
 }
-/* line 836, jee.scss */
+/* line 841, jee.scss */
 #footer .block p {
   font-size: inherit;
 }
-/* line 837, jee.scss */
+/* line 842, jee.scss */
 #footer .block a {
   color: #000;
 }
-/* line 840, jee.scss */
+/* line 845, jee.scss */
 #footer .block-menu {
   display: block;
   font-size: inherit;
 }
-/* line 843, jee.scss */
+/* line 848, jee.scss */
 #footer .block-menu ul {
   margin: 0;
   padding: 0;
 }
-/* line 845, jee.scss */
+/* line 850, jee.scss */
 #footer .block-menu ul li {
   margin: 0 1em 0 0;
   padding: 0;
   display: inline-block;
   list-style: none;
 }
-/* line 849, jee.scss */
+/* line 854, jee.scss */
 #footer .block-menu ul li a {
   font-family: "epflulb";
   color: #000;
   text-transform: uppercase;
   font-size: 0.6em;
 }
-/* line 859, jee.scss */
+/* line 864, jee.scss */
 #footer p {
   margin: 0;
 }
-/* line 863, jee.scss */
+/* line 868, jee.scss */
 #footer #block-block-1 {
   display: none;
 }
@@ -4938,7 +4943,7 @@ body.chapter-displayed #footer {
  / /  / // / ___/ / /___
 /_/  /_/___//____/\____/
 */
-/* line 872, jee.scss */
+/* line 877, jee.scss */
 #loader {
   position: absolute;
   top: 50%;
@@ -4955,13 +4960,13 @@ body.chapter-displayed #footer {
   -webkit-transition-property: opacity;
           transition-property: opacity;
 }
-/* line 883, jee.scss */
+/* line 888, jee.scss */
 body.loading #loader {
   z-index: 1000;
   opacity: 1;
 }
 
-/* line 889, jee.scss */
+/* line 894, jee.scss */
 #fullscreen-btn {
   position: fixed;
   right: 20px;
@@ -4975,13 +4980,13 @@ body.loading #loader {
   background: transparent url("../assets/img/fullscreen-on.png") no-repeat center center;
   background: none, url("../assets/img/fullscreen-on.svg") no-repeat center center;
 }
-/* line 898, jee.scss */
+/* line 903, jee.scss */
 .fullscreen #fullscreen-btn {
   background: transparent url("../assets/img/fullscreen-off.png") no-repeat center center;
   background: none, url("../assets/img/fullscreen-off.svg") no-repeat center center;
 }
 
-/* line 911, jee.scss */
+/* line 916, jee.scss */
 .bubble-1 {
   position: absolute;
   z-index: 0;
@@ -4994,7 +4999,7 @@ body.loading #loader {
   left: -200px;
 }
 
-/* line 915, jee.scss */
+/* line 920, jee.scss */
 .bubble-2 {
   position: absolute;
   z-index: 0;
@@ -5007,7 +5012,7 @@ body.loading #loader {
   right: -400px;
 }
 
-/* line 920, jee.scss */
+/* line 925, jee.scss */
 .star {
   position: absolute;
   z-index: 0;
@@ -5025,7 +5030,7 @@ body.loading #loader {
  / /_/ / /___/ /_/ / /_/ / /_/ /
 /_____/_____/_____/\____/\____/
 */
-/* line 934, jee.scss */
+/* line 939, jee.scss */
 #fps {
   position: fixed;
   bottom: 40px;
@@ -5033,7 +5038,7 @@ body.loading #loader {
   z-index: 1000;
 }
 
-/* line 940, jee.scss */
+/* line 945, jee.scss */
 #nav-cursor {
   position: absolute;
   width: 6px;

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

@@ -691,6 +691,10 @@ div.messages{
         font-size: 0.80em;
         margin-bottom:0.5em;
       }
+
+      a{
+        text-decoration: underline;
+      }
     }
     .field-name-field-dbatre{
       left:60em;
@@ -747,7 +751,8 @@ div.messages{
 */
 #static-wrapper{
   position:absolute;
-  top:15%; left:15%; bottom:0; right:20px;
+  top:15%; bottom:0; right:20px;
+  width:80%; max-width:55em;
   z-index: -1;
   background-color: #fff;