responsive: burger menu ok, started generale layout

.vscode/launch.json

@@ -0,0 +1,26 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "Listen for Xdebug",
+            "type": "php",
+            "request": "launch",
+            "serverSourceRoot":"192.168.0.21",
+            "port": 9001,
+            "pathMappings": {
+                "/var/www/html/performance-art.fr/public_html": "${workspaceFolder}"
+            }
+        },
+        {
+            "name": "Launch currently open script",
+            "type": "php",
+            "request": "launch",
+            "program": "${file}",
+            "cwd": "${fileDirname}",
+            "port": 9001
+        }
+    ]
+}

.vscode/launch_back.json

@@ -0,0 +1,27 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        
+        {
+            "name": "Listen for Xdebug",
+            "type": "php",
+            "request": "launch",
+            "serverSourceRoot":"192.168.0.21",
+            "port": 9001,
+            "pathMappings": {
+                "/var/www/html/d8.materio.com/public_html": "${workspaceFolder}"
+            },
+        },
+        {
+            "name": "Launch currently open script",
+            "type": "php",
+            "request": "launch",
+            "program": "${file}",
+            "cwd": "${fileDirname}",
+            "port": 9001
+        }
+    ]
+}

sites/all/themes/gui/perfarttimeline/css/commons.css

@@ -2,12 +2,36 @@
 /** colors */
 /** jscrollpane */
 .jspScrollable .jspContainer .jspVerticalBar {
-  width: 10px;
-  background-color: #f2f2f2;
+  width: 4px;
+  background-color: #F2F2F2;
 }
-.jspScrollable .jspContainer .jspVerticalBar .jspTrack {
+.jspScrollable .jspContainer .jspHorizontalBar {
+  height: 4px;
+  background-color: #F2F2F2;
+}
+.jspScrollable .jspContainer .jspTrack {
   background-color: transparent;
 }
-.jspScrollable .jspContainer .jspVerticalBar .jspTrack .jspDrag {
-  background-color: #77787b;
+.jspScrollable .jspContainer .jspTrack .jspDrag {
+  background-color: #77787B;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  -moz-opacity: 0.6;
+  -khtml-opacity: 0.6;
+  -webkit-opacity: 0.6;
+  opacity: 0.6;
+  -webkit-transition: opacity 0.2s ease-out;
+  -moz-transition: opacity 0.2s ease-out;
+  -o-transition: opacity 0.2s ease-out;
+  transition: opacity 0.2s ease-out;
+}
+.jspScrollable .jspContainer .jspTrack:hover .jspDrag {
+  -moz-opacity: 1;
+  -khtml-opacity: 1;
+  -webkit-opacity: 1;
+  opacity: 1;
 }

sites/all/themes/gui/perfarttimeline/css/elements.css

@@ -1,12 +1,15 @@
 /** COMMONS */
 .Museo {
   font-family: "Museo", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
 }
 .MuseoSans {
   font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
 }
 .MuseoSlab {
   font-family: "MuseoSlab", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
 }
 a,
 a:visited {
@@ -15,6 +18,7 @@ a:visited {
 /*a.active, li a.active{color:@main-blue;}*/
 body {
   font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
   font-size: 16px;
 }
 .8 {

sites/all/themes/gui/perfarttimeline/css/layout.css

@@ -3,6 +3,8 @@
 *
 */
 /** COMMONS */
+#content,
+#center .page-title,
 #perfnode,
 #filters,
 #timeline,
@@ -16,13 +18,12 @@
 -o-transition: height, 5s, ease-out;
 transition: height, 5s, ease-out;
 */
-
 }
-body.layout-intro #main {
+#main {
   height: 97%;
 }
 body.layout-intro #perfnode {
-  height: 0%;
+  height: 0%!important;
 }
 body.layout-intro #filters {
   height: 0%;
@@ -31,16 +32,18 @@ body.layout-intro #timeline {
   height: 65%;
 }
 body.layout-intro #timeline #timeline-container {
-  height: 98%;
+  height: 0%;
 }
 body.layout-intro #timeline-loader {
   display: block;
+  margin: 0 auto 5px;
 }
-body.layout-timeline #main {
-  height: 97%;
+body.layout-timeline #main #content,
+body.layout-timeline #main #center .page-title {
+  height: 0%;
 }
 body.layout-timeline #perfnode {
-  height: 0%;
+  height: 0%!important;
 }
 body.layout-timeline #filters {
   height: 30%;
@@ -54,11 +57,12 @@ body.layout-timeline #timeline #timeline-container {
 body.layout-timeline #timeline-loader {
   display: none;
 }
-body.layout-perfnode #main {
-  height: 97%;
+body.layout-perfnode #main #content,
+body.layout-perfnode #main #center .page-title {
+  height: 0%;
 }
 body.layout-perfnode #perfnode {
-  height: 85%;
+  height: 85%!important;
 }
 body.layout-perfnode #filters {
   height: 0%;
@@ -72,3 +76,43 @@ body.layout-perfnode #timeline #timeline-container {
 body.layout-perfnode #timeline-loader {
   display: none;
 }
+body > img {
+  display: none;
+}
+@media (max-width: 799px) {
+  body {
+    overflow: hidden!important;
+  }
+  #container {
+    margin: 0!important;
+    width: 100vw!important;
+    height: 100vh!important;
+    overflow: hidden;
+  }
+  #container > .inner {
+    padding: 0!important;
+    width: 100%!important;
+    height: 100vh!important;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+  #container > .inner #header {
+    height: 3vh;
+    flex: 0 0 auto;
+    height: auto;
+    padding: 0.5em;
+    box-sizing: border-box;
+  }
+  #container > .inner #main {
+    flex: 0 0 auto;
+    overflow-x: hidden;
+    overflow-y: auto;
+    height: 96vh;
+    box-sizing: border-box;
+  }
+  #container > .inner #main #center {
+    display: block;
+    height: auto;
+  }
+}

sites/all/themes/gui/perfarttimeline/css/styles.css

@@ -1,365 +1,2253 @@
-
-.jspScrollable .jspContainer .jspVerticalBar{width:4px;background-color:#f2f2f2;}
-.jspScrollable .jspContainer .jspHorizontalBar{height:4px;background-color:#f2f2f2;}
-.jspScrollable .jspContainer .jspTrack{background-color:transparent;}.jspScrollable .jspContainer .jspTrack .jspDrag{background-color:#77787b;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-opacity:0.6;-khtml-opacity:0.6;-webkit-opacity:0.6;opacity:0.6;-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;}
-.jspScrollable .jspContainer .jspTrack:hover .jspDrag{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;}
-.jspScrollable .jspContainer .jspVerticalBar{width:4px;background-color:#f2f2f2;}
-.jspScrollable .jspContainer .jspHorizontalBar{height:4px;background-color:#f2f2f2;}
-.jspScrollable .jspContainer .jspTrack{background-color:transparent;}.jspScrollable .jspContainer .jspTrack .jspDrag{background-color:#77787b;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-opacity:0.6;-khtml-opacity:0.6;-webkit-opacity:0.6;opacity:0.6;-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;}
-.jspScrollable .jspContainer .jspTrack:hover .jspDrag{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;}
-#content,#center .page-title,#perfnode,#filters,#timeline,#timeline-container{-webkit-transition:height 1s ease-out;-moz-transition:height 1s ease-out;-o-transition:height 1s ease-out;transition:height 1s ease-out;}
-body.layout-intro #main{height:97%;}
-body.layout-intro #perfnode{height:0%!important;}
-body.layout-intro #filters{height:0%;}
-body.layout-intro #timeline{height:65%;}body.layout-intro #timeline #timeline-container{height:0%;}
-body.layout-intro #timeline-loader{display:block;margin:0 auto 5px;}
-body.layout-timeline #main{height:97%;}body.layout-timeline #main #content,body.layout-timeline #main #center .page-title{height:0%;}
-body.layout-timeline #perfnode{height:0%!important;}
-body.layout-timeline #filters{height:30%;}
-body.layout-timeline #timeline{height:65%;}body.layout-timeline #timeline #timeline-container{height:98%;}
-body.layout-timeline #timeline-loader{display:none;}
-body.layout-perfnode #main{height:97%;}body.layout-perfnode #main #content,body.layout-perfnode #main #center .page-title{height:0%;}
-body.layout-perfnode #perfnode{height:85%!important;}
-body.layout-perfnode #filters{height:0%;}
-body.layout-perfnode #timeline{height:3%;}body.layout-perfnode #timeline #timeline-container{height:0%;}
-body.layout-perfnode #timeline-loader{display:none;}
-.Museo{font-family:"Museo",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";}
-.MuseoSans{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";}
-.MuseoSlab{font-family:"MuseoSlab",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";}
-a,a:visited{color:#000;}
-body{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:16px;}
-.8{font-size:8px;}
-.9{font-size:9px;}
-.10{font-size:10px;}
-.11{font-size:10px;}
-.12{font-size:12px;}
-.14{font-size:14px;}
-.16{font-size:16px;}
-.18{font-size:18px;}
-.24{font-size:24px;}
-.regular{font-weight:normal;}
-.bold{font-weight:bold;}
-.100{font-weight:100;}
-.300{font-weight:300;}
-.500{font-weight:500;}
-.700{font-weight:700;}
-.900{font-weight:900;}
-.upper{text-transform:uppercase;}
-.italic{font-style:italic;}
-.normal{font-style:normal;}
-.jspScrollable .jspContainer .jspVerticalBar{width:4px;background-color:#f2f2f2;}
-.jspScrollable .jspContainer .jspHorizontalBar{height:4px;background-color:#f2f2f2;}
-.jspScrollable .jspContainer .jspTrack{background-color:transparent;}.jspScrollable .jspContainer .jspTrack .jspDrag{background-color:#77787b;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-opacity:0.6;-khtml-opacity:0.6;-webkit-opacity:0.6;opacity:0.6;-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;}
-.jspScrollable .jspContainer .jspTrack:hover .jspDrag{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;}
-.jspScrollable .jspContainer .jspVerticalBar{width:4px;background-color:#f2f2f2;}
-.jspScrollable .jspContainer .jspHorizontalBar{height:4px;background-color:#f2f2f2;}
-.jspScrollable .jspContainer .jspTrack{background-color:transparent;}.jspScrollable .jspContainer .jspTrack .jspDrag{background-color:#77787b;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-opacity:0.6;-khtml-opacity:0.6;-webkit-opacity:0.6;opacity:0.6;-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;}
-.jspScrollable .jspContainer .jspTrack:hover .jspDrag{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;}
-.Museo{font-family:"Museo",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";}
-.MuseoSans{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";}
-.MuseoSlab{font-family:"MuseoSlab",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";}
-a,a:visited{color:#000;}
-body{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:16px;}
-.8{font-size:8px;}
-.9{font-size:9px;}
-.10{font-size:10px;}
-.11{font-size:10px;}
-.12{font-size:12px;}
-.14{font-size:14px;}
-.16{font-size:16px;}
-.18{font-size:18px;}
-.24{font-size:24px;}
-.regular{font-weight:normal;}
-.bold{font-weight:bold;}
-.100{font-weight:100;}
-.300{font-weight:300;}
-.500{font-weight:500;}
-.700{font-weight:700;}
-.900{font-weight:900;}
-.upper{text-transform:uppercase;}
-.italic{font-style:italic;}
-.normal{font-style:normal;}
-#timeline-loader{max-width:700px;margin:0 auto;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:12px;font-weight:700;}#timeline-loader .progress{border-top:4px solid #999;width:0;transition:width 3s linear;-moz-transition:width 3s linear;-o-transition:width 3s linear;-webkit-transition:width 3s linear;}#timeline-loader .progress.complete{transition:width 0.1s linear;-moz-transition:width 0.1s linear;-o-transition:width 0.1s linear;-webkit-transition:width 0.1s linear;}
-#timeline{height:65%;margin-top:25px;}#timeline h3.title{cursor:pointer;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:10px;font-weight:900;text-transform:uppercase;margin:0;color:#a5a5a5;}@media screen and (min-width:1201px){#timeline h3.title{font-size:12px;}}@media screen and (min-width:1201px){#timeline h3.title{font-size:12px;}}
-#timeline-container{width:100%;height:98%;border-top:2px solid #a5a5a5;overflow:hidden;background-color:#f2f2f2;}#timeline-container .timeline-frame{border:0 solid #999;}
-#timeline-container .timeline-navigation{top:0;right:0;height:20px;border:0 solid transparent;background-color:#fff;}#timeline-container .timeline-navigation div{padding:2px 0 0 10px;}#timeline-container .timeline-navigation div.timeline-navigation-zoom-in{background-image:url('../images/btns_zoomin.png');}
-#timeline-container .timeline-navigation div.timeline-navigation-zoom-out{background-image:url('../images/btns_zoomout.png');}
-#timeline-container .timeline-navigation div.timeline-navigation-move-left{background-image:url('../images/btns_moveleft.png');}
-#timeline-container .timeline-navigation div.timeline-navigation-move-right{background-image:url('../images/btns_moveright.png');}
-#timeline-container .timeline-axis-text{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:10px;font-weight:900;text-transform:uppercase;margin:0;color:#a5a5a5;}@media screen and (min-width:1201px){#timeline-container .timeline-axis-text{font-size:12px;}}@media screen and (min-width:1201px){#timeline-container .timeline-axis-text{font-size:12px;}}
-#timeline-container .timeline-event{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:0 solid transparent;}#timeline-container .timeline-event.timeline-event-range{background-color:#fff;}
-#timeline-container .timeline-event-content{margin:0;}#timeline-container .timeline-event-content div.date{display:block;text-decoration:none;text-align:left;cursor:pointer;padding:4px 0;}#timeline-container .timeline-event-content div.date .text-content{padding:0 5px;margin-bottom:4px;border-left:3px solid #a5a5a5;}
-#timeline-container .timeline-event-content div.date:hover .text-content{border-left:3px solid #77787b;}
-#timeline-container .timeline-event-content div.date h4,#timeline-container .timeline-event-content div.date h5{margin:0;color:#a5a5a5;}
-#timeline-container .timeline-event-content div.date h4{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:12px;font-weight:500;font-style:italic;}
-#timeline-container .timeline-event-content div.date h5{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:12px;font-weight:700;}
-body.view-mode-dot #timeline-container .timeline-event-content div.date{padding:0;}body.view-mode-dot #timeline-container .timeline-event-content div.date .text-content{min-height:15px;}
-body.view-mode-dot #timeline-container .timeline-event-content div.date h4,body.view-mode-dot #timeline-container .timeline-event-content div.date h5,body.view-mode-dot #timeline-container .timeline-event-content div.date img{display:none;}
-body.view-mode-titles #timeline-container .timeline-event-content div.date{background-color:#fff;}body.view-mode-titles #timeline-container .timeline-event-content div.date h4,body.view-mode-titles #timeline-container .timeline-event-content div.date h5{display:block;}
-body.view-mode-titles #timeline-container .timeline-event-content div.date img{display:none;}
-body.view-mode-thumbnails #timeline-container .timeline-event-content div.date h4,body.view-mode-thumbnails #timeline-container .timeline-event-content div.date h5,body.view-mode-thumbnails #timeline-container .timeline-event-content div.date img{display:block;}
-body.view-mode-thumbnails #timeline-container .timeline-event-content div.date img{max-width:145px;height:auto;}
-body.view-mode-images #timeline-container .timeline-event-content div.date h4,body.view-mode-images #timeline-container .timeline-event-content div.date h5,body.view-mode-images #timeline-container .timeline-event-content div.date img{display:block;}
-#timeline-container .timeline-event-selected{background-color:transparent;}#timeline-container .timeline-event-selected .timeline-event-content div.date .text-content{border-left:3px solid #77787b;}
-#timeline-container .timeline-event-selected .timeline-event-content div.date h4,#timeline-container .timeline-event-selected .timeline-event-content div.date h5{color:#77787b;}
-.timeline-modal{width:150px;min-height:30px;padding:5px;background-color:#fff;position:absolute;z-index:99999;display:none;}.timeline-modal h4,.timeline-modal h5{margin:0;color:#77787b;}
-.timeline-modal h4{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:12px;font-weight:500;font-style:italic;}
-.timeline-modal h5{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:12px;font-weight:700;}
-html,body{position:relative;width:100%;height:100%;}
-#container{width:100%;height:100%;min-width:1020px;min-height:700px;margin:0 auto;background-color:#FFF;}#container>.inner{width:96%;height:94%;padding:1.5%;}
-#header{height:3%;width:100%;position:relative;border-bottom:2px solid #000;}#header .logo{width:35%;height:27px;position:relative;bottom:0;left:0;}html.oldie #header .logo{width:49%;}
-#header .logo h1{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:10px;font-weight:900;text-decoration:none;color:#000;display:inline;}@media screen and (min-width:1201px){#header .logo h1{font-size:12px;}}html.oldie #header .logo h1{font-size:9px;}
-@media screen and (min-width:1201px){#header .logo h1{font-size:12px;}}html.oldie #header .logo h1{font-size:9px;}
-#header .logo h1 a{text-decoration:none;}
-#header #header-blocks{width:63%;position:absolute;bottom:0;right:0;text-align:right;height:27px;}html.oldie #header #header-blocks{width:62%;}
-#header #header-blocks .region{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;}.ie7 #header #header-blocks .region,.ie8 #header #header-blocks .region{display:inline;}
-.ie7 #header #header-blocks .region,.ie8 #header #header-blocks .region{display:inline;}
-.ie7 #header #header-blocks .region,.ie8 #header #header-blocks .region{display:inline;}
-.ie7 #header #header-blocks .region,.ie8 #header #header-blocks .region{display:inline;}
-.ie7 #header #header-blocks .region,.ie8 #header #header-blocks .region{display:inline;}
-.ie7 #header #header-blocks .region,.ie8 #header #header-blocks .region{display:inline;}
-.ie7 #header #header-blocks .region,.ie8 #header #header-blocks .region{display:inline;}
-#header #header-blocks .region:not(:first-child){margin-left:1.1em;}
-html.oldie #header #header-blocks .region{float:left;margin-left:10px;}
-#header ul.menu{padding:0;margin:0;}#header ul.menu li{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;margin:0;}.ie7 #header ul.menu li,.ie8 #header ul.menu li{display:inline;}
-.ie7 #header ul.menu li,.ie8 #header ul.menu li{display:inline;}
-.ie7 #header ul.menu li,.ie8 #header ul.menu li{display:inline;}
-.ie7 #header ul.menu li,.ie8 #header ul.menu li{display:inline;}
-.ie7 #header ul.menu li,.ie8 #header ul.menu li{display:inline;}
-.ie7 #header ul.menu li,.ie8 #header ul.menu li{display:inline;}
-.ie7 #header ul.menu li,.ie8 #header ul.menu li{display:inline;}
-#header ul.menu li:not(.last){padding:0 6px 0 0;}
-#header ul.menu li.last{padding:0;}
-#header ul.menu li a{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:10px;font-weight:900;text-decoration:none;color:#000;display:inline;}@media screen and (min-width:1201px){#header ul.menu li a{font-size:12px;}}html.oldie #header ul.menu li a{font-size:9px;}
-@media screen and (min-width:1201px){#header ul.menu li a{font-size:12px;}}html.oldie #header ul.menu li a{font-size:9px;}
-#header ul.language-switcher-locale-url{padding:0;margin:0;}#header ul.language-switcher-locale-url li{padding-right:10px;}
-#header ul.language-switcher-locale-url li.active{display:none;}
-#header ul.language-switcher-locale-url a{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:10px;font-weight:900;text-decoration:none;color:#000;display:inline;}@media screen and (min-width:1201px){#header ul.language-switcher-locale-url a{font-size:12px;}}html.oldie #header ul.language-switcher-locale-url a{font-size:9px;}
-@media screen and (min-width:1201px){#header ul.language-switcher-locale-url a{font-size:12px;}}html.oldie #header ul.language-switcher-locale-url a{font-size:9px;}
-#header #search-block-form h2{display:none;}
-#header #search-block-form .container-inline{height:27px;line-height:1;}
-#header #search-block-form .form-item{padding:0;margin:0;display:inline-block;vertical-align:middle;}#header #search-block-form .form-item label{display:none;}
-#header #search-block-form .form-item input.form-text{border:1px solid #D4D4D4;width:10em;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:10px;font-weight:900;text-decoration:none;color:#000;display:inline;font-weight:500;padding:2px;}@media screen and (min-width:1201px){#header #search-block-form .form-item input.form-text{font-size:12px;}}html.oldie #header #search-block-form .form-item input.form-text{font-size:9px;}
-@media screen and (min-width:1201px){#header #search-block-form .form-item input.form-text{font-size:12px;}}html.oldie #header #search-block-form .form-item input.form-text{font-size:9px;}
-#header #search-block-form #edit-actions{display:inline-block;vertical-align:middle;}#header #search-block-form #edit-actions input.form-submit{border:0 solid #999;background-color:transparent;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:10px;font-weight:900;text-decoration:none;color:#000;display:inline;padding-right:0;padding-top:3px;}@media screen and (min-width:1201px){#header #search-block-form #edit-actions input.form-submit{font-size:12px;}}html.oldie #header #search-block-form #edit-actions input.form-submit{font-size:9px;}
-@media screen and (min-width:1201px){#header #search-block-form #edit-actions input.form-submit{font-size:12px;}}html.oldie #header #search-block-form #edit-actions input.form-submit{font-size:9px;}
-#header #search-block-form span.close-search{display:inline-block;vertical-align:middle;width:20px;height:20px;background-image:url('../images/btns_close.png');cursor:pointer;}
-#header #search-block-form.loading{background:transparent url('../images/ajax-loader.gif') no-repeat 98% center;}#header #search-block-form.loading input.form-submit{visibility:hidden;}
-#intro-wrapper{position:fixed;z-index:200;width:100%;height:100%;top:0;left:0;}#intro-wrapper .bg{background-color:#fff;-moz-opacity:0.6;-khtml-opacity:0.6;-webkit-opacity:0.6;opacity:0.6;width:100%;height:100%;position:absolute;}
-#intro-wrapper .modal{margin:0 auto;top:0;width:40%;position:relative;overflow:hidden;-webkit-transition:margin-top 0.8s ease-out;-moz-transition:margin-top 0.8s ease-out;-o-transition:margin-top 0.8s ease-out;transition:margin-top 0.8s ease-out;-webkit-box-shadow:0 0 7px rgba(0, 0, 0, 0.8);-moz-box-shadow:0 0 7px rgba(0, 0, 0, 0.8);box-shadow:0 0 7px rgba(0, 0, 0, 0.8);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#fff;}#intro-wrapper .modal>*{padding:1em;}
-#intro-wrapper .modal p{font-size:14px;}
-#intro-wrapper .btns{text-align:right;}#intro-wrapper .btns span{display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#ddd;cursor:pointer;padding:0.1em 0.5em 0.1em 0.5em;font-size:14px;margin:0.5em;}
-#main{height:97%;}#main #sidebar-first{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;width:29%;}.ie7 #main #sidebar-first,.ie8 #main #sidebar-first{display:inline;}
-.ie7 #main #sidebar-first,.ie8 #main #sidebar-first{display:inline;}
-.ie7 #main #sidebar-first,.ie8 #main #sidebar-first{display:inline;}
-.ie7 #main #sidebar-first,.ie8 #main #sidebar-first{display:inline;}
-.ie7 #main #sidebar-first,.ie8 #main #sidebar-first{display:inline;}
-.ie7 #main #sidebar-first,.ie8 #main #sidebar-first{display:inline;}
-.ie7 #main #sidebar-first,.ie8 #main #sidebar-first{display:inline;}
-#main ul li.leaf{list-style-image:none;list-style-type:none;font-size:12px;margin-bottom:10px;}#main ul li.leaf a{text-decoration:none;}
-#main ul li.leaf a:visited{font-weight:700;}
-#main ul li.leaf a:hover{font-weight:700;}
-#main ul li.leaf a:active{font-weight:700;}
-#main ul li.leaf .active-trail{font-weight:700;}
-.not-front.node-type-page #main,.not-front.node-type-temoignage #main,.not-front.node-type-document-video #main,.not-front.node-type-biographie #main{background-color:#D3D3D3 ;}
-#main #center{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;width:100%;height:99%;position:relative;padding-top:1%;}.ie7 #main #center,.ie8 #main #center{display:inline;}
-.ie7 #main #center,.ie8 #main #center{display:inline;}
-.ie7 #main #center,.ie8 #main #center{display:inline;}
-.ie7 #main #center,.ie8 #main #center{display:inline;}
-.ie7 #main #center,.ie8 #main #center{display:inline;}
-.ie7 #main #center,.ie8 #main #center{display:inline;}
-.ie7 #main #center,.ie8 #main #center{display:inline;}
-#main #center .page-title{overflow:hidden;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:10px;font-weight:900;text-transform:uppercase;margin:0;}@media screen and (min-width:1201px){#main #center .page-title{font-size:12px;}}@media screen and (min-width:1201px){#main #center .page-title{font-size:12px;}}.timeline #main #center .page-title{color:#a5a5a5;}
-.js .front #main #center #content,.js .node-type-performance #main #center #content{display:none;overflow:hidden;}
-.layout-intro #main #center #content{max-width:700px;margin:0 auto;}
-#main #center #content .field-label{font-size:12px;color:#000;margin-top:1em;margin-bottom:0,7em;}
-#main #center #perfnode{height:85%;}#main #center #perfnode .node .node-effectuation .field-item{font-size:10px;}
-#main #center #perfnode p{margin:0;}
-#main #center #perfnode .locality{margin-left:-5px;}
-.not-front.node-type-page #main #center,.not-front.node-type-temoignage #main #center,.not-front.node-type-document-video #main #center,.not-front.node-type-biographie #main #center{margin-left:75px;width:550px;padding-top:20px;}.not-front.node-type-page #main #center #content p,.not-front.node-type-temoignage #main #center #content p,.not-front.node-type-document-video #main #center #content p,.not-front.node-type-biographie #main #center #content p{font-size:12px;color:#000;line-height:1.4;}
-.not-front.node-type-page #main #center #content a,.not-front.node-type-temoignage #main #center #content a,.not-front.node-type-document-video #main #center #content a,.not-front.node-type-biographie #main #center #content a{text-decoration:none;font-size:12px;}
-.not-front.node-type-page #main #center #content a:visited,.not-front.node-type-temoignage #main #center #content a:visited,.not-front.node-type-document-video #main #center #content a:visited,.not-front.node-type-biographie #main #center #content a:visited{font-weight:700;}
-.not-front.node-type-page #main #center #content a:hover,.not-front.node-type-temoignage #main #center #content a:hover,.not-front.node-type-document-video #main #center #content a:hover,.not-front.node-type-biographie #main #center #content a:hover{font-weight:700;}
-.not-front.node-type-page #main #center #content a:active,.not-front.node-type-temoignage #main #center #content a:active,.not-front.node-type-document-video #main #center #content a:active,.not-front.node-type-biographie #main #center #content a:active{font-weight:700;}
-#main #sidebar-second{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;width:18%;}.ie7 #main #sidebar-second,.ie8 #main #sidebar-second{display:inline;}
-.ie7 #main #sidebar-second,.ie8 #main #sidebar-second{display:inline;}
-.ie7 #main #sidebar-second,.ie8 #main #sidebar-second{display:inline;}
-.ie7 #main #sidebar-second,.ie8 #main #sidebar-second{display:inline;}
-.ie7 #main #sidebar-second,.ie8 #main #sidebar-second{display:inline;}
-.ie7 #main #sidebar-second,.ie8 #main #sidebar-second{display:inline;}
-.ie7 #main #sidebar-second,.ie8 #main #sidebar-second{display:inline;}
-#filters{}#filters .filter{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;width:32%;height:100%;margin-left:2%;}.ie7 #filters .filter,.ie8 #filters .filter{display:inline;}
-.ie7 #filters .filter,.ie8 #filters .filter{display:inline;}
-.ie7 #filters .filter,.ie8 #filters .filter{display:inline;}
-.ie7 #filters .filter,.ie8 #filters .filter{display:inline;}
-.ie7 #filters .filter,.ie8 #filters .filter{display:inline;}
-.ie7 #filters .filter,.ie8 #filters .filter{display:inline;}
-.ie7 #filters .filter,.ie8 #filters .filter{display:inline;}
-#filters .filter.filter-0{margin-left:0;}
-#filters .filter .filters-selection{height:100%;overflow:hidden;position:relative;}#filters .filter .filters-selection .list{height:100%;overflow:auto;margin-bottom:10px;}#filters .filter .filters-selection .list ul,#filters .filter .filters-selection .list li{padding:0;margin:0;}
-#filters .filter .filters-selection .list ul{padding-bottom:20px;}
-#filters .filter .filters-selection .list li{cursor:pointer;line-height:1;overflow:hidden;height:auto;-webkit-transition:height 0.1s linear;-moz-transition:height 0.1s linear;-o-transition:height 0.1s linear;transition:height 0.1s linear;}#filters .filter .filters-selection .list li span{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:10px;font-weight:500;padding:0.3em 0.4em 0.2em 0;}@media screen and (min-width:1201px){#filters .filter .filters-selection .list li span{font-size:12px;}}@media screen and (min-width:1201px){#filters .filter .filters-selection .list li span{font-size:12px;}}
-#filters .filter .filters-selection .list li:hover span{padding-left:0.3em;}
-#filters .filter .filters-selection .list li.subtracted{height:0;}
-#filters .filter .filters-selection .list li.subtracted.conserved{height:auto;}
-#filters .filter .filters-selection .search{position:absolute;right:10px;bottom:0;width:40%;font-size:10px;height:10px;border:1px solid #D4D4D4;}
-#filters .filter .filters-selection .title{position:absolute;left:0;bottom:0;background-color:#ffffff;width:90%;padding:0.5em 0 0;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:10px;font-weight:900;text-transform:uppercase;margin:0;}@media screen and (min-width:1201px){#filters .filter .filters-selection .title{font-size:12px;}}@media screen and (min-width:1201px){#filters .filter .filters-selection .title{font-size:12px;}}
-#filters .filter .filters-selected span{cursor:pointer;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:10px;font-weight:500;padding:0.2em 2em 0 0.4em;display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;margin:0.3em 0.3em 0 0;background-repeat:no-repeat;background-position:right center;}@media screen and (min-width:1201px){#filters .filter .filters-selected span{font-size:12px;}}@media screen and (min-width:1201px){#filters .filter .filters-selected span{font-size:12px;}}.ie7 #filters .filter .filters-selected span,.ie8 #filters .filter .filters-selected span{display:inline;}
-.ie7 #filters .filter .filters-selected span,.ie8 #filters .filter .filters-selected span{display:inline;}
-.ie7 #filters .filter .filters-selected span,.ie8 #filters .filter .filters-selected span{display:inline;}
-.ie7 #filters .filter .filters-selected span,.ie8 #filters .filter .filters-selected span{display:inline;}
-.ie7 #filters .filter .filters-selected span,.ie8 #filters .filter .filters-selected span{display:inline;}
-.ie7 #filters .filter .filters-selected span,.ie8 #filters .filter .filters-selected span{display:inline;}
-.ie7 #filters .filter .filters-selected span,.ie8 #filters .filter .filters-selected span{display:inline;}
-#filters .filter.filter-0 .filters-selection{border-bottom:2px solid #98a572;}
-#filters .filter.filter-0 .list li{color:#566b26;}#filters .filter.filter-0 .list li:hover{color:#566b26;}#filters .filter.filter-0 .list li:hover span{background-color:#d3dac2;}
-#filters .filter.filter-0 .list li.selected{color:#98a572;}
-#filters .filter.filter-0 .list .jspContainer .jspVerticalBar{width:4px;background-color:#d3dac2;}
-#filters .filter.filter-0 .list .jspContainer .jspHorizontalBar{height:4px;background-color:#d3dac2;}
-#filters .filter.filter-0 .list .jspContainer .jspTrack{background-color:transparent;}#filters .filter.filter-0 .list .jspContainer .jspTrack .jspDrag{background-color:#98a572;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-opacity:0.6;-khtml-opacity:0.6;-webkit-opacity:0.6;opacity:0.6;-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;}
-#filters .filter.filter-0 .list .jspContainer .jspTrack:hover .jspDrag{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;}
-#filters .filter.filter-0 .list .jspContainer .jspVerticalBar{width:4px;background-color:#d3dac2;}
-#filters .filter.filter-0 .list .jspContainer .jspHorizontalBar{height:4px;background-color:#d3dac2;}
-#filters .filter.filter-0 .list .jspContainer .jspTrack{background-color:transparent;}#filters .filter.filter-0 .list .jspContainer .jspTrack .jspDrag{background-color:#98a572;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-opacity:0.6;-khtml-opacity:0.6;-webkit-opacity:0.6;opacity:0.6;-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;}
-#filters .filter.filter-0 .list .jspContainer .jspTrack:hover .jspDrag{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;}
-#filters .filter.filter-0 .search{color:#566b26;}
-#filters .filter.filter-0 .title{color:#566b26;}
-#filters .filter.filter-0 .filters-selected span{background-color:#d3dac2;color:#566b26;font-weight:700;}
-body.layout-timeline #filters .filter.filter-0 .filters-selected span{background-image:url('../images/btns_close_color-02.png');}
-#filters .filter.filter-1 .filters-selection{border-bottom:2px solid #bda3b7;}
-#filters .filter.filter-1 .list li{color:#986c8f;}#filters .filter.filter-1 .list li:hover{color:#986c8f;}#filters .filter.filter-1 .list li:hover span{background-color:#e3d9e0;}
-#filters .filter.filter-1 .list li.selected{color:#bda3b7;}
-#filters .filter.filter-1 .list .jspContainer .jspVerticalBar{width:4px;background-color:#e3d9e0;}
-#filters .filter.filter-1 .list .jspContainer .jspHorizontalBar{height:4px;background-color:#e3d9e0;}
-#filters .filter.filter-1 .list .jspContainer .jspTrack{background-color:transparent;}#filters .filter.filter-1 .list .jspContainer .jspTrack .jspDrag{background-color:#bda3b7;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-opacity:0.6;-khtml-opacity:0.6;-webkit-opacity:0.6;opacity:0.6;-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;}
-#filters .filter.filter-1 .list .jspContainer .jspTrack:hover .jspDrag{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;}
-#filters .filter.filter-1 .list .jspContainer .jspVerticalBar{width:4px;background-color:#e3d9e0;}
-#filters .filter.filter-1 .list .jspContainer .jspHorizontalBar{height:4px;background-color:#e3d9e0;}
-#filters .filter.filter-1 .list .jspContainer .jspTrack{background-color:transparent;}#filters .filter.filter-1 .list .jspContainer .jspTrack .jspDrag{background-color:#bda3b7;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-opacity:0.6;-khtml-opacity:0.6;-webkit-opacity:0.6;opacity:0.6;-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;}
-#filters .filter.filter-1 .list .jspContainer .jspTrack:hover .jspDrag{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;}
-#filters .filter.filter-1 .search{color:#986c8f;}
-#filters .filter.filter-1 .title{color:#986c8f;}
-#filters .filter.filter-1 .filters-selected span{background-color:#e3d9e0;color:#986c8f;font-weight:700;}
-body.layout-timeline #filters .filter.filter-1 .filters-selected span{background-image:url('../images/btns_close_color-01.png');}
-#filters .filter.filter-2 .filters-selection{border-bottom:2px solid #6c9eb5;}
-#filters .filter.filter-2 .list li{color:#00415c;}#filters .filter.filter-2 .list li:hover{color:#00415c;}#filters .filter.filter-2 .list li:hover span{background-color:#adc7d6;}
-#filters .filter.filter-2 .list li.selected{color:#6c9eb5;}
-#filters .filter.filter-2 .list .jspContainer .jspVerticalBar{width:4px;background-color:#adc7d6;}
-#filters .filter.filter-2 .list .jspContainer .jspHorizontalBar{height:4px;background-color:#adc7d6;}
-#filters .filter.filter-2 .list .jspContainer .jspTrack{background-color:transparent;}#filters .filter.filter-2 .list .jspContainer .jspTrack .jspDrag{background-color:#6c9eb5;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-opacity:0.6;-khtml-opacity:0.6;-webkit-opacity:0.6;opacity:0.6;-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;}
-#filters .filter.filter-2 .list .jspContainer .jspTrack:hover .jspDrag{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;}
-#filters .filter.filter-2 .list .jspContainer .jspVerticalBar{width:4px;background-color:#adc7d6;}
-#filters .filter.filter-2 .list .jspContainer .jspHorizontalBar{height:4px;background-color:#adc7d6;}
-#filters .filter.filter-2 .list .jspContainer .jspTrack{background-color:transparent;}#filters .filter.filter-2 .list .jspContainer .jspTrack .jspDrag{background-color:#6c9eb5;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-opacity:0.6;-khtml-opacity:0.6;-webkit-opacity:0.6;opacity:0.6;-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;}
-#filters .filter.filter-2 .list .jspContainer .jspTrack:hover .jspDrag{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;}
-#filters .filter.filter-2 .search{color:#00415c;}
-#filters .filter.filter-2 .title{color:#00415c;}
-#filters .filter.filter-2 .filters-selected span{background-color:#adc7d6;color:#00415c;font-weight:700;}
-body.layout-timeline #filters .filter.filter-2 .filters-selected span{background-image:url('../images/btns_close_color-03.png');}
-#perfnode{overflow:hidden;position:relative;background-color:#f2f2f2;}#perfnode .prev-perf{position:absolute;top:50%;width:20px;height:20px;margin-top:-10px;cursor:pointer;z-index:150;background-color:#fff;left:0;background-image:url('../images/btns_moveleft.png');margin-left:-4px;}
-#perfnode .next-perf{position:absolute;top:50%;width:20px;height:20px;margin-top:-10px;cursor:pointer;z-index:150;background-color:#fff;right:0;background-image:url('../images/btns_moveright.png');margin-right:-4px;}
-#perfnode .loader{position:absolute;top:50%;left:50%;width:20px;height:20px;margin-left:-10px;margin-top:-10px;background-image:url('../images/loader.gif');z-index:100;display:none;}
-#perfnode.loading .loader{display:block;}
-#perfnode .close{position:absolute;top:0;right:0;width:19px;height:20px;background-image:url('../images/btns_close.png');z-index:100;display:block;}
-#perfnode.loading .close{display:none;}
-#perfnode .node-container{margin:0 20px;}
-#perfnode .scroller>.node>.grid-block{position:absolute;}
-#perfnode .scroller>.node h1.node-title{margin:0;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:900;font-size:24px;width:300px;padding:0;}
-#perfnode .scroller>.node .field-label{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:900;font-size:10px;text-transform:uppercase;color:#a5a5a5;}
-#perfnode .scroller>.node .field-personne{width:200px;padding:0;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:16px;text-transform:uppercase;}
-#perfnode .scroller>.node .field-type-textauthor,#perfnode .scroller>.node>.field-type-text-long{width:400px;padding:0;}#perfnode .scroller>.node .field-type-textauthor .field-item,#perfnode .scroller>.node>.field-type-text-long .field-item{max-height:300px;overflow:auto;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:12px;}
-#perfnode .scroller>.node .field-type-textauthor address,#perfnode .scroller>.node>.field-type-text-long address{font-weight:700;}
-#perfnode .scroller>.node .field-name-field-serie{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:16px;width:300px;padding:0;}
-#perfnode .scroller>.node .field-name-field-type-de-performance{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:16px;width:300px;padding:0;}
-#perfnode .scroller>.node .field-name-field-tags-libre{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:12px;width:200px;padding:0;}
-#perfnode .scroller>.node .field-name-field-site-internet{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:12px;width:300px;padding:0;}#perfnode .scroller>.node .field-name-field-site-internet a{text-decoration:none;}#perfnode .scroller>.node .field-name-field-site-internet a:hover{text-decoration:underline;}
-#perfnode .scroller>.node .node-effectuation{width:200px;padding:0;}#perfnode .scroller>.node .node-effectuation h1{margin:0;}
-#perfnode .scroller>.node .node-effectuation .field-item{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:16px;}
-#perfnode .scroller>.node .node-document-video{width:400px;padding:0;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:12px;}
-#perfnode .scroller>.node .node-document{width:300px;padding:0;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:12px;}
-#perfnode .scroller>.node .node-objet{width:300px;padding:0;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:12px;}
-#perfnode .scroller>.node .node-temoignage{width:300px;padding:0;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:12px;}
-#perfnode .scroller>.node figure{position:relative;}#perfnode .scroller>.node figure figcaption{position:absolute;right:0;bottom:0;width:96%;padding:2%;background-color:rgba(255, 255, 255, 0.8);-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-webkit-transition:opacity 0.5s ease-out;-moz-transition:opacity 0.5s ease-out;-o-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out;color:#000;font-size:10px;}
-#perfnode .scroller>.node figure .blank{position:absolute;top:0;left:0;width:100%;height:100%;}
-#perfnode .scroller>.node figure:hover figcaption{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;}
-#footer{height:3%;display:none;}#footer #footer-top{text-align:center;}#footer #footer-top p{margin:0;}
-#footer #footer-bottom .block{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:8px;font-weight:500;color:#494949;text-decoration:none;}.ie7 #footer #footer-bottom .block,.ie8 #footer #footer-bottom .block{display:inline;}
-.ie7 #footer #footer-bottom .block,.ie8 #footer #footer-bottom .block{display:inline;}
-.ie7 #footer #footer-bottom .block,.ie8 #footer #footer-bottom .block{display:inline;}
-.ie7 #footer #footer-bottom .block,.ie8 #footer #footer-bottom .block{display:inline;}
-.ie7 #footer #footer-bottom .block,.ie8 #footer #footer-bottom .block{display:inline;}
-.ie7 #footer #footer-bottom .block,.ie8 #footer #footer-bottom .block{display:inline;}
-.ie7 #footer #footer-bottom .block,.ie8 #footer #footer-bottom .block{display:inline;}
-#footer #footer-bottom .block a{color:#494949;text-decoration:none;}
-#footer #footer-bottom .block a{color:#494949;text-decoration:none;}
-li,.item-list ul li{list-style:none inside url();margin-left:0;}
-div.messages{padding:9px;margin:0.5em 0 0;color:#036;background:#bdf;border:1px solid #ace;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
-div.warning{color:#840;background:#fe6;border-color:#ed5;}
-div.error{color:#fff;background:#e63;border-color:#d52;}
-div.error p.error{color:#333;}
-div.status{color:#360;background:#cf8;border-color:#be7;}
-ul.primary,.views-admin-links ul{font:13px/1.231 sans-serif;*font-size:small;border-collapse:collapse;padding:0 0 0 1em;white-space:nowrap;list-style:none;margin:5px;height:auto;line-height:normal;border-bottom:1px solid #bbb;}ul.primary li,.views-admin-links ul li{display:inline;}ul.primary li a,.views-admin-links ul li a{background-color:#ddd;border-color:#bbb;border-width:1px;border-style:solid solid none solid;height:auto;margin-right:0.5em;padding:0 1em;text-decoration:none;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;}ul.primary li a:hover,.views-admin-links ul li a:hover{background-color:#eee;border-color:#ccc;border-bottom-color:#eee;}
-ul.primary li.active a,.views-admin-links ul li.active a{background-color:#fff;border:1px solid #bbb;border-bottom:#fff 1px solid;}
-ul.secondary{border-bottom:1px solid #bbb;padding:0.5em 1em;margin:5px;}ul.secondary li{display:inline;padding:0 1em;border-right:1px solid #ccc;}ul.secondary li a{padding:0;text-decoration:none;}ul.secondary li a.active{border-bottom:4px solid #999;}
-.pa-sc-player .sc-trackslist{display:none;}
-.pa-sc-player .sc-controls,.pa-sc-player .sc-time-indicators,.pa-sc-player .sc-time-span{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;vertical-align:middle;}.ie7 .pa-sc-player .sc-controls,.ie7 .pa-sc-player .sc-time-indicators,.ie7 .pa-sc-player .sc-time-span,.ie8 .pa-sc-player .sc-controls,.ie8 .pa-sc-player .sc-time-indicators,.ie8 .pa-sc-player .sc-time-span{display:inline;}
-.ie7 .pa-sc-player .sc-controls,.ie7 .pa-sc-player .sc-time-indicators,.ie7 .pa-sc-player .sc-time-span,.ie8 .pa-sc-player .sc-controls,.ie8 .pa-sc-player .sc-time-indicators,.ie8 .pa-sc-player .sc-time-span{display:inline;}
-.ie7 .pa-sc-player .sc-controls,.ie7 .pa-sc-player .sc-time-indicators,.ie7 .pa-sc-player .sc-time-span,.ie8 .pa-sc-player .sc-controls,.ie8 .pa-sc-player .sc-time-indicators,.ie8 .pa-sc-player .sc-time-span{display:inline;}
-.ie7 .pa-sc-player .sc-controls,.ie7 .pa-sc-player .sc-time-indicators,.ie7 .pa-sc-player .sc-time-span,.ie8 .pa-sc-player .sc-controls,.ie8 .pa-sc-player .sc-time-indicators,.ie8 .pa-sc-player .sc-time-span{display:inline;}
-.ie7 .pa-sc-player .sc-controls,.ie7 .pa-sc-player .sc-time-indicators,.ie7 .pa-sc-player .sc-time-span,.ie8 .pa-sc-player .sc-controls,.ie8 .pa-sc-player .sc-time-indicators,.ie8 .pa-sc-player .sc-time-span{display:inline;}
-.ie7 .pa-sc-player .sc-controls,.ie7 .pa-sc-player .sc-time-indicators,.ie7 .pa-sc-player .sc-time-span,.ie8 .pa-sc-player .sc-controls,.ie8 .pa-sc-player .sc-time-indicators,.ie8 .pa-sc-player .sc-time-span{display:inline;}
-.ie7 .pa-sc-player .sc-controls,.ie7 .pa-sc-player .sc-time-indicators,.ie7 .pa-sc-player .sc-time-span,.ie8 .pa-sc-player .sc-controls,.ie8 .pa-sc-player .sc-time-indicators,.ie8 .pa-sc-player .sc-time-span{display:inline;}
-.pa-sc-player .sc-controls{position:relative;width:20px;height:20px;margin-right:15px;}.pa-sc-player .sc-controls a.sc-play,.pa-sc-player .sc-controls a.sc-pause{position:absolute;top:0;left:0;display:block;width:100%;height:100%;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;overflow:hidden;}.pa-sc-player .sc-controls a.sc-play span,.pa-sc-player .sc-controls a.sc-pause span{margin-left:-100px;}
-.pa-sc-player .sc-controls a.sc-play{background:#ffffff url('../images/player-sound-cloud-VA-bg-play.png') no-repeat center center;}
-.pa-sc-player .sc-controls a.sc-pause{background:#ffffff url('../images/player-sound-cloud-VA-bg-pause.png') no-repeat center center;display:none;}
-.pa-sc-player.playing .sc-controls a.sc-play{display:none;}
-.pa-sc-player.playing .sc-controls a.sc-pause{display:block;}
-.pa-sc-player .sc-time-indicators{font-size:14px;margin-right:10px;padding-top:3px;min-width:75px;}
-.pa-sc-player .sc-time-span{width:300px;height:10px;background-color:#fff;position:relative;cursor:pointer;}.pa-sc-player .sc-time-span .sc-buffer,.pa-sc-player .sc-time-span .sc-played{width:0;height:100%;position:absolute;}
-.pa-sc-player .sc-time-span .sc-buffer{background-color:#ddd;}
-.pa-sc-player .sc-time-span .sc-played{background-color:#1A1A1A;}
-.node-temoignage.grid-block .pa-sc-player{background-color:#D3D3D3;-webkit-border-radius:3;-moz-border-radius:3;border-radius:3;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;padding:2px;}.node-temoignage.grid-block .pa-sc-player .sc-time-span{width:170px;}
-html.no-js body,html.classic-nav body,html.no-js #container,html.classic-nav #container,html.no-js #container>.inner,html.classic-nav #container>.inner,html.no-js #header,html.classic-nav #header,html.no-js #main,html.classic-nav #main,html.no-js #footer,html.classic-nav #footer{height:auto;}
-html.no-js body,html.classic-nav body{overflow:auto;}
-html.no-js #container,html.classic-nav #container{width:95%;}
-html.no-js body.front #main,html.classic-nav body.front #main{background-color:#D3D3D3;height:100%;}html.no-js body.front #main #center,html.classic-nav body.front #main #center{height:100%;}html.no-js body.front #main #center .page-title,html.classic-nav body.front #main #center .page-title{margin-left:2.5em;}
-html.no-js body.front #main #center #content,html.classic-nav body.front #main #center #content{padding:2%;display:block;}html.no-js body.front #main #center #content a,html.classic-nav body.front #main #center #content a,html.no-js body.front #main #center #content a:visited,html.classic-nav body.front #main #center #content a:visited{font-size:12px;font-weight:500;text-decoration:none;}
-html.no-js body.front #main #center #content a:hover,html.classic-nav body.front #main #center #content a:hover{font-size:12px;font-weight:700;text-decoration:none;}
-html.no-js body.front .item-list .pager li,html.classic-nav body.front .item-list .pager li{background-color:transparent;color:#000;border-left:1px solid #000;}html.no-js body.front .item-list .pager li a,html.classic-nav body.front .item-list .pager li a,html.no-js body.front .item-list .pager li a:visited,html.classic-nav body.front .item-list .pager li a:visited{color:#000;}
-html.no-js body.front .item-list li,html.classic-nav body.front .item-list li,html.no-js body.front .item-list ul li,html.classic-nav body.front .item-list ul li{color:#A5A5A5;background-color:#fff;display:inline-block;vertical-align:top;line-height:0.1em;margin-bottom:1em;padding-right:1em;padding-left:0.5em;border-left:3px solid #A5A5A5;}html.no-js body.front .item-list li a,html.classic-nav body.front .item-list li a,html.no-js body.front .item-list ul li a,html.classic-nav body.front .item-list ul li a,html.no-js body.front .item-list li a:visited,html.classic-nav body.front .item-list li a:visited,html.no-js body.front .item-list ul li a:visited,html.classic-nav body.front .item-list ul li a:visited{color:#A5A5A5;}
-html.no-js body.node-type-performance #main,html.classic-nav body.node-type-performance #main{background-color:#D3D3D3;height:100%;}html.no-js body.node-type-performance #main #center,html.classic-nav body.node-type-performance #main #center{height:100%;}html.no-js body.node-type-performance #main #center .page-title,html.classic-nav body.node-type-performance #main #center .page-title{margin-left:2.5em;}
-html.no-js body.node-type-performance #main #center #content,html.classic-nav body.node-type-performance #main #center #content{padding:2%;display:block;}html.no-js body.node-type-performance #main #center #content a,html.classic-nav body.node-type-performance #main #center #content a,html.no-js body.node-type-performance #main #center #content a:visited,html.classic-nav body.node-type-performance #main #center #content a:visited{font-size:12px;font-weight:500;text-decoration:none;}
-html.no-js body.node-type-performance #main #center #content a:hover,html.classic-nav body.node-type-performance #main #center #content a:hover{font-size:12px;font-weight:700;text-decoration:none;}
-html.no-js body.node-type-performance #main,html.classic-nav body.node-type-performance #main{background-color:#F2F2F2;}html.no-js body.node-type-performance #main #center #content .node.type-performance>.content h1.node-title,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content h1.node-title{margin:0;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:900;font-size:24px;width:300px;padding:0;}
-html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-label,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-label{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:900;font-size:10px;text-transform:uppercase;color:#a5a5a5;}
-html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-personne,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-personne{width:200px;padding:0;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:16px;text-transform:uppercase;}
-html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-type-textauthor,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-type-textauthor,html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-type-text-long,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-type-text-long{width:400px;padding:0;}html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-type-textauthor .field-item,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-type-textauthor .field-item,html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-type-text-long .field-item,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-type-text-long .field-item{max-height:300px;overflow:auto;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:12px;}
-html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-type-textauthor address,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-type-textauthor address,html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-type-text-long address,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-type-text-long address{font-weight:700;}
-html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-serie,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-serie{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:16px;width:300px;padding:0;}
-html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;margin:0 1em 1em 0;}.ie7 html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie7 html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie8 html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie8 html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item{display:inline;}
-.ie7 html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie7 html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie8 html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie8 html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item{display:inline;}
-.ie7 html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie7 html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie8 html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie8 html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item{display:inline;}
-.ie7 html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie7 html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie8 html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie8 html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item{display:inline;}
-.ie7 html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie7 html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie8 html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie8 html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item{display:inline;}
-.ie7 html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie7 html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie8 html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie8 html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item{display:inline;}
-.ie7 html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie7 html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie8 html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item,.ie8 html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-images .field-item{display:inline;}
-html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-type-de-performance,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-type-de-performance{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:16px;width:300px;padding:0;}
-html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-tags-libre,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-tags-libre{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:12px;width:200px;padding:0;}
-html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .node-effectuation,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .node-effectuation{width:200px;padding:0;}html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .node-effectuation h1,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .node-effectuation h1{margin:0;}
-html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .node-effectuation .field-item,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .node-effectuation .field-item{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:16px;}
-html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .node-document-video,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .node-document-video{width:400px;padding:0;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:12px;}
-html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .node-document,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .node-document{width:300px;padding:0;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:12px;}
-html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .node-objet,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .node-objet{width:300px;padding:0;font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:12px;}
-html.no-js body.node-type-performance #main #center #content .node.type-performance>.content figure,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content figure{position:relative;}html.no-js body.node-type-performance #main #center #content .node.type-performance>.content figure figcaption,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content figure figcaption{position:absolute;right:0;bottom:0;width:96%;padding:2%;background-color:rgba(255, 255, 255, 0.8);-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-webkit-transition:opacity 0.5s ease-out;-moz-transition:opacity 0.5s ease-out;-o-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out;color:#000;font-size:10px;}
-html.no-js body.node-type-performance #main #center #content .node.type-performance>.content figure .blank,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content figure .blank{position:absolute;top:0;left:0;width:100%;height:100%;}
-html.no-js body.node-type-performance #main #center #content .node.type-performance>.content figure:hover figcaption,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content figure:hover figcaption{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;}
-html.no-js body.node-type-performance #main #center #content .node.type-performance>.content>.field,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content>.field{display:inline-block;vertical-align:top;padding-left:0.5em;margin:0 1em 0 0.5em;border-left:3px solid #a5a5a5;}
-html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-effectuations,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-effectuations,html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-documents-sonor,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-documents-sonor,html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-documents,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-documents{display:block;border:none;border-top:2px solid #e4e4e4;margin-top:1em;}html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-effectuations .field-item .field,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-effectuations .field-item .field,html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-documents-sonor .field-item .field,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-documents-sonor .field-item .field,html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-documents .field-item .field,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-documents .field-item .field{display:inline-block;vertical-align:top;padding-left:0.5em;margin:0 1em 0 0.5em;border-left:3px solid #a5a5a5;}
-html.no-js body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-effectuations,html.classic-nav body.node-type-performance #main #center #content .node.type-performance>.content .field-name-field-effectuations{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-weight:500;font-size:12px;}
-body.node-type-document #main,.node-type-document-sonor #main,.node-type-object #main,.page-taxonomy-term #main{background-color:#D3D3D3;height:100%;}body.node-type-document #main #center,.node-type-document-sonor #main #center,.node-type-object #main #center,.page-taxonomy-term #main #center{height:100%;}body.node-type-document #main #center .page-title,.node-type-document-sonor #main #center .page-title,.node-type-object #main #center .page-title,.page-taxonomy-term #main #center .page-title{margin-left:2.5em;}
-body.node-type-document #main #center #content,.node-type-document-sonor #main #center #content,.node-type-object #main #center #content,.page-taxonomy-term #main #center #content{padding:2%;display:block;}body.node-type-document #main #center #content a,.node-type-document-sonor #main #center #content a,.node-type-object #main #center #content a,.page-taxonomy-term #main #center #content a,body.node-type-document #main #center #content a:visited,.node-type-document-sonor #main #center #content a:visited,.node-type-object #main #center #content a:visited,.page-taxonomy-term #main #center #content a:visited{font-size:12px;font-weight:500;text-decoration:none;}
-body.node-type-document #main #center #content a:hover,.node-type-document-sonor #main #center #content a:hover,.node-type-object #main #center #content a:hover,.page-taxonomy-term #main #center #content a:hover{font-size:12px;font-weight:700;text-decoration:none;}
-body.node-type-document #center #content,.node-type-document-sonor #center #content,.node-type-object #center #content,.page-taxonomy-term #center #content{width:720px;font-size:12px;}body.node-type-document #center #content img,.node-type-document-sonor #center #content img,.node-type-object #center #content img,.page-taxonomy-term #center #content img{margin:1em 0 1em 0;}
-body.node-type-document #center #content figure,.node-type-document-sonor #center #content figure,.node-type-object #center #content figure,.page-taxonomy-term #center #content figure{position:relative;}
-body.node-type-document #center #content img.blank,.node-type-document-sonor #center #content img.blank,.node-type-object #center #content img.blank,.page-taxonomy-term #center #content img.blank{position:absolute;top:0;left:0;}
-body.node-type-document #center #content figcaption,.node-type-document-sonor #center #content figcaption,.node-type-object #center #content figcaption,.page-taxonomy-term #center #content figcaption{font-weight:300;font-size:11px;width:250px;margin-bottom:1em;}
+/** 
+ * Primary Drupal Styles
+ * Author: g-u-i.net
+ */
+/** COMMONS */
+/** colors */
+/** jscrollpane */
+.jspScrollable .jspContainer .jspVerticalBar {
+  width: 4px;
+  background-color: #F2F2F2;
+}
+.jspScrollable .jspContainer .jspHorizontalBar {
+  height: 4px;
+  background-color: #F2F2F2;
+}
+.jspScrollable .jspContainer .jspTrack {
+  background-color: transparent;
+}
+.jspScrollable .jspContainer .jspTrack .jspDrag {
+  background-color: #77787B;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  -moz-opacity: 0.6;
+  -khtml-opacity: 0.6;
+  -webkit-opacity: 0.6;
+  opacity: 0.6;
+  -webkit-transition: opacity 0.2s ease-out;
+  -moz-transition: opacity 0.2s ease-out;
+  -o-transition: opacity 0.2s ease-out;
+  transition: opacity 0.2s ease-out;
+}
+.jspScrollable .jspContainer .jspTrack:hover .jspDrag {
+  -moz-opacity: 1;
+  -khtml-opacity: 1;
+  -webkit-opacity: 1;
+  opacity: 1;
+}
+/**
+* Layouts
+*
+*/
+#content,
+#center .page-title,
+#perfnode,
+#filters,
+#timeline,
+#timeline-container {
+  -webkit-transition: height 1s ease-out;
+  -moz-transition: height 1s ease-out;
+  -o-transition: height 1s ease-out;
+  transition: height 1s ease-out;
+  /*-webkit-transition: height, 5s, ease-out;
+-moz-transition: height, 5s, ease-out;
+-o-transition: height, 5s, ease-out;
+transition: height, 5s, ease-out;
+*/
+}
+#main {
+  height: 97%;
+}
+body.layout-intro #perfnode {
+  height: 0%!important;
+}
+body.layout-intro #filters {
+  height: 0%;
+}
+body.layout-intro #timeline {
+  height: 65%;
+}
+body.layout-intro #timeline #timeline-container {
+  height: 0%;
+}
+body.layout-intro #timeline-loader {
+  display: block;
+  margin: 0 auto 5px;
+}
+body.layout-timeline #main #content,
+body.layout-timeline #main #center .page-title {
+  height: 0%;
+}
+body.layout-timeline #perfnode {
+  height: 0%!important;
+}
+body.layout-timeline #filters {
+  height: 30%;
+}
+body.layout-timeline #timeline {
+  height: 65%;
+}
+body.layout-timeline #timeline #timeline-container {
+  height: 98%;
+}
+body.layout-timeline #timeline-loader {
+  display: none;
+}
+body.layout-perfnode #main #content,
+body.layout-perfnode #main #center .page-title {
+  height: 0%;
+}
+body.layout-perfnode #perfnode {
+  height: 85%!important;
+}
+body.layout-perfnode #filters {
+  height: 0%;
+}
+body.layout-perfnode #timeline {
+  height: 3%;
+}
+body.layout-perfnode #timeline #timeline-container {
+  height: 0%;
+}
+body.layout-perfnode #timeline-loader {
+  display: none;
+}
+body > img {
+  display: none;
+}
+@media (max-width: 799px) {
+  body {
+    overflow: hidden!important;
+  }
+  #container {
+    margin: 0!important;
+    width: 100vw!important;
+    height: 100vh!important;
+    overflow: hidden;
+  }
+  #container > .inner {
+    padding: 0!important;
+    width: 100%!important;
+    height: 100vh!important;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+  #container > .inner #header {
+    height: 3vh;
+    flex: 0 0 auto;
+    height: auto;
+    padding: 0.5em;
+    box-sizing: border-box;
+  }
+  #container > .inner #main {
+    flex: 0 0 auto;
+    overflow-x: hidden;
+    overflow-y: auto;
+    height: 96vh;
+    box-sizing: border-box;
+  }
+  #container > .inner #main #center {
+    display: block;
+    height: auto;
+  }
+}
+.Museo {
+  font-family: "Museo", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+}
+.MuseoSans {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+}
+.MuseoSlab {
+  font-family: "MuseoSlab", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+}
+a,
+a:visited {
+  color: #000;
+}
+/*a.active, li a.active{color:@main-blue;}*/
+body {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-size: 16px;
+}
+.8 {
+  font-size: 8px;
+}
+.9 {
+  font-size: 9px;
+}
+.10 {
+  font-size: 10px;
+}
+.11 {
+  font-size: 10px;
+}
+.12 {
+  font-size: 12px;
+}
+.14 {
+  font-size: 14px;
+}
+.16 {
+  font-size: 16px;
+}
+.18 {
+  font-size: 18px;
+}
+.24 {
+  font-size: 24px;
+}
+.regular {
+  font-weight: normal;
+}
+.bold {
+  font-weight: bold;
+}
+.100 {
+  font-weight: 100;
+}
+.300 {
+  font-weight: 300;
+}
+.500 {
+  font-weight: 500;
+}
+.700 {
+  font-weight: 700;
+}
+.900 {
+  font-weight: 900;
+}
+.upper {
+  text-transform: uppercase;
+}
+.italic {
+  font-style: italic;
+}
+.normal {
+  font-style: normal;
+}
+/** FEUILLES DE STYLES */
+/** timeline */
+/** filters */
+/** time line */
+#timeline-loader {
+  max-width: 700px;
+  margin: 0 auto;
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-size: 12px;
+  font-weight: 700;
+}
+#timeline-loader .progress {
+  border-top: 4px solid #999;
+  width: 0;
+  /*    .transition(width 4s linear);*/
+  transition: width 3s linear;
+  -moz-transition: width 3s linear;
+  -o-transition: width 3s linear;
+  -webkit-transition: width 3s linear;
+}
+#timeline-loader .progress.complete {
+  /*      .transition(width 0.1s linear);*/
+  transition: width 0.1s linear;
+  -moz-transition: width 0.1s linear;
+  -o-transition: width 0.1s linear;
+  -webkit-transition: width 0.1s linear;
+}
+#timeline {
+  height: 65%;
+  margin-top: 25px;
+}
+#timeline h3.title {
+  cursor: pointer;
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-size: 10px;
+  font-weight: 900;
+  text-transform: uppercase;
+  margin: 0;
+  color: #A5A5A5;
+}
+@media screen and (min-width: 1201px) {
+  #timeline h3.title {
+    font-size: 12px;
+  }
+}
+#timeline-container {
+  width: 100%;
+  height: 98%;
+  border-top: 2px solid #A5A5A5;
+  overflow: hidden;
+  background-color: #F2F2F2;
+}
+#timeline-container .timeline-frame {
+  border: 0 solid #999;
+}
+#timeline-container .timeline-navigation {
+  top: 0;
+  right: 0;
+  height: 20px;
+  border: 0 solid transparent;
+  background-color: #fff;
+}
+#timeline-container .timeline-navigation div {
+  padding: 2px 0 0 10px;
+}
+#timeline-container .timeline-navigation div.timeline-navigation-zoom-in {
+  background-image: url('../images/btns_zoomin.png');
+}
+#timeline-container .timeline-navigation div.timeline-navigation-zoom-out {
+  background-image: url('../images/btns_zoomout.png');
+}
+#timeline-container .timeline-navigation div.timeline-navigation-move-left {
+  background-image: url('../images/btns_moveleft.png');
+}
+#timeline-container .timeline-navigation div.timeline-navigation-move-right {
+  background-image: url('../images/btns_moveright.png');
+}
+#timeline-container .timeline-axis-text {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-size: 10px;
+  font-weight: 900;
+  text-transform: uppercase;
+  margin: 0;
+  color: #A5A5A5;
+}
+@media screen and (min-width: 1201px) {
+  #timeline-container .timeline-axis-text {
+    font-size: 12px;
+  }
+}
+#timeline-container .timeline-event {
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  border: 0 solid transparent;
+  /*
+      TODO move events with css3
+    */
+}
+#timeline-container .timeline-event.timeline-event-range {
+  background-color: #fff;
+}
+#timeline-container .timeline-event-content {
+  margin: 0;
+}
+#timeline-container .timeline-event-content div.date {
+  display: block;
+  text-decoration: none;
+  text-align: left;
+  cursor: pointer;
+  padding: 4px 0;
+}
+#timeline-container .timeline-event-content div.date .text-content {
+  padding: 0 5px;
+  margin-bottom: 4px;
+  border-left: 3px solid #A5A5A5;
+}
+#timeline-container .timeline-event-content div.date:hover .text-content {
+  border-left: 3px solid #77787B;
+}
+#timeline-container .timeline-event-content div.date h4,
+#timeline-container .timeline-event-content div.date h5 {
+  margin: 0;
+  color: #A5A5A5;
+}
+#timeline-container .timeline-event-content div.date h4 {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-size: 12px;
+  font-weight: 500;
+  font-style: italic;
+}
+#timeline-container .timeline-event-content div.date h5 {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-size: 12px;
+  font-weight: 700;
+}
+body.view-mode-dot #timeline-container .timeline-event-content div.date {
+  padding: 0;
+}
+body.view-mode-dot #timeline-container .timeline-event-content div.date .text-content {
+  min-height: 15px;
+}
+body.view-mode-dot #timeline-container .timeline-event-content div.date h4,
+body.view-mode-dot #timeline-container .timeline-event-content div.date h5,
+body.view-mode-dot #timeline-container .timeline-event-content div.date img {
+  display: none;
+}
+body.view-mode-titles #timeline-container .timeline-event-content div.date {
+  background-color: #fff;
+}
+body.view-mode-titles #timeline-container .timeline-event-content div.date h4,
+body.view-mode-titles #timeline-container .timeline-event-content div.date h5 {
+  display: block;
+}
+body.view-mode-titles #timeline-container .timeline-event-content div.date img {
+  display: none;
+}
+body.view-mode-thumbnails #timeline-container .timeline-event-content div.date h4,
+body.view-mode-thumbnails #timeline-container .timeline-event-content div.date h5,
+body.view-mode-thumbnails #timeline-container .timeline-event-content div.date img {
+  display: block;
+}
+body.view-mode-thumbnails #timeline-container .timeline-event-content div.date img {
+  max-width: 145px;
+  height: auto;
+}
+body.view-mode-images #timeline-container .timeline-event-content div.date h4,
+body.view-mode-images #timeline-container .timeline-event-content div.date h5,
+body.view-mode-images #timeline-container .timeline-event-content div.date img {
+  display: block;
+}
+#timeline-container .timeline-event-selected {
+  background-color: transparent;
+}
+#timeline-container .timeline-event-selected .timeline-event-content div.date .text-content {
+  border-left: 3px solid #77787B;
+}
+#timeline-container .timeline-event-selected .timeline-event-content div.date h4,
+#timeline-container .timeline-event-selected .timeline-event-content div.date h5 {
+  color: #77787B;
+}
+.timeline-modal {
+  width: 150px;
+  min-height: 30px;
+  padding: 5px;
+  background-color: #fff;
+  position: absolute;
+  z-index: 99999;
+  display: none;
+}
+.timeline-modal h4,
+.timeline-modal h5 {
+  margin: 0;
+  color: #77787B;
+}
+.timeline-modal h4 {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-size: 12px;
+  font-weight: 500;
+  font-style: italic;
+}
+.timeline-modal h5 {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-size: 12px;
+  font-weight: 700;
+}
+/** layout */
+html,
+body {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  /*  background-color: red;*/
+}
+#container {
+  width: 100%;
+  height: 100%;
+  min-width: none;
+  min-height: 700px;
+  margin: 0 auto;
+  background-color: #FFF;
+}
+#container > .inner {
+  width: 96%;
+  height: 94%;
+  padding: 1.5%;
+}
+/** HEADER */
+#header {
+  height: 3%;
+  width: 100%;
+  position: relative;
+  border-bottom: 2px solid #000;
+}
+#header .logo {
+  height: 27px;
+  position: relative;
+  bottom: 0;
+  left: 0;
+}
+html.oldie #header .logo {
+  width: 49%;
+}
+#header .logo h1 {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-size: 10px;
+  font-weight: 900;
+  text-decoration: none;
+  color: #000;
+  display: inline;
+  /*  @media screen and (max-width:1200px){ .11; }*/
+}
+@media screen and (min-width: 1201px) {
+  #header .logo h1 {
+    font-size: 12px;
+  }
+}
+html.oldie #header .logo h1 {
+  font-size: 9px;
+}
+#header .logo h1 a {
+  text-decoration: none;
+}
+html.oldie #header #header-blocks {
+  width: 62%;
+}
+#header ul.language-switcher-locale-url {
+  padding: 0;
+  margin: 0;
+}
+#header ul.language-switcher-locale-url li {
+  padding-right: 10px;
+}
+#header ul.language-switcher-locale-url li.active {
+  display: none;
+}
+#header ul.language-switcher-locale-url a {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-size: 10px;
+  font-weight: 900;
+  text-decoration: none;
+  color: #000;
+  display: inline;
+  /*  @media screen and (max-width:1200px){ .11; }*/
+}
+@media screen and (min-width: 1201px) {
+  #header ul.language-switcher-locale-url a {
+    font-size: 12px;
+  }
+}
+html.oldie #header ul.language-switcher-locale-url a {
+  font-size: 9px;
+}
+#header #search-block-form h2 {
+  display: none;
+}
+#header #search-block-form .container-inline {
+  height: 27px;
+  line-height: 1;
+}
+#header #search-block-form .form-item {
+  padding: 0;
+  margin: 0;
+  display: inline-block;
+  vertical-align: middle;
+}
+#header #search-block-form .form-item label {
+  display: none;
+}
+#header #search-block-form .form-item input.form-text {
+  border: 1px solid #D4D4D4;
+  width: 10em;
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-size: 10px;
+  font-weight: 900;
+  text-decoration: none;
+  color: #000;
+  display: inline;
+  /*  @media screen and (max-width:1200px){ .11; }*/
+  font-weight: 500;
+  padding: 2px;
+}
+@media screen and (min-width: 1201px) {
+  #header #search-block-form .form-item input.form-text {
+    font-size: 12px;
+  }
+}
+html.oldie #header #search-block-form .form-item input.form-text {
+  font-size: 9px;
+}
+#header #search-block-form #edit-actions {
+  display: inline-block;
+  vertical-align: middle;
+}
+#header #search-block-form #edit-actions input.form-submit {
+  border: 0 solid #999;
+  background-color: transparent;
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-size: 10px;
+  font-weight: 900;
+  text-decoration: none;
+  color: #000;
+  display: inline;
+  /*  @media screen and (max-width:1200px){ .11; }*/
+  padding-right: 0;
+  padding-top: 3px;
+}
+@media screen and (min-width: 1201px) {
+  #header #search-block-form #edit-actions input.form-submit {
+    font-size: 12px;
+  }
+}
+html.oldie #header #search-block-form #edit-actions input.form-submit {
+  font-size: 9px;
+}
+#header #search-block-form span.close-search {
+  display: inline-block;
+  vertical-align: middle;
+  width: 20px;
+  height: 20px;
+  background-image: url('../images/btns_close.png');
+  cursor: pointer;
+}
+#header #search-block-form.loading {
+  background: transparent url('../images/ajax-loader.gif') no-repeat 98% center;
+}
+#header #search-block-form.loading input.form-submit {
+  visibility: hidden;
+}
+/** RESPONSIVE */
+@media (min-width: 799px) {
+  #header .logo {
+    width: 35%;
+  }
+  #header-blocks {
+    width: 63%;
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    text-align: right;
+    height: 27px;
+  }
+  #header-blocks .region {
+    display: moz-inline-stack;
+    display: inline-block;
+    vertical-align: top;
+    zoom: 1;
+    *display: inline;
+    /*	margin-right:-.25em;*/
+  }
+  .ie7 #header-blocks .region,
+  .ie8 #header-blocks .region {
+    display: inline;
+  }
+  #header-blocks .region:not(:first-child) {
+    margin-left: 1.1em;
+  }
+  html.oldie #header-blocks .region {
+    float: left;
+    margin-left: 10px;
+  }
+  #header-blocks ul.menu {
+    padding: 0;
+    margin: 0;
+  }
+  #header-blocks ul.menu li {
+    display: moz-inline-stack;
+    display: inline-block;
+    vertical-align: top;
+    zoom: 1;
+    *display: inline;
+    /*	margin-right:-.25em;*/
+    margin: 0;
+  }
+  .ie7 #header-blocks ul.menu li,
+  .ie8 #header-blocks ul.menu li {
+    display: inline;
+  }
+  #header-blocks ul.menu li:not(.last) {
+    padding: 0 6px 0 0;
+  }
+  #header-blocks ul.menu li.last {
+    padding: 0;
+  }
+  #header-blocks ul.menu li a {
+    font-family: "MuseoSans", Arial, sans-serif;
+    -moz-font-feature-settings: "calt=0,liga=0";
+    font-size: 10px;
+    font-weight: 900;
+    text-decoration: none;
+    color: #000;
+    display: inline;
+    /*  @media screen and (max-width:1200px){ .11; }*/
+  }
+  html.oldie #header-blocks ul.menu li a {
+    font-size: 9px;
+  }
+}
+@media (min-width: 799px) and screen and (min-width: 1201px) {
+  #header-blocks ul.menu li a {
+    font-size: 12px;
+  }
+}
+@media (max-width: 799px) {
+  #header .logo {
+    width: auto;
+    z-index: 11;
+  }
+  #header-blocks {
+    background-color: white;
+    position: absolute;
+    z-index: 10;
+    bottom: 0;
+    right: 0;
+    height: 27px;
+    text-align: right;
+    transition: transform 0.5s ease-in-out;
+    transform: translateX(150%);
+  }
+  #header-blocks .region {
+    background-color: white;
+    padding: 0 1em 0 1em;
+  }
+  #header-blocks .region:first-child {
+    padding-top: 2em;
+  }
+  #header-blocks .region:last-child {
+    padding-bottom: 1em;
+  }
+  #header-blocks ul {
+    padding: 0;
+    margin: 0;
+    text-align: right;
+  }
+  #header-blocks ul li {
+    list-style: none;
+    margin: 0;
+    padding: 0!important;
+  }
+  #header-blocks ul li a {
+    font-family: "MuseoSans", Arial, sans-serif;
+    -moz-font-feature-settings: "calt=0,liga=0";
+    font-size: 10px;
+    font-weight: 900;
+    text-decoration: none;
+    color: #000;
+    display: inline;
+    /*  @media screen and (max-width:1200px){ .11; }*/
+  }
+  html.oldie #header-blocks ul li a {
+    font-size: 9px;
+  }
+  body.burger-shown #header-blocks {
+    transform: translateX(0);
+  }
+  .burger-icon {
+    height: 15px;
+    width: 20px;
+    position: absolute;
+    top: 0.5em;
+    right: 0.5em;
+    display: inline-block;
+    vertical-align: middle;
+    z-index: 20;
+    cursor: pointer;
+  }
+  .burger-icon span {
+    display: block;
+    background: #000;
+    width: 100%;
+    height: 2px;
+    margin-top: -2px;
+    position: absolute;
+    left: 0;
+    top: 50%;
+  }
+  .burger-icon:before,
+  .burger-icon:after {
+    content: "";
+    display: block;
+    background: #000;
+    width: 100%;
+    height: 2px;
+    position: absolute;
+    left: 0;
+    transform-origin: center center;
+    transform: rotate(0deg);
+    transition: all 0.3s ease;
+  }
+  .burger-icon:before {
+    top: 2px;
+    margin-top: -2px;
+  }
+  .burger-icon:after {
+    bottom: 2px;
+    margin-bottom: -2px;
+  }
+  body.burger-shown .burger-icon span {
+    background: transparent;
+  }
+  body.burger-shown .burger-icon:before {
+    top: 55%;
+    transform: rotate(45deg);
+  }
+  body.burger-shown .burger-icon:after {
+    bottom: 55%;
+    transform: rotate(-45deg);
+  }
+}
+@media (max-width: 799px) and screen and (min-width: 1201px) {
+  #header-blocks ul li a {
+    font-size: 12px;
+  }
+}
+/** INTRO-MODAL */
+#intro-wrapper {
+  position: fixed;
+  z-index: 200;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+}
+#intro-wrapper .bg {
+  background-color: #fff;
+  -moz-opacity: 0.6;
+  -khtml-opacity: 0.6;
+  -webkit-opacity: 0.6;
+  opacity: 0.6;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+}
+#intro-wrapper .modal {
+  margin: 0 auto;
+  top: 0;
+  width: 40%;
+  position: relative;
+  overflow: hidden;
+  -webkit-transition: margin-top 0.8s ease-out;
+  -moz-transition: margin-top 0.8s ease-out;
+  -o-transition: margin-top 0.8s ease-out;
+  transition: margin-top 0.8s ease-out;
+  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.8);
+  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.8);
+  box-shadow: 0 0 7px rgba(0, 0, 0, 0.8);
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  background-color: #fff;
+}
+#intro-wrapper .modal > * {
+  padding: 1em;
+}
+#intro-wrapper .modal p {
+  font-size: 14px;
+}
+#intro-wrapper .btns {
+  text-align: right;
+}
+#intro-wrapper .btns span {
+  display: inline-block;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  background-color: #ddd;
+  cursor: pointer;
+  padding: 0.1em 0.5em 0.1em 0.5em;
+  font-size: 14px;
+  margin: 0.5em;
+}
+/** MAIN */
+#main {
+  height: 97%;
+  /** SIDEBAR FIRST */
+  /** CENTER */
+  /** SIDEBAR SECOND */
+}
+#main #sidebar-first {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+  /*	margin-right:-.25em;*/
+  width: 29%;
+}
+.ie7 #main #sidebar-first,
+.ie8 #main #sidebar-first {
+  display: inline;
+}
+#main ul li.leaf {
+  list-style-image: none;
+  list-style-type: none;
+  font-size: 12px;
+  margin-bottom: 10px;
+}
+#main ul li.leaf a {
+  text-decoration: none;
+}
+#main ul li.leaf a:visited {
+  font-weight: 700;
+}
+#main ul li.leaf a:hover {
+  font-weight: 700;
+}
+#main ul li.leaf a:active {
+  font-weight: 700;
+}
+#main ul li.leaf .active-trail {
+  font-weight: 700;
+}
+.not-front.node-type-page #main,
+.not-front.node-type-temoignage #main,
+.not-front.node-type-document-video #main,
+.not-front.node-type-biographie #main {
+  background-color: #D3D3D3;
+}
+#main #center {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+  /*	margin-right:-.25em;*/
+  width: 100%;
+  height: 99%;
+  position: relative;
+  padding-top: 1%;
+  /** CONTENT */
+}
+.ie7 #main #center,
+.ie8 #main #center {
+  display: inline;
+}
+#main #center .page-title {
+  overflow: hidden;
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-size: 10px;
+  font-weight: 900;
+  text-transform: uppercase;
+  margin: 0;
+}
+@media screen and (min-width: 1201px) {
+  #main #center .page-title {
+    font-size: 12px;
+  }
+}
+.timeline #main #center .page-title {
+  color: #A5A5A5;
+}
+.js .front #main #center #content,
+.js .node-type-performance #main #center #content {
+  display: none;
+  overflow: hidden;
+}
+.layout-intro #main #center #content {
+  max-width: 700px;
+  margin: 0 auto;
+}
+#main #center #content .field-label {
+  font-size: 12px;
+  color: #000;
+  margin-top: 1em;
+  margin-bottom: 0,7em;
+}
+#main #center #perfnode {
+  height: 85%;
+}
+#main #center #perfnode .node .node-effectuation .field-item {
+  font-size: 10px;
+}
+#main #center #perfnode p {
+  margin: 0;
+}
+#main #center #perfnode .locality {
+  margin-left: -5px;
+}
+.not-front.node-type-page #main #center,
+.not-front.node-type-temoignage #main #center,
+.not-front.node-type-document-video #main #center,
+.not-front.node-type-biographie #main #center {
+  margin-left: 75px;
+  width: 550px;
+  padding-top: 20px;
+}
+.not-front.node-type-page #main #center #content p,
+.not-front.node-type-temoignage #main #center #content p,
+.not-front.node-type-document-video #main #center #content p,
+.not-front.node-type-biographie #main #center #content p {
+  font-size: 12px;
+  color: #000;
+  line-height: 1.4;
+}
+.not-front.node-type-page #main #center #content a,
+.not-front.node-type-temoignage #main #center #content a,
+.not-front.node-type-document-video #main #center #content a,
+.not-front.node-type-biographie #main #center #content a {
+  text-decoration: none;
+  font-size: 12px;
+}
+.not-front.node-type-page #main #center #content a:visited,
+.not-front.node-type-temoignage #main #center #content a:visited,
+.not-front.node-type-document-video #main #center #content a:visited,
+.not-front.node-type-biographie #main #center #content a:visited {
+  font-weight: 700;
+}
+.not-front.node-type-page #main #center #content a:hover,
+.not-front.node-type-temoignage #main #center #content a:hover,
+.not-front.node-type-document-video #main #center #content a:hover,
+.not-front.node-type-biographie #main #center #content a:hover {
+  font-weight: 700;
+}
+.not-front.node-type-page #main #center #content a:active,
+.not-front.node-type-temoignage #main #center #content a:active,
+.not-front.node-type-document-video #main #center #content a:active,
+.not-front.node-type-biographie #main #center #content a:active {
+  font-weight: 700;
+}
+#main #sidebar-second {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+  /*	margin-right:-.25em;*/
+  width: 18%;
+}
+.ie7 #main #sidebar-second,
+.ie8 #main #sidebar-second {
+  display: inline;
+}
+/** filters */
+#filters {
+  /*  height:30%;*/
+}
+#filters .filter {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+  /*	margin-right:-.25em;*/
+  width: 32%;
+  height: 100%;
+  margin-left: 2%;
+}
+.ie7 #filters .filter,
+.ie8 #filters .filter {
+  display: inline;
+}
+#filters .filter.filter-0 {
+  margin-left: 0;
+}
+#filters .filter .filters-selection {
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+}
+#filters .filter .filters-selection .list {
+  height: 100%;
+  overflow: auto;
+  margin-bottom: 10px;
+}
+#filters .filter .filters-selection .list ul,
+#filters .filter .filters-selection .list li {
+  padding: 0;
+  margin: 0;
+}
+#filters .filter .filters-selection .list ul {
+  padding-bottom: 20px;
+}
+#filters .filter .filters-selection .list li {
+  cursor: pointer;
+  line-height: 1;
+  overflow: hidden;
+  height: auto;
+  -webkit-transition: height 0.1s linear;
+  -moz-transition: height 0.1s linear;
+  -o-transition: height 0.1s linear;
+  transition: height 0.1s linear;
+}
+#filters .filter .filters-selection .list li span {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-size: 10px;
+  font-weight: 500;
+  padding: 0.3em 0.4em 0.2em 0;
+}
+@media screen and (min-width: 1201px) {
+  #filters .filter .filters-selection .list li span {
+    font-size: 12px;
+  }
+}
+#filters .filter .filters-selection .list li:hover span {
+  padding-left: 0.3em;
+}
+#filters .filter .filters-selection .list li.subtracted {
+  height: 0;
+}
+#filters .filter .filters-selection .list li.subtracted.conserved {
+  height: auto;
+}
+#filters .filter .filters-selection .search {
+  position: absolute;
+  right: 10px;
+  bottom: 0;
+  width: 40%;
+  font-size: 10px;
+  height: 10px;
+  border: 1px solid #D4D4D4;
+}
+#filters .filter .filters-selection .title {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  background-color: #fff;
+  width: 90%;
+  padding: 0.5em 0 0;
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-size: 10px;
+  font-weight: 900;
+  text-transform: uppercase;
+  margin: 0;
+}
+@media screen and (min-width: 1201px) {
+  #filters .filter .filters-selection .title {
+    font-size: 12px;
+  }
+}
+#filters .filter .filters-selected span {
+  cursor: pointer;
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-size: 10px;
+  font-weight: 500;
+  padding: 0.2em 2em 0 0.4em;
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+  /*	margin-right:-.25em;*/
+  margin: 0.3em 0.3em 0 0;
+  background-repeat: no-repeat;
+  background-position: right center;
+}
+@media screen and (min-width: 1201px) {
+  #filters .filter .filters-selected span {
+    font-size: 12px;
+  }
+}
+.ie7 #filters .filter .filters-selected span,
+.ie8 #filters .filter .filters-selected span {
+  display: inline;
+}
+#filters .filter.filter-0 .filters-selection {
+  border-bottom: 2px solid #98A572;
+}
+#filters .filter.filter-0 .list li {
+  color: #566B26;
+}
+#filters .filter.filter-0 .list li:hover {
+  color: #566B26;
+}
+#filters .filter.filter-0 .list li:hover span {
+  background-color: #D3DAC2;
+}
+#filters .filter.filter-0 .list li.selected {
+  color: #98A572;
+}
+#filters .filter.filter-0 .list .jspContainer .jspVerticalBar {
+  width: 4px;
+  background-color: #D3DAC2;
+}
+#filters .filter.filter-0 .list .jspContainer .jspHorizontalBar {
+  height: 4px;
+  background-color: #D3DAC2;
+}
+#filters .filter.filter-0 .list .jspContainer .jspTrack {
+  background-color: transparent;
+}
+#filters .filter.filter-0 .list .jspContainer .jspTrack .jspDrag {
+  background-color: #98A572;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  -moz-opacity: 0.6;
+  -khtml-opacity: 0.6;
+  -webkit-opacity: 0.6;
+  opacity: 0.6;
+  -webkit-transition: opacity 0.2s ease-out;
+  -moz-transition: opacity 0.2s ease-out;
+  -o-transition: opacity 0.2s ease-out;
+  transition: opacity 0.2s ease-out;
+}
+#filters .filter.filter-0 .list .jspContainer .jspTrack:hover .jspDrag {
+  -moz-opacity: 1;
+  -khtml-opacity: 1;
+  -webkit-opacity: 1;
+  opacity: 1;
+}
+#filters .filter.filter-0 .search {
+  color: #566B26;
+}
+#filters .filter.filter-0 .title {
+  color: #566B26;
+}
+#filters .filter.filter-0 .filters-selected span {
+  background-color: #D3DAC2;
+  color: #566B26;
+  font-weight: 700;
+}
+body.layout-timeline #filters .filter.filter-0 .filters-selected span {
+  background-image: url('../images/btns_close_color-02.png');
+}
+#filters .filter.filter-1 .filters-selection {
+  border-bottom: 2px solid #BDA3B7;
+}
+#filters .filter.filter-1 .list li {
+  color: #986C8F;
+}
+#filters .filter.filter-1 .list li:hover {
+  color: #986C8F;
+}
+#filters .filter.filter-1 .list li:hover span {
+  background-color: #E3D9E0;
+}
+#filters .filter.filter-1 .list li.selected {
+  color: #BDA3B7;
+}
+#filters .filter.filter-1 .list .jspContainer .jspVerticalBar {
+  width: 4px;
+  background-color: #E3D9E0;
+}
+#filters .filter.filter-1 .list .jspContainer .jspHorizontalBar {
+  height: 4px;
+  background-color: #E3D9E0;
+}
+#filters .filter.filter-1 .list .jspContainer .jspTrack {
+  background-color: transparent;
+}
+#filters .filter.filter-1 .list .jspContainer .jspTrack .jspDrag {
+  background-color: #BDA3B7;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  -moz-opacity: 0.6;
+  -khtml-opacity: 0.6;
+  -webkit-opacity: 0.6;
+  opacity: 0.6;
+  -webkit-transition: opacity 0.2s ease-out;
+  -moz-transition: opacity 0.2s ease-out;
+  -o-transition: opacity 0.2s ease-out;
+  transition: opacity 0.2s ease-out;
+}
+#filters .filter.filter-1 .list .jspContainer .jspTrack:hover .jspDrag {
+  -moz-opacity: 1;
+  -khtml-opacity: 1;
+  -webkit-opacity: 1;
+  opacity: 1;
+}
+#filters .filter.filter-1 .search {
+  color: #986C8F;
+}
+#filters .filter.filter-1 .title {
+  color: #986C8F;
+}
+#filters .filter.filter-1 .filters-selected span {
+  background-color: #E3D9E0;
+  color: #986C8F;
+  font-weight: 700;
+}
+body.layout-timeline #filters .filter.filter-1 .filters-selected span {
+  background-image: url('../images/btns_close_color-01.png');
+}
+#filters .filter.filter-2 .filters-selection {
+  border-bottom: 2px solid #6C9EB5;
+}
+#filters .filter.filter-2 .list li {
+  color: #00415C;
+}
+#filters .filter.filter-2 .list li:hover {
+  color: #00415C;
+}
+#filters .filter.filter-2 .list li:hover span {
+  background-color: #ADC7D6;
+}
+#filters .filter.filter-2 .list li.selected {
+  color: #6C9EB5;
+}
+#filters .filter.filter-2 .list .jspContainer .jspVerticalBar {
+  width: 4px;
+  background-color: #ADC7D6;
+}
+#filters .filter.filter-2 .list .jspContainer .jspHorizontalBar {
+  height: 4px;
+  background-color: #ADC7D6;
+}
+#filters .filter.filter-2 .list .jspContainer .jspTrack {
+  background-color: transparent;
+}
+#filters .filter.filter-2 .list .jspContainer .jspTrack .jspDrag {
+  background-color: #6C9EB5;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  -moz-opacity: 0.6;
+  -khtml-opacity: 0.6;
+  -webkit-opacity: 0.6;
+  opacity: 0.6;
+  -webkit-transition: opacity 0.2s ease-out;
+  -moz-transition: opacity 0.2s ease-out;
+  -o-transition: opacity 0.2s ease-out;
+  transition: opacity 0.2s ease-out;
+}
+#filters .filter.filter-2 .list .jspContainer .jspTrack:hover .jspDrag {
+  -moz-opacity: 1;
+  -khtml-opacity: 1;
+  -webkit-opacity: 1;
+  opacity: 1;
+}
+#filters .filter.filter-2 .search {
+  color: #00415C;
+}
+#filters .filter.filter-2 .title {
+  color: #00415C;
+}
+#filters .filter.filter-2 .filters-selected span {
+  background-color: #ADC7D6;
+  color: #00415C;
+  font-weight: 700;
+}
+body.layout-timeline #filters .filter.filter-2 .filters-selected span {
+  background-image: url('../images/btns_close_color-03.png');
+}
+/** perfnode */
+#perfnode {
+  overflow: hidden;
+  position: relative;
+  background-color: #F2F2F2;
+}
+#perfnode .prev-perf {
+  position: absolute;
+  top: 50%;
+  width: 20px;
+  height: 20px;
+  margin-top: -10px;
+  cursor: pointer;
+  z-index: 150;
+  background-color: #fff;
+  left: 0;
+  background-image: url('../images/btns_moveleft.png');
+  margin-left: -4px;
+}
+#perfnode .next-perf {
+  position: absolute;
+  top: 50%;
+  width: 20px;
+  height: 20px;
+  margin-top: -10px;
+  cursor: pointer;
+  z-index: 150;
+  background-color: #fff;
+  right: 0;
+  background-image: url('../images/btns_moveright.png');
+  margin-right: -4px;
+}
+#perfnode .loader {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 20px;
+  height: 20px;
+  margin-left: -10px;
+  margin-top: -10px;
+  background-image: url('../images/loader.gif');
+  z-index: 100;
+  display: none;
+}
+#perfnode.loading .loader {
+  display: block;
+}
+#perfnode .close {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 19px;
+  height: 20px;
+  background-image: url('../images/btns_close.png');
+  z-index: 100;
+  display: block;
+}
+#perfnode.loading .close {
+  display: none;
+}
+#perfnode .node-container {
+  margin: 0 20px;
+}
+#perfnode .scroller > .node > .grid-block {
+  position: absolute;
+}
+#perfnode .scroller > .node h1.node-title {
+  margin: 0;
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 900;
+  font-size: 24px;
+  width: 300px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+}
+#perfnode .scroller > .node .field-label {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 900;
+  font-size: 10px;
+  text-transform: uppercase;
+  color: #A5A5A5;
+}
+#perfnode .scroller > .node .field-personne {
+  width: 200px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 12px;
+  text-transform: uppercase;
+}
+#perfnode .scroller > .node .field-type-textauthor,
+#perfnode .scroller > .node > .field-type-text-long {
+  width: 400px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+}
+#perfnode .scroller > .node .field-type-textauthor .field-item,
+#perfnode .scroller > .node > .field-type-text-long .field-item {
+  max-height: 300px;
+  overflow: auto;
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 12px;
+}
+#perfnode .scroller > .node .field-type-textauthor address,
+#perfnode .scroller > .node > .field-type-text-long address {
+  font-weight: 700;
+}
+#perfnode .scroller > .node .field-name-field-serie {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 16px;
+  width: 300px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+}
+#perfnode .scroller > .node .field-name-field-type-de-performance {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 16px;
+  width: 300px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+}
+#perfnode .scroller > .node .field-name-field-tags-libre {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 12px;
+  width: 200px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+}
+#perfnode .scroller > .node .field-name-field-site-internet {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 12px;
+  width: 300px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+}
+#perfnode .scroller > .node .field-name-field-site-internet a {
+  text-decoration: none;
+}
+#perfnode .scroller > .node .field-name-field-site-internet a:hover {
+  text-decoration: underline;
+}
+#perfnode .scroller > .node .node-effectuation {
+  width: 200px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+}
+#perfnode .scroller > .node .node-effectuation h1 {
+  margin: 0;
+}
+#perfnode .scroller > .node .node-effectuation .field-item {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 16px;
+}
+#perfnode .scroller > .node .node-document-video {
+  width: 400px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 12px;
+}
+#perfnode .scroller > .node .node-document {
+  width: 300px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 12px;
+}
+#perfnode .scroller > .node .node-objet {
+  width: 300px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 12px;
+}
+#perfnode .scroller > .node .node-temoignage {
+  width: 300px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 12px;
+}
+#perfnode .scroller > .node figure {
+  position: relative;
+}
+#perfnode .scroller > .node figure figcaption {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 96%;
+  padding: 2%;
+  background-color: rgba(255, 255, 255, 0.8);
+  -moz-opacity: 0;
+  -khtml-opacity: 0;
+  -webkit-opacity: 0;
+  opacity: 0;
+  -webkit-transition: opacity 0.5s ease-out;
+  -moz-transition: opacity 0.5s ease-out;
+  -o-transition: opacity 0.5s ease-out;
+  transition: opacity 0.5s ease-out;
+  color: #000;
+  font-size: 10px;
+}
+#perfnode .scroller > .node figure .blank {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+#perfnode .scroller > .node figure:hover figcaption {
+  -moz-opacity: 1;
+  -khtml-opacity: 1;
+  -webkit-opacity: 1;
+  opacity: 1;
+}
+/** FOOTER */
+#footer {
+  height: 3%;
+  display: none;
+}
+#footer #footer-top {
+  text-align: center;
+}
+#footer #footer-top p {
+  margin: 0;
+}
+#footer #footer-bottom .block {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+  /*	margin-right:-.25em;*/
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-size: 8px;
+  font-weight: 500;
+  color: #494949;
+  text-decoration: none;
+}
+.ie7 #footer #footer-bottom .block,
+.ie8 #footer #footer-bottom .block {
+  display: inline;
+}
+#footer #footer-bottom .block a {
+  color: #494949;
+  text-decoration: none;
+}
+/** MISC */
+li,
+.item-list ul li {
+  list-style: none inside url();
+  margin-left: 0;
+}
+/** Messages. */
+div.messages {
+  padding: 9px;
+  margin: 0.5em 0 0;
+  color: #036;
+  background: #bdf;
+  border: 1px solid #ace;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+}
+div.warning {
+  color: #840;
+  background: #fe6;
+  border-color: #ed5;
+}
+div.error {
+  color: #fff;
+  background: #e63;
+  border-color: #d52;
+}
+div.error p.error {
+  color: #333;
+}
+div.status {
+  color: #360;
+  background: #cf8;
+  border-color: #be7;
+}
+/** Tab navigation */
+ul.primary,
+.views-admin-links ul {
+  font: 13px/1.231 sans-serif;
+  *font-size: small;
+  border-collapse: collapse;
+  padding: 0 0 0 1em;
+  /* LTR */
+  white-space: nowrap;
+  list-style: none;
+  margin: 5px;
+  height: auto;
+  line-height: normal;
+  border-bottom: 1px solid #bbb;
+}
+ul.primary li,
+.views-admin-links ul li {
+  display: inline;
+}
+ul.primary li a,
+.views-admin-links ul li a {
+  background-color: #ddd;
+  border-color: #bbb;
+  border-width: 1px;
+  border-style: solid solid none solid;
+  height: auto;
+  margin-right: 0.5em;
+  /* LTR */
+  padding: 0 1em;
+  text-decoration: none;
+  -moz-border-radius-topleft: 5px;
+  -webkit-border-top-left-radius: 5px;
+  border-top-left-radius: 5px;
+  -moz-border-radius-topright: 5px;
+  -webkit-border-top-right-radius: 5px;
+  border-top-right-radius: 5px;
+}
+ul.primary li a:hover,
+.views-admin-links ul li a:hover {
+  background-color: #eee;
+  border-color: #ccc;
+  border-bottom-color: #eee;
+}
+ul.primary li.active a,
+.views-admin-links ul li.active a {
+  background-color: #fff;
+  border: 1px solid #bbb;
+  border-bottom: #fff 1px solid;
+}
+ul.secondary {
+  border-bottom: 1px solid #bbb;
+  padding: 0.5em 1em;
+  margin: 5px;
+}
+ul.secondary li {
+  display: inline;
+  padding: 0 1em;
+  border-right: 1px solid #ccc;
+  /* LTR */
+}
+ul.secondary li a {
+  padding: 0;
+  text-decoration: none;
+}
+ul.secondary li a.active {
+  border-bottom: 4px solid #999;
+}
+/** sound cloud player */
+.pa-sc-player .sc-trackslist {
+  display: none;
+}
+.pa-sc-player .sc-controls,
+.pa-sc-player .sc-time-indicators,
+.pa-sc-player .sc-time-span {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+  /*	margin-right:-.25em;*/
+  vertical-align: middle;
+}
+.ie7 .pa-sc-player .sc-controls,
+.ie7 .pa-sc-player .sc-time-indicators,
+.ie7 .pa-sc-player .sc-time-span,
+.ie8 .pa-sc-player .sc-controls,
+.ie8 .pa-sc-player .sc-time-indicators,
+.ie8 .pa-sc-player .sc-time-span {
+  display: inline;
+}
+.pa-sc-player .sc-controls {
+  position: relative;
+  width: 20px;
+  height: 20px;
+  margin-right: 15px;
+}
+.pa-sc-player .sc-controls a.sc-play,
+.pa-sc-player .sc-controls a.sc-pause {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  text-decoration: none;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  overflow: hidden;
+}
+.pa-sc-player .sc-controls a.sc-play span,
+.pa-sc-player .sc-controls a.sc-pause span {
+  margin-left: -100px;
+}
+.pa-sc-player .sc-controls a.sc-play {
+  background: #fff url('../images/player-sound-cloud-VA-bg-play.png') no-repeat center center;
+}
+.pa-sc-player .sc-controls a.sc-pause {
+  background: #fff url('../images/player-sound-cloud-VA-bg-pause.png') no-repeat center center;
+  display: none;
+}
+.pa-sc-player.playing .sc-controls a.sc-play {
+  display: none;
+}
+.pa-sc-player.playing .sc-controls a.sc-pause {
+  display: block;
+}
+.pa-sc-player .sc-time-indicators {
+  font-size: 14px;
+  margin-right: 10px;
+  padding-top: 3px;
+  min-width: 75px;
+}
+.pa-sc-player .sc-time-span {
+  width: 300px;
+  height: 10px;
+  background-color: #fff;
+  position: relative;
+  cursor: pointer;
+}
+.pa-sc-player .sc-time-span .sc-buffer,
+.pa-sc-player .sc-time-span .sc-played {
+  width: 0;
+  height: 100%;
+  position: absolute;
+}
+.pa-sc-player .sc-time-span .sc-buffer {
+  background-color: #ddd;
+}
+.pa-sc-player .sc-time-span .sc-played {
+  background-color: #1A1A1A;
+}
+.node-temoignage.grid-block .pa-sc-player {
+  background-color: #D3D3D3;
+  -webkit-border-radius: 3;
+  -moz-border-radius: 3;
+  border-radius: 3;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  padding: 2px;
+}
+.node-temoignage.grid-block .pa-sc-player .sc-time-span {
+  width: 170px;
+}
+/** navigation sans javascript **/
+html.no-js body,
+html.classic-nav body,
+html.no-js #container,
+html.classic-nav #container,
+html.no-js #container > .inner,
+html.classic-nav #container > .inner,
+html.no-js #header,
+html.classic-nav #header,
+html.no-js #main,
+html.classic-nav #main,
+html.no-js #footer,
+html.classic-nav #footer {
+  height: auto;
+}
+html.no-js body,
+html.classic-nav body {
+  overflow: auto;
+}
+html.no-js #container,
+html.classic-nav #container {
+  width: 95%;
+}
+html.no-js body.front #main,
+html.classic-nav body.front #main {
+  background-color: #D3D3D3;
+  height: 100%;
+}
+html.no-js body.front #main #center,
+html.classic-nav body.front #main #center {
+  height: 100%;
+}
+html.no-js body.front #main #center .page-title,
+html.classic-nav body.front #main #center .page-title {
+  margin-left: 2.5em;
+}
+html.no-js body.front #main #center #content,
+html.classic-nav body.front #main #center #content {
+  padding: 2%;
+  display: block;
+}
+html.no-js body.front #main #center #content a,
+html.classic-nav body.front #main #center #content a,
+html.no-js body.front #main #center #content a:visited,
+html.classic-nav body.front #main #center #content a:visited {
+  font-size: 12px;
+  font-weight: 500;
+  text-decoration: none;
+}
+html.no-js body.front #main #center #content a:hover,
+html.classic-nav body.front #main #center #content a:hover {
+  font-size: 12px;
+  font-weight: 700;
+  text-decoration: none;
+}
+html.no-js body.front .item-list .pager li,
+html.classic-nav body.front .item-list .pager li {
+  background-color: transparent;
+  color: #000;
+  border-left: 1px solid #000;
+}
+html.no-js body.front .item-list .pager li a,
+html.classic-nav body.front .item-list .pager li a,
+html.no-js body.front .item-list .pager li a:visited,
+html.classic-nav body.front .item-list .pager li a:visited {
+  color: #000;
+}
+html.no-js body.front .item-list li,
+html.classic-nav body.front .item-list li,
+html.no-js body.front .item-list ul li,
+html.classic-nav body.front .item-list ul li {
+  color: #A5A5A5;
+  background-color: #fff;
+  display: inline-block;
+  vertical-align: top;
+  line-height: 0.1em;
+  margin-bottom: 1em;
+  padding-right: 1em;
+  padding-left: 0.5em;
+  border-left: 3px solid #A5A5A5;
+}
+html.no-js body.front .item-list li a,
+html.classic-nav body.front .item-list li a,
+html.no-js body.front .item-list ul li a,
+html.classic-nav body.front .item-list ul li a,
+html.no-js body.front .item-list li a:visited,
+html.classic-nav body.front .item-list li a:visited,
+html.no-js body.front .item-list ul li a:visited,
+html.classic-nav body.front .item-list ul li a:visited {
+  color: #A5A5A5;
+}
+html.no-js body.node-type-performance #main,
+html.classic-nav body.node-type-performance #main {
+  background-color: #D3D3D3;
+  height: 100%;
+}
+html.no-js body.node-type-performance #main #center,
+html.classic-nav body.node-type-performance #main #center {
+  height: 100%;
+}
+html.no-js body.node-type-performance #main #center .page-title,
+html.classic-nav body.node-type-performance #main #center .page-title {
+  margin-left: 2.5em;
+}
+html.no-js body.node-type-performance #main #center #content,
+html.classic-nav body.node-type-performance #main #center #content {
+  padding: 2%;
+  display: block;
+}
+html.no-js body.node-type-performance #main #center #content a,
+html.classic-nav body.node-type-performance #main #center #content a,
+html.no-js body.node-type-performance #main #center #content a:visited,
+html.classic-nav body.node-type-performance #main #center #content a:visited {
+  font-size: 12px;
+  font-weight: 500;
+  text-decoration: none;
+}
+html.no-js body.node-type-performance #main #center #content a:hover,
+html.classic-nav body.node-type-performance #main #center #content a:hover {
+  font-size: 12px;
+  font-weight: 700;
+  text-decoration: none;
+}
+html.no-js body.node-type-performance #main,
+html.classic-nav body.node-type-performance #main {
+  background-color: #F2F2F2;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content h1.node-title,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content h1.node-title {
+  margin: 0;
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 900;
+  font-size: 24px;
+  width: 300px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-label,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-label {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 900;
+  font-size: 10px;
+  text-transform: uppercase;
+  color: #A5A5A5;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-personne,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-personne {
+  width: 200px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 12px;
+  text-transform: uppercase;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-type-textauthor,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-type-textauthor,
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-type-text-long,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-type-text-long {
+  width: 400px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-type-textauthor .field-item,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-type-textauthor .field-item,
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-type-text-long .field-item,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-type-text-long .field-item {
+  max-height: 300px;
+  overflow: auto;
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 12px;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-type-textauthor address,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-type-textauthor address,
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-type-text-long address,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-type-text-long address {
+  font-weight: 700;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-serie,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-serie {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 16px;
+  width: 300px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-images .field-item,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-images .field-item {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+  /*	margin-right:-.25em;*/
+  margin: 0 1em 1em 0;
+}
+.ie7 html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-images .field-item,
+.ie7 html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-images .field-item,
+.ie8 html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-images .field-item,
+.ie8 html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-images .field-item {
+  display: inline;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-type-de-performance,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-type-de-performance {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 16px;
+  width: 300px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-tags-libre,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-tags-libre {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 12px;
+  width: 200px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .node-effectuation,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .node-effectuation {
+  width: 200px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .node-effectuation h1,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .node-effectuation h1 {
+  margin: 0;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .node-effectuation .field-item,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .node-effectuation .field-item {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 16px;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .node-document-video,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .node-document-video {
+  width: 400px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 12px;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .node-document,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .node-document {
+  width: 300px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 12px;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .node-objet,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .node-objet {
+  width: 300px;
+  /*    background-color:rgba(255,0,0,0.1);*/
+  padding: 0;
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 12px;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content figure,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content figure {
+  position: relative;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content figure figcaption,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content figure figcaption {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 96%;
+  padding: 2%;
+  background-color: rgba(255, 255, 255, 0.8);
+  -moz-opacity: 0;
+  -khtml-opacity: 0;
+  -webkit-opacity: 0;
+  opacity: 0;
+  -webkit-transition: opacity 0.5s ease-out;
+  -moz-transition: opacity 0.5s ease-out;
+  -o-transition: opacity 0.5s ease-out;
+  transition: opacity 0.5s ease-out;
+  color: #000;
+  font-size: 10px;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content figure .blank,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content figure .blank {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content figure:hover figcaption,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content figure:hover figcaption {
+  -moz-opacity: 1;
+  -khtml-opacity: 1;
+  -webkit-opacity: 1;
+  opacity: 1;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content > .field,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content > .field {
+  display: inline-block;
+  vertical-align: top;
+  padding-left: 0.5em;
+  margin: 0 1em 0 0.5em;
+  border-left: 3px solid #A5A5A5;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-effectuations,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-effectuations,
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-documents-sonor,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-documents-sonor,
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-documents,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-documents {
+  display: block;
+  border: none;
+  border-top: 2px solid #e4e4e4;
+  margin-top: 1em;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-effectuations .field-item .field,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-effectuations .field-item .field,
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-documents-sonor .field-item .field,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-documents-sonor .field-item .field,
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-documents .field-item .field,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-documents .field-item .field {
+  display: inline-block;
+  vertical-align: top;
+  padding-left: 0.5em;
+  margin: 0 1em 0 0.5em;
+  border-left: 3px solid #A5A5A5;
+}
+html.no-js body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-effectuations,
+html.classic-nav body.node-type-performance #main #center #content .node.type-performance > .content .field-name-field-effectuations {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-weight: 500;
+  font-size: 12px;
+}
+body.node-type-document #main,
+.node-type-document-sonor #main,
+.node-type-object #main,
+.page-taxonomy-term #main {
+  background-color: #D3D3D3;
+  height: 100%;
+}
+body.node-type-document #main #center,
+.node-type-document-sonor #main #center,
+.node-type-object #main #center,
+.page-taxonomy-term #main #center {
+  height: 100%;
+}
+body.node-type-document #main #center .page-title,
+.node-type-document-sonor #main #center .page-title,
+.node-type-object #main #center .page-title,
+.page-taxonomy-term #main #center .page-title {
+  margin-left: 2.5em;
+}
+body.node-type-document #main #center #content,
+.node-type-document-sonor #main #center #content,
+.node-type-object #main #center #content,
+.page-taxonomy-term #main #center #content {
+  padding: 2%;
+  display: block;
+}
+body.node-type-document #main #center #content a,
+.node-type-document-sonor #main #center #content a,
+.node-type-object #main #center #content a,
+.page-taxonomy-term #main #center #content a,
+body.node-type-document #main #center #content a:visited,
+.node-type-document-sonor #main #center #content a:visited,
+.node-type-object #main #center #content a:visited,
+.page-taxonomy-term #main #center #content a:visited {
+  font-size: 12px;
+  font-weight: 500;
+  text-decoration: none;
+}
+body.node-type-document #main #center #content a:hover,
+.node-type-document-sonor #main #center #content a:hover,
+.node-type-object #main #center #content a:hover,
+.page-taxonomy-term #main #center #content a:hover {
+  font-size: 12px;
+  font-weight: 700;
+  text-decoration: none;
+}
+body.node-type-document #center #content,
+.node-type-document-sonor #center #content,
+.node-type-object #center #content,
+.page-taxonomy-term #center #content {
+  width: 720px;
+  font-size: 12px;
+}
+body.node-type-document #center #content img,
+.node-type-document-sonor #center #content img,
+.node-type-object #center #content img,
+.page-taxonomy-term #center #content img {
+  margin: 1em 0 1em 0;
+}
+body.node-type-document #center #content figure,
+.node-type-document-sonor #center #content figure,
+.node-type-object #center #content figure,
+.page-taxonomy-term #center #content figure {
+  position: relative;
+}
+body.node-type-document #center #content img.blank,
+.node-type-document-sonor #center #content img.blank,
+.node-type-object #center #content img.blank,
+.page-taxonomy-term #center #content img.blank {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+body.node-type-document #center #content figcaption,
+.node-type-document-sonor #center #content figcaption,
+.node-type-object #center #content figcaption,
+.page-taxonomy-term #center #content figcaption {
+  font-weight: 300;
+  font-size: 11px;
+  width: 250px;
+  margin-bottom: 1em;
+}

sites/all/themes/gui/perfarttimeline/css/timeline.css

@@ -1,32 +1,51 @@
 /** COMMONS */
-/** COMMONS */
 /** colors */
 /** jscrollpane */
 .jspScrollable .jspContainer .jspVerticalBar {
-  width: 10px;
-  background-color: #f2f2f2;
-  background-color: #f2f2f2;
-  background-color: #f2f2f2;
+  width: 4px;
+  background-color: #F2F2F2;
 }
-.jspScrollable .jspContainer .jspVerticalBar .jspTrack {
-  background-color: transparent;
-  background-color: transparent;
+.jspScrollable .jspContainer .jspHorizontalBar {
+  height: 4px;
+  background-color: #F2F2F2;
+}
+.jspScrollable .jspContainer .jspTrack {
   background-color: transparent;
 }
-.jspScrollable .jspContainer .jspVerticalBar .jspTrack .jspDrag {
-  background-color: #77787b;
-  background-color: #77787b;
-  background-color: #77787b;
+.jspScrollable .jspContainer .jspTrack .jspDrag {
+  background-color: #77787B;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  -moz-opacity: 0.6;
+  -khtml-opacity: 0.6;
+  -webkit-opacity: 0.6;
+  opacity: 0.6;
+  -webkit-transition: opacity 0.2s ease-out;
+  -moz-transition: opacity 0.2s ease-out;
+  -o-transition: opacity 0.2s ease-out;
+  transition: opacity 0.2s ease-out;
+}
+.jspScrollable .jspContainer .jspTrack:hover .jspDrag {
+  -moz-opacity: 1;
+  -khtml-opacity: 1;
+  -webkit-opacity: 1;
+  opacity: 1;
 }
-/** COMMONS */
 .Museo {
   font-family: "Museo", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
 }
 .MuseoSans {
   font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
 }
 .MuseoSlab {
   font-family: "MuseoSlab", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
 }
 a,
 a:visited {
@@ -35,6 +54,7 @@ a:visited {
 /*a.active, li a.active{color:@main-blue;}*/
 body {
   font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
   font-size: 16px;
 }
 .8 {
@@ -101,20 +121,15 @@ body {
 #timeline-loader {
   max-width: 700px;
   margin: 0 auto;
-  margin: 0 auto;
-  margin: 0 auto;
   font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
   font-size: 12px;
   font-weight: 700;
-  border-bottom: 1px solid #000000;
-  border-bottom: 1px solid #000000;
-  border-bottom: 1px solid #000000;
 }
 #timeline-loader .progress {
-  border-top: 3px solid #999;
+  border-top: 4px solid #999;
   width: 0;
   /*    .transition(width 4s linear);*/
-
   transition: width 3s linear;
   -moz-transition: width 3s linear;
   -o-transition: width 3s linear;
@@ -122,27 +137,24 @@ body {
 }
 #timeline-loader .progress.complete {
   /*      .transition(width 0.1s linear);*/
-
   transition: width 0.1s linear;
   -moz-transition: width 0.1s linear;
   -o-transition: width 0.1s linear;
   -webkit-transition: width 0.1s linear;
 }
 #timeline {
-  margin-top: 25px;
-  margin-top: 25px;
+  height: 65%;
   margin-top: 25px;
 }
 #timeline h3.title {
   cursor: pointer;
   font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
   font-size: 10px;
   font-weight: 900;
   text-transform: uppercase;
   margin: 0;
-  margin: 0;
-  margin: 0;
-  color: #a5a5a5;
+  color: #A5A5A5;
 }
 @media screen and (min-width: 1201px) {
   #timeline h3.title {
@@ -152,13 +164,9 @@ body {
 #timeline-container {
   width: 100%;
   height: 98%;
-  border-top: 2px solid #a5a5a5;
-  border-top: 2px solid #a5a5a5;
-  border-top: 2px solid #a5a5a5;
+  border-top: 2px solid #A5A5A5;
   overflow: hidden;
-  background-color: #f2f2f2;
-  background-color: #f2f2f2;
-  background-color: #f2f2f2;
+  background-color: #F2F2F2;
 }
 #timeline-container .timeline-frame {
   border: 0 solid #999;
@@ -172,8 +180,6 @@ body {
 }
 #timeline-container .timeline-navigation div {
   padding: 2px 0 0 10px;
-  padding: 2px 0 0 10px;
-  padding: 2px 0 0 10px;
 }
 #timeline-container .timeline-navigation div.timeline-navigation-zoom-in {
   background-image: url('../images/btns_zoomin.png');
@@ -189,13 +195,12 @@ body {
 }
 #timeline-container .timeline-axis-text {
   font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
   font-size: 10px;
   font-weight: 900;
   text-transform: uppercase;
   margin: 0;
-  margin: 0;
-  margin: 0;
-  color: #a5a5a5;
+  color: #A5A5A5;
 }
 @media screen and (min-width: 1201px) {
   #timeline-container .timeline-axis-text {
@@ -203,18 +208,6 @@ body {
   }
 }
 #timeline-container .timeline-event {
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
-  border-radius: 0;
-  -moz-background-clip: padding;
-  -webkit-background-clip: padding-box;
-  background-clip: padding-box;
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
-  border-radius: 0;
-  -moz-background-clip: padding;
-  -webkit-background-clip: padding-box;
-  background-clip: padding-box;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
@@ -225,15 +218,12 @@ body {
   /*
       TODO move events with css3
     */
-
 }
 #timeline-container .timeline-event.timeline-event-range {
   background-color: #fff;
 }
 #timeline-container .timeline-event-content {
   margin: 0;
-  margin: 0;
-  margin: 0;
 }
 #timeline-container .timeline-event-content div.date {
   display: block;
@@ -241,47 +231,35 @@ body {
   text-align: left;
   cursor: pointer;
   padding: 4px 0;
-  padding: 4px 0;
-  padding: 4px 0;
 }
 #timeline-container .timeline-event-content div.date .text-content {
   padding: 0 5px;
-  padding: 0 5px;
-  padding: 0 5px;
-  margin-bottom: 4px;
-  margin-bottom: 4px;
   margin-bottom: 4px;
-  border-left: 3px solid #a5a5a5;
-  border-left: 3px solid #a5a5a5;
-  border-left: 3px solid #a5a5a5;
+  border-left: 3px solid #A5A5A5;
 }
 #timeline-container .timeline-event-content div.date:hover .text-content {
-  border-left: 3px solid #77787b;
-  border-left: 3px solid #77787b;
-  border-left: 3px solid #77787b;
+  border-left: 3px solid #77787B;
 }
 #timeline-container .timeline-event-content div.date h4,
 #timeline-container .timeline-event-content div.date h5 {
   margin: 0;
-  margin: 0;
-  margin: 0;
-  color: #a5a5a5;
+  color: #A5A5A5;
 }
 #timeline-container .timeline-event-content div.date h4 {
   font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
   font-size: 12px;
   font-weight: 500;
   font-style: italic;
 }
 #timeline-container .timeline-event-content div.date h5 {
   font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
   font-size: 12px;
   font-weight: 700;
 }
 body.view-mode-dot #timeline-container .timeline-event-content div.date {
   padding: 0;
-  padding: 0;
-  padding: 0;
 }
 body.view-mode-dot #timeline-container .timeline-event-content div.date .text-content {
   min-height: 15px;
@@ -315,3 +293,40 @@ body.view-mode-images #timeline-container .timeline-event-content div.date h5,
 body.view-mode-images #timeline-container .timeline-event-content div.date img {
   display: block;
 }
+#timeline-container .timeline-event-selected {
+  background-color: transparent;
+}
+#timeline-container .timeline-event-selected .timeline-event-content div.date .text-content {
+  border-left: 3px solid #77787B;
+}
+#timeline-container .timeline-event-selected .timeline-event-content div.date h4,
+#timeline-container .timeline-event-selected .timeline-event-content div.date h5 {
+  color: #77787B;
+}
+.timeline-modal {
+  width: 150px;
+  min-height: 30px;
+  padding: 5px;
+  background-color: #fff;
+  position: absolute;
+  z-index: 99999;
+  display: none;
+}
+.timeline-modal h4,
+.timeline-modal h5 {
+  margin: 0;
+  color: #77787B;
+}
+.timeline-modal h4 {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-size: 12px;
+  font-weight: 500;
+  font-style: italic;
+}
+.timeline-modal h5 {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-size: 12px;
+  font-weight: 700;
+}

sites/all/themes/gui/perfarttimeline/css/wysiwyg.css

@@ -1,39 +1,155 @@
-.Museo{font-family:"Museo",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";}
-.MuseoSans{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";}
-.MuseoSlab{font-family:"MuseoSlab",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";}
-a,a:visited{color:#000;}
-body{font-family:"MuseoSans",Arial,sans-serif;-moz-font-feature-settings:"calt=0,liga=0";font-size:16px;}
-.8{font-size:8px;}
-.9{font-size:9px;}
-.10{font-size:10px;}
-.11{font-size:10px;}
-.12{font-size:12px;}
-.14{font-size:14px;}
-.16{font-size:16px;}
-.18{font-size:18px;}
-.24{font-size:24px;}
-.regular{font-weight:normal;}
-.bold{font-weight:bold;}
-.100{font-weight:100;}
-.300{font-weight:300;}
-.500{font-weight:500;}
-.700{font-weight:700;}
-.900{font-weight:900;}
-.upper{text-transform:uppercase;}
-.italic{font-style:italic;}
-.normal{font-style:normal;}
-*{font-size:14px;}
-div{border:1px dashed #D4D4D4;}
-p:after,ul:after{content:"¬";color:red;}
-h1:before,h2:before,h3:before,h4:before,h5:before,h6:before{color:blue;font-weight:normal;font-size:10px;vertical-align:super;}
-h1:before{content:"h1 ";}
-h2:before{content:"h2 ";}
-h3:before{content:"h3 ";}
-h4:before{content:"h4 ";}
-h5:before{content:"h5 ";}
-h6:before{content:"h6 ";}
-br:after{content:"·";color:red;border:1px solid #999;}
-img{height:auto;margin:0.5em 0;}
-p{border:1px dashed #848484;}
-div{border:1px solid #1A1A1A;}
-img,p,div{position:relative;}img:before,p:before,div:before{font-size:10px;color:red;background-color:#1A1A1A;position:absolute;top:0;z-index:3000;}
+/* LISIBILITY */
+/** COMMONS */
+.Museo {
+  font-family: "Museo", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+}
+.MuseoSans {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+}
+.MuseoSlab {
+  font-family: "MuseoSlab", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+}
+a,
+a:visited {
+  color: #000;
+}
+/*a.active, li a.active{color:@main-blue;}*/
+body {
+  font-family: "MuseoSans", Arial, sans-serif;
+  -moz-font-feature-settings: "calt=0,liga=0";
+  font-size: 16px;
+}
+.8 {
+  font-size: 8px;
+}
+.9 {
+  font-size: 9px;
+}
+.10 {
+  font-size: 10px;
+}
+.11 {
+  font-size: 10px;
+}
+.12 {
+  font-size: 12px;
+}
+.14 {
+  font-size: 14px;
+}
+.16 {
+  font-size: 16px;
+}
+.18 {
+  font-size: 18px;
+}
+.24 {
+  font-size: 24px;
+}
+.regular {
+  font-weight: normal;
+}
+.bold {
+  font-weight: bold;
+}
+.100 {
+  font-weight: 100;
+}
+.300 {
+  font-weight: 300;
+}
+.500 {
+  font-weight: 500;
+}
+.700 {
+  font-weight: 700;
+}
+.900 {
+  font-weight: 900;
+}
+.upper {
+  text-transform: uppercase;
+}
+.italic {
+  font-style: italic;
+}
+.normal {
+  font-style: normal;
+}
+/** FEUILLES DE STYLES */
+/** timeline */
+/** filters */
+* {
+  font-size: 14px;
+}
+div {
+  border: 1px dashed #D4D4D4;
+}
+p:after,
+ul:after {
+  content: "¬";
+  color: red;
+}
+h1:before,
+h2:before,
+h3:before,
+h4:before,
+h5:before,
+h6:before {
+  color: blue;
+  font-weight: normal;
+  font-size: 10px;
+  vertical-align: super;
+}
+h1:before {
+  content: "h1 ";
+}
+h2:before {
+  content: "h2 ";
+}
+h3:before {
+  content: "h3 ";
+}
+h4:before {
+  content: "h4 ";
+}
+h5:before {
+  content: "h5 ";
+}
+h6:before {
+  content: "h6 ";
+}
+br:after {
+  content: "·";
+  color: red;
+  border: 1px solid #999;
+}
+/* LAYOUT AND GRAPHICS */
+img {
+  height: auto;
+  margin: 0.5em 0;
+}
+p {
+  border: 1px dashed #848484;
+}
+div {
+  border: 1px solid #1A1A1A;
+}
+img,
+p,
+div {
+  position: relative;
+}
+img:before,
+p:before,
+div:before {
+  font-size: 10px;
+  color: red;
+  background-color: #1A1A1A;
+  position: absolute;
+  top: 0;
+  z-index: 3000;
+}

sites/all/themes/gui/perfarttimeline/inc/template.custom-functions.inc

@@ -15,4 +15,20 @@ function perfarttimeline_form_alter(&$form, &$form_state, $form_id) {
 	    '#value' => t('Search'),
 	  );
   }
+}
+
+
+function perfarttimeline_html_head_alter(&$head_elements) {
+	unset($head_elements['system_meta_generator']);
+	foreach ($head_elements as $key => $element) {
+		if (isset($element['#attributes']['rel']) && $element['#attributes']['rel'] == 'canonical') {
+		  unset($head_elements[$key]);
+		}
+		if (isset($element['#attributes']['rel']) && $element['#attributes']['rel'] == 'shortlink') {
+			unset($head_elements[$key]);
+		}
+		if (isset($element['#attributes']['rel']) && $element['#attributes']['rel'] == 'alternate') {
+			unset($head_elements[$key]);
+		}
+	}
 }

sites/all/themes/gui/perfarttimeline/inc/template.theme-overrides.inc

@@ -34,9 +34,9 @@ function perfarttimeline_links__locale_block(&$vars) {
  * @ingroup themeable
  */
 function perfarttimeline_image_style($vars) {
-  // dsm($vars);
+  // dpm($vars);
   
-  $real_path = $vars['path'];
+  $original_path = $vars['path'];
 
   _perfarttimeline_getImageStyleDimensions($vars);
   $figure = '<figure style="width:'.$vars['width'].'px;height:'.$vars['height'].'px;">';
@@ -46,20 +46,33 @@ function perfarttimeline_image_style($vars) {
     foreach ($styles as $style) {
       $vars['attributes']['class'] = 'image '.$style;
       if($style == $vars['style_name']){
-        $vars['path'] = image_style_url($vars['style_name'], $real_path);
+        // $vars['path'] = image_style_url($vars['style_name'], $original_path);
+        // $vars['path'] = image_style_path($vars['style_name'], $original_path);
+        $url = image_style_url($style, $original_path);
+        $url = parse_url($url);
+        $vars['path'] = $url['path'];
         $figure .= theme('image', $vars);
       }else{
         $hidden_vars = array_merge(array(), $vars);
         $hidden_vars['style_name'] = $style;
         _perfarttimeline_getImageStyleDimensions($hidden_vars);
-        $hidden_vars['attributes']['path'] = image_style_url($style, $real_path);
+        // $hidden_vars['attributes']['path'] = image_style_url($style, $original_path);
+        // $hidden_vars['attributes']['path'] = image_style_path($style, $original_path);
+        $url = image_style_url($style, $original_path);
+        $url = parse_url($url);
+        $hidden_vars['attributes']['path'] = $url['path'];
         $hidden_vars['path'] = "";
         $figure .= theme('image', $hidden_vars);
       }
     }
   }else{
     $vars['attributes']['class'] = 'image '.$vars['style_name'];
-    $vars['path'] = image_style_url($vars['style_name'], $real_path);
+    // $vars['path'] = image_style_url($vars['style_name'], $original_path);
+    // $style_path = image_style_path($vars['style_name'], $original_path);
+    // $url = file_create_url($style_path);
+    $url = image_style_url($vars['style_name'], $original_path);
+    $url = parse_url($url);
+    $vars['path'] = $url['path'];
     $figure .= theme('image', $vars);
   }
   

sites/all/themes/gui/perfarttimeline/js/script.js

@@ -29,6 +29,10 @@ Drupal.behaviors.init_theme.attach = function (context) {
   }
   
   $('#block-menu-block-2 ul.menu').listnav({cookieName:'test', attribute:'nom'});
+
+  $('.burger-icon').click(function(){
+    $('body').toggleClass('burger-shown');
+  });
 };
 
 Drupal.behaviors.init_timeline = {};

sites/all/themes/gui/perfarttimeline/less/fonts.less

@@ -82,7 +82,7 @@ body{
   .MuseoSans; .900; .11; .upper;
 }
 .fs-perfnode-personne(){
-  .MuseoSans; .500; .16; .upper;
+  .MuseoSans; .500; .12; .upper;
 }
 .fs-personne-texte(){
   .MuseoSans; .500; .12;

sites/all/themes/gui/perfarttimeline/less/layout.less

@@ -14,8 +14,10 @@ transition: height, 5s, ease-out;
 */
 }
 
+#main{ height:97%; }
+
 body.layout-intro{
-  #main{ height:97%; }
+  // #main{ height:97%; }
   
   #perfnode{ height:0%!important; }
   
@@ -31,7 +33,7 @@ body.layout-intro{
 
 body.layout-timeline{
   #main{ 
-    height:97%; 
+    // height:97%; 
     #content, #center .page-title{height:0%;}
   }
   
@@ -50,7 +52,7 @@ body.layout-timeline{
 
 body.layout-perfnode{
   #main{ 
-    height:97%; 
+    // height:97%; 
     #content, #center .page-title{height:0%;}
   }
   
@@ -65,3 +67,42 @@ body.layout-perfnode{
   #timeline-loader{ display:none; }
 }
 
+body>img{display: none;}
+
+@media (max-width:799px) {
+  body{
+    overflow: hidden!important;
+  }
+  #container{
+    margin: 0!important;
+    width: 100vw!important;
+    height: 100vh!important;
+    overflow: hidden;
+    &>.inner{
+      padding:0!important;
+      width:100%!important;
+      height: 100vh!important;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      #header{
+        height: 3vh;
+        flex: 0 0 auto;
+        height: auto;
+        padding:0.5em;
+        box-sizing: border-box;
+      }
+      #main{
+        flex: 0 0 auto;
+        overflow-x: hidden;
+        overflow-y: auto;
+        height: 96vh;
+        box-sizing: border-box;
+        #center{
+          display: block;
+          height: auto;
+        }
+      }
+    }
+  }
+}

sites/all/themes/gui/perfarttimeline/less/styles.less

@@ -21,7 +21,11 @@ html, body{
 #container{
   width:100%; height:100%;
   //width:1000px; height:700px;
-  min-width:1020px; min-height:700px;
+  // todo media query for mobile phone
+
+  // min-width:1020px;
+  min-width: none;
+  min-height:700px;
   .m(0 auto); background-color: #FFF;
   &>.inner{width:96%; height:94%; .p(1.5%);}
 }
@@ -32,7 +36,8 @@ html, body{
   border-bottom:2px solid #000; //.pb(5px); 
   
   .logo{ 
-    width:35%; height:27px; position:relative; bottom:0; left:0;
+    // width:35%; 
+    height:27px; position:relative; bottom:0; left:0;
     html.oldie &{width:49%;}
     h1{
       .fs-header;
@@ -41,25 +46,7 @@ html, body{
   }
   
   #header-blocks{
-    width:63%; position:absolute; bottom:0; right:0; text-align: right; height:27px;
     html.oldie &{width:62%;}
-    // >.wrapper{position:relative; width:100%; height:100%;}
-    .region{
-      .inlineblock;
-      &:not(:first-child){ margin-left:1.1em; }
-      // don't know why but here display:inline; deosn't work on ie8 …
-      html.oldie &{float:left; margin-left:10px;}
-    }
-  }
-
-  ul.menu{
-    padding:0; margin:0;
-    li{
-      .inlineblock; margin:0;
-      &:not(.last){.p(0 6px 0 0);}
-      &.last{.p(0);}
-      a{.fs-header;}
-    }
   } 
   
   ul.language-switcher-locale-url{
@@ -92,6 +79,135 @@ html, body{
   }
   
 }
+/** RESPONSIVE */
+@media (min-width:799px) {
+  #header .logo {
+    width:35%;
+  }
+  #header-blocks{
+    // background-color: blue;
+    width:63%; position:absolute; bottom:0; right:0; text-align: right; height:27px;
+    .region{
+      .inlineblock;
+      &:not(:first-child){ margin-left:1.1em; }
+      // don't know why but here display:inline; deosn't work on ie8 …
+      html.oldie &{float:left; margin-left:10px;}
+    }
+    ul.menu{
+      padding:0; margin:0;
+      li{
+        .inlineblock; margin:0;
+        &:not(.last){.p(0 6px 0 0);}
+        &.last{.p(0);}
+        a{.fs-header;}
+      }
+    }
+  }
+}
+@media (max-width:799px) {
+  #header .logo {
+    width:auto;
+    z-index: 11;
+  }
+  #header-blocks{
+    background-color:white;
+    position:absolute;
+    z-index: 10;
+    bottom:0;
+    right:0;
+    // width:63%;
+    height:27px;
+    text-align: right;
+    .region{
+      background-color: white;
+      padding:0 1em 0 1em;
+      &:first-child{padding-top:2em;}
+      &:last-child{padding-bottom:1em;}
+    }
+    ul{
+      padding:0; margin:0;
+      text-align: right;
+      li{
+        list-style: none;
+        margin:0;
+        padding: 0!important;
+        // &:not(.last){.p(0 6px 0 0);}
+        // &.last{.p(0);}
+        a{.fs-header;}
+      }
+    }
+
+    transition: transform 0.5s ease-in-out;
+    transform: translateX(150%);
+    body.burger-shown &{
+      transform: translateX(0);
+    }
+  }
+  
+  .burger-icon {
+    height: 15px;
+    width: 20px;
+    // margin: 3%;
+    position: absolute;
+    top: 0.5em;
+    right: 0.5em;
+    display: inline-block;
+    vertical-align: middle;
+    z-index: 20;
+    cursor: pointer;
+    span {
+      display: block;
+      background: #000;
+      width: 100%;
+      height: 2px;
+      margin-top: -2px;
+      position: absolute;
+      left: 0;
+      top: 50%;
+    }
+
+    &:before,
+    &:after {
+      content: "";
+      display: block;
+      background: #000;
+      width: 100%;
+      height: 2px;
+      position: absolute;
+      left: 0;
+      transform-origin: center center;
+      transform: rotate(0deg);
+      transition: all 0.3s ease;
+    }
+    &:before {
+      top: 2px;
+      margin-top: -2px;
+    }
+    
+    &:after {
+      bottom: 2px;
+      margin-bottom: -2px;
+    }
+
+    body.burger-shown & {
+      span {
+        background: transparent;
+      }
+      
+      &:before {
+        top: 55%;
+        transform: rotate(45deg);
+      }
+      
+      &:after {
+        bottom: 55%;
+        transform: rotate(-45deg);
+      }
+      
+    }
+  }
+}
+
 
 /** INTRO-MODAL */
 #intro-wrapper{

sites/all/themes/gui/perfarttimeline/preprocess/field.pre.php

@@ -20,6 +20,8 @@ if(in_array($vars['element']['#field_name'], $personnes_fields)){
   // dsm($vars, 'vars');
   foreach ($vars['element']['#items'] as $index => $item) {
     $term = $item['taxonomy_term'];
+    // remove links of title
+    $vars['items'][$index] = array("#markup" => $term->name);
     // dsm($term, 'term');
     $children = array();
     foreach(taxonomy_get_children($term->tid, $term->vid) as $child){

sites/all/themes/gui/perfarttimeline/templates/html.tpl.php

@@ -86,9 +86,11 @@
     </div> 
     <!-- /container -->
 
-		<!-- Javascript at the bottom for fast page loading -->
-		<?php print $scripts; ?>
-		
+	<img src="<?php print $theme_path ?>/images/blank.gif" alt="">
+    
+	<!-- Javascript at the bottom for fast page loading -->
+	<?php print $scripts; ?>
+	
 
 	  <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
 	       chromium.org/developers/how-tos/chrome-frame-getting-started -->

sites/all/themes/gui/perfarttimeline/templates/node.tpl.php

@@ -2,7 +2,14 @@
   <article id="node-<?php print $node->nid; ?>" class="node type-<?php print $node->type; ?><?php if ($sticky) { print " sticky"; } ?><?php if (!$status) { print " unpublished"; } ?>">
 
     <?php if ($page == 0 && isset($title)): ?>
-    <h1 class="nodetitle"><a href="<?php print $node_url?>"><?php print $title?></a></h1>
+    <h1 class="nodetitle">
+      <?php $types = ['document', 'document_video', 'document_sonor', 'object']; // , 'effectuation' ?>
+      <?php if (!in_array($node->type, $types)) : ?>
+        <a href="<?php print $node_url?>"><?php print $title?></a>
+      <?php else: ?>
+        <?php print $title?>
+      <?php endif; ?>
+    </h1>
     <?php endif; ?>
     
     <section class="content">

sites/all/themes/gui/perfarttimeline/templates/page.tpl.php

@@ -76,6 +76,7 @@
   </hgroup>		
 
 	<?php if ($page['headerblock_left'] || $page['headerblock_middle'] || $page['headerblock_right']): ?>
+		<div class="burger-icon"><span/></div>
 		<div id="header-blocks">
 			<?php print render($page['headerblock_left']); ?>
 			<?php print render($page['headerblock_middle']); ?>