diff --git a/.directory b/.directory
new file mode 100644
index 00000000..f872e7a4
--- /dev/null
+++ b/.directory
@@ -0,0 +1,4 @@
+[Dolphin]
+Timestamp=2015,4,27,11,15,6
+Version=3
+ViewMode=2
diff --git a/materio_base_d7-updated.sql b/materio_base_d7-updated.sql
new file mode 100644
index 00000000..9eb7e04f
Binary files /dev/null and b/materio_base_d7-updated.sql differ
diff --git a/sites/all/.directory b/sites/all/.directory
new file mode 100644
index 00000000..46462e04
--- /dev/null
+++ b/sites/all/.directory
@@ -0,0 +1,4 @@
+[Dolphin]
+Timestamp=2015,4,27,12,4,40
+Version=3
+ViewMode=2
diff --git a/sites/all/themes/gui/materiobasetheme/.directory b/sites/all/themes/gui/materiobasetheme/.directory
new file mode 100644
index 00000000..ae594b9f
--- /dev/null
+++ b/sites/all/themes/gui/materiobasetheme/.directory
@@ -0,0 +1,4 @@
+[Dolphin]
+Timestamp=2015,4,27,12,4,51
+Version=3
+ViewMode=1
diff --git a/sites/all/themes/gui/materiobasetheme/components/bootstrap/css/bootstrap.css b/sites/all/themes/gui/materiobasetheme/components/bootstrap/css/bootstrap.css
new file mode 100644
index 00000000..d7e6d838
--- /dev/null
+++ b/sites/all/themes/gui/materiobasetheme/components/bootstrap/css/bootstrap.css
@@ -0,0 +1,4183 @@
+/*!
+ * Bootstrap v2.3.2
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ */
+.clearfix {
+  *zoom: 1;
+}
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.clearfix:after {
+  clear: both;
+}
+.hide-text {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+.input-block-level {
+  display: block;
+  width: 100%;
+  min-height: 30px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section {
+  display: block;
+}
+audio,
+canvas,
+video {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+}
+audio:not([controls]) {
+  display: none;
+}
+html {
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+a:focus {
+  outline: thin dotted #333;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+a:hover,
+a:active {
+  outline: 0;
+}
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+sup {
+  top: -0.5em;
+}
+sub {
+  bottom: -0.25em;
+}
+img {
+  /* Responsive images (ensure images don't scale beyond their parents) */
+  max-width: 100%;
+  /* Part 1: Set a maxium relative to the parent */
+  width: auto\9;
+  /* IE7-8 need help adjusting responsive images */
+  height: auto;
+  /* Part 2: Scale the height according to the width, otherwise you get stretching */
+  vertical-align: middle;
+  border: 0;
+  -ms-interpolation-mode: bicubic;
+}
+#map_canvas img,
+.google-maps img {
+  max-width: none;
+}
+button,
+input,
+select,
+textarea {
+  margin: 0;
+  font-size: 100%;
+  vertical-align: middle;
+}
+button,
+input {
+  *overflow: visible;
+  line-height: normal;
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  cursor: pointer;
+}
+label,
+select,
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"],
+input[type="radio"],
+input[type="checkbox"] {
+  cursor: pointer;
+}
+input[type="search"] {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  -webkit-appearance: textfield;
+}
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+}
+textarea {
+  overflow: auto;
+  vertical-align: top;
+}
+@media print {
+  * {
+    text-shadow: none !important;
+    color: #000 !important;
+    background: transparent !important;
+    box-shadow: none !important;
+  }
+  a,
+  a:visited {
+    text-decoration: underline;
+  }
+  a[href]:after {
+    content: " (" attr(href) ")";
+  }
+  abbr[title]:after {
+    content: " (" attr(title) ")";
+  }
+  .ir a:after,
+  a[href^="javascript:"]:after,
+  a[href^="#"]:after {
+    content: "";
+  }
+  pre,
+  blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid;
+  }
+  thead {
+    display: table-header-group;
+  }
+  tr,
+  img {
+    page-break-inside: avoid;
+  }
+  img {
+    max-width: 100% !important;
+  }
+  @page {
+    margin: 0.5cm;
+  }
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3;
+  }
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }
+}
+body {
+  margin: 0;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  line-height: 20px;
+  color: #333333;
+  background-color: #ffffff;
+}
+a {
+  color: #0088cc;
+  text-decoration: none;
+}
+a:hover,
+a:focus {
+  color: #005580;
+  text-decoration: underline;
+}
+.img-rounded {
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+.img-polaroid {
+  padding: 4px;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+.img-circle {
+  -webkit-border-radius: 500px;
+  -moz-border-radius: 500px;
+  border-radius: 500px;
+}
+.row {
+  margin-left: -20px;
+  *zoom: 1;
+}
+.row:before,
+.row:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.row:after {
+  clear: both;
+}
+[class*="span"] {
+  float: left;
+  min-height: 1px;
+  margin-left: 20px;
+}
+.container,
+.navbar-static-top .container,
+.navbar-fixed-top .container,
+.navbar-fixed-bottom .container {
+  width: 940px;
+}
+.span12 {
+  width: 940px;
+}
+.span11 {
+  width: 860px;
+}
+.span10 {
+  width: 780px;
+}
+.span9 {
+  width: 700px;
+}
+.span8 {
+  width: 620px;
+}
+.span7 {
+  width: 540px;
+}
+.span6 {
+  width: 460px;
+}
+.span5 {
+  width: 380px;
+}
+.span4 {
+  width: 300px;
+}
+.span3 {
+  width: 220px;
+}
+.span2 {
+  width: 140px;
+}
+.span1 {
+  width: 60px;
+}
+.offset12 {
+  margin-left: 980px;
+}
+.offset11 {
+  margin-left: 900px;
+}
+.offset10 {
+  margin-left: 820px;
+}
+.offset9 {
+  margin-left: 740px;
+}
+.offset8 {
+  margin-left: 660px;
+}
+.offset7 {
+  margin-left: 580px;
+}
+.offset6 {
+  margin-left: 500px;
+}
+.offset5 {
+  margin-left: 420px;
+}
+.offset4 {
+  margin-left: 340px;
+}
+.offset3 {
+  margin-left: 260px;
+}
+.offset2 {
+  margin-left: 180px;
+}
+.offset1 {
+  margin-left: 100px;
+}
+.row-fluid {
+  width: 100%;
+  *zoom: 1;
+}
+.row-fluid:before,
+.row-fluid:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.row-fluid:after {
+  clear: both;
+}
+.row-fluid [class*="span"] {
+  display: block;
+  width: 100%;
+  min-height: 30px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  float: left;
+  margin-left: 2.12765957%;
+  *margin-left: 2.07446809%;
+}
+.row-fluid [class*="span"]:first-child {
+  margin-left: 0;
+}
+.row-fluid .controls-row [class*="span"] + [class*="span"] {
+  margin-left: 2.12765957%;
+}
+.row-fluid .span12 {
+  width: 100%;
+  *width: 99.94680851%;
+}
+.row-fluid .span11 {
+  width: 91.4893617%;
+  *width: 91.43617021%;
+}
+.row-fluid .span10 {
+  width: 82.9787234%;
+  *width: 82.92553191%;
+}
+.row-fluid .span9 {
+  width: 74.46808511%;
+  *width: 74.41489362%;
+}
+.row-fluid .span8 {
+  width: 65.95744681%;
+  *width: 65.90425532%;
+}
+.row-fluid .span7 {
+  width: 57.44680851%;
+  *width: 57.39361702%;
+}
+.row-fluid .span6 {
+  width: 48.93617021%;
+  *width: 48.88297872%;
+}
+.row-fluid .span5 {
+  width: 40.42553191%;
+  *width: 40.37234043%;
+}
+.row-fluid .span4 {
+  width: 31.91489362%;
+  *width: 31.86170213%;
+}
+.row-fluid .span3 {
+  width: 23.40425532%;
+  *width: 23.35106383%;
+}
+.row-fluid .span2 {
+  width: 14.89361702%;
+  *width: 14.84042553%;
+}
+.row-fluid .span1 {
+  width: 6.38297872%;
+  *width: 6.32978723%;
+}
+.row-fluid .offset12 {
+  margin-left: 104.25531915%;
+  *margin-left: 104.14893617%;
+}
+.row-fluid .offset12:first-child {
+  margin-left: 102.12765957%;
+  *margin-left: 102.0212766%;
+}
+.row-fluid .offset11 {
+  margin-left: 95.74468085%;
+  *margin-left: 95.63829787%;
+}
+.row-fluid .offset11:first-child {
+  margin-left: 93.61702128%;
+  *margin-left: 93.5106383%;
+}
+.row-fluid .offset10 {
+  margin-left: 87.23404255%;
+  *margin-left: 87.12765957%;
+}
+.row-fluid .offset10:first-child {
+  margin-left: 85.10638298%;
+  *margin-left: 85%;
+}
+.row-fluid .offset9 {
+  margin-left: 78.72340426%;
+  *margin-left: 78.61702128%;
+}
+.row-fluid .offset9:first-child {
+  margin-left: 76.59574468%;
+  *margin-left: 76.4893617%;
+}
+.row-fluid .offset8 {
+  margin-left: 70.21276596%;
+  *margin-left: 70.10638298%;
+}
+.row-fluid .offset8:first-child {
+  margin-left: 68.08510638%;
+  *margin-left: 67.9787234%;
+}
+.row-fluid .offset7 {
+  margin-left: 61.70212766%;
+  *margin-left: 61.59574468%;
+}
+.row-fluid .offset7:first-child {
+  margin-left: 59.57446809%;
+  *margin-left: 59.46808511%;
+}
+.row-fluid .offset6 {
+  margin-left: 53.19148936%;
+  *margin-left: 53.08510638%;
+}
+.row-fluid .offset6:first-child {
+  margin-left: 51.06382979%;
+  *margin-left: 50.95744681%;
+}
+.row-fluid .offset5 {
+  margin-left: 44.68085106%;
+  *margin-left: 44.57446809%;
+}
+.row-fluid .offset5:first-child {
+  margin-left: 42.55319149%;
+  *margin-left: 42.44680851%;
+}
+.row-fluid .offset4 {
+  margin-left: 36.17021277%;
+  *margin-left: 36.06382979%;
+}
+.row-fluid .offset4:first-child {
+  margin-left: 34.04255319%;
+  *margin-left: 33.93617021%;
+}
+.row-fluid .offset3 {
+  margin-left: 27.65957447%;
+  *margin-left: 27.55319149%;
+}
+.row-fluid .offset3:first-child {
+  margin-left: 25.53191489%;
+  *margin-left: 25.42553191%;
+}
+.row-fluid .offset2 {
+  margin-left: 19.14893617%;
+  *margin-left: 19.04255319%;
+}
+.row-fluid .offset2:first-child {
+  margin-left: 17.0212766%;
+  *margin-left: 16.91489362%;
+}
+.row-fluid .offset1 {
+  margin-left: 10.63829787%;
+  *margin-left: 10.53191489%;
+}
+.row-fluid .offset1:first-child {
+  margin-left: 8.5106383%;
+  *margin-left: 8.40425532%;
+}
+[class*="span"].hide,
+.row-fluid [class*="span"].hide {
+  display: none;
+}
+[class*="span"].pull-right,
+.row-fluid [class*="span"].pull-right {
+  float: right;
+}
+.container {
+  margin-right: auto;
+  margin-left: auto;
+  *zoom: 1;
+}
+.container:before,
+.container:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.container:after {
+  clear: both;
+}
+.container-fluid {
+  padding-right: 20px;
+  padding-left: 20px;
+  *zoom: 1;
+}
+.container-fluid:before,
+.container-fluid:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.container-fluid:after {
+  clear: both;
+}
+p {
+  margin: 0 0 10px;
+}
+.lead {
+  margin-bottom: 20px;
+  font-size: 21px;
+  font-weight: 200;
+  line-height: 30px;
+}
+small {
+  font-size: 85%;
+}
+strong {
+  font-weight: bold;
+}
+em {
+  font-style: italic;
+}
+cite {
+  font-style: normal;
+}
+.muted {
+  color: #999999;
+}
+a.muted:hover,
+a.muted:focus {
+  color: #808080;
+}
+.text-warning {
+  color: #c09853;
+}
+a.text-warning:hover,
+a.text-warning:focus {
+  color: #a47e3c;
+}
+.text-error {
+  color: #b94a48;
+}
+a.text-error:hover,
+a.text-error:focus {
+  color: #953b39;
+}
+.text-info {
+  color: #3a87ad;
+}
+a.text-info:hover,
+a.text-info:focus {
+  color: #2d6987;
+}
+.text-success {
+  color: #468847;
+}
+a.text-success:hover,
+a.text-success:focus {
+  color: #356635;
+}
+.text-left {
+  text-align: left;
+}
+.text-right {
+  text-align: right;
+}
+.text-center {
+  text-align: center;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 10px 0;
+  font-family: inherit;
+  font-weight: bold;
+  line-height: 20px;
+  color: inherit;
+  text-rendering: optimizelegibility;
+}
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small {
+  font-weight: normal;
+  line-height: 1;
+  color: #999999;
+}
+h1,
+h2,
+h3 {
+  line-height: 40px;
+}
+h1 {
+  font-size: 38.5px;
+}
+h2 {
+  font-size: 31.5px;
+}
+h3 {
+  font-size: 24.5px;
+}
+h4 {
+  font-size: 17.5px;
+}
+h5 {
+  font-size: 14px;
+}
+h6 {
+  font-size: 11.9px;
+}
+h1 small {
+  font-size: 24.5px;
+}
+h2 small {
+  font-size: 17.5px;
+}
+h3 small {
+  font-size: 14px;
+}
+h4 small {
+  font-size: 14px;
+}
+.page-header {
+  padding-bottom: 9px;
+  margin: 20px 0 30px;
+  border-bottom: 1px solid #eeeeee;
+}
+ul,
+ol {
+  padding: 0;
+  margin: 0 0 10px 25px;
+}
+ul ul,
+ul ol,
+ol ol,
+ol ul {
+  margin-bottom: 0;
+}
+li {
+  line-height: 20px;
+}
+ul.unstyled,
+ol.unstyled {
+  margin-left: 0;
+  list-style: none;
+}
+ul.inline,
+ol.inline {
+  margin-left: 0;
+  list-style: none;
+}
+ul.inline > li,
+ol.inline > li {
+  display: inline-block;
+  *display: inline;
+  /* IE7 inline-block hack */
+  *zoom: 1;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+dl {
+  margin-bottom: 20px;
+}
+dt,
+dd {
+  line-height: 20px;
+}
+dt {
+  font-weight: bold;
+}
+dd {
+  margin-left: 10px;
+}
+.dl-horizontal {
+  *zoom: 1;
+}
+.dl-horizontal:before,
+.dl-horizontal:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.dl-horizontal:after {
+  clear: both;
+}
+.dl-horizontal dt {
+  float: left;
+  width: 160px;
+  clear: left;
+  text-align: right;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.dl-horizontal dd {
+  margin-left: 180px;
+}
+hr {
+  margin: 20px 0;
+  border: 0;
+  border-top: 1px solid #eeeeee;
+  border-bottom: 1px solid #ffffff;
+}
+abbr[title],
+abbr[data-original-title] {
+  cursor: help;
+  border-bottom: 1px dotted #999999;
+}
+abbr.initialism {
+  font-size: 90%;
+  text-transform: uppercase;
+}
+blockquote {
+  padding: 0 0 0 15px;
+  margin: 0 0 20px;
+  border-left: 5px solid #eeeeee;
+}
+blockquote p {
+  margin-bottom: 0;
+  font-size: 17.5px;
+  font-weight: 300;
+  line-height: 1.25;
+}
+blockquote small {
+  display: block;
+  line-height: 20px;
+  color: #999999;
+}
+blockquote small:before {
+  content: '\2014 \00A0';
+}
+blockquote.pull-right {
+  float: right;
+  padding-right: 15px;
+  padding-left: 0;
+  border-right: 5px solid #eeeeee;
+  border-left: 0;
+}
+blockquote.pull-right p,
+blockquote.pull-right small {
+  text-align: right;
+}
+blockquote.pull-right small:before {
+  content: '';
+}
+blockquote.pull-right small:after {
+  content: '\00A0 \2014';
+}
+q:before,
+q:after,
+blockquote:before,
+blockquote:after {
+  content: "";
+}
+address {
+  display: block;
+  margin-bottom: 20px;
+  font-style: normal;
+  line-height: 20px;
+}
+code,
+pre {
+  padding: 0 3px 2px;
+  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
+  font-size: 12px;
+  color: #333333;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
+code {
+  padding: 2px 4px;
+  color: #d14;
+  background-color: #f7f7f9;
+  border: 1px solid #e1e1e8;
+  white-space: nowrap;
+}
+pre {
+  display: block;
+  padding: 9.5px;
+  margin: 0 0 10px;
+  font-size: 13px;
+  line-height: 20px;
+  word-break: break-all;
+  word-wrap: break-word;
+  white-space: pre;
+  white-space: pre-wrap;
+  background-color: #f5f5f5;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+pre.prettyprint {
+  margin-bottom: 20px;
+}
+pre code {
+  padding: 0;
+  color: inherit;
+  white-space: pre;
+  white-space: pre-wrap;
+  background-color: transparent;
+  border: 0;
+}
+.pre-scrollable {
+  max-height: 340px;
+  overflow-y: scroll;
+}
+form {
+  margin: 0 0 20px;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+legend {
+  display: block;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 20px;
+  font-size: 21px;
+  line-height: 40px;
+  color: #333333;
+  border: 0;
+  border-bottom: 1px solid #e5e5e5;
+}
+legend small {
+  font-size: 15px;
+  color: #999999;
+}
+label,
+input,
+button,
+select,
+textarea {
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 20px;
+}
+input,
+button,
+select,
+textarea {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+label {
+  display: block;
+  margin-bottom: 5px;
+}
+select,
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"],
+.uneditable-input {
+  display: inline-block;
+  height: 20px;
+  padding: 4px 6px;
+  margin-bottom: 10px;
+  font-size: 14px;
+  line-height: 20px;
+  color: #555555;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  vertical-align: middle;
+}
+input,
+textarea,
+.uneditable-input {
+  width: 206px;
+}
+textarea {
+  height: auto;
+}
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"],
+.uneditable-input {
+  background-color: #ffffff;
+  border: 1px solid #cccccc;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -webkit-transition: border linear .2s, box-shadow linear .2s;
+  -moz-transition: border linear .2s, box-shadow linear .2s;
+  -o-transition: border linear .2s, box-shadow linear .2s;
+  transition: border linear .2s, box-shadow linear .2s;
+}
+textarea:focus,
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus,
+.uneditable-input:focus {
+  border-color: rgba(82, 168, 236, 0.8);
+  outline: 0;
+  outline: thin dotted \9;
+  /* IE6-9 */
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
+  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
+}
+input[type="radio"],
+input[type="checkbox"] {
+  margin: 4px 0 0;
+  *margin-top: 0;
+  /* IE7 */
+  margin-top: 1px \9;
+  /* IE8-9 */
+  line-height: normal;
+}
+input[type="file"],
+input[type="image"],
+input[type="submit"],
+input[type="reset"],
+input[type="button"],
+input[type="radio"],
+input[type="checkbox"] {
+  width: auto;
+}
+select,
+input[type="file"] {
+  height: 30px;
+  /* In IE7, the height of the select element cannot be changed by height, only font-size */
+  *margin-top: 4px;
+  /* For IE7, add top margin to align select with labels */
+  line-height: 30px;
+}
+select {
+  width: 220px;
+  border: 1px solid #cccccc;
+  background-color: #ffffff;
+}
+select[multiple],
+select[size] {
+  height: auto;
+}
+select:focus,
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus {
+  outline: thin dotted #333;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+.uneditable-input,
+.uneditable-textarea {
+  color: #999999;
+  background-color: #fcfcfc;
+  border-color: #cccccc;
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
+  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
+  cursor: not-allowed;
+}
+.uneditable-input {
+  overflow: hidden;
+  white-space: nowrap;
+}
+.uneditable-textarea {
+  width: auto;
+  height: auto;
+}
+input:-moz-placeholder,
+textarea:-moz-placeholder {
+  color: #999999;
+}
+input:-ms-input-placeholder,
+textarea:-ms-input-placeholder {
+  color: #999999;
+}
+input::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder {
+  color: #999999;
+}
+.radio,
+.checkbox {
+  min-height: 20px;
+  padding-left: 20px;
+}
+.radio input[type="radio"],
+.checkbox input[type="checkbox"] {
+  float: left;
+  margin-left: -20px;
+}
+.controls > .radio:first-child,
+.controls > .checkbox:first-child {
+  padding-top: 5px;
+}
+.radio.inline,
+.checkbox.inline {
+  display: inline-block;
+  padding-top: 5px;
+  margin-bottom: 0;
+  vertical-align: middle;
+}
+.radio.inline + .radio.inline,
+.checkbox.inline + .checkbox.inline {
+  margin-left: 10px;
+}
+.input-mini {
+  width: 60px;
+}
+.input-small {
+  width: 90px;
+}
+.input-medium {
+  width: 150px;
+}
+.input-large {
+  width: 210px;
+}
+.input-xlarge {
+  width: 270px;
+}
+.input-xxlarge {
+  width: 530px;
+}
+input[class*="span"],
+select[class*="span"],
+textarea[class*="span"],
+.uneditable-input[class*="span"],
+.row-fluid input[class*="span"],
+.row-fluid select[class*="span"],
+.row-fluid textarea[class*="span"],
+.row-fluid .uneditable-input[class*="span"] {
+  float: none;
+  margin-left: 0;
+}
+.input-append input[class*="span"],
+.input-append .uneditable-input[class*="span"],
+.input-prepend input[class*="span"],
+.input-prepend .uneditable-input[class*="span"],
+.row-fluid input[class*="span"],
+.row-fluid select[class*="span"],
+.row-fluid textarea[class*="span"],
+.row-fluid .uneditable-input[class*="span"],
+.row-fluid .input-prepend [class*="span"],
+.row-fluid .input-append [class*="span"] {
+  display: inline-block;
+}
+input,
+textarea,
+.uneditable-input {
+  margin-left: 0;
+}
+.controls-row [class*="span"] + [class*="span"] {
+  margin-left: 20px;
+}
+input.span12,
+textarea.span12,
+.uneditable-input.span12 {
+  width: 926px;
+}
+input.span11,
+textarea.span11,
+.uneditable-input.span11 {
+  width: 846px;
+}
+input.span10,
+textarea.span10,
+.uneditable-input.span10 {
+  width: 766px;
+}
+input.span9,
+textarea.span9,
+.uneditable-input.span9 {
+  width: 686px;
+}
+input.span8,
+textarea.span8,
+.uneditable-input.span8 {
+  width: 606px;
+}
+input.span7,
+textarea.span7,
+.uneditable-input.span7 {
+  width: 526px;
+}
+input.span6,
+textarea.span6,
+.uneditable-input.span6 {
+  width: 446px;
+}
+input.span5,
+textarea.span5,
+.uneditable-input.span5 {
+  width: 366px;
+}
+input.span4,
+textarea.span4,
+.uneditable-input.span4 {
+  width: 286px;
+}
+input.span3,
+textarea.span3,
+.uneditable-input.span3 {
+  width: 206px;
+}
+input.span2,
+textarea.span2,
+.uneditable-input.span2 {
+  width: 126px;
+}
+input.span1,
+textarea.span1,
+.uneditable-input.span1 {
+  width: 46px;
+}
+.controls-row {
+  *zoom: 1;
+}
+.controls-row:before,
+.controls-row:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.controls-row:after {
+  clear: both;
+}
+.controls-row [class*="span"],
+.row-fluid .controls-row [class*="span"] {
+  float: left;
+}
+.controls-row .checkbox[class*="span"],
+.controls-row .radio[class*="span"] {
+  padding-top: 5px;
+}
+input[disabled],
+select[disabled],
+textarea[disabled],
+input[readonly],
+select[readonly],
+textarea[readonly] {
+  cursor: not-allowed;
+  background-color: #eeeeee;
+}
+input[type="radio"][disabled],
+input[type="checkbox"][disabled],
+input[type="radio"][readonly],
+input[type="checkbox"][readonly] {
+  background-color: transparent;
+}
+.control-group.warning .control-label,
+.control-group.warning .help-block,
+.control-group.warning .help-inline {
+  color: #c09853;
+}
+.control-group.warning .checkbox,
+.control-group.warning .radio,
+.control-group.warning input,
+.control-group.warning select,
+.control-group.warning textarea {
+  color: #c09853;
+}
+.control-group.warning input,
+.control-group.warning select,
+.control-group.warning textarea {
+  border-color: #c09853;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.control-group.warning input:focus,
+.control-group.warning select:focus,
+.control-group.warning textarea:focus {
+  border-color: #a47e3c;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
+}
+.control-group.warning .input-prepend .add-on,
+.control-group.warning .input-append .add-on {
+  color: #c09853;
+  background-color: #fcf8e3;
+  border-color: #c09853;
+}
+.control-group.error .control-label,
+.control-group.error .help-block,
+.control-group.error .help-inline {
+  color: #b94a48;
+}
+.control-group.error .checkbox,
+.control-group.error .radio,
+.control-group.error input,
+.control-group.error select,
+.control-group.error textarea {
+  color: #b94a48;
+}
+.control-group.error input,
+.control-group.error select,
+.control-group.error textarea {
+  border-color: #b94a48;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.control-group.error input:focus,
+.control-group.error select:focus,
+.control-group.error textarea:focus {
+  border-color: #953b39;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
+}
+.control-group.error .input-prepend .add-on,
+.control-group.error .input-append .add-on {
+  color: #b94a48;
+  background-color: #f2dede;
+  border-color: #b94a48;
+}
+.control-group.success .control-label,
+.control-group.success .help-block,
+.control-group.success .help-inline {
+  color: #468847;
+}
+.control-group.success .checkbox,
+.control-group.success .radio,
+.control-group.success input,
+.control-group.success select,
+.control-group.success textarea {
+  color: #468847;
+}
+.control-group.success input,
+.control-group.success select,
+.control-group.success textarea {
+  border-color: #468847;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.control-group.success input:focus,
+.control-group.success select:focus,
+.control-group.success textarea:focus {
+  border-color: #356635;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
+}
+.control-group.success .input-prepend .add-on,
+.control-group.success .input-append .add-on {
+  color: #468847;
+  background-color: #dff0d8;
+  border-color: #468847;
+}
+.control-group.info .control-label,
+.control-group.info .help-block,
+.control-group.info .help-inline {
+  color: #3a87ad;
+}
+.control-group.info .checkbox,
+.control-group.info .radio,
+.control-group.info input,
+.control-group.info select,
+.control-group.info textarea {
+  color: #3a87ad;
+}
+.control-group.info input,
+.control-group.info select,
+.control-group.info textarea {
+  border-color: #3a87ad;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.control-group.info input:focus,
+.control-group.info select:focus,
+.control-group.info textarea:focus {
+  border-color: #2d6987;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
+}
+.control-group.info .input-prepend .add-on,
+.control-group.info .input-append .add-on {
+  color: #3a87ad;
+  background-color: #d9edf7;
+  border-color: #3a87ad;
+}
+input:focus:invalid,
+textarea:focus:invalid,
+select:focus:invalid {
+  color: #b94a48;
+  border-color: #ee5f5b;
+}
+input:focus:invalid:focus,
+textarea:focus:invalid:focus,
+select:focus:invalid:focus {
+  border-color: #e9322d;
+  -webkit-box-shadow: 0 0 6px #f8b9b7;
+  -moz-box-shadow: 0 0 6px #f8b9b7;
+  box-shadow: 0 0 6px #f8b9b7;
+}
+.form-actions {
+  padding: 19px 20px 20px;
+  margin-top: 20px;
+  margin-bottom: 20px;
+  background-color: #f5f5f5;
+  border-top: 1px solid #e5e5e5;
+  *zoom: 1;
+}
+.form-actions:before,
+.form-actions:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.form-actions:after {
+  clear: both;
+}
+.help-block,
+.help-inline {
+  color: #595959;
+}
+.help-block {
+  display: block;
+  margin-bottom: 10px;
+}
+.help-inline {
+  display: inline-block;
+  *display: inline;
+  /* IE7 inline-block hack */
+  *zoom: 1;
+  vertical-align: middle;
+  padding-left: 5px;
+}
+.input-append,
+.input-prepend {
+  display: inline-block;
+  margin-bottom: 10px;
+  vertical-align: middle;
+  font-size: 0;
+  white-space: nowrap;
+}
+.input-append input,
+.input-prepend input,
+.input-append select,
+.input-prepend select,
+.input-append .uneditable-input,
+.input-prepend .uneditable-input,
+.input-append .dropdown-menu,
+.input-prepend .dropdown-menu,
+.input-append .popover,
+.input-prepend .popover {
+  font-size: 14px;
+}
+.input-append input,
+.input-prepend input,
+.input-append select,
+.input-prepend select,
+.input-append .uneditable-input,
+.input-prepend .uneditable-input {
+  position: relative;
+  margin-bottom: 0;
+  *margin-left: 0;
+  vertical-align: top;
+  -webkit-border-radius: 0 4px 4px 0;
+  -moz-border-radius: 0 4px 4px 0;
+  border-radius: 0 4px 4px 0;
+}
+.input-append input:focus,
+.input-prepend input:focus,
+.input-append select:focus,
+.input-prepend select:focus,
+.input-append .uneditable-input:focus,
+.input-prepend .uneditable-input:focus {
+  z-index: 2;
+}
+.input-append .add-on,
+.input-prepend .add-on {
+  display: inline-block;
+  width: auto;
+  height: 20px;
+  min-width: 16px;
+  padding: 4px 5px;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 20px;
+  text-align: center;
+  text-shadow: 0 1px 0 #ffffff;
+  background-color: #eeeeee;
+  border: 1px solid #ccc;
+}
+.input-append .add-on,
+.input-prepend .add-on,
+.input-append .btn,
+.input-prepend .btn,
+.input-append .btn-group > .dropdown-toggle,
+.input-prepend .btn-group > .dropdown-toggle {
+  vertical-align: top;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
+.input-append .active,
+.input-prepend .active {
+  background-color: #a9dba9;
+  border-color: #46a546;
+}
+.input-prepend .add-on,
+.input-prepend .btn {
+  margin-right: -1px;
+}
+.input-prepend .add-on:first-child,
+.input-prepend .btn:first-child {
+  -webkit-border-radius: 4px 0 0 4px;
+  -moz-border-radius: 4px 0 0 4px;
+  border-radius: 4px 0 0 4px;
+}
+.input-append input,
+.input-append select,
+.input-append .uneditable-input {
+  -webkit-border-radius: 4px 0 0 4px;
+  -moz-border-radius: 4px 0 0 4px;
+  border-radius: 4px 0 0 4px;
+}
+.input-append input + .btn-group .btn:last-child,
+.input-append select + .btn-group .btn:last-child,
+.input-append .uneditable-input + .btn-group .btn:last-child {
+  -webkit-border-radius: 0 4px 4px 0;
+  -moz-border-radius: 0 4px 4px 0;
+  border-radius: 0 4px 4px 0;
+}
+.input-append .add-on,
+.input-append .btn,
+.input-append .btn-group {
+  margin-left: -1px;
+}
+.input-append .add-on:last-child,
+.input-append .btn:last-child,
+.input-append .btn-group:last-child > .dropdown-toggle {
+  -webkit-border-radius: 0 4px 4px 0;
+  -moz-border-radius: 0 4px 4px 0;
+  border-radius: 0 4px 4px 0;
+}
+.input-prepend.input-append input,
+.input-prepend.input-append select,
+.input-prepend.input-append .uneditable-input {
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
+.input-prepend.input-append input + .btn-group .btn,
+.input-prepend.input-append select + .btn-group .btn,
+.input-prepend.input-append .uneditable-input + .btn-group .btn {
+  -webkit-border-radius: 0 4px 4px 0;
+  -moz-border-radius: 0 4px 4px 0;
+  border-radius: 0 4px 4px 0;
+}
+.input-prepend.input-append .add-on:first-child,
+.input-prepend.input-append .btn:first-child {
+  margin-right: -1px;
+  -webkit-border-radius: 4px 0 0 4px;
+  -moz-border-radius: 4px 0 0 4px;
+  border-radius: 4px 0 0 4px;
+}
+.input-prepend.input-append .add-on:last-child,
+.input-prepend.input-append .btn:last-child {
+  margin-left: -1px;
+  -webkit-border-radius: 0 4px 4px 0;
+  -moz-border-radius: 0 4px 4px 0;
+  border-radius: 0 4px 4px 0;
+}
+.input-prepend.input-append .btn-group:first-child {
+  margin-left: 0;
+}
+input.search-query {
+  padding-right: 14px;
+  padding-right: 4px \9;
+  padding-left: 14px;
+  padding-left: 4px \9;
+  /* IE7-8 doesn't have border-radius, so don't indent the padding */
+  margin-bottom: 0;
+  -webkit-border-radius: 15px;
+  -moz-border-radius: 15px;
+  border-radius: 15px;
+}
+/* Allow for input prepend/append in search forms */
+.form-search .input-append .search-query,
+.form-search .input-prepend .search-query {
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
+.form-search .input-append .search-query {
+  -webkit-border-radius: 14px 0 0 14px;
+  -moz-border-radius: 14px 0 0 14px;
+  border-radius: 14px 0 0 14px;
+}
+.form-search .input-append .btn {
+  -webkit-border-radius: 0 14px 14px 0;
+  -moz-border-radius: 0 14px 14px 0;
+  border-radius: 0 14px 14px 0;
+}
+.form-search .input-prepend .search-query {
+  -webkit-border-radius: 0 14px 14px 0;
+  -moz-border-radius: 0 14px 14px 0;
+  border-radius: 0 14px 14px 0;
+}
+.form-search .input-prepend .btn {
+  -webkit-border-radius: 14px 0 0 14px;
+  -moz-border-radius: 14px 0 0 14px;
+  border-radius: 14px 0 0 14px;
+}
+.form-search input,
+.form-inline input,
+.form-horizontal input,
+.form-search textarea,
+.form-inline textarea,
+.form-horizontal textarea,
+.form-search select,
+.form-inline select,
+.form-horizontal select,
+.form-search .help-inline,
+.form-inline .help-inline,
+.form-horizontal .help-inline,
+.form-search .uneditable-input,
+.form-inline .uneditable-input,
+.form-horizontal .uneditable-input,
+.form-search .input-prepend,
+.form-inline .input-prepend,
+.form-horizontal .input-prepend,
+.form-search .input-append,
+.form-inline .input-append,
+.form-horizontal .input-append {
+  display: inline-block;
+  *display: inline;
+  /* IE7 inline-block hack */
+  *zoom: 1;
+  margin-bottom: 0;
+  vertical-align: middle;
+}
+.form-search .hide,
+.form-inline .hide,
+.form-horizontal .hide {
+  display: none;
+}
+.form-search label,
+.form-inline label,
+.form-search .btn-group,
+.form-inline .btn-group {
+  display: inline-block;
+}
+.form-search .input-append,
+.form-inline .input-append,
+.form-search .input-prepend,
+.form-inline .input-prepend {
+  margin-bottom: 0;
+}
+.form-search .radio,
+.form-search .checkbox,
+.form-inline .radio,
+.form-inline .checkbox {
+  padding-left: 0;
+  margin-bottom: 0;
+  vertical-align: middle;
+}
+.form-search .radio input[type="radio"],
+.form-search .checkbox input[type="checkbox"],
+.form-inline .radio input[type="radio"],
+.form-inline .checkbox input[type="checkbox"] {
+  float: left;
+  margin-right: 3px;
+  margin-left: 0;
+}
+.control-group {
+  margin-bottom: 10px;
+}
+legend + .control-group {
+  margin-top: 20px;
+  -webkit-margin-top-collapse: separate;
+}
+.form-horizontal .control-group {
+  margin-bottom: 20px;
+  *zoom: 1;
+}
+.form-horizontal .control-group:before,
+.form-horizontal .control-group:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.form-horizontal .control-group:after {
+  clear: both;
+}
+.form-horizontal .control-label {
+  float: left;
+  width: 160px;
+  padding-top: 5px;
+  text-align: right;
+}
+.form-horizontal .controls {
+  *display: inline-block;
+  *padding-left: 20px;
+  margin-left: 180px;
+  *margin-left: 0;
+}
+.form-horizontal .controls:first-child {
+  *padding-left: 180px;
+}
+.form-horizontal .help-block {
+  margin-bottom: 0;
+}
+.form-horizontal input + .help-block,
+.form-horizontal select + .help-block,
+.form-horizontal textarea + .help-block,
+.form-horizontal .uneditable-input + .help-block,
+.form-horizontal .input-prepend + .help-block,
+.form-horizontal .input-append + .help-block {
+  margin-top: 10px;
+}
+.form-horizontal .form-actions {
+  padding-left: 180px;
+}
+table {
+  max-width: 100%;
+  background-color: transparent;
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+.table {
+  width: 100%;
+  margin-bottom: 20px;
+}
+.table th,
+.table td {
+  padding: 8px;
+  line-height: 20px;
+  text-align: left;
+  vertical-align: top;
+  border-top: 1px solid #dddddd;
+}
+.table th {
+  font-weight: bold;
+}
+.table thead th {
+  vertical-align: bottom;
+}
+.table caption + thead tr:first-child th,
+.table caption + thead tr:first-child td,
+.table colgroup + thead tr:first-child th,
+.table colgroup + thead tr:first-child td,
+.table thead:first-child tr:first-child th,
+.table thead:first-child tr:first-child td {
+  border-top: 0;
+}
+.table tbody + tbody {
+  border-top: 2px solid #dddddd;
+}
+.table .table {
+  background-color: #ffffff;
+}
+.table-condensed th,
+.table-condensed td {
+  padding: 4px 5px;
+}
+.table-bordered {
+  border: 1px solid #dddddd;
+  border-collapse: separate;
+  *border-collapse: collapse;
+  border-left: 0;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+.table-bordered th,
+.table-bordered td {
+  border-left: 1px solid #dddddd;
+}
+.table-bordered caption + thead tr:first-child th,
+.table-bordered caption + tbody tr:first-child th,
+.table-bordered caption + tbody tr:first-child td,
+.table-bordered colgroup + thead tr:first-child th,
+.table-bordered colgroup + tbody tr:first-child th,
+.table-bordered colgroup + tbody tr:first-child td,
+.table-bordered thead:first-child tr:first-child th,
+.table-bordered tbody:first-child tr:first-child th,
+.table-bordered tbody:first-child tr:first-child td {
+  border-top: 0;
+}
+.table-bordered thead:first-child tr:first-child > th:first-child,
+.table-bordered tbody:first-child tr:first-child > td:first-child,
+.table-bordered tbody:first-child tr:first-child > th:first-child {
+  -webkit-border-top-left-radius: 4px;
+  -moz-border-radius-topleft: 4px;
+  border-top-left-radius: 4px;
+}
+.table-bordered thead:first-child tr:first-child > th:last-child,
+.table-bordered tbody:first-child tr:first-child > td:last-child,
+.table-bordered tbody:first-child tr:first-child > th:last-child {
+  -webkit-border-top-right-radius: 4px;
+  -moz-border-radius-topright: 4px;
+  border-top-right-radius: 4px;
+}
+.table-bordered thead:last-child tr:last-child > th:first-child,
+.table-bordered tbody:last-child tr:last-child > td:first-child,
+.table-bordered tbody:last-child tr:last-child > th:first-child,
+.table-bordered tfoot:last-child tr:last-child > td:first-child,
+.table-bordered tfoot:last-child tr:last-child > th:first-child {
+  -webkit-border-bottom-left-radius: 4px;
+  -moz-border-radius-bottomleft: 4px;
+  border-bottom-left-radius: 4px;
+}
+.table-bordered thead:last-child tr:last-child > th:last-child,
+.table-bordered tbody:last-child tr:last-child > td:last-child,
+.table-bordered tbody:last-child tr:last-child > th:last-child,
+.table-bordered tfoot:last-child tr:last-child > td:last-child,
+.table-bordered tfoot:last-child tr:last-child > th:last-child {
+  -webkit-border-bottom-right-radius: 4px;
+  -moz-border-radius-bottomright: 4px;
+  border-bottom-right-radius: 4px;
+}
+.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
+  -webkit-border-bottom-left-radius: 0;
+  -moz-border-radius-bottomleft: 0;
+  border-bottom-left-radius: 0;
+}
+.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
+  -webkit-border-bottom-right-radius: 0;
+  -moz-border-radius-bottomright: 0;
+  border-bottom-right-radius: 0;
+}
+.table-bordered caption + thead tr:first-child th:first-child,
+.table-bordered caption + tbody tr:first-child td:first-child,
+.table-bordered colgroup + thead tr:first-child th:first-child,
+.table-bordered colgroup + tbody tr:first-child td:first-child {
+  -webkit-border-top-left-radius: 4px;
+  -moz-border-radius-topleft: 4px;
+  border-top-left-radius: 4px;
+}
+.table-bordered caption + thead tr:first-child th:last-child,
+.table-bordered caption + tbody tr:first-child td:last-child,
+.table-bordered colgroup + thead tr:first-child th:last-child,
+.table-bordered colgroup + tbody tr:first-child td:last-child {
+  -webkit-border-top-right-radius: 4px;
+  -moz-border-radius-topright: 4px;
+  border-top-right-radius: 4px;
+}
+.table-striped tbody > tr:nth-child(odd) > td,
+.table-striped tbody > tr:nth-child(odd) > th {
+  background-color: #f9f9f9;
+}
+.table-hover tbody tr:hover > td,
+.table-hover tbody tr:hover > th {
+  background-color: #f5f5f5;
+}
+table td[class*="span"],
+table th[class*="span"],
+.row-fluid table td[class*="span"],
+.row-fluid table th[class*="span"] {
+  display: table-cell;
+  float: none;
+  margin-left: 0;
+}
+.table td.span1,
+.table th.span1 {
+  float: none;
+  width: 44px;
+  margin-left: 0;
+}
+.table td.span2,
+.table th.span2 {
+  float: none;
+  width: 124px;
+  margin-left: 0;
+}
+.table td.span3,
+.table th.span3 {
+  float: none;
+  width: 204px;
+  margin-left: 0;
+}
+.table td.span4,
+.table th.span4 {
+  float: none;
+  width: 284px;
+  margin-left: 0;
+}
+.table td.span5,
+.table th.span5 {
+  float: none;
+  width: 364px;
+  margin-left: 0;
+}
+.table td.span6,
+.table th.span6 {
+  float: none;
+  width: 444px;
+  margin-left: 0;
+}
+.table td.span7,
+.table th.span7 {
+  float: none;
+  width: 524px;
+  margin-left: 0;
+}
+.table td.span8,
+.table th.span8 {
+  float: none;
+  width: 604px;
+  margin-left: 0;
+}
+.table td.span9,
+.table th.span9 {
+  float: none;
+  width: 684px;
+  margin-left: 0;
+}
+.table td.span10,
+.table th.span10 {
+  float: none;
+  width: 764px;
+  margin-left: 0;
+}
+.table td.span11,
+.table th.span11 {
+  float: none;
+  width: 844px;
+  margin-left: 0;
+}
+.table td.span12,
+.table th.span12 {
+  float: none;
+  width: 924px;
+  margin-left: 0;
+}
+.table tbody tr.success > td {
+  background-color: #dff0d8;
+}
+.table tbody tr.error > td {
+  background-color: #f2dede;
+}
+.table tbody tr.warning > td {
+  background-color: #fcf8e3;
+}
+.table tbody tr.info > td {
+  background-color: #d9edf7;
+}
+.table-hover tbody tr.success:hover > td {
+  background-color: #d0e9c6;
+}
+.table-hover tbody tr.error:hover > td {
+  background-color: #ebcccc;
+}
+.table-hover tbody tr.warning:hover > td {
+  background-color: #faf2cc;
+}
+.table-hover tbody tr.info:hover > td {
+  background-color: #c4e3f3;
+}
+[class^="icon-"],
+[class*=" icon-"] {
+  display: inline-block;
+  width: 14px;
+  height: 14px;
+  *margin-right: .3em;
+  line-height: 14px;
+  vertical-align: text-top;
+  background-image: url("../img/glyphicons-halflings.png");
+  background-position: 14px 14px;
+  background-repeat: no-repeat;
+  margin-top: 1px;
+}
+/* White icons with optional class, or on hover/focus/active states of certain elements */
+.icon-white,
+.nav-pills > .active > a > [class^="icon-"],
+.nav-pills > .active > a > [class*=" icon-"],
+.nav-list > .active > a > [class^="icon-"],
+.nav-list > .active > a > [class*=" icon-"],
+.navbar-inverse .nav > .active > a > [class^="icon-"],
+.navbar-inverse .nav > .active > a > [class*=" icon-"],
+.dropdown-menu > li > a:hover > [class^="icon-"],
+.dropdown-menu > li > a:focus > [class^="icon-"],
+.dropdown-menu > li > a:hover > [class*=" icon-"],
+.dropdown-menu > li > a:focus > [class*=" icon-"],
+.dropdown-menu > .active > a > [class^="icon-"],
+.dropdown-menu > .active > a > [class*=" icon-"],
+.dropdown-submenu:hover > a > [class^="icon-"],
+.dropdown-submenu:focus > a > [class^="icon-"],
+.dropdown-submenu:hover > a > [class*=" icon-"],
+.dropdown-submenu:focus > a > [class*=" icon-"] {
+  background-image: url("../img/glyphicons-halflings-white.png");
+}
+.icon-glass {
+  background-position: 0      0;
+}
+.icon-music {
+  background-position: -24px 0;
+}
+.icon-search {
+  background-position: -48px 0;
+}
+.icon-envelope {
+  background-position: -72px 0;
+}
+.icon-heart {
+  background-position: -96px 0;
+}
+.icon-star {
+  background-position: -120px 0;
+}
+.icon-star-empty {
+  background-position: -144px 0;
+}
+.icon-user {
+  background-position: -168px 0;
+}
+.icon-film {
+  background-position: -192px 0;
+}
+.icon-th-large {
+  background-position: -216px 0;
+}
+.icon-th {
+  background-position: -240px 0;
+}
+.icon-th-list {
+  background-position: -264px 0;
+}
+.icon-ok {
+  background-position: -288px 0;
+}
+.icon-remove {
+  background-position: -312px 0;
+}
+.icon-zoom-in {
+  background-position: -336px 0;
+}
+.icon-zoom-out {
+  background-position: -360px 0;
+}
+.icon-off {
+  background-position: -384px 0;
+}
+.icon-signal {
+  background-position: -408px 0;
+}
+.icon-cog {
+  background-position: -432px 0;
+}
+.icon-trash {
+  background-position: -456px 0;
+}
+.icon-home {
+  background-position: 0 -24px;
+}
+.icon-file {
+  background-position: -24px -24px;
+}
+.icon-time {
+  background-position: -48px -24px;
+}
+.icon-road {
+  background-position: -72px -24px;
+}
+.icon-download-alt {
+  background-position: -96px -24px;
+}
+.icon-download {
+  background-position: -120px -24px;
+}
+.icon-upload {
+  background-position: -144px -24px;
+}
+.icon-inbox {
+  background-position: -168px -24px;
+}
+.icon-play-circle {
+  background-position: -192px -24px;
+}
+.icon-repeat {
+  background-position: -216px -24px;
+}
+.icon-refresh {
+  background-position: -240px -24px;
+}
+.icon-list-alt {
+  background-position: -264px -24px;
+}
+.icon-lock {
+  background-position: -287px -24px;
+}
+.icon-flag {
+  background-position: -312px -24px;
+}
+.icon-headphones {
+  background-position: -336px -24px;
+}
+.icon-volume-off {
+  background-position: -360px -24px;
+}
+.icon-volume-down {
+  background-position: -384px -24px;
+}
+.icon-volume-up {
+  background-position: -408px -24px;
+}
+.icon-qrcode {
+  background-position: -432px -24px;
+}
+.icon-barcode {
+  background-position: -456px -24px;
+}
+.icon-tag {
+  background-position: 0 -48px;
+}
+.icon-tags {
+  background-position: -25px -48px;
+}
+.icon-book {
+  background-position: -48px -48px;
+}
+.icon-bookmark {
+  background-position: -72px -48px;
+}
+.icon-print {
+  background-position: -96px -48px;
+}
+.icon-camera {
+  background-position: -120px -48px;
+}
+.icon-font {
+  background-position: -144px -48px;
+}
+.icon-bold {
+  background-position: -167px -48px;
+}
+.icon-italic {
+  background-position: -192px -48px;
+}
+.icon-text-height {
+  background-position: -216px -48px;
+}
+.icon-text-width {
+  background-position: -240px -48px;
+}
+.icon-align-left {
+  background-position: -264px -48px;
+}
+.icon-align-center {
+  background-position: -288px -48px;
+}
+.icon-align-right {
+  background-position: -312px -48px;
+}
+.icon-align-justify {
+  background-position: -336px -48px;
+}
+.icon-list {
+  background-position: -360px -48px;
+}
+.icon-indent-left {
+  background-position: -384px -48px;
+}
+.icon-indent-right {
+  background-position: -408px -48px;
+}
+.icon-facetime-video {
+  background-position: -432px -48px;
+}
+.icon-picture {
+  background-position: -456px -48px;
+}
+.icon-pencil {
+  background-position: 0 -72px;
+}
+.icon-map-marker {
+  background-position: -24px -72px;
+}
+.icon-adjust {
+  background-position: -48px -72px;
+}
+.icon-tint {
+  background-position: -72px -72px;
+}
+.icon-edit {
+  background-position: -96px -72px;
+}
+.icon-share {
+  background-position: -120px -72px;
+}
+.icon-check {
+  background-position: -144px -72px;
+}
+.icon-move {
+  background-position: -168px -72px;
+}
+.icon-step-backward {
+  background-position: -192px -72px;
+}
+.icon-fast-backward {
+  background-position: -216px -72px;
+}
+.icon-backward {
+  background-position: -240px -72px;
+}
+.icon-play {
+  background-position: -264px -72px;
+}
+.icon-pause {
+  background-position: -288px -72px;
+}
+.icon-stop {
+  background-position: -312px -72px;
+}
+.icon-forward {
+  background-position: -336px -72px;
+}
+.icon-fast-forward {
+  background-position: -360px -72px;
+}
+.icon-step-forward {
+  background-position: -384px -72px;
+}
+.icon-eject {
+  background-position: -408px -72px;
+}
+.icon-chevron-left {
+  background-position: -432px -72px;
+}
+.icon-chevron-right {
+  background-position: -456px -72px;
+}
+.icon-plus-sign {
+  background-position: 0 -96px;
+}
+.icon-minus-sign {
+  background-position: -24px -96px;
+}
+.icon-remove-sign {
+  background-position: -48px -96px;
+}
+.icon-ok-sign {
+  background-position: -72px -96px;
+}
+.icon-question-sign {
+  background-position: -96px -96px;
+}
+.icon-info-sign {
+  background-position: -120px -96px;
+}
+.icon-screenshot {
+  background-position: -144px -96px;
+}
+.icon-remove-circle {
+  background-position: -168px -96px;
+}
+.icon-ok-circle {
+  background-position: -192px -96px;
+}
+.icon-ban-circle {
+  background-position: -216px -96px;
+}
+.icon-arrow-left {
+  background-position: -240px -96px;
+}
+.icon-arrow-right {
+  background-position: -264px -96px;
+}
+.icon-arrow-up {
+  background-position: -289px -96px;
+}
+.icon-arrow-down {
+  background-position: -312px -96px;
+}
+.icon-share-alt {
+  background-position: -336px -96px;
+}
+.icon-resize-full {
+  background-position: -360px -96px;
+}
+.icon-resize-small {
+  background-position: -384px -96px;
+}
+.icon-plus {
+  background-position: -408px -96px;
+}
+.icon-minus {
+  background-position: -433px -96px;
+}
+.icon-asterisk {
+  background-position: -456px -96px;
+}
+.icon-exclamation-sign {
+  background-position: 0 -120px;
+}
+.icon-gift {
+  background-position: -24px -120px;
+}
+.icon-leaf {
+  background-position: -48px -120px;
+}
+.icon-fire {
+  background-position: -72px -120px;
+}
+.icon-eye-open {
+  background-position: -96px -120px;
+}
+.icon-eye-close {
+  background-position: -120px -120px;
+}
+.icon-warning-sign {
+  background-position: -144px -120px;
+}
+.icon-plane {
+  background-position: -168px -120px;
+}
+.icon-calendar {
+  background-position: -192px -120px;
+}
+.icon-random {
+  background-position: -216px -120px;
+  width: 16px;
+}
+.icon-comment {
+  background-position: -240px -120px;
+}
+.icon-magnet {
+  background-position: -264px -120px;
+}
+.icon-chevron-up {
+  background-position: -288px -120px;
+}
+.icon-chevron-down {
+  background-position: -313px -119px;
+}
+.icon-retweet {
+  background-position: -336px -120px;
+}
+.icon-shopping-cart {
+  background-position: -360px -120px;
+}
+.icon-folder-close {
+  background-position: -384px -120px;
+  width: 16px;
+}
+.icon-folder-open {
+  background-position: -408px -120px;
+  width: 16px;
+}
+.icon-resize-vertical {
+  background-position: -432px -119px;
+}
+.icon-resize-horizontal {
+  background-position: -456px -118px;
+}
+.icon-hdd {
+  background-position: 0 -144px;
+}
+.icon-bullhorn {
+  background-position: -24px -144px;
+}
+.icon-bell {
+  background-position: -48px -144px;
+}
+.icon-certificate {
+  background-position: -72px -144px;
+}
+.icon-thumbs-up {
+  background-position: -96px -144px;
+}
+.icon-thumbs-down {
+  background-position: -120px -144px;
+}
+.icon-hand-right {
+  background-position: -144px -144px;
+}
+.icon-hand-left {
+  background-position: -168px -144px;
+}
+.icon-hand-up {
+  background-position: -192px -144px;
+}
+.icon-hand-down {
+  background-position: -216px -144px;
+}
+.icon-circle-arrow-right {
+  background-position: -240px -144px;
+}
+.icon-circle-arrow-left {
+  background-position: -264px -144px;
+}
+.icon-circle-arrow-up {
+  background-position: -288px -144px;
+}
+.icon-circle-arrow-down {
+  background-position: -312px -144px;
+}
+.icon-globe {
+  background-position: -336px -144px;
+}
+.icon-wrench {
+  background-position: -360px -144px;
+}
+.icon-tasks {
+  background-position: -384px -144px;
+}
+.icon-filter {
+  background-position: -408px -144px;
+}
+.icon-briefcase {
+  background-position: -432px -144px;
+}
+.icon-fullscreen {
+  background-position: -456px -144px;
+}
+.dropup,
+.dropdown {
+  position: relative;
+}
+.dropdown-toggle {
+  *margin-bottom: -3px;
+}
+.dropdown-toggle:active,
+.open .dropdown-toggle {
+  outline: 0;
+}
+.caret {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  vertical-align: top;
+  border-top: 4px solid #000000;
+  border-right: 4px solid transparent;
+  border-left: 4px solid transparent;
+  content: "";
+}
+.dropdown .caret {
+  margin-top: 8px;
+  margin-left: 2px;
+}
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
+  float: left;
+  min-width: 160px;
+  padding: 5px 0;
+  margin: 2px 0 0;
+  list-style: none;
+  background-color: #ffffff;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  *border-right-width: 2px;
+  *border-bottom-width: 2px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -webkit-background-clip: padding-box;
+  -moz-background-clip: padding;
+  background-clip: padding-box;
+}
+.dropdown-menu.pull-right {
+  right: 0;
+  left: auto;
+}
+.dropdown-menu .divider {
+  *width: 100%;
+  height: 1px;
+  margin: 9px 1px;
+  *margin: -5px 0 5px;
+  overflow: hidden;
+  background-color: #e5e5e5;
+  border-bottom: 1px solid #ffffff;
+}
+.dropdown-menu > li > a {
+  display: block;
+  padding: 3px 20px;
+  clear: both;
+  font-weight: normal;
+  line-height: 20px;
+  color: #333333;
+  white-space: nowrap;
+}
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus,
+.dropdown-submenu:hover > a,
+.dropdown-submenu:focus > a {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: #0081c2;
+  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
+  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
+  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
+}
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus {
+  color: #ffffff;
+  text-decoration: none;
+  outline: 0;
+  background-color: #0081c2;
+  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
+  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
+  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
+}
+.dropdown-menu > .disabled > a,
+.dropdown-menu > .disabled > a:hover,
+.dropdown-menu > .disabled > a:focus {
+  color: #999999;
+}
+.dropdown-menu > .disabled > a:hover,
+.dropdown-menu > .disabled > a:focus {
+  text-decoration: none;
+  background-color: transparent;
+  background-image: none;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  cursor: default;
+}
+.open {
+  *z-index: 1000;
+}
+.open > .dropdown-menu {
+  display: block;
+}
+.dropdown-backdrop {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  z-index: 990;
+}
+.pull-right > .dropdown-menu {
+  right: 0;
+  left: auto;
+}
+.dropup .caret,
+.navbar-fixed-bottom .dropdown .caret {
+  border-top: 0;
+  border-bottom: 4px solid #000000;
+  content: "";
+}
+.dropup .dropdown-menu,
+.navbar-fixed-bottom .dropdown .dropdown-menu {
+  top: auto;
+  bottom: 100%;
+  margin-bottom: 1px;
+}
+.dropdown-submenu {
+  position: relative;
+}
+.dropdown-submenu > .dropdown-menu {
+  top: 0;
+  left: 100%;
+  margin-top: -6px;
+  margin-left: -1px;
+  -webkit-border-radius: 0 6px 6px 6px;
+  -moz-border-radius: 0 6px 6px 6px;
+  border-radius: 0 6px 6px 6px;
+}
+.dropdown-submenu:hover > .dropdown-menu {
+  display: block;
+}
+.dropup .dropdown-submenu > .dropdown-menu {
+  top: auto;
+  bottom: 0;
+  margin-top: 0;
+  margin-bottom: -2px;
+  -webkit-border-radius: 5px 5px 5px 0;
+  -moz-border-radius: 5px 5px 5px 0;
+  border-radius: 5px 5px 5px 0;
+}
+.dropdown-submenu > a:after {
+  display: block;
+  content: " ";
+  float: right;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+  border-width: 5px 0 5px 5px;
+  border-left-color: #cccccc;
+  margin-top: 5px;
+  margin-right: -10px;
+}
+.dropdown-submenu:hover > a:after {
+  border-left-color: #ffffff;
+}
+.dropdown-submenu.pull-left {
+  float: none;
+}
+.dropdown-submenu.pull-left > .dropdown-menu {
+  left: -100%;
+  margin-left: 10px;
+  -webkit-border-radius: 6px 0 6px 6px;
+  -moz-border-radius: 6px 0 6px 6px;
+  border-radius: 6px 0 6px 6px;
+}
+.dropdown .dropdown-menu .nav-header {
+  padding-left: 20px;
+  padding-right: 20px;
+}
+.typeahead {
+  z-index: 1051;
+  margin-top: 2px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+.well {
+  min-height: 20px;
+  padding: 19px;
+  margin-bottom: 20px;
+  background-color: #f5f5f5;
+  border: 1px solid #e3e3e3;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+}
+.well blockquote {
+  border-color: #ddd;
+  border-color: rgba(0, 0, 0, 0.15);
+}
+.well-large {
+  padding: 24px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+.well-small {
+  padding: 9px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
+.fade {
+  opacity: 0;
+  -webkit-transition: opacity 0.15s linear;
+  -moz-transition: opacity 0.15s linear;
+  -o-transition: opacity 0.15s linear;
+  transition: opacity 0.15s linear;
+}
+.fade.in {
+  opacity: 1;
+}
+.collapse {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  -webkit-transition: height 0.35s ease;
+  -moz-transition: height 0.35s ease;
+  -o-transition: height 0.35s ease;
+  transition: height 0.35s ease;
+}
+.collapse.in {
+  height: auto;
+}
+.close {
+  float: right;
+  font-size: 20px;
+  font-weight: bold;
+  line-height: 20px;
+  color: #000000;
+  text-shadow: 0 1px 0 #ffffff;
+  opacity: 0.2;
+  filter: alpha(opacity=20);
+}
+.close:hover,
+.close:focus {
+  color: #000000;
+  text-decoration: none;
+  cursor: pointer;
+  opacity: 0.4;
+  filter: alpha(opacity=40);
+}
+button.close {
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none;
+}
+.btn {
+  display: inline-block;
+  *display: inline;
+  /* IE7 inline-block hack */
+  *zoom: 1;
+  padding: 4px 12px;
+  margin-bottom: 0;
+  font-size: 14px;
+  line-height: 20px;
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
+  color: #333333;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+  background-color: #f5f5f5;
+  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
+  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
+  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  *background-color: #e6e6e6;
+  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  border: 1px solid #cccccc;
+  *border: 0;
+  border-bottom-color: #b3b3b3;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  *margin-left: .3em;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+}
+.btn:hover,
+.btn:focus,
+.btn:active,
+.btn.active,
+.btn.disabled,
+.btn[disabled] {
+  color: #333333;
+  background-color: #e6e6e6;
+  *background-color: #d9d9d9;
+}
+.btn:active,
+.btn.active {
+  background-color: #cccccc \9;
+}
+.btn:first-child {
+  *margin-left: 0;
+}
+.btn:hover,
+.btn:focus {
+  color: #333333;
+  text-decoration: none;
+  background-position: 0 -15px;
+  -webkit-transition: background-position 0.1s linear;
+  -moz-transition: background-position 0.1s linear;
+  -o-transition: background-position 0.1s linear;
+  transition: background-position 0.1s linear;
+}
+.btn:focus {
+  outline: thin dotted #333;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+.btn.active,
+.btn:active {
+  background-image: none;
+  outline: 0;
+  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
+  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
+  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
+}
+.btn.disabled,
+.btn[disabled] {
+  cursor: default;
+  background-image: none;
+  opacity: 0.65;
+  filter: alpha(opacity=65);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.btn-large {
+  padding: 11px 19px;
+  font-size: 17.5px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+.btn-large [class^="icon-"],
+.btn-large [class*=" icon-"] {
+  margin-top: 4px;
+}
+.btn-small {
+  padding: 2px 10px;
+  font-size: 11.9px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
+.btn-small [class^="icon-"],
+.btn-small [class*=" icon-"] {
+  margin-top: 0;
+}
+.btn-mini [class^="icon-"],
+.btn-mini [class*=" icon-"] {
+  margin-top: -1px;
+}
+.btn-mini {
+  padding: 0 6px;
+  font-size: 10.5px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
+.btn-block {
+  display: block;
+  width: 100%;
+  padding-left: 0;
+  padding-right: 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.btn-block + .btn-block {
+  margin-top: 5px;
+}
+input[type="submit"].btn-block,
+input[type="reset"].btn-block,
+input[type="button"].btn-block {
+  width: 100%;
+}
+.btn-primary.active,
+.btn-warning.active,
+.btn-danger.active,
+.btn-success.active,
+.btn-info.active,
+.btn-inverse.active {
+  color: rgba(255, 255, 255, 0.75);
+}
+.btn-primary {
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #006dcc;
+  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
+  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
+  border-color: #0044cc #0044cc #002a80;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  *background-color: #0044cc;
+  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary:active,
+.btn-primary.active,
+.btn-primary.disabled,
+.btn-primary[disabled] {
+  color: #ffffff;
+  background-color: #0044cc;
+  *background-color: #003bb3;
+}
+.btn-primary:active,
+.btn-primary.active {
+  background-color: #003399 \9;
+}
+.btn-warning {
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #faa732;
+  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
+  background-image: -o-linear-gradient(top, #fbb450, #f89406);
+  background-image: linear-gradient(to bottom, #fbb450, #f89406);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
+  border-color: #f89406 #f89406 #ad6704;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  *background-color: #f89406;
+  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+.btn-warning:hover,
+.btn-warning:focus,
+.btn-warning:active,
+.btn-warning.active,
+.btn-warning.disabled,
+.btn-warning[disabled] {
+  color: #ffffff;
+  background-color: #f89406;
+  *background-color: #df8505;
+}
+.btn-warning:active,
+.btn-warning.active {
+  background-color: #c67605 \9;
+}
+.btn-danger {
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #da4f49;
+  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
+  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
+  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
+  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
+  border-color: #bd362f #bd362f #802420;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  *background-color: #bd362f;
+  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+.btn-danger:hover,
+.btn-danger:focus,
+.btn-danger:active,
+.btn-danger.active,
+.btn-danger.disabled,
+.btn-danger[disabled] {
+  color: #ffffff;
+  background-color: #bd362f;
+  *background-color: #a9302a;
+}
+.btn-danger:active,
+.btn-danger.active {
+  background-color: #942a25 \9;
+}
+.btn-success {
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #5bb75b;
+  background-image: -moz-linear-gradient(top, #62c462, #51a351);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
+  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
+  background-image: -o-linear-gradient(top, #62c462, #51a351);
+  background-image: linear-gradient(to bottom, #62c462, #51a351);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
+  border-color: #51a351 #51a351 #387038;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  *background-color: #51a351;
+  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+.btn-success:hover,
+.btn-success:focus,
+.btn-success:active,
+.btn-success.active,
+.btn-success.disabled,
+.btn-success[disabled] {
+  color: #ffffff;
+  background-color: #51a351;
+  *background-color: #499249;
+}
+.btn-success:active,
+.btn-success.active {
+  background-color: #408140 \9;
+}
+.btn-info {
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #49afcd;
+  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
+  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
+  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
+  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
+  border-color: #2f96b4 #2f96b4 #1f6377;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  *background-color: #2f96b4;
+  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+.btn-info:hover,
+.btn-info:focus,
+.btn-info:active,
+.btn-info.active,
+.btn-info.disabled,
+.btn-info[disabled] {
+  color: #ffffff;
+  background-color: #2f96b4;
+  *background-color: #2a85a0;
+}
+.btn-info:active,
+.btn-info.active {
+  background-color: #24748c \9;
+}
+.btn-inverse {
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #363636;
+  background-image: -moz-linear-gradient(top, #444444, #222222);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
+  background-image: -webkit-linear-gradient(top, #444444, #222222);
+  background-image: -o-linear-gradient(top, #444444, #222222);
+  background-image: linear-gradient(to bottom, #444444, #222222);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
+  border-color: #222222 #222222 #000000;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  *background-color: #222222;
+  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+.btn-inverse:hover,
+.btn-inverse:focus,
+.btn-inverse:active,
+.btn-inverse.active,
+.btn-inverse.disabled,
+.btn-inverse[disabled] {
+  color: #ffffff;
+  background-color: #222222;
+  *background-color: #151515;
+}
+.btn-inverse:active,
+.btn-inverse.active {
+  background-color: #080808 \9;
+}
+button.btn,
+input[type="submit"].btn {
+  *padding-top: 3px;
+  *padding-bottom: 3px;
+}
+button.btn::-moz-focus-inner,
+input[type="submit"].btn::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+button.btn.btn-large,
+input[type="submit"].btn.btn-large {
+  *padding-top: 7px;
+  *padding-bottom: 7px;
+}
+button.btn.btn-small,
+input[type="submit"].btn.btn-small {
+  *padding-top: 3px;
+  *padding-bottom: 3px;
+}
+button.btn.btn-mini,
+input[type="submit"].btn.btn-mini {
+  *padding-top: 1px;
+  *padding-bottom: 1px;
+}
+.btn-link,
+.btn-link:active,
+.btn-link[disabled] {
+  background-color: transparent;
+  background-image: none;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.btn-link {
+  border-color: transparent;
+  cursor: pointer;
+  color: #0088cc;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
+.btn-link:hover,
+.btn-link:focus {
+  color: #005580;
+  text-decoration: underline;
+  background-color: transparent;
+}
+.btn-link[disabled]:hover,
+.btn-link[disabled]:focus {
+  color: #333333;
+  text-decoration: none;
+}
+.btn-group {
+  position: relative;
+  display: inline-block;
+  *display: inline;
+  /* IE7 inline-block hack */
+  *zoom: 1;
+  font-size: 0;
+  vertical-align: middle;
+  white-space: nowrap;
+  *margin-left: .3em;
+}
+.btn-group:first-child {
+  *margin-left: 0;
+}
+.btn-group + .btn-group {
+  margin-left: 5px;
+}
+.btn-toolbar {
+  font-size: 0;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+.btn-toolbar > .btn + .btn,
+.btn-toolbar > .btn-group + .btn,
+.btn-toolbar > .btn + .btn-group {
+  margin-left: 5px;
+}
+.btn-group > .btn {
+  position: relative;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
+.btn-group > .btn + .btn {
+  margin-left: -1px;
+}
+.btn-group > .btn,
+.btn-group > .dropdown-menu,
+.btn-group > .popover {
+  font-size: 14px;
+}
+.btn-group > .btn-mini {
+  font-size: 10.5px;
+}
+.btn-group > .btn-small {
+  font-size: 11.9px;
+}
+.btn-group > .btn-large {
+  font-size: 17.5px;
+}
+.btn-group > .btn:first-child {
+  margin-left: 0;
+  -webkit-border-top-left-radius: 4px;
+  -moz-border-radius-topleft: 4px;
+  border-top-left-radius: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  -moz-border-radius-bottomleft: 4px;
+  border-bottom-left-radius: 4px;
+}
+.btn-group > .btn:last-child,
+.btn-group > .dropdown-toggle {
+  -webkit-border-top-right-radius: 4px;
+  -moz-border-radius-topright: 4px;
+  border-top-right-radius: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  -moz-border-radius-bottomright: 4px;
+  border-bottom-right-radius: 4px;
+}
+.btn-group > .btn.large:first-child {
+  margin-left: 0;
+  -webkit-border-top-left-radius: 6px;
+  -moz-border-radius-topleft: 6px;
+  border-top-left-radius: 6px;
+  -webkit-border-bottom-left-radius: 6px;
+  -moz-border-radius-bottomleft: 6px;
+  border-bottom-left-radius: 6px;
+}
+.btn-group > .btn.large:last-child,
+.btn-group > .large.dropdown-toggle {
+  -webkit-border-top-right-radius: 6px;
+  -moz-border-radius-topright: 6px;
+  border-top-right-radius: 6px;
+  -webkit-border-bottom-right-radius: 6px;
+  -moz-border-radius-bottomright: 6px;
+  border-bottom-right-radius: 6px;
+}
+.btn-group > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group > .btn:active,
+.btn-group > .btn.active {
+  z-index: 2;
+}
+.btn-group .dropdown-toggle:active,
+.btn-group.open .dropdown-toggle {
+  outline: 0;
+}
+.btn-group > .btn + .dropdown-toggle {
+  padding-left: 8px;
+  padding-right: 8px;
+  -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  *padding-top: 5px;
+  *padding-bottom: 5px;
+}
+.btn-group > .btn-mini + .dropdown-toggle {
+  padding-left: 5px;
+  padding-right: 5px;
+  *padding-top: 2px;
+  *padding-bottom: 2px;
+}
+.btn-group > .btn-small + .dropdown-toggle {
+  *padding-top: 5px;
+  *padding-bottom: 4px;
+}
+.btn-group > .btn-large + .dropdown-toggle {
+  padding-left: 12px;
+  padding-right: 12px;
+  *padding-top: 7px;
+  *padding-bottom: 7px;
+}
+.btn-group.open .dropdown-toggle {
+  background-image: none;
+  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
+  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
+  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
+}
+.btn-group.open .btn.dropdown-toggle {
+  background-color: #e6e6e6;
+}
+.btn-group.open .btn-primary.dropdown-toggle {
+  background-color: #0044cc;
+}
+.btn-group.open .btn-warning.dropdown-toggle {
+  background-color: #f89406;
+}
+.btn-group.open .btn-danger.dropdown-toggle {
+  background-color: #bd362f;
+}
+.btn-group.open .btn-success.dropdown-toggle {
+  background-color: #51a351;
+}
+.btn-group.open .btn-info.dropdown-toggle {
+  background-color: #2f96b4;
+}
+.btn-group.open .btn-inverse.dropdown-toggle {
+  background-color: #222222;
+}
+.btn .caret {
+  margin-top: 8px;
+  margin-left: 0;
+}
+.btn-large .caret {
+  margin-top: 6px;
+}
+.btn-large .caret {
+  border-left-width: 5px;
+  border-right-width: 5px;
+  border-top-width: 5px;
+}
+.btn-mini .caret,
+.btn-small .caret {
+  margin-top: 8px;
+}
+.dropup .btn-large .caret {
+  border-bottom-width: 5px;
+}
+.btn-primary .caret,
+.btn-warning .caret,
+.btn-danger .caret,
+.btn-info .caret,
+.btn-success .caret,
+.btn-inverse .caret {
+  border-top-color: #ffffff;
+  border-bottom-color: #ffffff;
+}
+.btn-group-vertical {
+  display: inline-block;
+  *display: inline;
+  /* IE7 inline-block hack */
+  *zoom: 1;
+}
+.btn-group-vertical > .btn {
+  display: block;
+  float: none;
+  max-width: 100%;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
+.btn-group-vertical > .btn + .btn {
+  margin-left: 0;
+  margin-top: -1px;
+}
+.btn-group-vertical > .btn:first-child {
+  -webkit-border-radius: 4px 4px 0 0;
+  -moz-border-radius: 4px 4px 0 0;
+  border-radius: 4px 4px 0 0;
+}
+.btn-group-vertical > .btn:last-child {
+  -webkit-border-radius: 0 0 4px 4px;
+  -moz-border-radius: 0 0 4px 4px;
+  border-radius: 0 0 4px 4px;
+}
+.btn-group-vertical > .btn-large:first-child {
+  -webkit-border-radius: 6px 6px 0 0;
+  -moz-border-radius: 6px 6px 0 0;
+  border-radius: 6px 6px 0 0;
+}
+.btn-group-vertical > .btn-large:last-child {
+  -webkit-border-radius: 0 0 6px 6px;
+  -moz-border-radius: 0 0 6px 6px;
+  border-radius: 0 0 6px 6px;
+}
+.alert {
+  padding: 8px 35px 8px 14px;
+  margin-bottom: 20px;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+  background-color: #fcf8e3;
+  border: 1px solid #fbeed5;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+.alert,
+.alert h4 {
+  color: #c09853;
+}
+.alert h4 {
+  margin: 0;
+}
+.alert .close {
+  position: relative;
+  top: -2px;
+  right: -21px;
+  line-height: 20px;
+}
+.alert-success {
+  background-color: #dff0d8;
+  border-color: #d6e9c6;
+  color: #468847;
+}
+.alert-success h4 {
+  color: #468847;
+}
+.alert-danger,
+.alert-error {
+  background-color: #f2dede;
+  border-color: #eed3d7;
+  color: #b94a48;
+}
+.alert-danger h4,
+.alert-error h4 {
+  color: #b94a48;
+}
+.alert-info {
+  background-color: #d9edf7;
+  border-color: #bce8f1;
+  color: #3a87ad;
+}
+.alert-info h4 {
+  color: #3a87ad;
+}
+.alert-block {
+  padding-top: 14px;
+  padding-bottom: 14px;
+}
+.alert-block > p,
+.alert-block > ul {
+  margin-bottom: 0;
+}
+.alert-block p + p {
+  margin-top: 5px;
+}
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  background-color: #000000;
+}
+.modal-backdrop.fade {
+  opacity: 0;
+}
+.modal-backdrop,
+.modal-backdrop.fade.in {
+  opacity: 0.8;
+  filter: alpha(opacity=80);
+}
+.modal {
+  position: fixed;
+  top: 10%;
+  left: 50%;
+  z-index: 1050;
+  width: 560px;
+  margin-left: -280px;
+  background-color: #ffffff;
+  border: 1px solid #999;
+  border: 1px solid rgba(0, 0, 0, 0.3);
+  *border: 1px solid #999;
+  /* IE6-7 */
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+  -webkit-background-clip: padding-box;
+  -moz-background-clip: padding-box;
+  background-clip: padding-box;
+  outline: none;
+}
+.modal.fade {
+  -webkit-transition: opacity .3s linear, top .3s ease-out;
+  -moz-transition: opacity .3s linear, top .3s ease-out;
+  -o-transition: opacity .3s linear, top .3s ease-out;
+  transition: opacity .3s linear, top .3s ease-out;
+  top: -25%;
+}
+.modal.fade.in {
+  top: 10%;
+}
+.modal-header {
+  padding: 9px 15px;
+  border-bottom: 1px solid #eee;
+}
+.modal-header .close {
+  margin-top: 2px;
+}
+.modal-header h3 {
+  margin: 0;
+  line-height: 30px;
+}
+.modal-body {
+  position: relative;
+  overflow-y: auto;
+  max-height: 400px;
+  padding: 15px;
+}
+.modal-form {
+  margin-bottom: 0;
+}
+.modal-footer {
+  padding: 14px 15px 15px;
+  margin-bottom: 0;
+  text-align: right;
+  background-color: #f5f5f5;
+  border-top: 1px solid #ddd;
+  -webkit-border-radius: 0 0 6px 6px;
+  -moz-border-radius: 0 0 6px 6px;
+  border-radius: 0 0 6px 6px;
+  -webkit-box-shadow: inset 0 1px 0 #ffffff;
+  -moz-box-shadow: inset 0 1px 0 #ffffff;
+  box-shadow: inset 0 1px 0 #ffffff;
+  *zoom: 1;
+}
+.modal-footer:before,
+.modal-footer:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.modal-footer:after {
+  clear: both;
+}
+.modal-footer .btn + .btn {
+  margin-left: 5px;
+  margin-bottom: 0;
+}
+.modal-footer .btn-group .btn + .btn {
+  margin-left: -1px;
+}
+.modal-footer .btn-block + .btn-block {
+  margin-left: 0;
+}
+.tooltip {
+  position: absolute;
+  z-index: 1030;
+  display: block;
+  visibility: visible;
+  font-size: 11px;
+  line-height: 1.4;
+  opacity: 0;
+  filter: alpha(opacity=0);
+}
+.tooltip.in {
+  opacity: 0.8;
+  filter: alpha(opacity=80);
+}
+.tooltip.top {
+  margin-top: -3px;
+  padding: 5px 0;
+}
+.tooltip.right {
+  margin-left: 3px;
+  padding: 0 5px;
+}
+.tooltip.bottom {
+  margin-top: 3px;
+  padding: 5px 0;
+}
+.tooltip.left {
+  margin-left: -3px;
+  padding: 0 5px;
+}
+.tooltip-inner {
+  max-width: 200px;
+  padding: 8px;
+  color: #ffffff;
+  text-align: center;
+  text-decoration: none;
+  background-color: #000000;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+.tooltip-arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+.tooltip.top .tooltip-arrow {
+  bottom: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px 5px 0;
+  border-top-color: #000000;
+}
+.tooltip.right .tooltip-arrow {
+  top: 50%;
+  left: 0;
+  margin-top: -5px;
+  border-width: 5px 5px 5px 0;
+  border-right-color: #000000;
+}
+.tooltip.left .tooltip-arrow {
+  top: 50%;
+  right: 0;
+  margin-top: -5px;
+  border-width: 5px 0 5px 5px;
+  border-left-color: #000000;
+}
+.tooltip.bottom .tooltip-arrow {
+  top: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 0 5px 5px;
+  border-bottom-color: #000000;
+}
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1010;
+  display: none;
+  max-width: 276px;
+  padding: 1px;
+  text-align: left;
+  background-color: #ffffff;
+  -webkit-background-clip: padding-box;
+  -moz-background-clip: padding;
+  background-clip: padding-box;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  white-space: normal;
+}
+.popover.top {
+  margin-top: -10px;
+}
+.popover.right {
+  margin-left: 10px;
+}
+.popover.bottom {
+  margin-top: 10px;
+}
+.popover.left {
+  margin-left: -10px;
+}
+.popover-title {
+  margin: 0;
+  padding: 8px 14px;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 18px;
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #ebebeb;
+  -webkit-border-radius: 5px 5px 0 0;
+  -moz-border-radius: 5px 5px 0 0;
+  border-radius: 5px 5px 0 0;
+}
+.popover-title:empty {
+  display: none;
+}
+.popover-content {
+  padding: 9px 14px;
+}
+.popover .arrow,
+.popover .arrow:after {
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+.popover .arrow {
+  border-width: 11px;
+}
+.popover .arrow:after {
+  border-width: 10px;
+  content: "";
+}
+.popover.top .arrow {
+  left: 50%;
+  margin-left: -11px;
+  border-bottom-width: 0;
+  border-top-color: #999;
+  border-top-color: rgba(0, 0, 0, 0.25);
+  bottom: -11px;
+}
+.popover.top .arrow:after {
+  bottom: 1px;
+  margin-left: -10px;
+  border-bottom-width: 0;
+  border-top-color: #ffffff;
+}
+.popover.right .arrow {
+  top: 50%;
+  left: -11px;
+  margin-top: -11px;
+  border-left-width: 0;
+  border-right-color: #999;
+  border-right-color: rgba(0, 0, 0, 0.25);
+}
+.popover.right .arrow:after {
+  left: 1px;
+  bottom: -10px;
+  border-left-width: 0;
+  border-right-color: #ffffff;
+}
+.popover.bottom .arrow {
+  left: 50%;
+  margin-left: -11px;
+  border-top-width: 0;
+  border-bottom-color: #999;
+  border-bottom-color: rgba(0, 0, 0, 0.25);
+  top: -11px;
+}
+.popover.bottom .arrow:after {
+  top: 1px;
+  margin-left: -10px;
+  border-top-width: 0;
+  border-bottom-color: #ffffff;
+}
+.popover.left .arrow {
+  top: 50%;
+  right: -11px;
+  margin-top: -11px;
+  border-right-width: 0;
+  border-left-color: #999;
+  border-left-color: rgba(0, 0, 0, 0.25);
+}
+.popover.left .arrow:after {
+  right: 1px;
+  border-right-width: 0;
+  border-left-color: #ffffff;
+  bottom: -10px;
+}
+.thumbnails {
+  margin-left: -20px;
+  list-style: none;
+  *zoom: 1;
+}
+.thumbnails:before,
+.thumbnails:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.thumbnails:after {
+  clear: both;
+}
+.row-fluid .thumbnails {
+  margin-left: 0;
+}
+.thumbnails > li {
+  float: left;
+  margin-bottom: 20px;
+  margin-left: 20px;
+}
+.thumbnail {
+  display: block;
+  padding: 4px;
+  line-height: 20px;
+  border: 1px solid #ddd;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+a.thumbnail:hover,
+a.thumbnail:focus {
+  border-color: #0088cc;
+  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
+  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
+  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
+}
+.thumbnail > img {
+  display: block;
+  max-width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.thumbnail .caption {
+  padding: 9px;
+  color: #555555;
+}
+.media,
+.media-body {
+  overflow: hidden;
+  *overflow: visible;
+  zoom: 1;
+}
+.media,
+.media .media {
+  margin-top: 15px;
+}
+.media:first-child {
+  margin-top: 0;
+}
+.media-object {
+  display: block;
+}
+.media-heading {
+  margin: 0 0 5px;
+}
+.media > .pull-left {
+  margin-right: 10px;
+}
+.media > .pull-right {
+  margin-left: 10px;
+}
+.media-list {
+  margin-left: 0;
+  list-style: none;
+}
+.label,
+.badge {
+  display: inline-block;
+  padding: 2px 4px;
+  font-size: 11.844px;
+  font-weight: bold;
+  line-height: 14px;
+  color: #ffffff;
+  vertical-align: baseline;
+  white-space: nowrap;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #999999;
+}
+.label {
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
+.badge {
+  padding-left: 9px;
+  padding-right: 9px;
+  -webkit-border-radius: 9px;
+  -moz-border-radius: 9px;
+  border-radius: 9px;
+}
+.label:empty,
+.badge:empty {
+  display: none;
+}
+a.label:hover,
+a.label:focus,
+a.badge:hover,
+a.badge:focus {
+  color: #ffffff;
+  text-decoration: none;
+  cursor: pointer;
+}
+.label-important,
+.badge-important {
+  background-color: #b94a48;
+}
+.label-important[href],
+.badge-important[href] {
+  background-color: #953b39;
+}
+.label-warning,
+.badge-warning {
+  background-color: #f89406;
+}
+.label-warning[href],
+.badge-warning[href] {
+  background-color: #c67605;
+}
+.label-success,
+.badge-success {
+  background-color: #468847;
+}
+.label-success[href],
+.badge-success[href] {
+  background-color: #356635;
+}
+.label-info,
+.badge-info {
+  background-color: #3a87ad;
+}
+.label-info[href],
+.badge-info[href] {
+  background-color: #2d6987;
+}
+.label-inverse,
+.badge-inverse {
+  background-color: #333333;
+}
+.label-inverse[href],
+.badge-inverse[href] {
+  background-color: #1a1a1a;
+}
+.btn .label,
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+.btn-mini .label,
+.btn-mini .badge {
+  top: 0;
+}
+@-webkit-keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+@-moz-keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+@-ms-keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+@-o-keyframes progress-bar-stripes {
+  from {
+    background-position: 0 0;
+  }
+  to {
+    background-position: 40px 0;
+  }
+}
+@keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+.progress {
+  overflow: hidden;
+  height: 20px;
+  margin-bottom: 20px;
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+.progress .bar {
+  width: 0%;
+  height: 100%;
+  color: #ffffff;
+  float: left;
+  font-size: 12px;
+  text-align: center;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #0e90d2;
+  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
+  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
+  background-image: -o-linear-gradient(top, #149bdf, #0480be);
+  background-image: linear-gradient(to bottom, #149bdf, #0480be);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-transition: width 0.6s ease;
+  -moz-transition: width 0.6s ease;
+  -o-transition: width 0.6s ease;
+  transition: width 0.6s ease;
+}
+.progress .bar + .bar {
+  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
+  -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
+  box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
+}
+.progress-striped .bar {
+  background-color: #149bdf;
+  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  -webkit-background-size: 40px 40px;
+  -moz-background-size: 40px 40px;
+  -o-background-size: 40px 40px;
+  background-size: 40px 40px;
+}
+.progress.active .bar {
+  -webkit-animation: progress-bar-stripes 2s linear infinite;
+  -moz-animation: progress-bar-stripes 2s linear infinite;
+  -ms-animation: progress-bar-stripes 2s linear infinite;
+  -o-animation: progress-bar-stripes 2s linear infinite;
+  animation: progress-bar-stripes 2s linear infinite;
+}
+.progress-danger .bar,
+.progress .bar-danger {
+  background-color: #dd514c;
+  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
+  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
+}
+.progress-danger.progress-striped .bar,
+.progress-striped .bar-danger {
+  background-color: #ee5f5b;
+  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.progress-success .bar,
+.progress .bar-success {
+  background-color: #5eb95e;
+  background-image: -moz-linear-gradient(top, #62c462, #57a957);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
+  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
+  background-image: -o-linear-gradient(top, #62c462, #57a957);
+  background-image: linear-gradient(to bottom, #62c462, #57a957);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
+}
+.progress-success.progress-striped .bar,
+.progress-striped .bar-success {
+  background-color: #62c462;
+  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.progress-info .bar,
+.progress .bar-info {
+  background-color: #4bb1cf;
+  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
+  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
+}
+.progress-info.progress-striped .bar,
+.progress-striped .bar-info {
+  background-color: #5bc0de;
+  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.progress-warning .bar,
+.progress .bar-warning {
+  background-color: #faa732;
+  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
+  background-image: -o-linear-gradient(top, #fbb450, #f89406);
+  background-image: linear-gradient(to bottom, #fbb450, #f89406);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
+}
+.progress-warning.progress-striped .bar,
+.progress-striped .bar-warning {
+  background-color: #fbb450;
+  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.accordion {
+  margin-bottom: 20px;
+}
+.accordion-group {
+  margin-bottom: 2px;
+  border: 1px solid #e5e5e5;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+.accordion-heading {
+  border-bottom: 0;
+}
+.accordion-heading .accordion-toggle {
+  display: block;
+  padding: 8px 15px;
+}
+.accordion-toggle {
+  cursor: pointer;
+}
+.accordion-inner {
+  padding: 9px 15px;
+  border-top: 1px solid #e5e5e5;
+}
+.carousel {
+  position: relative;
+  margin-bottom: 20px;
+  line-height: 1;
+}
+.carousel-inner {
+  overflow: hidden;
+  width: 100%;
+  position: relative;
+}
+.carousel-inner > .item {
+  display: none;
+  position: relative;
+  -webkit-transition: 0.6s ease-in-out left;
+  -moz-transition: 0.6s ease-in-out left;
+  -o-transition: 0.6s ease-in-out left;
+  transition: 0.6s ease-in-out left;
+}
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
+  display: block;
+  line-height: 1;
+}
+.carousel-inner > .active,
+.carousel-inner > .next,
+.carousel-inner > .prev {
+  display: block;
+}
+.carousel-inner > .active {
+  left: 0;
+}
+.carousel-inner > .next,
+.carousel-inner > .prev {
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.carousel-inner > .next {
+  left: 100%;
+}
+.carousel-inner > .prev {
+  left: -100%;
+}
+.carousel-inner > .next.left,
+.carousel-inner > .prev.right {
+  left: 0;
+}
+.carousel-inner > .active.left {
+  left: -100%;
+}
+.carousel-inner > .active.right {
+  left: 100%;
+}
+.carousel-control {
+  position: absolute;
+  top: 40%;
+  left: 15px;
+  width: 40px;
+  height: 40px;
+  margin-top: -20px;
+  font-size: 60px;
+  font-weight: 100;
+  line-height: 30px;
+  color: #ffffff;
+  text-align: center;
+  background: #222222;
+  border: 3px solid #ffffff;
+  -webkit-border-radius: 23px;
+  -moz-border-radius: 23px;
+  border-radius: 23px;
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+}
+.carousel-control.right {
+  left: auto;
+  right: 15px;
+}
+.carousel-control:hover,
+.carousel-control:focus {
+  color: #ffffff;
+  text-decoration: none;
+  opacity: 0.9;
+  filter: alpha(opacity=90);
+}
+.carousel-indicators {
+  position: absolute;
+  top: 15px;
+  right: 15px;
+  z-index: 5;
+  margin: 0;
+  list-style: none;
+}
+.carousel-indicators li {
+  display: block;
+  float: left;
+  width: 10px;
+  height: 10px;
+  margin-left: 5px;
+  text-indent: -999px;
+  background-color: #ccc;
+  background-color: rgba(255, 255, 255, 0.25);
+  border-radius: 5px;
+}
+.carousel-indicators .active {
+  background-color: #fff;
+}
+.carousel-caption {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding: 15px;
+  background: #333333;
+  background: rgba(0, 0, 0, 0.75);
+}
+.carousel-caption h4,
+.carousel-caption p {
+  color: #ffffff;
+  line-height: 20px;
+}
+.carousel-caption h4 {
+  margin: 0 0 5px;
+}
+.carousel-caption p {
+  margin-bottom: 0;
+}
+.hero-unit {
+  padding: 60px;
+  margin-bottom: 30px;
+  font-size: 18px;
+  font-weight: 200;
+  line-height: 30px;
+  color: inherit;
+  background-color: #eeeeee;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+.hero-unit h1 {
+  margin-bottom: 0;
+  font-size: 60px;
+  line-height: 1;
+  color: inherit;
+  letter-spacing: -1px;
+}
+.hero-unit li {
+  line-height: 30px;
+}
+.pull-right {
+  float: right;
+}
+.pull-left {
+  float: left;
+}
+.hide {
+  display: none;
+}
+.show {
+  display: block;
+}
+.invisible {
+  visibility: hidden;
+}
+.affix {
+  position: fixed;
+}
diff --git a/sites/all/themes/gui/materiobasetheme/components/bootstrap/css/media.css b/sites/all/themes/gui/materiobasetheme/components/bootstrap/css/media.css
new file mode 100644
index 00000000..ad2090f6
--- /dev/null
+++ b/sites/all/themes/gui/materiobasetheme/components/bootstrap/css/media.css
@@ -0,0 +1,29 @@
+.media,
+.media-body {
+  overflow: hidden;
+  *overflow: visible;
+  zoom: 1;
+}
+.media,
+.media .media {
+  margin-top: 15px;
+}
+.media:first-child {
+  margin-top: 0;
+}
+.media-object {
+  display: block;
+}
+.media-heading {
+  margin: 0 0 5px;
+}
+.media > .pull-left {
+  margin-right: 10px;
+}
+.media > .pull-right {
+  margin-left: 10px;
+}
+.media-list {
+  margin-left: 0;
+  list-style: none;
+}
diff --git a/sites/all/themes/gui/materiobasetheme/components/bootstrap/css/responsive-utilities.css b/sites/all/themes/gui/materiobasetheme/components/bootstrap/css/responsive-utilities.css
new file mode 100644
index 00000000..20f23d1d
--- /dev/null
+++ b/sites/all/themes/gui/materiobasetheme/components/bootstrap/css/responsive-utilities.css
@@ -0,0 +1,58 @@
+@-ms-viewport {
+  width: device-width;
+}
+.hidden {
+  display: none;
+  visibility: hidden;
+}
+.visible-phone {
+  display: none !important;
+}
+.visible-tablet {
+  display: none !important;
+}
+.hidden-desktop {
+  display: none !important;
+}
+.visible-desktop {
+  display: inherit !important;
+}
+@media (min-width: 768px) and (max-width: 979px) {
+  .hidden-desktop {
+    display: inherit !important;
+  }
+  .visible-desktop {
+    display: none !important ;
+  }
+  .visible-tablet {
+    display: inherit !important;
+  }
+  .hidden-tablet {
+    display: none !important;
+  }
+}
+@media (max-width: 767px) {
+  .hidden-desktop {
+    display: inherit !important;
+  }
+  .visible-desktop {
+    display: none !important;
+  }
+  .visible-phone {
+    display: inherit !important;
+  }
+  .hidden-phone {
+    display: none !important;
+  }
+}
+.visible-print {
+  display: none !important;
+}
+@media print {
+  .visible-print {
+    display: inherit !important;
+  }
+  .hidden-print {
+    display: none !important;
+  }
+}
diff --git a/sites/all/themes/gui/materiobasetheme/components/bootstrap/css/responsive.css b/sites/all/themes/gui/materiobasetheme/components/bootstrap/css/responsive.css
new file mode 100644
index 00000000..c02d0ec6
--- /dev/null
+++ b/sites/all/themes/gui/materiobasetheme/components/bootstrap/css/responsive.css
@@ -0,0 +1,1088 @@
+/*!
+ * Bootstrap Responsive v2.3.2
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ */
+.clearfix {
+  *zoom: 1;
+}
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.clearfix:after {
+  clear: both;
+}
+.hide-text {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+.input-block-level {
+  display: block;
+  width: 100%;
+  min-height: 30px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+@-ms-viewport {
+  width: device-width;
+}
+.hidden {
+  display: none;
+  visibility: hidden;
+}
+.visible-phone {
+  display: none !important;
+}
+.visible-tablet {
+  display: none !important;
+}
+.hidden-desktop {
+  display: none !important;
+}
+.visible-desktop {
+  display: inherit !important;
+}
+@media (min-width: 768px) and (max-width: 979px) {
+  .hidden-desktop {
+    display: inherit !important;
+  }
+  .visible-desktop {
+    display: none !important ;
+  }
+  .visible-tablet {
+    display: inherit !important;
+  }
+  .hidden-tablet {
+    display: none !important;
+  }
+}
+@media (max-width: 767px) {
+  .hidden-desktop {
+    display: inherit !important;
+  }
+  .visible-desktop {
+    display: none !important;
+  }
+  .visible-phone {
+    display: inherit !important;
+  }
+  .hidden-phone {
+    display: none !important;
+  }
+}
+.visible-print {
+  display: none !important;
+}
+@media print {
+  .visible-print {
+    display: inherit !important;
+  }
+  .hidden-print {
+    display: none !important;
+  }
+}
+@media (min-width: 1200px) {
+  .row {
+    margin-left: -30px;
+    *zoom: 1;
+  }
+  .row:before,
+  .row:after {
+    display: table;
+    content: "";
+    line-height: 0;
+  }
+  .row:after {
+    clear: both;
+  }
+  [class*="span"] {
+    float: left;
+    min-height: 1px;
+    margin-left: 30px;
+  }
+  .container,
+  .navbar-static-top .container,
+  .navbar-fixed-top .container,
+  .navbar-fixed-bottom .container {
+    width: 1170px;
+  }
+  .span12 {
+    width: 1170px;
+  }
+  .span11 {
+    width: 1070px;
+  }
+  .span10 {
+    width: 970px;
+  }
+  .span9 {
+    width: 870px;
+  }
+  .span8 {
+    width: 770px;
+  }
+  .span7 {
+    width: 670px;
+  }
+  .span6 {
+    width: 570px;
+  }
+  .span5 {
+    width: 470px;
+  }
+  .span4 {
+    width: 370px;
+  }
+  .span3 {
+    width: 270px;
+  }
+  .span2 {
+    width: 170px;
+  }
+  .span1 {
+    width: 70px;
+  }
+  .offset12 {
+    margin-left: 1230px;
+  }
+  .offset11 {
+    margin-left: 1130px;
+  }
+  .offset10 {
+    margin-left: 1030px;
+  }
+  .offset9 {
+    margin-left: 930px;
+  }
+  .offset8 {
+    margin-left: 830px;
+  }
+  .offset7 {
+    margin-left: 730px;
+  }
+  .offset6 {
+    margin-left: 630px;
+  }
+  .offset5 {
+    margin-left: 530px;
+  }
+  .offset4 {
+    margin-left: 430px;
+  }
+  .offset3 {
+    margin-left: 330px;
+  }
+  .offset2 {
+    margin-left: 230px;
+  }
+  .offset1 {
+    margin-left: 130px;
+  }
+  .row-fluid {
+    width: 100%;
+    *zoom: 1;
+  }
+  .row-fluid:before,
+  .row-fluid:after {
+    display: table;
+    content: "";
+    line-height: 0;
+  }
+  .row-fluid:after {
+    clear: both;
+  }
+  .row-fluid [class*="span"] {
+    display: block;
+    width: 100%;
+    min-height: 30px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    float: left;
+    margin-left: 2.56410256%;
+    *margin-left: 2.51091107%;
+  }
+  .row-fluid [class*="span"]:first-child {
+    margin-left: 0;
+  }
+  .row-fluid .controls-row [class*="span"] + [class*="span"] {
+    margin-left: 2.56410256%;
+  }
+  .row-fluid .span12 {
+    width: 100%;
+    *width: 99.94680851%;
+  }
+  .row-fluid .span11 {
+    width: 91.45299145%;
+    *width: 91.39979996%;
+  }
+  .row-fluid .span10 {
+    width: 82.90598291%;
+    *width: 82.85279142%;
+  }
+  .row-fluid .span9 {
+    width: 74.35897436%;
+    *width: 74.30578287%;
+  }
+  .row-fluid .span8 {
+    width: 65.81196581%;
+    *width: 65.75877432%;
+  }
+  .row-fluid .span7 {
+    width: 57.26495726%;
+    *width: 57.21176578%;
+  }
+  .row-fluid .span6 {
+    width: 48.71794872%;
+    *width: 48.66475723%;
+  }
+  .row-fluid .span5 {
+    width: 40.17094017%;
+    *width: 40.11774868%;
+  }
+  .row-fluid .span4 {
+    width: 31.62393162%;
+    *width: 31.57074013%;
+  }
+  .row-fluid .span3 {
+    width: 23.07692308%;
+    *width: 23.02373159%;
+  }
+  .row-fluid .span2 {
+    width: 14.52991453%;
+    *width: 14.47672304%;
+  }
+  .row-fluid .span1 {
+    width: 5.98290598%;
+    *width: 5.92971449%;
+  }
+  .row-fluid .offset12 {
+    margin-left: 105.12820513%;
+    *margin-left: 105.02182215%;
+  }
+  .row-fluid .offset12:first-child {
+    margin-left: 102.56410256%;
+    *margin-left: 102.45771959%;
+  }
+  .row-fluid .offset11 {
+    margin-left: 96.58119658%;
+    *margin-left: 96.4748136%;
+  }
+  .row-fluid .offset11:first-child {
+    margin-left: 94.01709402%;
+    *margin-left: 93.91071104%;
+  }
+  .row-fluid .offset10 {
+    margin-left: 88.03418803%;
+    *margin-left: 87.92780506%;
+  }
+  .row-fluid .offset10:first-child {
+    margin-left: 85.47008547%;
+    *margin-left: 85.36370249%;
+  }
+  .row-fluid .offset9 {
+    margin-left: 79.48717949%;
+    *margin-left: 79.38079651%;
+  }
+  .row-fluid .offset9:first-child {
+    margin-left: 76.92307692%;
+    *margin-left: 76.81669394%;
+  }
+  .row-fluid .offset8 {
+    margin-left: 70.94017094%;
+    *margin-left: 70.83378796%;
+  }
+  .row-fluid .offset8:first-child {
+    margin-left: 68.37606838%;
+    *margin-left: 68.2696854%;
+  }
+  .row-fluid .offset7 {
+    margin-left: 62.39316239%;
+    *margin-left: 62.28677941%;
+  }
+  .row-fluid .offset7:first-child {
+    margin-left: 59.82905983%;
+    *margin-left: 59.72267685%;
+  }
+  .row-fluid .offset6 {
+    margin-left: 53.84615385%;
+    *margin-left: 53.73977087%;
+  }
+  .row-fluid .offset6:first-child {
+    margin-left: 51.28205128%;
+    *margin-left: 51.1756683%;
+  }
+  .row-fluid .offset5 {
+    margin-left: 45.2991453%;
+    *margin-left: 45.19276232%;
+  }
+  .row-fluid .offset5:first-child {
+    margin-left: 42.73504274%;
+    *margin-left: 42.62865976%;
+  }
+  .row-fluid .offset4 {
+    margin-left: 36.75213675%;
+    *margin-left: 36.64575377%;
+  }
+  .row-fluid .offset4:first-child {
+    margin-left: 34.18803419%;
+    *margin-left: 34.08165121%;
+  }
+  .row-fluid .offset3 {
+    margin-left: 28.20512821%;
+    *margin-left: 28.09874523%;
+  }
+  .row-fluid .offset3:first-child {
+    margin-left: 25.64102564%;
+    *margin-left: 25.53464266%;
+  }
+  .row-fluid .offset2 {
+    margin-left: 19.65811966%;
+    *margin-left: 19.55173668%;
+  }
+  .row-fluid .offset2:first-child {
+    margin-left: 17.09401709%;
+    *margin-left: 16.98763412%;
+  }
+  .row-fluid .offset1 {
+    margin-left: 11.11111111%;
+    *margin-left: 11.00472813%;
+  }
+  .row-fluid .offset1:first-child {
+    margin-left: 8.54700855%;
+    *margin-left: 8.44062557%;
+  }
+  input,
+  textarea,
+  .uneditable-input {
+    margin-left: 0;
+  }
+  .controls-row [class*="span"] + [class*="span"] {
+    margin-left: 30px;
+  }
+  input.span12,
+  textarea.span12,
+  .uneditable-input.span12 {
+    width: 1156px;
+  }
+  input.span11,
+  textarea.span11,
+  .uneditable-input.span11 {
+    width: 1056px;
+  }
+  input.span10,
+  textarea.span10,
+  .uneditable-input.span10 {
+    width: 956px;
+  }
+  input.span9,
+  textarea.span9,
+  .uneditable-input.span9 {
+    width: 856px;
+  }
+  input.span8,
+  textarea.span8,
+  .uneditable-input.span8 {
+    width: 756px;
+  }
+  input.span7,
+  textarea.span7,
+  .uneditable-input.span7 {
+    width: 656px;
+  }
+  input.span6,
+  textarea.span6,
+  .uneditable-input.span6 {
+    width: 556px;
+  }
+  input.span5,
+  textarea.span5,
+  .uneditable-input.span5 {
+    width: 456px;
+  }
+  input.span4,
+  textarea.span4,
+  .uneditable-input.span4 {
+    width: 356px;
+  }
+  input.span3,
+  textarea.span3,
+  .uneditable-input.span3 {
+    width: 256px;
+  }
+  input.span2,
+  textarea.span2,
+  .uneditable-input.span2 {
+    width: 156px;
+  }
+  input.span1,
+  textarea.span1,
+  .uneditable-input.span1 {
+    width: 56px;
+  }
+  .thumbnails {
+    margin-left: -30px;
+  }
+  .thumbnails > li {
+    margin-left: 30px;
+  }
+  .row-fluid .thumbnails {
+    margin-left: 0;
+  }
+}
+@media (min-width: 768px) and (max-width: 979px) {
+  .row {
+    margin-left: -20px;
+    *zoom: 1;
+  }
+  .row:before,
+  .row:after {
+    display: table;
+    content: "";
+    line-height: 0;
+  }
+  .row:after {
+    clear: both;
+  }
+  [class*="span"] {
+    float: left;
+    min-height: 1px;
+    margin-left: 20px;
+  }
+  .container,
+  .navbar-static-top .container,
+  .navbar-fixed-top .container,
+  .navbar-fixed-bottom .container {
+    width: 724px;
+  }
+  .span12 {
+    width: 724px;
+  }
+  .span11 {
+    width: 662px;
+  }
+  .span10 {
+    width: 600px;
+  }
+  .span9 {
+    width: 538px;
+  }
+  .span8 {
+    width: 476px;
+  }
+  .span7 {
+    width: 414px;
+  }
+  .span6 {
+    width: 352px;
+  }
+  .span5 {
+    width: 290px;
+  }
+  .span4 {
+    width: 228px;
+  }
+  .span3 {
+    width: 166px;
+  }
+  .span2 {
+    width: 104px;
+  }
+  .span1 {
+    width: 42px;
+  }
+  .offset12 {
+    margin-left: 764px;
+  }
+  .offset11 {
+    margin-left: 702px;
+  }
+  .offset10 {
+    margin-left: 640px;
+  }
+  .offset9 {
+    margin-left: 578px;
+  }
+  .offset8 {
+    margin-left: 516px;
+  }
+  .offset7 {
+    margin-left: 454px;
+  }
+  .offset6 {
+    margin-left: 392px;
+  }
+  .offset5 {
+    margin-left: 330px;
+  }
+  .offset4 {
+    margin-left: 268px;
+  }
+  .offset3 {
+    margin-left: 206px;
+  }
+  .offset2 {
+    margin-left: 144px;
+  }
+  .offset1 {
+    margin-left: 82px;
+  }
+  .row-fluid {
+    width: 100%;
+    *zoom: 1;
+  }
+  .row-fluid:before,
+  .row-fluid:after {
+    display: table;
+    content: "";
+    line-height: 0;
+  }
+  .row-fluid:after {
+    clear: both;
+  }
+  .row-fluid [class*="span"] {
+    display: block;
+    width: 100%;
+    min-height: 30px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    float: left;
+    margin-left: 2.76243094%;
+    *margin-left: 2.70923945%;
+  }
+  .row-fluid [class*="span"]:first-child {
+    margin-left: 0;
+  }
+  .row-fluid .controls-row [class*="span"] + [class*="span"] {
+    margin-left: 2.76243094%;
+  }
+  .row-fluid .span12 {
+    width: 100%;
+    *width: 99.94680851%;
+  }
+  .row-fluid .span11 {
+    width: 91.43646409%;
+    *width: 91.3832726%;
+  }
+  .row-fluid .span10 {
+    width: 82.87292818%;
+    *width: 82.81973669%;
+  }
+  .row-fluid .span9 {
+    width: 74.30939227%;
+    *width: 74.25620078%;
+  }
+  .row-fluid .span8 {
+    width: 65.74585635%;
+    *width: 65.69266486%;
+  }
+  .row-fluid .span7 {
+    width: 57.18232044%;
+    *width: 57.12912895%;
+  }
+  .row-fluid .span6 {
+    width: 48.61878453%;
+    *width: 48.56559304%;
+  }
+  .row-fluid .span5 {
+    width: 40.05524862%;
+    *width: 40.00205713%;
+  }
+  .row-fluid .span4 {
+    width: 31.49171271%;
+    *width: 31.43852122%;
+  }
+  .row-fluid .span3 {
+    width: 22.9281768%;
+    *width: 22.87498531%;
+  }
+  .row-fluid .span2 {
+    width: 14.36464088%;
+    *width: 14.31144939%;
+  }
+  .row-fluid .span1 {
+    width: 5.80110497%;
+    *width: 5.74791348%;
+  }
+  .row-fluid .offset12 {
+    margin-left: 105.52486188%;
+    *margin-left: 105.4184789%;
+  }
+  .row-fluid .offset12:first-child {
+    margin-left: 102.76243094%;
+    *margin-left: 102.65604796%;
+  }
+  .row-fluid .offset11 {
+    margin-left: 96.96132597%;
+    *margin-left: 96.85494299%;
+  }
+  .row-fluid .offset11:first-child {
+    margin-left: 94.19889503%;
+    *margin-left: 94.09251205%;
+  }
+  .row-fluid .offset10 {
+    margin-left: 88.39779006%;
+    *margin-left: 88.29140708%;
+  }
+  .row-fluid .offset10:first-child {
+    margin-left: 85.63535912%;
+    *margin-left: 85.52897614%;
+  }
+  .row-fluid .offset9 {
+    margin-left: 79.83425414%;
+    *margin-left: 79.72787116%;
+  }
+  .row-fluid .offset9:first-child {
+    margin-left: 77.0718232%;
+    *margin-left: 76.96544023%;
+  }
+  .row-fluid .offset8 {
+    margin-left: 71.27071823%;
+    *margin-left: 71.16433525%;
+  }
+  .row-fluid .offset8:first-child {
+    margin-left: 68.50828729%;
+    *margin-left: 68.40190431%;
+  }
+  .row-fluid .offset7 {
+    margin-left: 62.70718232%;
+    *margin-left: 62.60079934%;
+  }
+  .row-fluid .offset7:first-child {
+    margin-left: 59.94475138%;
+    *margin-left: 59.8383684%;
+  }
+  .row-fluid .offset6 {
+    margin-left: 54.14364641%;
+    *margin-left: 54.03726343%;
+  }
+  .row-fluid .offset6:first-child {
+    margin-left: 51.38121547%;
+    *margin-left: 51.27483249%;
+  }
+  .row-fluid .offset5 {
+    margin-left: 45.5801105%;
+    *margin-left: 45.47372752%;
+  }
+  .row-fluid .offset5:first-child {
+    margin-left: 42.81767956%;
+    *margin-left: 42.71129658%;
+  }
+  .row-fluid .offset4 {
+    margin-left: 37.01657459%;
+    *margin-left: 36.91019161%;
+  }
+  .row-fluid .offset4:first-child {
+    margin-left: 34.25414365%;
+    *margin-left: 34.14776067%;
+  }
+  .row-fluid .offset3 {
+    margin-left: 28.45303867%;
+    *margin-left: 28.3466557%;
+  }
+  .row-fluid .offset3:first-child {
+    margin-left: 25.69060773%;
+    *margin-left: 25.58422476%;
+  }
+  .row-fluid .offset2 {
+    margin-left: 19.88950276%;
+    *margin-left: 19.78311978%;
+  }
+  .row-fluid .offset2:first-child {
+    margin-left: 17.12707182%;
+    *margin-left: 17.02068884%;
+  }
+  .row-fluid .offset1 {
+    margin-left: 11.32596685%;
+    *margin-left: 11.21958387%;
+  }
+  .row-fluid .offset1:first-child {
+    margin-left: 8.56353591%;
+    *margin-left: 8.45715293%;
+  }
+  input,
+  textarea,
+  .uneditable-input {
+    margin-left: 0;
+  }
+  .controls-row [class*="span"] + [class*="span"] {
+    margin-left: 20px;
+  }
+  input.span12,
+  textarea.span12,
+  .uneditable-input.span12 {
+    width: 710px;
+  }
+  input.span11,
+  textarea.span11,
+  .uneditable-input.span11 {
+    width: 648px;
+  }
+  input.span10,
+  textarea.span10,
+  .uneditable-input.span10 {
+    width: 586px;
+  }
+  input.span9,
+  textarea.span9,
+  .uneditable-input.span9 {
+    width: 524px;
+  }
+  input.span8,
+  textarea.span8,
+  .uneditable-input.span8 {
+    width: 462px;
+  }
+  input.span7,
+  textarea.span7,
+  .uneditable-input.span7 {
+    width: 400px;
+  }
+  input.span6,
+  textarea.span6,
+  .uneditable-input.span6 {
+    width: 338px;
+  }
+  input.span5,
+  textarea.span5,
+  .uneditable-input.span5 {
+    width: 276px;
+  }
+  input.span4,
+  textarea.span4,
+  .uneditable-input.span4 {
+    width: 214px;
+  }
+  input.span3,
+  textarea.span3,
+  .uneditable-input.span3 {
+    width: 152px;
+  }
+  input.span2,
+  textarea.span2,
+  .uneditable-input.span2 {
+    width: 90px;
+  }
+  input.span1,
+  textarea.span1,
+  .uneditable-input.span1 {
+    width: 28px;
+  }
+}
+@media (max-width: 767px) {
+  body {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+  .navbar-fixed-top,
+  .navbar-fixed-bottom,
+  .navbar-static-top {
+    margin-left: -20px;
+    margin-right: -20px;
+  }
+  .container-fluid {
+    padding: 0;
+  }
+  .dl-horizontal dt {
+    float: none;
+    clear: none;
+    width: auto;
+    text-align: left;
+  }
+  .dl-horizontal dd {
+    margin-left: 0;
+  }
+  .container {
+    width: auto;
+  }
+  .row-fluid {
+    width: 100%;
+  }
+  .row,
+  .thumbnails {
+    margin-left: 0;
+  }
+  .thumbnails > li {
+    float: none;
+    margin-left: 0;
+  }
+  [class*="span"],
+  .uneditable-input[class*="span"],
+  .row-fluid [class*="span"] {
+    float: none;
+    display: block;
+    width: 100%;
+    margin-left: 0;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+  .span12,
+  .row-fluid .span12 {
+    width: 100%;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+  .row-fluid [class*="offset"]:first-child {
+    margin-left: 0;
+  }
+  .input-large,
+  .input-xlarge,
+  .input-xxlarge,
+  input[class*="span"],
+  select[class*="span"],
+  textarea[class*="span"],
+  .uneditable-input {
+    display: block;
+    width: 100%;
+    min-height: 30px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+  .input-prepend input,
+  .input-append input,
+  .input-prepend input[class*="span"],
+  .input-append input[class*="span"] {
+    display: inline-block;
+    width: auto;
+  }
+  .controls-row [class*="span"] + [class*="span"] {
+    margin-left: 0;
+  }
+  .modal {
+    position: fixed;
+    top: 20px;
+    left: 20px;
+    right: 20px;
+    width: auto;
+    margin: 0;
+  }
+  .modal.fade {
+    top: -100px;
+  }
+  .modal.fade.in {
+    top: 20px;
+  }
+}
+@media (max-width: 480px) {
+  .nav-collapse {
+    -webkit-transform: translate3d(0, 0, 0);
+  }
+  .page-header h1 small {
+    display: block;
+    line-height: 20px;
+  }
+  input[type="checkbox"],
+  input[type="radio"] {
+    border: 1px solid #ccc;
+  }
+  .form-horizontal .control-label {
+    float: none;
+    width: auto;
+    padding-top: 0;
+    text-align: left;
+  }
+  .form-horizontal .controls {
+    margin-left: 0;
+  }
+  .form-horizontal .control-list {
+    padding-top: 0;
+  }
+  .form-horizontal .form-actions {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  .media .pull-left,
+  .media .pull-right {
+    float: none;
+    display: block;
+    margin-bottom: 10px;
+  }
+  .media-object {
+    margin-right: 0;
+    margin-left: 0;
+  }
+  .modal {
+    top: 10px;
+    left: 10px;
+    right: 10px;
+  }
+  .modal-header .close {
+    padding: 10px;
+    margin: -10px;
+  }
+  .carousel-caption {
+    position: static;
+  }
+}
+@media (max-width: 979px) {
+  body {
+    padding-top: 0;
+  }
+  .navbar-fixed-top,
+  .navbar-fixed-bottom {
+    position: static;
+  }
+  .navbar-fixed-top {
+    margin-bottom: 20px;
+  }
+  .navbar-fixed-bottom {
+    margin-top: 20px;
+  }
+  .navbar-fixed-top .navbar-inner,
+  .navbar-fixed-bottom .navbar-inner {
+    padding: 5px;
+  }
+  .navbar .container {
+    width: auto;
+    padding: 0;
+  }
+  .navbar .brand {
+    padding-left: 10px;
+    padding-right: 10px;
+    margin: 0 0 0 -5px;
+  }
+  .nav-collapse {
+    clear: both;
+  }
+  .nav-collapse .nav {
+    float: none;
+    margin: 0 0 10px;
+  }
+  .nav-collapse .nav > li {
+    float: none;
+  }
+  .nav-collapse .nav > li > a {
+    margin-bottom: 2px;
+  }
+  .nav-collapse .nav > .divider-vertical {
+    display: none;
+  }
+  .nav-collapse .nav .nav-header {
+    color: #777777;
+    text-shadow: none;
+  }
+  .nav-collapse .nav > li > a,
+  .nav-collapse .dropdown-menu a {
+    padding: 9px 15px;
+    font-weight: bold;
+    color: #777777;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+  }
+  .nav-collapse .btn {
+    padding: 4px 10px 4px;
+    font-weight: normal;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+  }
+  .nav-collapse .dropdown-menu li + li a {
+    margin-bottom: 2px;
+  }
+  .nav-collapse .nav > li > a:hover,
+  .nav-collapse .nav > li > a:focus,
+  .nav-collapse .dropdown-menu a:hover,
+  .nav-collapse .dropdown-menu a:focus {
+    background-color: #f2f2f2;
+  }
+  .navbar-inverse .nav-collapse .nav > li > a,
+  .navbar-inverse .nav-collapse .dropdown-menu a {
+    color: #999999;
+  }
+  .navbar-inverse .nav-collapse .nav > li > a:hover,
+  .navbar-inverse .nav-collapse .nav > li > a:focus,
+  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
+  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
+    background-color: #111111;
+  }
+  .nav-collapse.in .btn-group {
+    margin-top: 5px;
+    padding: 0;
+  }
+  .nav-collapse .dropdown-menu {
+    position: static;
+    top: auto;
+    left: auto;
+    float: none;
+    display: none;
+    max-width: none;
+    margin: 0 15px;
+    padding: 0;
+    background-color: transparent;
+    border: none;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    border-radius: 0;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+  }
+  .nav-collapse .open > .dropdown-menu {
+    display: block;
+  }
+  .nav-collapse .dropdown-menu:before,
+  .nav-collapse .dropdown-menu:after {
+    display: none;
+  }
+  .nav-collapse .dropdown-menu .divider {
+    display: none;
+  }
+  .nav-collapse .nav > li > .dropdown-menu:before,
+  .nav-collapse .nav > li > .dropdown-menu:after {
+    display: none;
+  }
+  .nav-collapse .navbar-form,
+  .nav-collapse .navbar-search {
+    float: none;
+    padding: 10px 15px;
+    margin: 10px 0;
+    border-top: 1px solid #f2f2f2;
+    border-bottom: 1px solid #f2f2f2;
+    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
+    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
+    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
+  }
+  .navbar-inverse .nav-collapse .navbar-form,
+  .navbar-inverse .nav-collapse .navbar-search {
+    border-top-color: #111111;
+    border-bottom-color: #111111;
+  }
+  .navbar .nav-collapse .nav.pull-right {
+    float: none;
+    margin-left: 0;
+  }
+  .nav-collapse,
+  .nav-collapse.collapse {
+    overflow: hidden;
+    height: 0;
+  }
+  .navbar .btn-navbar {
+    display: block;
+  }
+  .navbar-static .navbar-inner {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+}
+@media (min-width: 979px + 1) {
+  .nav-collapse.collapse {
+    height: auto !important;
+    overflow: visible !important;
+  }
+}
diff --git a/sites/all/themes/gui/materiobasetheme/components/bootstrap/css/utilities.css b/sites/all/themes/gui/materiobasetheme/components/bootstrap/css/utilities.css
new file mode 100644
index 00000000..241eadaa
--- /dev/null
+++ b/sites/all/themes/gui/materiobasetheme/components/bootstrap/css/utilities.css
@@ -0,0 +1,18 @@
+.pull-right {
+  float: right;
+}
+.pull-left {
+  float: left;
+}
+.hide {
+  display: none;
+}
+.show {
+  display: block;
+}
+.invisible {
+  visibility: hidden;
+}
+.affix {
+  position: fixed;
+}
diff --git a/sites/all/themes/gui/materiobasetheme/components/bootstrap/css/variables.css b/sites/all/themes/gui/materiobasetheme/components/bootstrap/css/variables.css
new file mode 100644
index 00000000..e69de29b
diff --git a/sites/all/themes/gui/materiobasetheme/js/gui.js b/sites/all/themes/gui/materiobasetheme/js/gui.js
new file mode 100644
index 00000000..afc2e35f
--- /dev/null
+++ b/sites/all/themes/gui/materiobasetheme/js/gui.js
@@ -0,0 +1,368 @@
+// * date 2011/10/19 *
+
+/**
+* misc
+*/
+
+// ------ TRACE ------
+
+function trace(s,o){
+  if(window.console && window.console.debug){
+    arguments.length === 2 ? window.console.debug(s,o) : window.console.debug(s);
+  }else if(console && console.log){
+    arguments.length === 2 ? console.log(s,o) : console.log(s);
+  }
+};
+
+// ------ LOADJSCSSFILE ------
+
+function loadjscssfile(filename, filetype){
+ if (filetype=="js"){ //if filename is a external JavaScript file
+  var fileref=document.createElement('script')
+  fileref.setAttribute("type","text/javascript")
+  fileref.setAttribute("src", filename)
+ }
+ else if (filetype=="css"){ //if filename is an external CSS file
+  var fileref=document.createElement("link")
+  fileref.setAttribute("rel", "stylesheet")
+  fileref.setAttribute("type", "text/css")
+  fileref.setAttribute("href", filename)
+ }
+ if (typeof fileref!="undefined")
+  document.getElementsByTagName("head")[0].appendChild(fileref)
+};
+
+// ------ TIMEOUT
+
+function Timeout(fn, interval) {
+    var id = setTimeout(fn, interval);
+    this.cleared = false;
+    this.clear = function () {
+        this.cleared = true;
+        clearTimeout(id);
+    };
+}
+
+// ------ HEXTORGB convert hex to rgb color ------
+
+function HexToRGB(h){
+	if(h.charAt(0)=="#"){
+		var coul = h.substring(1,7);
+		var r = parseInt(coul.substring(0,2),16);
+		var g = parseInt(coul.substring(2,4),16);
+		var b = parseInt(coul.substring(4,6),16);
+		return 'rgb('+r+', '+g+', '+b+')';
+	}else{
+		return null;	
+	}
+}
+
+// ------ PAIR check if number is pair of impair ------
+
+function pair(n){return typeof n=='number'?(n%2==0?true:false):null;}
+
+// ------ RANDOM ------
+
+function random(n1,n2){
+	return arguments.length === 1 && typeof n1 === 'number'? Math.random()*n1 : ( arguments.length === 2 && typeof n1 === typeof n2 && typeof n1 === 'number' ? n1 + Math.random()*(n2-n1) : NaN );
+}
+function randomInt(n1,n2){
+	var rand = arguments.length === 1 && typeof n1 === 'number'? Math.random()*n1 : ( arguments.length === 2 && typeof n1 === typeof n2 && typeof n1 === 'number' ? n1 + Math.random()*(n2-n1) : NaN );
+	return parseInt(rand);
+}
+
+// ------ ROUNDED ------
+
+function round(n,granularity){
+	if(arguments.length == 1){
+		n = Math.round(n);
+	}else{
+		granularity = granularity.toString();
+		granularity = granularity.replace(/./gi, 0);
+		granularity = granularity.replace(/^./gi, 1);
+		granularity = parseInt(granularity);
+		n = Math.round(n*granularity)/granularity;
+	}
+	return n;
+}
+
+// ------ FLOOR ------
+
+function floor(n,granularity){
+	if(arguments.length == 1){
+		n = Math.floor(n);
+	}else{
+		granularity = granularity.toString();
+		granularity = granularity.replace(/./gi, 0);
+		granularity = granularity.replace(/^./gi, 1);
+		granularity = parseInt(granularity);
+		n = Math.floor(n*granularity)/granularity;
+	}
+	return n;
+}
+
+// ------ CEIL ------
+
+function ceil(n,granularity){
+	if(arguments.length == 1){
+		n = Math.ceil(n);
+	}else{
+		granularity = granularity.toString();
+		granularity = granularity.replace(/./gi, 0);
+		granularity = granularity.replace(/^./gi, 1);
+		granularity = parseInt(granularity);
+		n = Math.ceil(n*granularity)/granularity;
+	}
+	return n;
+}
+
+/**
+* String
+*/
+
+// ------ TRIM remove multiple, leading or trailing spaces ------
+
+String.prototype.trim = function() {
+	return this.replace(/(^\s*)|(\s*$)/gi,"").replace(/[ ]{2,}/gi," ").replace(/\n /,"\n");
+}
+
+// ------ remove all accents, for sort() by example ------
+
+var Latinise={};Latinise.latin_map={"Á":"A","Ă":"A","Ắ":"A","Ặ":"A","Ằ":"A","Ẳ":"A","Ẵ":"A","Ǎ":"A","Â":"A","Ấ":"A","Ậ":"A","Ầ":"A","Ẩ":"A","Ẫ":"A","Ä":"A","Ǟ":"A","Ȧ":"A","Ǡ":"A","Ạ":"A","Ȁ":"A","À":"A","Ả":"A","Ȃ":"A","Ā":"A","Ą":"A","Å":"A","Ǻ":"A","Ḁ":"A","Ⱥ":"A","Ã":"A","Ꜳ":"AA","Æ":"AE","Ǽ":"AE","Ǣ":"AE","Ꜵ":"AO","Ꜷ":"AU","Ꜹ":"AV","Ꜻ":"AV","Ꜽ":"AY","Ḃ":"B","Ḅ":"B","Ɓ":"B","Ḇ":"B","Ƀ":"B","Ƃ":"B","Ć":"C","Č":"C","Ç":"C","Ḉ":"C","Ĉ":"C","Ċ":"C","Ƈ":"C","Ȼ":"C","Ď":"D","Ḑ":"D","Ḓ":"D","Ḋ":"D","Ḍ":"D","Ɗ":"D","Ḏ":"D","Dz":"D","Dž":"D","Đ":"D","Ƌ":"D","DZ":"DZ","DŽ":"DZ","É":"E","Ĕ":"E","Ě":"E","Ȩ":"E","Ḝ":"E","Ê":"E","Ế":"E","Ệ":"E","Ề":"E","Ể":"E","Ễ":"E","Ḙ":"E","Ë":"E","Ė":"E","Ẹ":"E","Ȅ":"E","È":"E","Ẻ":"E","Ȇ":"E","Ē":"E","Ḗ":"E","Ḕ":"E","Ę":"E","Ɇ":"E","Ẽ":"E","Ḛ":"E","Ꝫ":"ET","Ḟ":"F","Ƒ":"F","Ǵ":"G","Ğ":"G","Ǧ":"G","Ģ":"G","Ĝ":"G","Ġ":"G","Ɠ":"G","Ḡ":"G","Ǥ":"G","Ḫ":"H","Ȟ":"H","Ḩ":"H","Ĥ":"H","Ⱨ":"H","Ḧ":"H","Ḣ":"H","Ḥ":"H","Ħ":"H","Í":"I","Ĭ":"I","Ǐ":"I","Î":"I","Ï":"I","Ḯ":"I","İ":"I","Ị":"I","Ȉ":"I","Ì":"I","Ỉ":"I","Ȋ":"I","Ī":"I","Į":"I","Ɨ":"I","Ĩ":"I","Ḭ":"I","Ꝺ":"D","Ꝼ":"F","Ᵹ":"G","Ꞃ":"R","Ꞅ":"S","Ꞇ":"T","Ꝭ":"IS","Ĵ":"J","Ɉ":"J","Ḱ":"K","Ǩ":"K","Ķ":"K","Ⱪ":"K","Ꝃ":"K","Ḳ":"K","Ƙ":"K","Ḵ":"K","Ꝁ":"K","Ꝅ":"K","Ĺ":"L","Ƚ":"L","Ľ":"L","Ļ":"L","Ḽ":"L","Ḷ":"L","Ḹ":"L","Ⱡ":"L","Ꝉ":"L","Ḻ":"L","Ŀ":"L","Ɫ":"L","Lj":"L","Ł":"L","LJ":"LJ","Ḿ":"M","Ṁ":"M","Ṃ":"M","Ɱ":"M","Ń":"N","Ň":"N","Ņ":"N","Ṋ":"N","Ṅ":"N","Ṇ":"N","Ǹ":"N","Ɲ":"N","Ṉ":"N","Ƞ":"N","Nj":"N","Ñ":"N","NJ":"NJ","Ó":"O","Ŏ":"O","Ǒ":"O","Ô":"O","Ố":"O","Ộ":"O","Ồ":"O","Ổ":"O","Ỗ":"O","Ö":"O","Ȫ":"O","Ȯ":"O","Ȱ":"O","Ọ":"O","Ő":"O","Ȍ":"O","Ò":"O","Ỏ":"O","Ơ":"O","Ớ":"O","Ợ":"O","Ờ":"O","Ở":"O","Ỡ":"O","Ȏ":"O","Ꝋ":"O","Ꝍ":"O","Ō":"O","Ṓ":"O","Ṑ":"O","Ɵ":"O","Ǫ":"O","Ǭ":"O","Ø":"O","Ǿ":"O","Õ":"O","Ṍ":"O","Ṏ":"O","Ȭ":"O","Ƣ":"OI","Ꝏ":"OO","Ɛ":"E","Ɔ":"O","Ȣ":"OU","Ṕ":"P","Ṗ":"P","Ꝓ":"P","Ƥ":"P","Ꝕ":"P","Ᵽ":"P","Ꝑ":"P","Ꝙ":"Q","Ꝗ":"Q","Ŕ":"R","Ř":"R","Ŗ":"R","Ṙ":"R","Ṛ":"R","Ṝ":"R","Ȑ":"R","Ȓ":"R","Ṟ":"R","Ɍ":"R","Ɽ":"R","Ꜿ":"C","Ǝ":"E","Ś":"S","Ṥ":"S","Š":"S","Ṧ":"S","Ş":"S","Ŝ":"S","Ș":"S","Ṡ":"S","Ṣ":"S","Ṩ":"S","Ť":"T","Ţ":"T","Ṱ":"T","Ț":"T","Ⱦ":"T","Ṫ":"T","Ṭ":"T","Ƭ":"T","Ṯ":"T","Ʈ":"T","Ŧ":"T","Ɐ":"A","Ꞁ":"L","Ɯ":"M","Ʌ":"V","Ꜩ":"TZ","Ú":"U","Ŭ":"U","Ǔ":"U","Û":"U","Ṷ":"U","Ü":"U","Ǘ":"U","Ǚ":"U","Ǜ":"U","Ǖ":"U","Ṳ":"U","Ụ":"U","Ű":"U","Ȕ":"U","Ù":"U","Ủ":"U","Ư":"U","Ứ":"U","Ự":"U","Ừ":"U","Ử":"U","Ữ":"U","Ȗ":"U","Ū":"U","Ṻ":"U","Ų":"U","Ů":"U","Ũ":"U","Ṹ":"U","Ṵ":"U","Ꝟ":"V","Ṿ":"V","Ʋ":"V","Ṽ":"V","Ꝡ":"VY","Ẃ":"W","Ŵ":"W","Ẅ":"W","Ẇ":"W","Ẉ":"W","Ẁ":"W","Ⱳ":"W","Ẍ":"X","Ẋ":"X","Ý":"Y","Ŷ":"Y","Ÿ":"Y","Ẏ":"Y","Ỵ":"Y","Ỳ":"Y","Ƴ":"Y","Ỷ":"Y","Ỿ":"Y","Ȳ":"Y","Ɏ":"Y","Ỹ":"Y","Ź":"Z","Ž":"Z","Ẑ":"Z","Ⱬ":"Z","Ż":"Z","Ẓ":"Z","Ȥ":"Z","Ẕ":"Z","Ƶ":"Z","IJ":"IJ","Œ":"OE","ᴀ":"A","ᴁ":"AE","ʙ":"B","ᴃ":"B","ᴄ":"C","ᴅ":"D","ᴇ":"E","ꜰ":"F","ɢ":"G","ʛ":"G","ʜ":"H","ɪ":"I","ʁ":"R","ᴊ":"J","ᴋ":"K","ʟ":"L","ᴌ":"L","ᴍ":"M","ɴ":"N","ᴏ":"O","ɶ":"OE","ᴐ":"O","ᴕ":"OU","ᴘ":"P","ʀ":"R","ᴎ":"N","ᴙ":"R","ꜱ":"S","ᴛ":"T","ⱻ":"E","ᴚ":"R","ᴜ":"U","ᴠ":"V","ᴡ":"W","ʏ":"Y","ᴢ":"Z","á":"a","ă":"a","ắ":"a","ặ":"a","ằ":"a","ẳ":"a","ẵ":"a","ǎ":"a","â":"a","ấ":"a","ậ":"a","ầ":"a","ẩ":"a","ẫ":"a","ä":"a","ǟ":"a","ȧ":"a","ǡ":"a","ạ":"a","ȁ":"a","à":"a","ả":"a","ȃ":"a","ā":"a","ą":"a","ᶏ":"a","ẚ":"a","å":"a","ǻ":"a","ḁ":"a","ⱥ":"a","ã":"a","ꜳ":"aa","æ":"ae","ǽ":"ae","ǣ":"ae","ꜵ":"ao","ꜷ":"au","ꜹ":"av","ꜻ":"av","ꜽ":"ay","ḃ":"b","ḅ":"b","ɓ":"b","ḇ":"b","ᵬ":"b","ᶀ":"b","ƀ":"b","ƃ":"b","ɵ":"o","ć":"c","č":"c","ç":"c","ḉ":"c","ĉ":"c","ɕ":"c","ċ":"c","ƈ":"c","ȼ":"c","ď":"d","ḑ":"d","ḓ":"d","ȡ":"d","ḋ":"d","ḍ":"d","ɗ":"d","ᶑ":"d","ḏ":"d","ᵭ":"d","ᶁ":"d","đ":"d","ɖ":"d","ƌ":"d","ı":"i","ȷ":"j","ɟ":"j","ʄ":"j","dz":"dz","dž":"dz","é":"e","ĕ":"e","ě":"e","ȩ":"e","ḝ":"e","ê":"e","ế":"e","ệ":"e","ề":"e","ể":"e","ễ":"e","ḙ":"e","ë":"e","ė":"e","ẹ":"e","ȅ":"e","è":"e","ẻ":"e","ȇ":"e","ē":"e","ḗ":"e","ḕ":"e","ⱸ":"e","ę":"e","ᶒ":"e","ɇ":"e","ẽ":"e","ḛ":"e","ꝫ":"et","ḟ":"f","ƒ":"f","ᵮ":"f","ᶂ":"f","ǵ":"g","ğ":"g","ǧ":"g","ģ":"g","ĝ":"g","ġ":"g","ɠ":"g","ḡ":"g","ᶃ":"g","ǥ":"g","ḫ":"h","ȟ":"h","ḩ":"h","ĥ":"h","ⱨ":"h","ḧ":"h","ḣ":"h","ḥ":"h","ɦ":"h","ẖ":"h","ħ":"h","ƕ":"hv","í":"i","ĭ":"i","ǐ":"i","î":"i","ï":"i","ḯ":"i","ị":"i","ȉ":"i","ì":"i","ỉ":"i","ȋ":"i","ī":"i","į":"i","ᶖ":"i","ɨ":"i","ĩ":"i","ḭ":"i","ꝺ":"d","ꝼ":"f","ᵹ":"g","ꞃ":"r","ꞅ":"s","ꞇ":"t","ꝭ":"is","ǰ":"j","ĵ":"j","ʝ":"j","ɉ":"j","ḱ":"k","ǩ":"k","ķ":"k","ⱪ":"k","ꝃ":"k","ḳ":"k","ƙ":"k","ḵ":"k","ᶄ":"k","ꝁ":"k","ꝅ":"k","ĺ":"l","ƚ":"l","ɬ":"l","ľ":"l","ļ":"l","ḽ":"l","ȴ":"l","ḷ":"l","ḹ":"l","ⱡ":"l","ꝉ":"l","ḻ":"l","ŀ":"l","ɫ":"l","ᶅ":"l","ɭ":"l","ł":"l","lj":"lj","ſ":"s","ẜ":"s","ẛ":"s","ẝ":"s","ḿ":"m","ṁ":"m","ṃ":"m","ɱ":"m","ᵯ":"m","ᶆ":"m","ń":"n","ň":"n","ņ":"n","ṋ":"n","ȵ":"n","ṅ":"n","ṇ":"n","ǹ":"n","ɲ":"n","ṉ":"n","ƞ":"n","ᵰ":"n","ᶇ":"n","ɳ":"n","ñ":"n","nj":"nj","ó":"o","ŏ":"o","ǒ":"o","ô":"o","ố":"o","ộ":"o","ồ":"o","ổ":"o","ỗ":"o","ö":"o","ȫ":"o","ȯ":"o","ȱ":"o","ọ":"o","ő":"o","ȍ":"o","ò":"o","ỏ":"o","ơ":"o","ớ":"o","ợ":"o","ờ":"o","ở":"o","ỡ":"o","ȏ":"o","ꝋ":"o","ꝍ":"o","ⱺ":"o","ō":"o","ṓ":"o","ṑ":"o","ǫ":"o","ǭ":"o","ø":"o","ǿ":"o","õ":"o","ṍ":"o","ṏ":"o","ȭ":"o","ƣ":"oi","ꝏ":"oo","ɛ":"e","ᶓ":"e","ɔ":"o","ᶗ":"o","ȣ":"ou","ṕ":"p","ṗ":"p","ꝓ":"p","ƥ":"p","ᵱ":"p","ᶈ":"p","ꝕ":"p","ᵽ":"p","ꝑ":"p","ꝙ":"q","ʠ":"q","ɋ":"q","ꝗ":"q","ŕ":"r","ř":"r","ŗ":"r","ṙ":"r","ṛ":"r","ṝ":"r","ȑ":"r","ɾ":"r","ᵳ":"r","ȓ":"r","ṟ":"r","ɼ":"r","ᵲ":"r","ᶉ":"r","ɍ":"r","ɽ":"r","ↄ":"c","ꜿ":"c","ɘ":"e","ɿ":"r","ś":"s","ṥ":"s","š":"s","ṧ":"s","ş":"s","ŝ":"s","ș":"s","ṡ":"s","ṣ":"s","ṩ":"s","ʂ":"s","ᵴ":"s","ᶊ":"s","ȿ":"s","ɡ":"g","ᴑ":"o","ᴓ":"o","ᴝ":"u","ť":"t","ţ":"t","ṱ":"t","ț":"t","ȶ":"t","ẗ":"t","ⱦ":"t","ṫ":"t","ṭ":"t","ƭ":"t","ṯ":"t","ᵵ":"t","ƫ":"t","ʈ":"t","ŧ":"t","ᵺ":"th","ɐ":"a","ᴂ":"ae","ǝ":"e","ᵷ":"g","ɥ":"h","ʮ":"h","ʯ":"h","ᴉ":"i","ʞ":"k","ꞁ":"l","ɯ":"m","ɰ":"m","ᴔ":"oe","ɹ":"r","ɻ":"r","ɺ":"r","ⱹ":"r","ʇ":"t","ʌ":"v","ʍ":"w","ʎ":"y","ꜩ":"tz","ú":"u","ŭ":"u","ǔ":"u","û":"u","ṷ":"u","ü":"u","ǘ":"u","ǚ":"u","ǜ":"u","ǖ":"u","ṳ":"u","ụ":"u","ű":"u","ȕ":"u","ù":"u","ủ":"u","ư":"u","ứ":"u","ự":"u","ừ":"u","ử":"u","ữ":"u","ȗ":"u","ū":"u","ṻ":"u","ų":"u","ᶙ":"u","ů":"u","ũ":"u","ṹ":"u","ṵ":"u","ᵫ":"ue","ꝸ":"um","ⱴ":"v","ꝟ":"v","ṿ":"v","ʋ":"v","ᶌ":"v","ⱱ":"v","ṽ":"v","ꝡ":"vy","ẃ":"w","ŵ":"w","ẅ":"w","ẇ":"w","ẉ":"w","ẁ":"w","ⱳ":"w","ẘ":"w","ẍ":"x","ẋ":"x","ᶍ":"x","ý":"y","ŷ":"y","ÿ":"y","ẏ":"y","ỵ":"y","ỳ":"y","ƴ":"y","ỷ":"y","ỿ":"y","ȳ":"y","ẙ":"y","ɏ":"y","ỹ":"y","ź":"z","ž":"z","ẑ":"z","ʑ":"z","ⱬ":"z","ż":"z","ẓ":"z","ȥ":"z","ẕ":"z","ᵶ":"z","ᶎ":"z","ʐ":"z","ƶ":"z","ɀ":"z","ff":"ff","ffi":"ffi","ffl":"ffl","fi":"fi","fl":"fl","ij":"ij","œ":"oe","st":"st","ₐ":"a","ₑ":"e","ᵢ":"i","ⱼ":"j","ₒ":"o","ᵣ":"r","ᵤ":"u","ᵥ":"v","ₓ":"x"};
+String.prototype.latinise=function(){return this.replace(/[^A-Za-z0-9\[\] ]/g,function(a){return Latinise.latin_map[a]||a})};
+String.prototype.latinize=String.prototype.latinise;
+String.prototype.isLatin=function(){return this==this.latinise()}
+
+/**
+* Array
+*/
+
+// ------ UNIQUE reduces duplicates ------
+
+array_unique = function(ar){
+	var r = new Array();
+	o:for(var i = 0, n = ar.length; i < n; i++)
+	{
+		for(var x = 0, y = r.length; x < y; x++)
+		{
+			if(r[x]==ar[i])
+			{
+				continue o;
+			}
+		}
+		r[r.length] = ar[i];
+	}
+	return r;
+};
+
+// ------ SUBSTRACT substract two array ------
+
+array_subtract = function(ara1,ara2) {
+  var aRes = new Array() ;
+  for (var i = ara1.length-1; i >= 0; i--)
+    if(array_contains(ara2,ara1[i]))
+      aRes.push(ara1[i]);
+  return aRes ;
+}
+
+/*	
+		SHUFFLE Add a shuffle function to Array object prototype
+		author: Stephane Roucheray
+		src: http://sroucheray.org/blog/2009/11/array-sort-should-not-be-used-to-shuffle-an-array/
+		found 2011/09/08.
+*/
+array_shuffle = function(ar){
+    var i = ar.length, j, temp;
+    if ( i == 0 ) return;
+    while ( --i ) {
+        j = Math.floor( Math.random() * ( i + 1 ) );
+        temp = ar[i];
+        ar[i] = ar[j];
+        ar[j] = temp;
+    }
+    return ar;
+};
+
+// ------ CONTAINS ------
+
+array_contains = function(ar, obj) {
+    var i = ar.length;
+    while (i--)
+        if (ar[i] === obj)
+            return true;
+    return false;
+};
+
+// ------ REMOVE ------
+
+// /!\	Found on the Internet, not sure of efficiency.
+// Array.prototype.remove = function(v) {
+//     var x, _i, _len, _results;
+//     _results = [];
+//     for (_i = 0, _len = this.length; _i < _len; _i++) {
+//         x = this[_i];
+//         if (x !== v) {
+//             _results.push(x);
+//         }
+//     }
+//     return _results;
+// };
+
+array_remove = function(ar){
+    var what, a= arguments, L= a.length, ax;
+    while(L && ar.length){
+        what= a[--L];
+        while((ax= ar.indexOf(what))!= -1){
+            ar.splice(ax, 1);
+        }
+    }
+    return ar;
+};
+
+// for IE
+// if(!Array.prototype.indexOf){
+//     Array.prototype.indexOf= function(what, i){
+//         i= i || 0;
+//         var L= this.length;
+//         while(i< L){
+//             if(this[i]=== what) return i;
+//             ++i;
+//         }
+//         return -1;
+//     };
+// }
+
+array_indexOf = function(ar, what, i){
+    i= i || 0;
+    var L= ar.length;
+    while(i< L){
+        if(ar[i]=== what) return i;
+        ++i;
+    }
+    return -1;
+};
+
+// ------ SUBSTRACT substract two array ------
+
+function array_subtract(ara1,ara2) {
+  var aRes = new Array() ;
+  for (var i = ara1.length-1; i >= 0; i--)
+    if( !array_contains(ara1[i],ara2) )
+      aRes.push(ara1[i]);
+  return aRes ;
+};
+
+/**
+* Objects
+*
+*/
+
+// ------ OBJECTSIZE get the length of objects ------
+
+function objectSize(o) {
+	var len = o.length ? --o.length : 0;
+	for (var k in o)
+		len++;
+	return len;
+}
+// Object.prototype.size = function () {
+// 	// var len = this.length ? --this.length : -1; // POURQUOI NE FONCTIONNE PAS?
+// 	var len = this.length ? --this.length : -2;
+// 	for (var k in this)
+// 		len++;
+// 	return len;
+// }
+
+function objectIsEmpty(obj){
+	for (var prop in obj) {
+		if (obj.hasOwnProperty(prop))
+			return false;
+	}
+	return true;
+};
+
+// ------ OBJECTGETKEY get key of index ------
+
+function objectGetKey(o,index){
+	var i = 0;
+	for (var k in o){
+		if (k === 'length' || !o.hasOwnProperty(k)) 
+			continue;
+		if(i == index) 
+			return k;
+		i ++;
+	}
+}
+// Object.prototype.getKey = function(index){
+// 	var i = 0;
+// 	for (var key in this){
+// 		if (key === 'length' || !this.hasOwnProperty(key)) 
+// 			continue;
+// 		if(i == index) 
+// 			return key;
+// 		i ++;
+// 	}
+// }
+
+// ------ OBJECTSORT sort object ------
+
+function objectSort(o,value) {
+    var connection = new Array();
+	for (var i = objectSize(o) - 1; i >= 0; i--){
+		var k = objectGetKey(o,i);
+		for (var j = objectSize(o[k].wit) - 1; j >= 0; j--){
+			var k2 = objectGetKey(o[k].wit,j);
+			if (k2==value) {
+				var the_wit = parseFloat(o[k].wit[k2]);
+				connection.push( {wit:the_wit,nid:k} );
+			};
+		};
+	};
+
+	connection.sort(function(a,b){
+		// return (a.wit - b.wit);//ascending
+		return (b.wit - a.wit);//descending
+	});
+
+	var o_sort = {};
+	for (var i = connection.length - 1; i >= 0; i--){
+		// o_sort[connection[i].wit+'-'+connection[i].nid] = o[connection[i].nid];
+		o_sort[connection[i].nid] = o[connection[i].nid];
+	};
+
+	return o_sort;
+}
+
+/**
+* trigo
+*/
+
+// -------- getElementAngle ----------
+// L'angle 0 correspond au nord (vers le haut)
+// Exemple : getElementAngle(posElementX, posElementY, posSourisX, posSourisY)
+//			 Ceci retournera l'angle de l'élément par rapport à la position de la souris
+
+function getElementAngle(x1, y1, x2, y2) {
+	var adj = x2 - x1;
+	var opp = y2 - y1;
+	
+	var angle = Math.abs(Math.atan(opp/adj) * 180/Math.PI);
+	
+	if (adj > 0 && opp < 0 ) {
+		angle = 90 - angle;
+	}
+	else if (adj >= 0 && opp >= 0) {
+		angle += 90;
+	}
+	else if (adj < 0 && opp >= 0) {
+		angle = 180 + (90 - angle);
+	}
+	else {
+		angle += 270;
+	}
+	
+	return angle;
+}
+
+
+
diff --git a/sites/all/themes/gui/materiobasetheme/less/fonts.less b/sites/all/themes/gui/materiobasetheme/less/fonts.scss
similarity index 100%
rename from sites/all/themes/gui/materiobasetheme/less/fonts.less
rename to sites/all/themes/gui/materiobasetheme/less/fonts.scss
diff --git a/sites/all/themes/gui/materiobasetheme/less/layout.less b/sites/all/themes/gui/materiobasetheme/less/layout.scss
similarity index 100%
rename from sites/all/themes/gui/materiobasetheme/less/layout.less
rename to sites/all/themes/gui/materiobasetheme/less/layout.scss
diff --git a/sites/all/themes/gui/materiobasetheme/less/misc.less b/sites/all/themes/gui/materiobasetheme/less/misc.scss
similarity index 100%
rename from sites/all/themes/gui/materiobasetheme/less/misc.less
rename to sites/all/themes/gui/materiobasetheme/less/misc.scss
diff --git a/sites/all/themes/gui/materiobasetheme/less/old-less/fonts.less b/sites/all/themes/gui/materiobasetheme/less/old-less/fonts.less
new file mode 100644
index 00000000..a4515c46
--- /dev/null
+++ b/sites/all/themes/gui/materiobasetheme/less/old-less/fonts.less
@@ -0,0 +1,25 @@
+
+.ubuntu(){font-family: "Ubuntu", Arial, "MS Trebuchet", sans-serif; .500; .normal;}
+
+body{font-size:16px; .ubuntu; line-height:1.3;}
+
+a{color: #007BC2; text-decoration: none;}
+
+h1{font-size:1.6em;}
+h2{font-size:1.5em;}
+h3{font-size:1.4em;}
+h4{font-size:1.3em;}
+h5{font-size:1.2em;}
+h6{font-size:1.1em;}
+
+input, button, select, textarea{.ubuntu();}
+
+.22(){
+	font-size:22px;
+}
+
+#footer{
+  #footer-bottom{ text-align: center;}
+  #footer-bottom .block{ .8;}
+  
+}
diff --git a/sites/all/themes/gui/materiobasetheme/less/old-less/gui.less b/sites/all/themes/gui/materiobasetheme/less/old-less/gui.less
new file mode 100644
index 00000000..28017c64
--- /dev/null
+++ b/sites/all/themes/gui/materiobasetheme/less/old-less/gui.less
@@ -0,0 +1,592 @@
+/*
+ * www.g-u-i.net
+ */
+
+// =
+// =
+// =
+// =
+// =
+// ===== TYPOGRAHIE ====================================================================================================== 
+ 
+.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;}
+.20(){font-size:20px;}
+.24(){font-size:24px;}
+.28(){font-size:24px;}
+.30(){font-size:30px;}
+.36(){font-size:36px;}
+.48(){font-size:48px;}
+.60(){font-size:60px;}
+.72(){font-size:72px;}
+
+.regular(){font-weight:normal;}
+.bold(){font-weight:bold;}
+.100(){font-weight:100;}
+.200(){font-weight:200;}
+.300(){font-weight:300;}
+.400(){font-weight:400;}
+.500(){font-weight:500;}
+.600(){font-weight:600;}
+.700(){font-weight:700;}
+.800(){font-weight:800;}
+.900(){font-weight:900;}
+
+.upper(){text-transform: uppercase;}
+.italic(){font-style:italic;}
+.normal(){font-style: normal;}
+
+.hyphens(@value: auto)
+{
+  -webkit-hyphens:@value;
+     -moz-hyphens:@value;
+      -ms-hyphens:@value;
+       -o-hyphens:@value;
+          hyphens:@value;
+}
+.font-size(@value: 1em,@lineheight:1.3em)
+{
+  font-size:@value;
+  line-height:@lineheight;
+}
+
+@green:#17942A;
+@red:#E60000;
+
+// =
+// =
+// =
+// =
+// =
+// ===== SHORTCUTS ======================================================================================================= 
+
+// padding
+.p(@p){ padding:@arguments; }
+.p(@v, @h){ padding:@arguments; }
+.p(@t, @l, @b, @l){ padding:@arguments; }
+
+.pt(@p){ padding-top:@p; }
+.pr(@p){ padding-right:@p; }
+.pb(@p){ padding-bottom:@p; }
+.pl(@p){ padding-left:@p; }
+
+// margin
+.m(@p){ margin:@arguments; }
+.m(@v, @h){ margin:@arguments; }
+.m(@t, @l, @b, @l){ margin:@arguments; }
+
+.mt(@m){ margin-top:@m; }
+.mr(@m){ margin-right:@m; }
+.mb(@m){ margin-bottom:@m; }
+.ml(@m){ margin-left:@m; }
+
+.0(){ margin:0; padding:0; }
+
+// border
+.b(@b){ border: @b; }
+.b(@size, @color){ border: @size solid @color; }
+
+.bt(@b){ border-top: @b;}
+.bt(@size, @color){border-top: @size solid @color;}
+
+.br(@b){ border-right: @b;}
+.br(@size, @color){border-right: @size solid @color;}
+
+.bb(@b){ border-bottom: @b;}
+.bb(@size, @color){border-bottom: @size solid @color;}
+
+.bl(@b){ border-left: @b;}
+.bl(@size, @color){border-left: @size solid @color;}
+
+.bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE)
+{
+  border-top   : solid 1px @top-color;
+  border-right : solid 1px @right-color;
+  border-bottom: solid 1px @bottom-color;
+  border-left  : solid 1px @left-color;
+}
+
+// Background
+.bg(@color, @url, @repeat, @scrollfixed, @pos){background: @arguments;}
+.bgc(@color){background-color: @arguments;}
+.bkgd(@params){background: @arguments;}
+.bkgdc(@color){.bgc(@arguments);}
+
+.bgca(@r, @g, @b, @a){
+  background-color: rgb(@r, @g, @b); // ie8
+  background-color: rgba(@r, @g, @b, @a);
+  *background-color: rgb(@r, @g, @b); // ie7 
+};
+
+// Selection
+.selection(@bgcolor,@color)
+{
+    &::selection {
+    	background:@bgcolor;
+    	color:@color;
+    }
+    &::-moz-selection {
+    	background:@bgcolor;
+    	color:@color;
+    }
+    &::-webkit-selection {
+    	background:@bgcolor;
+    	color:@color;
+    } 
+}
+
+// Colors
+.color(@value)
+{
+  &,
+  & *{color:@value;}
+}
+
+// Opacity
+.opacity(@opacity: 0.5)
+{
+  -webkit-opacity: @opacity;
+   -khtml-opacity: @opacity;
+     -moz-opacity: @opacity;
+          opacity: @opacity;
+}
+
+// size
+.size(@height, @width) {
+  width: @width;
+  height: @height;
+}
+.square(@size) {
+  .size(@size, @size);
+}
+
+// center 
+.center-block() {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+// =
+// =
+// =
+// =
+// =
+// ===== DISPLAY UTILS =================================================================================================== 
+
+// Inline blocks
+.inlineblock(@align:top)
+{
+    display:moz-inline-stack;
+    display:inline-block;
+    vertical-align:@align;
+    zoom:1;
+    *display:inline;
+    // .ie7 &, .ie8 &{display:block;float:left;}
+}
+
+.db(){display:block;}
+.dbn(){display:none;}
+.dib(){.inlineblock;}
+.dib(@align){.inlineblock(@align);}
+
+.float(@align:left){
+  .db; float:@align;
+}
+
+.abs(@value) { position:absolute; top:@value; left:@value; bottom:@value; right:@value; }
+.abs(@top, @left) { position:absolute; top:@top; left:@left; }
+.abs(@top, @right, @bottom, @left) { position:absolute; top:@top; left:@left; bottom:@bottom; right:@right; };
+
+.fix(@value) { position:fixed; top:@value; left:@value; bottom:@value; right:@value; }
+.fix(@top, @left) { position:fixed; top:@top; left:@left; }
+.fix(@top, @right, @bottom, @left) { position:fixed; top:@top; left:@left; bottom:@bottom; right:@right; };
+
+// Columns system
+@g:0;
+.g() { width:@g; }
+.col(@col,@coltotal:@n,@gutter:@g) {
+  width: @col * ( 100% - ((@coltotal - 1) * @gutter) ) / @coltotal + ((@col - 1) * @gutter);
+}
+.inside-left(@col,@coltotal:@n,@gutter:@g) {
+  padding-left: @col * ( 100% - ((@coltotal - 1) * @gutter) ) / @coltotal + (@col * @gutter);
+}
+.inside-right(@col,@coltotal:@n,@gutter:@g) {
+  padding-right: @col * ( 100% - ((@coltotal - 1) * @gutter) ) / @coltotal + (@col * @gutter);
+}
+
+
+// Vertical alignement
+//
+//    ___ .align-child()
+//   |
+//   |  Permet l’alignement vertical d’un objet par rapport à son premier parent (dans son conteneur direct). 
+//   |
+//   |  1 param   : @vertical-align
+//
+.align-child(@align:middle){
+  &:before { content: ""; .dib(middle); overflow: hidden; visibility: hidden; width: 0; height: 100%; }
+  & > * { .dib(@align); }
+}
+
+.clear-after(){
+  &:after{clear:both;content:'';display:block;height:0px;overflow:hidden;visibility:hidden;width:0px;}
+}
+
+// For clearing floats like a boss h5bp.com/q
+.clearix() {
+  *zoom: 1;
+  &:before,
+  &:after {
+    display: table;
+    content: "";
+    // Fixes Opera/contenteditable bug:
+    // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
+    line-height: 0;
+  }
+  &:after {
+    clear: both;
+  }
+}
+
+// =
+// =
+// =
+// =
+// =
+// ===== CSS3 ============================================================================================================ 
+
+// Gradients
+.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF)
+{
+  background: @color;
+  background: -webkit-gradient(linear,
+                               left bottom,
+                               left top,
+                               color-stop(0, @start),
+                               color-stop(1, @stop));
+  background: -ms-linear-gradient(bottom,
+                                  @start,
+                                  @stop);
+  background: -moz-linear-gradient(center bottom,
+                                   @start 0%,
+                                   @stop 100%);
+}
+.bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255)
+{
+  background: @color;
+  background: -webkit-gradient(linear,
+                               left bottom,
+                               left top,
+                               color-stop(0, rgb(@start,@start,@start)),
+                               color-stop(1, rgb(@stop,@stop,@stop)));
+  background: -ms-linear-gradient(bottom,
+                                  rgb(@start,@start,@start) 0%,
+                                  rgb(@start,@start,@start) 100%);
+  background: -moz-linear-gradient(center bottom,
+                                   rgb(@start,@start,@start) 0%,
+                                   rgb(@stop,@stop,@stop) 100%);
+}
+
+// Shadows
+//
+//    ___ .box-shadow()
+//   |
+//   |  Ombré extérieur.
+//   |
+//   |  1 param   : @blur
+//   |  2+ params : @horizontal / @vertical / @blur / @color: #000 / @spread: 0px
+//   
+//    ___ .inset-shadow()
+//   |
+//   |  Ombré intérieur.
+//   |
+//   |  1 param   : @blur
+//   |  2+ params : @horizontal / @vertical / @blur / @color: #000 / @spread: 0px
+//
+.box-shadow(@blur: 9px)
+{
+  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
+  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
+  -webkit-box-shadow: 0 0 @blur #000;
+     -moz-box-shadow: 0 0 @blur #000;
+      -ms-box-shadow: 0 0 @blur #000;
+          box-shadow: 0 0 @blur #000;
+}
+.box-shadow(@x, @y, @blur: 9px, @color: #000, @spread: 0px)
+{
+  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=@x, OffY=@y, Color=~'@{color}');
+  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=@{x}, OffY=@{y}, Color='@{color}')";
+  -webkit-box-shadow: @x @y @blur @spread @color;
+     -moz-box-shadow: @x @y @blur @spread @color;
+      -ms-box-shadow: @x @y @blur @spread @color;
+          box-shadow: @x @y @blur @spread @color;
+}
+.inset-shadow(@blur: 9px)
+{
+  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
+  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
+  -webkit-box-shadow: 0 0 @blur #000 inset;
+     -moz-box-shadow: 0 0 @blur #000 inset;
+      -ms-box-shadow: 0 0 @blur #000 inset;
+          box-shadow: 0 0 @blur #000 inset;
+}
+.inset-shadow(@x, @y, @blur: 9px, @color: #000, @spread: 0px)
+{
+  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=@x, OffY=@y, Color=~'@{color}');
+  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='@{color}')";
+  -webkit-box-shadow: @x @y @blur @spread @color inset;
+     -moz-box-shadow: @x @y @blur @spread @color inset;
+      -ms-box-shadow: @x @y @blur @spread @color inset;
+          box-shadow: @x @y @blur @spread @color inset;
+}
+
+.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1)
+{
+  -webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+  -moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+  box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+}
+
+// Border radius
+.rounded(@radius: 2px)
+{
+  -webkit-border-radius: @radius;
+     -moz-border-radius: @radius;
+          border-radius: @radius;
+  -webkit-background-clip: padding-box;
+     -moz-background-clip: padding;
+          background-clip: padding-box; 
+}
+.border-radius(@topleft: 0, @topright: 0, @bottomright: 0, @bottomleft: 0)
+{
+	-webkit-border-radius:@arguments;
+	   -moz-border-radius:@arguments;
+	        border-radius:@arguments;
+  -webkit-background-clip: padding-box;
+     -moz-background-clip: padding;
+          background-clip: padding-box; 
+}
+
+// transitions
+.transition-simply-prefix(@string) {
+  -webkit-transition: @string;
+  -moz-transition: @string;
+  -o-transition: @string;
+  transition: @string;
+}
+
+//
+//    ___ .transition()
+//   |
+//   |  1 param   : @property
+//   |  2 params  : @property / @duration
+//   |  3+ params : @property / @duration / @transitiondelay:0s , @timingfunction:ease-out
+//   
+//    ___ .transitions()
+//   |
+//   |  Permet de fixer des paramètres spécifique par propriétés, exemple:
+//   |  
+//   |  .transitions(
+//   |     'height , padding  , margin , box-shadow',
+//   |     '.5s    , .2s      , .2s    , .2s',
+//   |     '0s     , 0s       , 0s     , .3s',
+//   |     'linear , ease-out , linear , ease-out'
+//   |  );
+//
+.transition(@property: all)
+{
+  -webkit-transition: @property;
+     -moz-transition: @property;
+       -o-transition: @property;
+          transition: @property;
+}
+.transition(@property, @duration)
+{
+  -webkit-transition: @arguments;
+     -moz-transition: @arguments;
+       -o-transition: @arguments;
+          transition: @arguments;
+}
+.transition(@property, @duration, @transitiondelay, @timingfunction:ease-out)
+{
+  -webkit-transition: @arguments;
+     -moz-transition: @arguments;
+       -o-transition: @arguments;
+          transition: @arguments;
+}
+.transitions(@property: all, @duration:0s, @transitiondelay:0s, @timingfunction:ease-out)
+{
+  -webkit-transition-property       :~'@{property}';
+  -webkit-transition-duration       :~'@{duration}';
+  -webkit-transition-delay          :~'@{transitiondelay}';
+  -webkit-transition-timing-function:~'@{timingfunction}';
+     -moz-transition-property       :~'@{property}';
+     -moz-transition-duration       :~'@{duration}';
+     -moz-transition-delay          :~'@{transitiondelay}';
+     -moz-transition-timing-function:~'@{timingfunction}';
+       -o-transition-property       :~'@{property}';
+       -o-transition-duration       :~'@{duration}';
+       -o-transition-delay          :~'@{transitiondelay}';
+       -o-transition-timing-function:~'@{timingfunction}';
+          transition-property       :~'@{property}';
+          transition-duration       :~'@{duration}';
+          transition-delay          :~'@{transitiondelay}';
+          transition-timing-function:~'@{timingfunction}';
+}
+
+.transitions-duration(@duration: 0s)
+{
+  -webkit-transition-duration: ~'@{duration}';
+     -moz-transition-duration: ~'@{duration}';
+       -o-transition-duration: ~'@{duration}';
+          transition-duration: ~'@{duration}';
+}
+
+.transition-duration(@duration: 0.2s)
+{
+  -webkit-transition-duration: @duration;
+     -moz-transition-duration: @duration;
+       -o-transition-duration: @duration;
+          transition-duration: @duration;
+}
+
+.transitions-delay(@delay: 0s)
+{
+  -webkit-transition-delay: ~'@{delay}';
+     -moz-transition-delay: ~'@{delay}';
+       -o-transition-delay: ~'@{delay}';
+          transition-delay: ~'@{delay}';
+}
+
+// Rotate
+//
+//    ___ .rotation()
+//   |
+//   |  1 param   : @degree
+//   
+//    ___ .rotate()
+//   |  
+//   |  Tentative de compatibilté étendue (fonctionne uniquement pour 0, 90, 180 ou 270 degrés).
+//   |  
+//   |  1 param  : @degree
+//   |  3 params : @degree / @originX / @originY
+//
+.rotation(@deg:5deg)
+{
+  -webkit-transform: rotate(@deg);
+     -moz-transform: rotate(@deg);
+          transform: rotate(@deg);
+}
+.rotate(@value, @originX:0%, @originY:0%, @unit:'deg')
+{
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation = (360 / @value) + 1); //0, 1, 2, or 3 rotate 0, 90, 180 or 270
+  -webkit-transform: rotate(~"@{value}@{unit}"); // ~"@{value}@{unit}" rather than @value@unit remove the spaces between value and unit.
+     -moz-transform: rotate(~"@{value}@{unit}");
+      -ms-transform: rotate(~"@{value}@{unit}");
+       -o-transform: rotate(~"@{value}@{unit}");
+          transform: rotate(~"@{value}@{unit}");
+  -webkit-transform-origin:@originX @originY;
+     -moz-transform-origin:@originX @originY;
+      -ms-transform-origin:@originX @originY;
+       -o-transform-origin:@originX @originY;
+          transform-origin:@originX @originY;
+}
+
+// Scale
+.scale(@ratio:1.5)
+{
+  -webkit-transform:scale(@ratio);
+     -moz-transform:scale(@ratio);
+          transform:scale(@ratio);
+}
+
+// Translate
+.translate(@x:0, @y:0)
+{
+  -webkit-transform: translate(@x, @y);
+     -moz-transform: translate(@x, @y);
+      -ms-transform: translate(@x, @y);
+       -o-transform: translate(@x, @y);
+          transform: translate(@x, @y);
+}
+
+// Columns
+.columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px)
+{
+  -webkit-column-width     : @colwidth;
+  -webkit-column-count     : @colcount;
+  -webkit-column-gap       : @colgap;
+  -webkit-column-rule-color: @columnRuleColor;
+  -webkit-column-rule-style: @columnRuleStyle;
+  -webkit-column-rule-width: @columnRuleWidth;
+     -moz-column-width     : @colwidth;
+     -moz-column-count     : @colcount;
+     -moz-column-gap       : @colgap;
+     -moz-column-rule-color: @columnRuleColor;
+     -moz-column-rule-style: @columnRuleStyle;
+     -moz-column-rule-width: @columnRuleWidth;
+          column-width     : @colwidth;
+          column-count     : @colcount;
+          column-gap       : @colgap;
+          column-rule-color: @columnRuleColor;
+          column-rule-style: @columnRuleStyle;
+          column-rule-width: @columnRuleWidth;
+}
+
+.edit-link(@bc:#CCFF2F,@c:#333)
+{
+  .dib;
+  background-color:@bc;
+  border:1px solid;
+  border-color:darken(desaturate(@bc, 35%),15%) darken(desaturate(@bc, 35%),15%) darken(desaturate(@bc, 35%),20%);
+  .rounded;
+  color: @c;
+  cursor: pointer;
+  .font-size(.8em,1em);
+  font-weight: normal;
+  padding: 0.25em 0.75em;
+  margin-top:.5em;
+  
+  &:hover{background-color:darken(@bc, 20%);}
+  &:active{
+    text-shadow: 0 1px 0 lighten(@bc,5%);
+    background-color:darken(@bc, 20%);
+    //.inset-shadow(0,0,2px,darken(@bc,60));
+  }
+}
+
+.loader(@fc:#000,@bc:#ccc,@h:8px,@radius:0px)
+{
+  // Safari/chrome
+  &::-webkit-progress-bar{background-color:@bc;.rounded(@radius);}
+  &::-webkit-progress-value{background-color:@fc;.rounded(@radius);}
+  // Firefox
+  &{background-color:@bc;.rounded(@radius);height:@h;}
+  &::-moz-progress-bar{background-color:@fc;.rounded(@radius);}
+}
+
+// =
+// =
+// =
+// =
+// =
+// ===== RETINA ========================================================================================================== 
+
+// retina.less
+// A helper mixin for applying high-resolution background images (http://www.retinajs.com)
+.at2x(@path, @w: auto, @h: auto) {
+  background-image: url(@path);
+  @at2x_path: ~`"@{path}".split('.').slice(0, "@{path}".split('.').length - 1).join(".") + "@2x" + "." + "@{path}".split('.')["@{path}".split('.').length - 1]`;
+
+  @media all and (-webkit-min-device-pixel-ratio : 1.5) {
+    background-image: url(@at2x_path);
+    background-size: @w @h;
+  }
+}
diff --git a/sites/all/themes/gui/materiobasetheme/less/old-less/layout.less b/sites/all/themes/gui/materiobasetheme/less/old-less/layout.less
new file mode 100644
index 00000000..0e5910cd
--- /dev/null
+++ b/sites/all/themes/gui/materiobasetheme/less/old-less/layout.less
@@ -0,0 +1,101 @@
+
+/** RESPONSIVE break points */
+
+@max-480  : ~"screen and (max-width: 479px)";
+@min-480  : ~"screen and (min-width: 480px)";
+
+@480-768  : ~"screen and (min-width: 480px) and (max-width: 767px)";
+
+@max-768  : ~"screen and (max-width: 767px)";
+@min-768  : ~"screen and (min-width: 768px)";
+
+@768-980  : ~"screen and (min-width: 768px) and (max-width: 979px)";
+
+@max-980  : ~"screen and (max-width: 979px)";
+@min-980  : ~"screen and (min-width: 980px)";
+
+@980-1200  : ~"screen and (min-width: 980px) and (max-width: 1199px)";
+
+@max-1200 : ~"screen and (max-width: 1199px)";
+@min-1200 : ~"screen and (min-width: 1200px)";
+
+
+html, body{
+  // position:relative;
+  // overflow:hidden;
+  // width:100%;
+  // height:100%;
+}
+body{
+  overflow-y:scroll; top:0;
+}
+
+@rootminwidth : 320px;
+
+/** NIVEAU 0 */
+#root{
+  min-width:@rootminwidth;
+
+  .ie8 &{min-width:1024px;}
+}
+
+/** NIVEAU 1 */
+#container{ margin:0 auto; position:relative; .transition(padding-top, 0.5s, ease-out);}
+
+/** NIVEAU 2 */
+.padded(){ @p:2%; width:100%-2*@p; padding-left:@p; padding-right:@p; }
+
+@header-z-index:1000;
+#header{
+  @media @min-768{
+    position:fixed; top:0; margin:0 auto; .bgc(#fff); min-width:@rootminwidth*0.97;
+  }
+  z-index:@header-z-index;
+  .padded;
+  .editmenu-enabled &{ .mt(30px); }
+  .admin-menu &{ .mt(35px); }
+}
+
+#utilities{
+  @media @min-768{
+    html.no-touch &{
+      position:fixed; top:0; margin:0 auto; min-width:@rootminwidth*0.97;
+      .mt(60px);
+    }
+    html.no-touch .editmenu-enabled &{ .mt(80px); }
+    html.no-touch .admin-menu &{ .mt(85px); }
+  }
+  @media @max-768{
+    >.region{.pt(5px); .pb(5px);}
+  }
+  z-index:999;
+  .bgc(#fff);
+  .padded;
+
+}
+
+#main{.padded; overflow-x:hidden;}
+
+#footer{.padded;}
+
+/** NIVEAU 3 */
+
+.js #content-top{}
+
+// .js #content{ overflow-y:hidden; }
+
+
+// #container, #header-blocks, #center{.transition(width, 0.5s, ease-out); }
+
+
+.footer-block .region, .header-block{ .inlineblock();}
+
+/** NIVEAU 4 */
+#center{ padding:5px; }
+
+/** Z-INDEX */
+#block-feedback-form{z-index:1001;}
+#admin-menu{z-index:1002;}
+#admin-toolbar{z-index:1003;}
+
+
diff --git a/sites/all/themes/gui/materiobasetheme/less/old-less/misc.less b/sites/all/themes/gui/materiobasetheme/less/old-less/misc.less
new file mode 100644
index 00000000..3b102f3e
--- /dev/null
+++ b/sites/all/themes/gui/materiobasetheme/less/old-less/misc.less
@@ -0,0 +1,240 @@
+
+//** Messages. */
+.messages(){
+  padding: 9px;
+  margin: 0.5em 0 0;
+  color: #3a87ad;//#360;
+  background: #d9edf7;//#cf8;
+  border: 1px solid #bce8f1;//#be7;
+  -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    .12;
+
+  &.warning {
+    color: #c09853;//#840;
+    background-color: #fcf8e3;//#fe6;
+    border-color: #fbeed5;//#ed5;
+  }
+
+  &.error {
+    color: #b94a48;//#fff;
+    background-color: #f2dede;//#e63;
+    border-color: #eed3d7;//#d52;
+  }
+
+
+  &.status {
+    color: #468847;//#036;
+    background-color: #dff0d8;//#bdf;
+    border-color:#d6e9c6;//#ace;
+    .14;
+  }
+
+}
+
+div.messages { .messages();}
+
+.messages-label{display:none;}
+
+#better-messages-wrapper{
+  background-color: rgba(255,255,255,0.7); .p(10px); .rounded(5px); .drop-shadow(0, 0, 6px, 0.4);
+  #better-messages-default{
+
+    div.messages{
+      .messages(); margin:0 0 10px 0;
+    }
+    .footer{
+      border:none; padding:0; margin:0;
+      a.message-close{
+        background: #fff url('../img/close.png') no-repeat center center;
+        width:15px; height:15px; .rounded(3px); display:block;
+
+      }
+    }
+  }
+}
+
+/** Tab navigation */
+
+// .primary(){
+// 	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: 0;
+//   height: auto;
+//   line-height: normal;
+//   border-bottom: 0 solid #bbb;
+
+//   li{
+//     display: inline;
+
+//     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: 5px;
+//     		-webkit-border-radius: 5px;
+//     		border-radius: 5px;
+
+//       &:hover{
+//         background-color: #eee;
+//         border-color: #ccc;
+//         border-bottom-color: #eee;
+//       }
+
+//     }
+
+//     &.active a {
+//       background-color: #fff;
+//       border: 1px solid #bbb;
+//       border-bottom: #fff 1px solid;
+//     }
+//   }
+// }
+
+// ul.primary, .views-admin-links ul { .primary(); }
+
+// .secondary(){
+//   border-bottom: 1px solid #bbb;
+//   padding: 0.5em 1em;
+//   margin: 5px;
+//   li {
+//     display: inline;
+//     padding: 0 1em;
+//     border-right: 1px solid #ccc; /* LTR */
+
+//     a {
+//       padding: 0;
+//       text-decoration: none;
+
+//       &.active {
+//         border-bottom: 4px solid #999;
+//       }
+//     }
+//   }
+// }
+
+// ul.secondary { .secondary(); }
+
+
+/**
+* icons
+*/
+.icon(@w, @x, @y, @color : #fff){
+  background-image: url('../img/sprite.png');
+  width:@w; height:@w; line-height:@w;
+  background-position: @x @y ;
+  background-color: @color;
+}
+// [class^="icon-materio-viewmode-"], [class*=" icon-materio-viewmode-"]{
+//   .icon(20px);
+// }
+
+i.icon-materio-viewmode-cardsmall{
+  .icon(20px, -42px, 0);
+  &.active{.icon(21px, 0, 0); }
+  &:hover:not(.active){.icon(21px, -21px, 0); }
+}
+i.icon-materio-viewmode-cardmedium{
+  .icon(21px, -42px, -21px);
+  &.active{.icon(21px, 0, -21px); }
+  &:hover:not(.active){.icon(21px, -21px, -21px); }
+}
+i.icon-materio-viewmode-cardbig{
+  .icon(21px, -42px, -42px);
+  &.active{.icon(21px, 0, -42px); }
+  &:hover:not(.active){.icon(21px, -21px, -42px); }
+}
+i.icon-materio-viewmode-cardfull{
+  .icon(21px, -42px, -63px);
+  &.active{.icon(21px, 0, -63px); }
+  &:hover:not(.active){.icon(21px, -21px, -63px); }
+}
+
+i.icon-materio-search{
+  .icon(21px, -63px, -63px);
+}
+
+i.icon-materio-folder{
+  .icon(21px, -84px, -63px);
+}
+
+
+/**
+* figures
+*/
+
+figure{
+  figcaption{
+    display:none;
+  }
+  .blank{ position:absolute; top:0; left:0; width:100%; height:100%;}
+}
+
+
+
+/* ==|== print styles =======================================================
+   Print styles.
+   Inlined to avoid required HTTP connection: h5bp.com/r
+   ========================================================================== */
+
+// @media print {
+//   * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
+//   a, a:visited { text-decoration: underline; }
+//   a[href]:after { content: " (" attr(href) ")"; }
+//   abbr[title]:after { content: " (" attr(title) ")"; }
+//   .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
+//   pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+//   thead { display: table-header-group; } /* h5bp.com/t */
+//   tr, img { page-break-inside: avoid; }
+//   img { max-width: 100% !important; }
+//   @page { margin: 0.5cm; }
+//   p, h2, h3 { orphans: 3; widows: 3; }
+//   h2, h3 { page-break-after: avoid; }
+// }
+
+
+
+a:focus {
+    outline: 0;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+
+/** COLORBOX */
+#colorbox{
+  .rounded; .drop-shadow(0, 0, 5px, 0.4);
+  #cboxLoadedContent{ background-color: #fff; }
+}
+
+
+/** embed player */
+.embedded-video{
+  .player iframe{
+    @media @max-768{
+      max-width:100%;
+      height:auto;
+    }
+  }
+}
+
+/** devel */
+.not-logged-in{
+  #tasks ul.tabs.primary{display:none;}
+}
\ No newline at end of file
diff --git a/sites/all/themes/gui/materiobasetheme/less/misc.less.orig b/sites/all/themes/gui/materiobasetheme/less/old-less/misc.less.orig
similarity index 100%
rename from sites/all/themes/gui/materiobasetheme/less/misc.less.orig
rename to sites/all/themes/gui/materiobasetheme/less/old-less/misc.less.orig
diff --git a/sites/all/themes/gui/materiobasetheme/less/old-less/styles.css b/sites/all/themes/gui/materiobasetheme/less/old-less/styles.css
new file mode 100644
index 00000000..0652daa7
--- /dev/null
+++ b/sites/all/themes/gui/materiobasetheme/less/old-less/styles.css
@@ -0,0 +1,37 @@
+/*
+Error: Inconsistent indentation: 5 spaces were used for indentation, but the rest of the document was indented using 2 spaces.
+        on line 180 of /home/sarahgarcin/Sites/materio/base_d7/sites/all/themes/gui/materiobasetheme/less/styles.sass
+
+175:       .14;
+176:       margin-top:-3px;
+177:       margin-left:-0.5em;
+178:       .900;
+179:       @media @max-980{display:none;}
+180:      .ie8 &{position: absolute; margin-top:22px;}
+181:     }
+182:   }
+183: 
+184:   #header-blocks{
+185:     //position:absolute; right:0; bottom:0;
+
+Backtrace:
+/home/sarahgarcin/Sites/materio/base_d7/sites/all/themes/gui/materiobasetheme/less/styles.sass:180
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/engine.rb:473:in `block in tabulate'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/engine.rb:431:in `each'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/engine.rb:431:in `each_with_index'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/engine.rb:431:in `tabulate'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/engine.rb:396:in `_to_tree'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/engine.rb:368:in `_render_with_sourcemap'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/engine.rb:285:in `render_with_sourcemap'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/exec/sass_scss.rb:396:in `run'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/exec/sass_scss.rb:62:in `process_result'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/exec/base.rb:52:in `parse'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/exec/base.rb:19:in `parse!'
+/opt/koala/rubygems/gems/sass-3.4.9/bin/sass:13:in `<top (required)>'
+/opt/koala/bin/sass:18:in `load'
+/opt/koala/bin/sass:18:in `<main>'
+*/
+body:before {
+  white-space: pre;
+  font-family: monospace;
+  content: "Error: Inconsistent indentation: 5 spaces were used for indentation, but the rest of the document was indented using 2 spaces.\A         on line 180 of /home/sarahgarcin/Sites/materio/base_d7/sites/all/themes/gui/materiobasetheme/less/styles.sass\A \A 175:       .14;\A 176:       margin-top:-3px;\A 177:       margin-left:-0.5em;\A 178:       .900;\A 179:       @media @max-980{display:none;}\A 180:      .ie8 &{position: absolute; margin-top:22px;}\A 181:     }\A 182:   }\A 183: \A 184:   #header-blocks{\A 185:     //position:absolute; right:0; bottom:0;"; }
diff --git a/sites/all/themes/gui/materiobasetheme/less/styles.less b/sites/all/themes/gui/materiobasetheme/less/old-less/styles.less
similarity index 100%
rename from sites/all/themes/gui/materiobasetheme/less/styles.less
rename to sites/all/themes/gui/materiobasetheme/less/old-less/styles.less
diff --git a/sites/all/themes/gui/materiobasetheme/less/styles.less.orig b/sites/all/themes/gui/materiobasetheme/less/old-less/styles.less.orig
similarity index 100%
rename from sites/all/themes/gui/materiobasetheme/less/styles.less.orig
rename to sites/all/themes/gui/materiobasetheme/less/old-less/styles.less.orig
diff --git a/sites/all/themes/gui/materiobasetheme/less/wysiwyg.less b/sites/all/themes/gui/materiobasetheme/less/old-less/wysiwyg.less
similarity index 100%
rename from sites/all/themes/gui/materiobasetheme/less/wysiwyg.less
rename to sites/all/themes/gui/materiobasetheme/less/old-less/wysiwyg.less
diff --git a/sites/all/themes/gui/materiobasetheme/less/styles.css b/sites/all/themes/gui/materiobasetheme/less/styles.css
new file mode 100644
index 00000000..13c59872
--- /dev/null
+++ b/sites/all/themes/gui/materiobasetheme/less/styles.css
@@ -0,0 +1,67 @@
+/*
+Error: Invalid CSS after "...        @media ": expected media query (e.g. print, screen, print and screen), was "$max-480 { $w:2..."
+        on line 572 of /home/sarahgarcin/Sites/materio/base_d7/sites/all/themes/gui/materiobasetheme/less/styles.scss
+
+567:         .group-column-wrapper{
+568:           height:240px;
+569:           .side{ height:100%; }
+570:           .field-name-field-emvideo{
+571:             $r:0.5625;
+572:             @media $max-480 { $w:290px; width:$w; height:$w*$r; }
+573:             @media @480-768 { $w:216px; width:$w; height:$w*$r; }
+574:             @media @768-980 { $w:216px; width:$w; height:$w*$r; }
+575:             @media @980-1200 { $w:280px; width:$w; height:$w*$r; }
+576:             @media $min-1200 { $w:340px; width:$w; height:$w*$r; }
+577:             *{height:100%; width:100%;}
+
+Backtrace:
+/home/sarahgarcin/Sites/materio/base_d7/sites/all/themes/gui/materiobasetheme/less/styles.scss:572
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:1165:in `expected'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:1101:in `expected'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:1081:in `expr!'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:401:in `media_directive'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:219:in `special_directive'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:194:in `directive'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:661:in `block_child'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:653:in `block_contents'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:642:in `block'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:711:in `declaration_or_ruleset'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:661:in `block_child'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:653:in `block_contents'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:642:in `block'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:711:in `declaration_or_ruleset'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:661:in `block_child'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:653:in `block_contents'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:642:in `block'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:711:in `declaration_or_ruleset'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:661:in `block_child'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:653:in `block_contents'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:642:in `block'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:711:in `declaration_or_ruleset'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:661:in `block_child'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:653:in `block_contents'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:642:in `block'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:711:in `declaration_or_ruleset'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:661:in `block_child'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:653:in `block_contents'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:642:in `block'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:635:in `ruleset'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:660:in `block_child'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:653:in `block_contents'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:117:in `stylesheet'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/scss/parser.rb:42:in `parse'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/engine.rb:393:in `_to_tree'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/engine.rb:368:in `_render_with_sourcemap'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/engine.rb:285:in `render_with_sourcemap'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/exec/sass_scss.rb:396:in `run'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/exec/sass_scss.rb:62:in `process_result'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/exec/base.rb:52:in `parse'
+/opt/koala/rubygems/gems/sass-3.4.9/lib/sass/exec/base.rb:19:in `parse!'
+/opt/koala/rubygems/gems/sass-3.4.9/bin/sass:13:in `<top (required)>'
+/opt/koala/bin/sass:18:in `load'
+/opt/koala/bin/sass:18:in `<main>'
+*/
+body:before {
+  white-space: pre;
+  font-family: monospace;
+  content: "Error: Invalid CSS after \"...        @media \": expected media query (e.g. print, screen, print and screen), was \"$max-480 { $w:2...\"\A         on line 572 of /home/sarahgarcin/Sites/materio/base_d7/sites/all/themes/gui/materiobasetheme/less/styles.scss\A \A 567:         .group-column-wrapper{\A 568:           height:240px;\A 569:           .side{ height:100%; }\A 570:           .field-name-field-emvideo{\A 571:             $r:0.5625;\A 572:             @media $max-480 { $w:290px; width:$w; height:$w*$r; }\A 573:             @media @480-768 { $w:216px; width:$w; height:$w*$r; }\A 574:             @media @768-980 { $w:216px; width:$w; height:$w*$r; }\A 575:             @media @980-1200 { $w:280px; width:$w; height:$w*$r; }\A 576:             @media $min-1200 { $w:340px; width:$w; height:$w*$r; }\A 577:             *{height:100%; width:100%;}"; }
diff --git a/sites/all/themes/gui/materiobasetheme/less/styles.scss b/sites/all/themes/gui/materiobasetheme/less/styles.scss
new file mode 100644
index 00000000..be10a022
--- /dev/null
+++ b/sites/all/themes/gui/materiobasetheme/less/styles.scss
@@ -0,0 +1,2410 @@
+/**
+ * Primary Drupal Styles
+ * Author: g-u-i.net
+ */
+
+@import "../bower_components/foundation/scss/foundation.scss";
+@import "../bower_components/foundation/scss/normalize.scss";
+
+@import "gui.scss";
+
+@import "fonts.scss";
+@import "layout.scss";
+
+
+
+#root{
+  // background: #fff url('../img/beta-2.png') no-repeat 0px 0px;
+}
+
+@mixin shadowBtn(){
+  @include drop-shadow(0, 0, 5px, 0.4);
+  @include transition-simply-prefix(box-shadow 0.3s ease-out);
+  &:hover, &:focus{
+    @include drop-shadow(0, 0, 5px, 0.7);
+  }
+  &:active{
+    @include transition-simply-prefix(box-shadow 0s ease-out);
+    @include drop-shadow(0, 0, 5px, 0.4);
+  }
+}
+
+@mixin shadowTextBtnWhite(){
+  cursor:pointer;
+  text-shadow:0 0 2px rgba(255, 255, 255, 0.2);
+  @include transition-simply-prefix(text-shadow 0.3s ease-out);
+  &:hover, &:focus{
+    text-shadow:0 0 3px rgba(255, 255, 255, 1);
+  }
+  &:active{
+    @include transition-simply-prefix(text-shadow 0s ease-out);
+    text-shadow:0 0 2px rgba(255, 255, 255, 0.2);
+  }
+}
+
+@mixin shadowTextBtnBlack(){
+  cursor:pointer;
+  text-shadow:0 0 2px rgba(0, 0, 0, 0.2);
+  @include transition-simply-prefix(text-shadow 0.2s ease-out);
+  &:hover, &:focus{
+    text-shadow:0 0 2px rgba(0, 0, 0, 0.8);
+  }
+  &:active{
+    @include transition-simply-prefix(text-shadow 0s ease-out);
+    text-shadow:0 0 2px rgba(0, 0, 0, 0.2);
+  }
+}
+
+@mixin horihoverswitch(){
+  position:relative; z-index:1; @include bgc(#fff);
+  figure{
+    position: absolute; top:0; left:0;
+    &:first-child{ position:relative; z-index:1; }
+  }
+}
+
+.layer(){
+  position:absolute; width:100%; height:100%; top:0; left:0;
+}
+
+.op-visible{
+  visibility:visible;
+  .csstransitions &{
+    @include opacity(1);
+    @include transition-simply-prefix(opacity 0.3s ease-out);
+  }
+}
+.op-hidden{
+  visibility:hidden;
+  >*{
+      margin-top:-100000px;
+    }
+  .csstransition &{
+    @include opacity(0);
+    @include transition-simply-prefix(visibility 0s 0.3s, opacity 0.3s ease-out);
+    >*{
+      @include transition-simply-prefix(margin-top 0s 0.3s);
+    }
+  }
+}
+
+@mixin bouton(){
+  // .16; change this
+  font-weight:bold;
+  @include p(0.1em 0.3em 0.2em); @include rounded(0.3em);
+  border: 2px solid #ccc; @include bgc(#ccc); color:#4D4D4D; // blanc/bleu
+  @include shadowTextBtnWhite();
+  text-align: center; text-decoration: none;
+
+}
+
+@mixin bouton-bleu(){
+  @include bouton();
+  @include shadowTextBtnBlack();
+  border-color:#69CDCF; @include bgc(#69CDCF); color:#fff;
+}
+
+@mixin bouton-vert(){
+  @include bouton();
+  @include shadowTextBtnBlack();
+  border-color:#E6DE1C; @include bgc(#E6DE1C); color:#fff;
+}
+
+/** colomnized() */
+@mixin columnized($padding){
+  @include p($padding);
+  &.columnized{
+    @include p(0);
+    .column>*{@include p($padding);}
+    @include transition-simply-prefix(margin-left 0.3s ease-out);
+    .column-switcher{
+      display:inline-block; @include rounded(3px); color:#fff; background-color: #3e3e3e; vertical-align:middle;
+      // .700; .22; change this
+      @include p(0.05em 0.15em 0.2em 0.2em); line-height:0.5; 
+      // .regular;change this
+      &.prev-column{cursor: w-resize;}
+      &.next-column{cursor: e-resize;}
+    }
+  }
+}
+@mixin bgcWhite(){
+  @include bgca(255, 255, 255, 0.8);
+  text-shadow:0 0 4px rgba(255, 255, 255, 0.4);
+  @include transition-simply-prefix(background-color 0.2s ease-out, text-shadow 0.2s ease-out);
+}
+@mixin bgcBlack(){
+  @include bgca(0, 0, 0, 0.7);
+  text-shadow:0 0 4px rgba(0, 0, 0, 0.4);
+  @include transition-simply-prefix(background-color 0.2s ease-out, text-shadow 0.2s ease-out);
+}
+
+// .bgcWhiteParentHover(){
+//   .bgca(255, 255, 255, 0.2);
+//   text-shadow:0 0 4px rgba(255, 255, 255, 0.9);
+//   &:hover{
+//     .bgcWhite();
+//   }
+// }
+
+$headerheight:45px;
+$headerpaddingtop:5px;
+$headerpaddingbottom:10px;
+$headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
+
+/** HEADER */
+#header{
+  padding-top:$headerpaddingtop;
+  padding-bottom:$headerpaddingbottom;
+  height:$headerheight;
+  // position:relative;
+  // .drop-shadow(0, 3px, 2px, 0.4); margin-bottom:5px;
+
+  a{&, &:active, &:visited{color:#000;}}
+
+  // .logo, #header-blocks{.inlineblock(); vertical-align:middle;}
+
+  .logo{
+    //width:210px; //padding-left:5px; //margin-left:50px;
+    // .inlineblock; change this
+    h1{
+      margin:0; 
+      //.36; change this 
+      @include inlineblock(); vertical-align: baseline; position:relative; line-height:1.25;
+      a:hover{text-decoration: none ;}
+    }
+    span.beta{
+      line-height:1; letter-spacing: 0.1em;
+      color:rgb(0,0,122); 
+      //.12; change this
+      position:absolute; left:0; @include pl(0); @include ml(0);
+    }
+    span.slogan{
+      // .14; change this
+      margin-top:-3px;
+      margin-left:-0.5em;
+      // .900; change this
+      //@media $max-980{display:none;} change this
+     .ie8 &{position: absolute; margin-top:22px;}
+    }
+  }
+
+  #header-blocks{
+    //position:absolute; right:0; bottom:0;
+    @include pt(17px);
+    float:right;
+    text-align:right;
+    text-transform: capitalize;
+
+    >.region{
+      @include inlineblock();vertical-align:middle;
+      @include pr(1em); @include mr(1em);
+      //@media $max-768{ .pr(0.3em); .mr(0.3em); } change this 
+      border-right: 1px solid #707070;
+      &:last-child{border:none; @include p(0); @include m(0);}
+    }
+
+    .block{
+      @include inlineblock(); vertical-align:middle;
+      h2{
+        //.12; change this  
+        @include m(0); line-height: 1.2; font-weight: normal; }
+      &:not(:last-child){
+        @include pr(0.8em); 
+        // @media $max-1200{ .pr(0.3em); } change this
+      }
+    }
+
+    #block-user-login{
+      //.12; change this 
+      text-align:left; position:relative;
+      h2{
+        @include pr(5px);
+        // .icon-user;
+        i{ vertical-align: text-bottom; @include m(0 2px 2px 0);}
+      }
+      form#user-login-form{
+        position:absolute; overflow:hidden; right:0; @include m(0);
+        height:0;
+        @include transition-simply-prefix(height 0.3s ease-out);
+        &>div{
+          @include p(5px); @include m(5px);
+          background-color: #e6e6e6; @include rounded(5px); @include drop-shadow(0, 0, 5px, 0.2);
+        }
+        .form-item{@include m(0); @include pb(5px);}
+        label,input{
+          @include m(0);
+          // .10; change this
+        }
+        // label{width:30%;}
+        input.form-text{width:150px;}
+
+        #edit-actions{
+          @include m(5px 0); @include p(0); @include bgc(transparent); text-align: right;
+          input.form-submit{
+            //.12; change this  
+            @include p(10px);
+          }
+        }
+        div.newpass a{
+          //.12; change this 
+          color:#686868;
+        }
+
+        // div.register a{
+        //   display:block; .p(10px 5px); background-color: #ccf718; font-weight:bold; text-align: center; .14;
+        // }
+      }
+
+      html.no-touch &:hover, &.hovered{
+        form#user-login-form{
+          height:300px;
+          &>div{
+          }
+          z-index:$header-z-index;
+        }
+      }
+
+      // @media $max-480{
+      //   span.login{display:none;}
+      // } change this
+    }
+
+    #block-materio-flag-materio-flag-mylists-nav{
+      position:relative;
+      h2{
+        @include m(0); 
+        //.12; change this 
+        line-height:1.1;}// .700;
+      // h2, section.mylists{.inlineblock();}
+      section.mylists{
+        position:absolute; z-index:20; @include bgca(255, 255, 255, 0.9); min-width:100%; @include m(0 0 0 -5px);
+        @include rounded(3px); @include drop-shadow(-2px, 2px, 5px, 0.2);
+        .ie8 &{background:#FFF;}
+        ul{@include m(0);}
+        li{
+          list-style: none; 
+          // .12; .700; change this 
+          @include p(0 10px); text-align: left; width:200px;
+          height:0; overflow:hidden; @include transition-simply-prefix(height 0.3s ease-out);
+          // height:15px; .p(3px 10px);
+
+          a, span.preview{white-space:nowrap; cursor:pointer;}
+          a.open-list{max-width:150px;}
+          span.count{
+            //.300; change this 
+            @include p(0 5px);}
+          span.preview, a.edit-list{@include pr(5px);}
+
+          .no-touch &:not(:hover) {
+            span.preview, a.edit-list{@include op-hidden;}
+          }
+
+        }
+      }
+
+      &:hover{
+        section.mylists{
+          @include pb(5px);
+          li{height:15px; @include p(3px 10px); }
+        }
+      }
+
+      h2{
+        i{ vertical-align: text-bottom; @include m(0 2px 2px 0);}
+        // @media $min-980{ i{display: none;} }
+        // @media $max-980{ span.menu-title{display:none;} } change this
+      }
+    }
+
+    #block-ajax-register-ajax-register-block{
+      // .12; change this 
+      text-transform: lowercase;
+    }
+
+    #block-logintoboggan-logintoboggan-logged-in{
+      // .12; change this
+      i{
+        vertical-align: text-bottom;
+        @include m(0 2px 1px 0);
+      }
+      a span.account{text-transform: lowercase;}
+      a span.logout{display:none; @include ml(5px); }
+      .icon-off{@include m(0 0.5em 0 0.5em);}
+      // @media $min-768{ .icon-off{display: none;} }
+      // @media $max-768{ a span.logout{display:none;} }
+      
+      // @media $max-768{a span.account{display:none;}} change this
+    }
+
+    #headerblock-right{
+      .block{
+        @include inlineblock; vertical-align: middle; padding:0;
+        &:first-child{@include p(0);}
+      }
+    }
+
+    #block-locale-language{
+      @include ml(1em);
+      // border-left: 1px solid #707070;
+      ul,li{
+        margin:0;padding:0;list-style-type: none; 
+        //.12; change this 
+        line-height: 1;
+        &.active{display:none;}
+      }
+      .ie8 &{padding-top:5px;}
+    }
+
+    // #block-menu-menu-about{
+    //   position:relative;
+    //   ul.menu{
+    //     position:absolute; .p(0 5px 5px 5px); .m(0); width:100px; display:none; right:0; text-align: right;
+    //     background-color: #e6e6e6; .rounded(5px);
+    //     li{
+    //       height:0;
+    //       overflow:hidden; list-style-type: none;
+    //       .transition-simply-prefix(height 0.3s ease-out");
+    //       a{
+    //         display:block; width:100%; padding:2px 5px; .12;
+    //       }
+    //     }
+    //   }
+
+    //   &:hover{
+    //     ul.menu{
+    //       display:block;
+    //       li{height:25px;}
+    //     }
+    //   }
+    // }
+
+    #block-menu-menu-top-menu{
+      h2{
+        .ie8 &{display:none;}
+        i{ vertical-align: text-bottom; @include m(0 0 2px 0);}
+      }
+
+      ul.menu, li{
+        // .12; change this  
+        list-style: none;
+        .ie8 &{display: inline;}
+      }
+      // menu en ligne
+      // @media $min-768{
+      //   h2{display:none;}
+      //   ul.menu, li{
+      //     .inlineblock; vertical-align: middle;
+      //     .p(0); .m(0);
+      //   }
+      //   a{.p(0 0.5em 0 0);}
+      // } change this
+
+      //menu deroulant
+      // @media $max-768{
+      //   position:relative;
+      //   h2 .menu-title{display: none;}
+      //   .menu-wrapper{
+      //     position:absolute; width:150px; display:none; right:0; .pt(5px);
+      //     ul.menu{
+      //       background-color: #e6e6e6; .rounded(5px); .p(0 5px 5px 5px); .m(0); text-align: right;
+      //       li{
+      //         height:0;
+      //         overflow:hidden;
+      //         .transition-simply-prefix(height 0.3s ease-out");
+      //         a{
+      //           display:block; width:100%; padding:2px 5px; .12;
+      //         }
+      //       }
+      //     }
+      //   }
+      //   html.no-touch &:hover, &.hovered{
+      //     z-index:$header-z-index;
+      //     .menu-wrapper{
+      //       display:block;
+      //       ul.menu{li{height:25px;}}
+      //     }
+      //   }
+      // } change this
+    }
+
+    #block-materio-user-old-database-link{
+      a{
+        // .12 change this
+      ;}
+    }
+
+    #block-materio-user-front-link{
+      a{
+        // .12; change this
+      }
+      i{ vertical-align: text-bottom; @include m(0 2px 2px 0);}
+      span.text{ display:none; }
+    }
+  }
+}
+
+#utilities{
+  margin-top:$headerouterheight;
+  .not-logged-in &{ overflow:hidden; }
+
+  &.closed{
+    .tabs, .node-didactique{display:none;} height:0;
+  }
+}
+
+#highlighted{
+
+  @include rounded(5px);
+  @include drop-shadow(0, 0, 6px, 0.6);
+  @include p(0.5em);
+  position:relative;
+
+  // @media $min-768{
+  //   .m(20px 0 6px);
+
+  //   .block{ .inlineblock; vertical-align: top; }
+  //   .block-materio-didactique{
+  //     width:65%;
+  //     .side{
+  //       .inlineblock(); vertical-align: top;
+  //       position:relative; //height:100%;
+  //     }
+  //     .group-sideleft{ width:65%; }
+  //     .group-sideright{ width:30%; }
+
+  //     .field-name-title-field{.24;}
+  //     // .field-name-field-visuel{}
+
+  //     .node.emvideo{
+  //       .group-sideleft, .group-sideright{ width:47%; }
+  //       .group-sideleft{.mr(2%);}
+  //       // .field-name-field-visuel{display:none;}
+  //     }
+
+  //   }
+  //   #block-materio-user-user-register{
+  //     width:30%;.p(5px); height:290px;
+  //   }
+  // }
+
+  // @media $min-480{
+  //   .block-materio-didactique{
+  //     .side{.inlineblock(); vertical-align: top;}
+  //   }
+  // }
+
+  // @media $max-768{
+  //   .m(10px 0 6px);
+  //   .block-materio-didactique{
+  //     .group-sideleft, .group-sideright{ width:100%; }
+  //     .field-name-title-field{ .20; cursor:pointer; }
+
+  //     .node-didactique:not(:first-child){
+  //       .field-name-title-field{ font-weight:normal; &:before{content:"- ";}}
+  //     }
+
+  //     html.js & .node-didactique{
+  //       height:auto;
+  //       height:25px; overflow: hidden;
+  //       &.opened{height:auto;}
+  //     }
+  //   }
+  // }
+
+  // @media @480-768{
+  //   .block-materio-didactique{
+  //     // .pt(150px);
+  //     .group-sideleft{ width:50%; }
+  //     .group-sideright{ width:50%; }
+  //   }
+  // } change this
+
+  .oldie &{
+    .block{@include inlineblock;}
+  }
+
+  .block-materio-didactique{
+      // .ie8 &{max-width:850px; border: 1px solid #C6C6C6;}
+      .node-didactique{
+      // .14; change this 
+      @include bgc(#fff); //.p(5px);
+      @include m(0 auto);
+      // .ie8 &{max-width:750px; margin-left:15px; margin-top:10px;}
+
+      .side{position:relative;}
+
+      .field-name-title-field{ 
+        // .900; 
+        // .italic; change this 
+        padding:5px 0;
+      }
+      .field-name-field-visuel{
+        text-align: center;
+        figure, img{display:inline;}
+      }
+      &.emvideo{
+        .field-name-field-visuel{display:none;}
+      }
+      // .field-name-field-emvideo{
+      //   a{
+      //     display:block; width:100%; height:100%;
+      //     background: transparent url(../img/vimeo-play-btn.png) no-repeat center center;
+      //     &:hover{background-image: url(../img/vimeo-play-btn-hover.png);}
+      //     img{max-width:100%;}
+            .ie8 &{.player{display:none;}}
+      //   }
+      // }
+
+    }
+
+    html.js &{
+      position:relative;
+      overflow: hidden;
+      .slides{
+        height:270px; @include m(0); position:relative; width:100%; overflow:hidden;
+        .node-didactique{ @include layer(); }
+        .field-name-title-field{ height:30px;}
+        .group-column-wrapper{
+          height:240px;
+          .side{ height:100%; }
+          .field-name-field-emvideo{
+            $r:0.5625;
+            @media $max-480 { $w:290px; width:$w; height:$w*$r; }
+            @media @480-768 { $w:216px; width:$w; height:$w*$r; }
+            @media @768-980 { $w:216px; width:$w; height:$w*$r; }
+            @media @980-1200 { $w:280px; width:$w; height:$w*$r; }
+            @media $min-1200 { $w:340px; width:$w; height:$w*$r; }
+            *{height:100%; width:100%;}
+          }
+        }
+      }
+      .tabs{
+        height:30px; .m(0); text-align:left;
+        >*{
+          .inlineblock(); vertical-align: top ; padding:5px 10px; .12; cursor:pointer; color:#bfbfbf;
+          &:hover, &:focus, &.active{color:#3f3f3f;}
+        }
+      }
+    }
+  }
+}
+
+/** block register */
+#block-materio-user-user-register, #block-materio-user-user-createaccount{
+  min-height:120px; .p(5px);
+  background: transparent url('../img/register-block.png') no-repeat 100% 90%;
+  .ie8 &{max-width:250px; float:right; background-image:none;}
+
+
+  h2, h3{.900; .italic; padding:5px 0; .m(0); line-height: 1; .bgc(#fff); .inlineblock(); min-width:50%;}
+  h2{.24;} h3{.16;}
+
+  form{.m(0); .bgca(255, 255, 255, 0.7); .pb(5px); .inlineblock(); }
+
+  .form-item, .form-wrapper{
+    .m(0); .inlineblock; vertical-align: middle; position:relative;
+  }
+
+  #edit-account{.mr(5px);}
+
+  input.form-text{ .12; .rounded(5px); .mb(4px);.ie8 &{margin-right:5px;}}
+  .form-item-mail input.form-text, .form-item-name input.form-text{ width:11em;}
+  .form-item-pass input.form-text{ width:7em;}
+
+  #edit-mail-check{
+    position:absolute; bottom:100%; z-index:9999; background-image: none;
+    height:auto; //width:90%;
+    .p(5px); .rounded(5px); .mb(10px);
+    .11;  background-color: #fff;
+    .drop-shadow(0, 0, 5px, 0.6);
+    .transition-simply-prefix(bottom 0.1s ease-out");
+
+    &.error{
+      background-color: #f3968d;
+      // border: 2px solid #f30002;
+      color:#fff;
+    }
+
+    &.ok{ display:none; }
+  }
+
+  .form-submit{
+    //border: 2px solid #69CDCF; .bgc(#69CDCF); color:#FF7400; // orange/bleu
+    .16; .p(0.1em 0.6em 0.2em); .rounded(0.3em);
+    font-weight:bold;
+    .mb(4px);
+  }
+
+  .form-item-termsofservices, #edit-field-newsletter{
+    .mb(0); display:block; line-height: 1;
+    &>*{ .inlineblock; vertical-align: middle; .m(0); }
+    label{ .10; background-color: #fff; .rounded(3px); }
+  }
+
+  #user-register-form{
+    .form-submit{
+      border: 2px solid #69CDCF; .bgc(#69CDCF); color:#fff; // blanc/bleu
+      .shadowTextBtnBlack();
+      &[disabled]{
+        .bgc(#ddd); border: 2px solid #ddd;
+      }
+    }
+
+  }
+  #user-login{
+    .form-submit{
+      border: 2px solid #E6DE1C; .bgc(#E6DE1C); color:#fff; // noire/jaune
+      .shadowTextBtnBlack();
+    }
+  }
+
+  #edit-simplenews{
+    .pt(0.5em);
+    .fieldset-description{
+      .12;
+    }
+    .form-checkboxes{
+      .form-item{
+        display:block;
+        label{.12;}
+      }
+    }
+  }
+
+  a.join{
+    // .inlineblock();
+    display:block;
+    // .m(10px 0);
+    width:5em;
+    .16; .p(0.1em 0.3em 0.2em); .rounded(0.3em);
+    font-weight:bold;
+    border: 2px solid #69CDCF; .bgc(#69CDCF); color:#fff; // blanc/bleu
+    .shadowTextBtnBlack();
+    text-align: center; text-decoration: none;
+  }
+
+  @media $max-480{
+    background-position: 160% 50%;
+    .form-item-mail input.form-text, .form-item-name input.form-text{ width:7em;}
+  }
+
+  @media $max-768{
+    min-height:60px; .p(15px 0);
+    #user-login, >h3:first-child, >h3 span{ display:none; }
+  }
+
+  .message-error{
+    color:#b94a48; .12;
+  }
+
+  .modal-content &{
+    .p(0.5em 0.5em 5em 0.5em);
+
+    width:400px;
+    background-color: #fff;
+    padding:5px;
+    .rounded(5px);
+
+    #user-register-form{
+      // hide honeypot field, because drupal.attachbehavior() doesn't work
+      div.homepage-textfield{display:none;}
+
+      .description{
+        .12;
+      }
+    }
+
+  }
+}
+
+/** content-top */
+#content-top{
+  // padding-left:50px;
+
+  /** flag-list */
+  #block-materio-flag-materio-flag-mybookmarks, #block-materio-flag-materio-flag-mylists{
+    // padding:5px 0;
+    .10; color:#666666; .300;
+    .ie8 &{margin-top:40px;}
+
+    h2{
+      .12; .700; .m(0);  line-height:1.2; color:#000;
+      a.open-list, i.icon-remove{
+        .inlineblock(); cursor:pointer;  color:#000;
+        .opacity(0); .transition-simply-prefix(opacity 0.1s ease-out");
+      }
+    }
+
+    &:hover{
+      a.open-list, i.icon-remove{
+        .opacity(1);
+      }
+    }
+
+    span.listname[name=bookmarks]{
+      cursor:pointer;
+    }
+
+    section.bookmarks{
+      height:0; overflow:hidden;
+      &.active{
+        height:auto;
+      }
+      article.node.vm-bookmark{
+        overflow:hidden;
+      }
+    }
+
+    .mylists{
+       // .transition-simply-prefix(height 0.3s ease-out");
+      section{
+        h2, .flaged{
+          height:0; overflow: hidden;
+        }
+        &.active{
+          h2, .flaged{
+            height:auto;
+          }
+        }
+      }
+    }
+
+    // .js & .mybookmarks{display:none;}
+
+  }
+}
+
+#tool-bar{
+  // margin-left:50px;
+  position:relative;
+  .inner-content{
+    padding-top:10px; padding-bottom:10px;
+    &>*{
+      .inlineblock();
+      vertical-align: middle ;
+      // height:35px;
+      //  margin: 5px;
+    }
+    @media $max-480{
+      .p(0); h1{line-height:0.5;}
+    }
+  }
+  // text-align:right;
+  // >*{ text-align: left ;}
+
+  // .block{
+  //   .inlineblock();
+  //   margin:0 0 0 20px;
+  // }
+
+  .oldie &{.bgc(#B1ADAD); .p(0 10px);}
+
+  .btn-group{
+    .p(0); .rounded(3px);  .bgc(#fff); margin:4px;
+    .shadowBtn();
+  }
+
+  #block-materio-page-title-materio-page-title{
+    // .ie8 &{margin-top:40px;}
+    .m(0 10px 0 0);
+    h1{ .m(0); .24; text-transform: capitalize; .300; line-height:1;}
+    i{ vertical-align: middle ; .mr(5px);}
+    i.icon-materio-folder{.mb(2px);}
+    a.edit-list{
+      .op-hidden;
+      i{ .m(0 0 0 5px);}
+    }
+    &:hover{
+      a.edit-list{ .op-visible; }
+    }
+
+    @media $max-980{
+      display:block;
+    }
+  }
+
+  #block-materio-search-api-materio-search-api-viewmode{
+    .viewmode-link{
+      .inlineblock(); margin:0 2px;
+      &.active{cursor:normal;}
+       .inner{display:none;.10; }
+    }
+    @media $max-768{
+      .viewmode-link{ display:block; &:not(.active){display:none;} }
+    }
+    @media $max-480{
+      html.no-touch &:hover, &.hovered{ .viewmode-link.viewmode-cardsmall, .viewmode-link.viewmode-cardmedium{display:block;} }
+
+    }
+    @media @480-768{
+      html.no-touch &:hover, &.hovered{ .viewmode-link.viewmode-cardsmall, .viewmode-link.viewmode-cardmedium, .viewmode-link.viewmode-cardbig{display:block;} }
+    }
+  }
+
+  #block-materio-search-api-materio-search-api-search{
+    // .inlineblock(); vertical-align: middle ;
+    // position:absolute; top:10px; right:0;
+    float:right;
+    >.inner{
+      .inlineblock(); margin:0 0 0 10px; .p(3px 10px); .bgc(#fff); .rounded(3px); .shadowBtn(); text-align: right;
+    }
+  }
+
+  #materio-search-api-search-form{
+    text-align: right;
+    .inlineblock(); .m(0);
+
+    .form-item, input, .form-checkboxes{.inlineblock(); margin:0; vertical-align:middle; padding:0;}
+
+    .form-checkboxes{
+      .p(3px); .12;
+      .form-item{
+        margin:0 5px;
+        label{.10;}
+      }
+    }
+
+    input#edit-searchfield{
+      .b(1px, #ccc); .rounded(20px);
+      .p(4px, 5px); height:15px;
+      .12; line-height:1;
+      background-position: 100% 5px;
+      &.throbbing { background-position: 100% -15px; }
+    }
+
+    #edit-searchfield-autocomplete-aria-live{
+      .oldie &{
+        .bgc(#1a1a1a);
+      }
+    };
+
+    input#edit-create{ .p(3px); }
+
+    &.loading{
+      background: transparent url('../img/ajax-loader.gif') no-repeat 98% center;
+      input#edit-create{ visibility: hidden; }
+    }
+
+    @media $max-480{
+      input#edit-searchfield{width:16em;}
+      #edit-bundles-filter{display:none;}
+    }
+  }
+
+}
+
+#center{
+  background-color: #e6e6e6; .rounded(10px);
+  .node-type-page &{ .bgc(#fff); }
+  .ie8 &{height:100%; margin-top:20px;}
+
+}
+
+#content{
+  // background-color: #f3f3f3;
+  // .rounded(5px);
+  .transition-simply-prefix(height 0.3s ease-out");
+  &.faded{
+    .opacity(0.5);
+    .transition-simply-prefix(opacity 0.3s ease-out");
+  }
+
+  .materiobase-results, .materiobase-actuality, .materio-flags-list{
+    padding:0 0 30px 0; margin:0 0 20px 0;
+
+    &.loading{
+      background-image: url('../img/ajax-loader.gif');
+      background-position: center bottom;
+      background-repeat: no-repeat;
+    }
+
+    p.search-performance, p.flaglist-infos, p.actualities-infos{.12; .500; .m(0); padding:10px 0 5px 15px;}
+    // p.search-performance{.role-7 & {.12;}}
+
+    .search-results, .actuality-items, .flaglist-items{
+      font-size:0;
+      >*{font-size:16px;}
+      text-align:center;
+      >*{text-align:left;}
+
+    }
+
+  }
+
+  ul.pager{
+    padding: 1em 0; text-align: left;
+    .ie8 &{position:absolute; left:37px; bottom: 35px;}
+
+    li{margin:0; .inlineblock(); vertical-align: middle;}
+
+    .pager-current, a{color:#000;.12; }
+    .pager-current{.900; .14;.ie8 &{background:#fff; padding:0.3em 1em 0.3em 1em; margin-top:0.05em; border: 1px solid #333333;}}
+    .pager-first, .pager-previous, .pager-next, .pager-last{ a{ .24; .300; } }
+
+      // html.js & {display:none;}
+  }
+
+  .node-type-page &{
+    // .pl(15px);
+  }
+}
+
+/** #content-bottom */
+#content-bottom{
+  .pt(10px);
+}
+
+/** CARDS */
+
+$cardbookmark_w:50px;
+$cardbookmark_h:70px;
+
+$cardsmall_w:100px;
+$cardsmall_h:140px;
+
+$cardmedium_w:210px;
+$cardmedium_h:295px;
+
+$cardbig_w:425px;
+$cardbig_h:610px;
+
+$cardfull_w:850px;
+$cardfull_h:610px;
+
+.card-box($w, $h){
+  width:$w; height:$h;
+  .inlineblock(); position:relative; margin:7px;
+
+  //z-index:10; // pourquoi ce z-index ?
+  .rounded(5px); background-color: #FFF;
+  .drop-shadow(0, 0, 5px, 0.2);
+  .transition-simply-prefix(box-shadow 0.3s ease-out, opacity 0.3s ease-out");
+}
+
+.card($w, $h){
+  .card-box($w, $h);
+
+  >div.side{
+    .rounded(5px); overflow: hidden;
+  }
+
+  // .no-touch &:hover{ .drop-shadow(0, 0, 5px, 0.7); }
+  &.focused{ .drop-shadow(0, 0, 7px, 0.9); }
+
+  &.just-added{ .opacity(0); }
+
+  &.associated{
+    .transition-simply-prefix(margin 0.3s ease-out");
+    &.just-added{margin-left:-$w;margin-right:$w;}
+
+    .modal-content &{
+      position:absolute;
+      top:0; left:0;
+      z-index:999;
+    }
+
+  }
+
+  &.removed{
+    .transition-simply-prefix(width 0.3s ease-out");
+    width:0; .pl(0); .pr(0); .mr(0); .ml(0); overflow:hidden;
+  }
+  // TODO:  how to show that a card was flaged ?
+  // .search-results &.flaged, .actuality-items &.flaged{
+    // border: 2px solid rgba(0,0,0, 0.3); .m(3px);
+    // .drop-shadow(0, 0, 3px, 0.6);
+  // }
+
+  nav.nav{
+    position:absolute; top:0; right:0; z-index:11;
+    .p(5px 0);
+    .border-radius(0, 5px, 0, 3px);
+    .11;
+
+    // colors
+    // .bgca(10, 10, 10, 0.9); color:#fff;
+    // a{color:#fff;}
+    //ul{.bgca(10, 10, 10, 0.9);}
+    .bgca(255, 255, 255, 0.9); color:#000;
+
+    a{color:#000;}
+    ul{.bgca(255, 255, 255, 0.9);}
+    span.op{.900; .14;}
+
+    ul{.p(0); .m(0);}
+
+    section{
+      position:relative;
+
+      &>i{.m(0 5px); &:hover{cursor:pointer;}}
+    }
+
+    ul{
+      position:absolute; right:0; top:0; .mr(22px); min-width:80px; .p(0); display:block;
+      .rounded(3px); .drop-shadow(-2px, 2px, 5px, 0.2);
+       // .p(5px 10px);
+      li{
+        .p(0); .m(0); line-height:1; display:block;
+        height:0; overflow:hidden;  .transition-simply-prefix(height 0.2s ease-out");
+        // height:15px; overflow:hidden;
+        a{ display:block;}
+      }
+
+      &.flag-lists-entity-links{
+        width:160px;
+        font-size:0;
+        >*{font-size:11px;}
+        // &.loading{
+        //   a{visibility: hidden;}
+        //   background: transparent url('../img/ajax-loader.gif') no-repeat 98% center;
+        // }
+        li{
+          .inlineblock(); min-width:48%; max-width:98%; .pl(2px);
+          a{
+            color:#a6a6a6; .transition-simply-prefix(color 0.2s ease-out");
+            &:hover, &.unflag-action{
+              color:#000; text-decoration: none;
+            }
+          }
+          &.flag-lists-create{
+            display:block; width:100%;
+            >*{ .mt(1px); .pt(1px); .bt(1px solid #e6e6e6);}
+            a{color:#000;}
+          }
+          &.loading{
+            a{visibility: hidden;}
+            background: transparent url('../img/ajax-loader.gif') no-repeat 98% center;
+          }
+        }
+      }
+      .ie8 &{background:#FFF;}
+    }
+
+
+    section:hover{
+      ul{
+        .p(5px 5px);
+        li{height:17px;}
+
+        &.flag-lists-entity-links{
+          // width:160px;
+        }
+      }
+
+    }
+
+    // display:none;
+  }
+  // &:hover{nav.nav{display:block;}}
+
+  div.workflow{
+    position:absolute; top:0; left:0; z-index:11;
+    .p(5px);
+    .border-radius(5px, 0, 3px, 0);
+    .11; vertical-align: top;
+    .bgca(255, 255, 255, 0.9); color:#000;
+    span{.p(3px 0 0 4px); .inlineblock();}
+  }
+
+  .field-name-field-description .upgrade{
+    .12;
+    .pt(4em);.mt(-4.5em);
+    // .bgc(rgba(255,255,255,0.6));
+    background : linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 4em);
+    position:relative;
+  }
+
+  .side.oops p, .side .upgrade p{
+    .p(10px); .12;
+    a{
+      display:block; .m(10px 0);
+      .18; .p(0.1em 0.6em 0.2em); .rounded(0.3em);
+      font-weight:bold;
+      border: 2px solid #69CDCF; .bgc(#69CDCF); color:#fff; // blanc/bleu
+      .shadowTextBtnBlack();
+      text-align: center; text-decoration: none;
+    }
+  }
+}// .card()
+
+/** card search performance */
+article.search-performance{
+  .inner{
+    .p(1em);
+  }
+
+  p{.14;}
+
+  a.button{
+    display:block; .m(10px auto); max-width:10em;
+    .18; .p(0.1em 0.6em 0.2em); .rounded(0.3em);
+    font-weight:bold;
+    border: 2px solid #69CDCF; .bgc(#69CDCF); color:#fff; // blanc/bleu
+    .shadowTextBtnBlack();
+    text-align: center; text-decoration: none;
+  }
+  &.view-mode-cardsmall{
+    .card-box(327px, 140px);
+  }
+  &.view-mode-cardmedium{
+    .card-box(210px, 295px);
+    .inner{
+      .p(4em 1em 0);
+    }
+  }
+  &.view-mode-cardbig{
+    .card-box(425px, 115px);
+    display:block; margin:0 auto;
+  }
+  &.view-mode-cardfull{
+    .card-box(850px, 115px);
+    .inner{
+      .p(1em 212px);
+    }
+    display:block; margin:0 auto;
+  }
+}
+
+/** CARD BOOKMARKS */
+article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark{
+  .card($cardbookmark_w, $cardbookmark_h);
+  margin:3px;
+  .group-header{
+    display:none;
+  }
+
+  .group-images{ .horihoverswitch(); }
+  // nav.nav{top:0;}
+  div.workflow{display:none;}
+}
+
+/** CARD SMALL */
+article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall{
+  .card($cardsmall_w, $cardsmall_h); //width:100px; height:140px;
+  .group-header{
+    display:none; position:absolute;
+    .14; .500;
+    .field-name-title-field{.700;}
+    .field-name-field-reference-materio, .field-name-field-localisation{ .inlineblock(); .12; }
+    .field-name-field-localisation{ float:right; }
+  }
+  .group-images{ .horihoverswitch(); .rounded(5px); overflow:hidden; }
+
+  nav.nav{
+    ul.flag-lists-entity-links{
+      width:75px; min-width:75px;
+      li{width:98%;}
+    }
+    .ie8 &{background: #FFF}
+  }
+  .no-touch &:not(.focused) nav.nav{.op-hidden;}
+
+  .no-touch &:not(.focused) div.workflow{.op-hidden;}
+}
+
+/** TOOLTIP SMALL CARD */
+#tooltip{
+  .group-header.smallcard{
+    .14; .500;
+    .field-name-title-field{.700;}
+    .field-name-field-reference-materio, .field-name-field-localisation{ .inlineblock(); .12; }
+    .field-name-field-localisation{ float:right; }
+  }
+}
+
+/** CARD MEDIUM */
+article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium{
+  .card($cardmedium_w, $cardmedium_h); //width:210px; height:295px;
+
+  .side{
+    .layer(); .bgc(#fff); cursor:pointer;
+    &:nth-child(2){z-index:1;}
+  }
+
+  .group-header{
+    position:absolute; bottom:0; z-index:2;
+    width:190px; padding:5px 15px 5px 5px; min-height:55px;
+    .20; .300; line-height:1;
+    .field-name-title-field{.700;}
+    .field-name-field-nature-titre{.14;}
+    .bgcWhite();
+
+    .border-radius(0, 0, 4px, 4px); overflow: hidden;
+
+    .field-name-field-reference-materio, .field-name-field-localisation, .field-name-field-authored-on{ .inlineblock(); .12; vertical-align: bottom; width:48%;}
+    .field-name-field-localisation{ text-align: right; }
+    .ie8 &{background:#fff; font-color:#000; line-height: 1em; padding: 10px;}
+
+  }
+
+  &.node-breve .group-header{
+    // .20; .300; line-height:1.1;
+    color:#fff; .bgcBlack();
+    .field-name-field-authored-on{ .12; .500; }
+    .ie8 &{background:#000; font-size:15px; line-height: 1.2em;}
+  }
+
+  // &:hover .group-header{
+  //   .bgcWhiteParentHover();
+  // }
+
+  .group-images{ .horihoverswitch(); }
+
+  // side 2
+  .field-name-field-description, .field-name-body{
+    .12; .300; overflow: hidden; z-index:-1; .columnized(5px); .column>*{.pr(25px);}
+  }
+
+  // side 3
+  .column-wrapper{
+    .columnized(5px);
+  }
+  .field-name-field-company-fab, .field-name-field-company-distrib{
+    .12; padding:5px; .300;
+    .field-label{ .10; text-transform: lowercase; margin:0;}
+    .field-name-field-tode-company{.14;}
+    // span.print-link{display:none;}
+  }
+
+  .field-name-field-materiau-ref, .field-name-field-source, .field-name-field-attachments{
+
+    .12; .p(5px); .300; a{color:#000;}
+  }
+  .field-label{.900; .m(1em 0 0.5em);}
+  // nav
+  .no-touch &:not(.focused) nav.nav{.op-hidden;}
+
+  .no-touch &:not(.focused) div.workflow{.op-hidden;}
+
+  .ie8 &{nav.nav{background: #FFF}}
+}
+
+/** CARD BIG */
+article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig{
+  .card($cardbig_w, $cardbig_h); //width:425px; height:610px;
+
+  .side{
+    .layer(); .bgc(#fff); height:270px; top:340px; cursor:pointer;
+    &:nth-child(2){z-index:1;}
+  }
+
+  .group-side1{position:relative; .border-radius(5px, 5px, 0, 0); overflow:hidden;}
+
+  .group-header{
+    position:absolute; bottom:0; z-index:2;
+    width:405px; padding:10px;
+    .20; .300; line-height: 1.1;
+    .field-name-title-field{.700;}
+    .field-name-field-nature-titre{.14;}
+    .bgcWhite();
+    .field-name-field-reference-materio, .field-name-field-localisation, .field-name-field-authored-on { .inlineblock(); .12; vertical-align: bottom; width:48%;}
+    .field-name-field-localisation{ text-align: right; }
+    .ie8 &{background:#fff; font-color:#000; line-height: 1em; padding: 20px; border-bottom: 1px solid #C6C6C6;}
+  }
+  // &:hover .group-header{ .bgcWhiteParentHover(); }
+
+  &.node-breve .group-header{
+    color:#fff; .bgcBlack();
+    .field-name-field-authored-on{ .12; .500; }
+    .ie8 &{background:#000; font-color:#fff; line-height: 1em; padding: 20px;}
+  }
+
+  .group-images{ .horihoverswitch(); height:auto;}
+
+  // side 2
+  .field-name-field-description, .field-name-body{
+    .12; .300; .columnized(10px);
+  }
+  // side 3
+  .column-wrapper{
+    .columnized(10px);
+  }
+  // side 4
+  .field-name-field-company-fab, .field-name-field-company-distrib{
+    .12; padding:10px; .300;
+    .field-label{ .10; text-transform: lowercase; float: none; }
+    .field-name-field-tode-company{.14;}
+  }
+
+
+  .field-name-field-materiau-ref, .field-name-field-source, .field-name-field-attachments{
+    .12; .p(10px); .300; a{color:#000;}
+  }
+  .field-label{.900; .m(0 0 0.5em);}
+
+  // nav
+  // nav.nav{ .m(5px); }
+    .ie8 &{nav.nav{background: #FFF}}
+
+  // upgarde and full
+  .side.oops p, .side .upgrade p{
+    .p(3em);
+    a{
+      border: 2px solid #eee; .bgc(#eee); color:#fff;
+      .transition-simply-prefix(border 0.3s ease-out");
+      .transition-simply-prefix(background-color 0.3s ease-out");
+    }
+  }
+  &:hover .side.oops p, &:hover .side .upgrade p{
+    a{
+      border: 2px solid #69CDCF; .bgc(#69CDCF);
+    }
+  }
+}
+
+/** CARD FULL */
+article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
+  .card($cardfull_w, $cardfull_h); //width:875px; height:610px;
+  nav.nav{top:0;}
+
+
+  font-size:0px;
+  >*{.16;}
+
+  >.side{.inlineblock(); width:50%;
+    &.group-side-left{
+      .border-radius(5px, 0, 0, 5px);
+    }
+    &.group-side-right{
+      .border-radius(0, 5px, 5px, 0);
+    }
+
+  }
+
+  .group-images{ .horihoverswitch(); }
+
+  .group-header{
+    .20; .300; padding:10px;
+    .field-name-title-field{.700;}
+    .field-name-field-reference-materio, .field-name-field-localisation, .field-name-field-authored-on{ .inlineblock(); .12; .pr(15px);}
+    // .field-name-field-localisation{ float:right; }
+  }
+
+  &.node-breve .group-header{
+    color:#fff; .bgcBlack();
+    .field-name-field-authored-on{ .500; }
+  }
+
+
+  .field-name-field-description, .field-name-body{
+    .12; .300; .p(10px);
+  }
+
+  .field-name-field-attachments{
+    .p(10px);
+    .12;
+  }
+
+  // side 4
+  .field-name-field-company-fab, .field-name-field-company-distrib{
+    .12; padding:10px; .300;
+    .inlineblock(); width:40%;
+    .field-item{.mt(1em);}
+    .field-label{ .10; text-transform: lowercase; float: none; }
+    .field-name-field-tode-company{.14;}
+  }
+
+  .field-name-field-materiau-ref, .field-name-field-source, .field-name-field-attachments{
+    .12; .p(10px); .300; a{color:#000;}
+  }
+  .field-label{.900; .m(0 0 0.5em);}
+
+  // nav
+  nav.nav{ .m(5px); }
+
+  div.workflow{ .m(5px); }
+
+  // upgarde and full
+  .side.oops p, .side .upgrade p{
+    .p(3em);
+    a{
+      border: 2px solid #eee; .bgc(#eee); color:#fff;
+      .transition-simply-prefix(border 0.3s ease-out");
+      .transition-simply-prefix(background-color 0.3s ease-out");
+    }
+  }
+  &:hover .side.oops p, &:hover .side .upgrade p{
+    a{
+      border: 2px solid #69CDCF; .bgc(#69CDCF);
+    }
+  }
+}
+
+@import "misc.less";
+
+
+/** AUTOCOMPLETE */
+#autocomplete{
+  .b(0); .rounded(3px);
+  .bgca(0,0,0,0.6);
+  text-align: left;
+  margin-left: 2px;
+  .oldie &{.bgc(#545454);}
+  li{
+    color:#FFF; background-color: transparent;
+    &.selected{.bgca(0,0,0,0.8);}
+    div{padding:0.1em 5px;} .12;
+  }
+
+}
+
+/**
+* the old modal api (balck bg) for contextual forms (create new flag list)
+*/
+.mat_modal(){
+  background-color: rgba(0,0,0,0.7);
+  .rounded(5px); .b(0);
+  *{color:#fff; .bgc(transparent);}
+  .12;
+  form{
+    .bgc(transparent); color:#fff; .b(0px);
+
+    .form-actions{
+      .bgc(transparent); .m(0); .p(0); .b(0);
+    }
+    input.form-text, textarea, div.grippie{.bgc(#fff); color:#000; .b(0);}
+
+    .form-actions{ text-align: right ;}
+    input.form-submit{
+      .btn; .btn-mini; color:#000;
+      &[name="create"]{
+        .btn-info;
+      }
+    }
+  }
+}
+
+#modal{
+  .mat_modal();
+  >*{.p(10px);}
+  .form-item-flag-lists-name{
+    // label, input{.inlineblock();}
+    // label{width:38%;}
+    input{width:95%;}
+
+  }
+  .actions{
+    text-align: right;
+  }
+}
+
+/**
+* the new modal api used for preview and register modal
+*/
+.modal-wrapper {
+    &:before {
+        content: "";
+        display: inline-block;
+        height: 100%;
+        margin-right: -0.25em;
+        vertical-align: middle;
+    }
+    &:after, &:before {
+        -moz-box-sizing: border-box;
+    }
+
+    // background-color: rgba(0, 0, 0, 0.4);
+    bottom: 0;
+    // display: none;
+    left: 0;
+    position: fixed;
+    right: 0;
+    text-align: center;
+    top: 0;
+    white-space: nowrap;
+    z-index: 99998;
+
+    .modal-bg{
+      background-color: #000;
+      position:absolute;
+      top:0; left:0;
+      width:100%; height:100%;
+      .opacity(0.5);
+    }
+
+    .modal-content{
+      position:relative;
+      display: inline-block;
+      margin: 0 auto;
+      text-align: left;
+      vertical-align: middle;
+      white-space: normal;
+      // width: 400px;
+      min-height:200px;
+      // background-color: #fff;
+    }
+}
+
+/** MODALCONTENT */
+// deprecated ??
+// #modalContent{
+//   .mat_modal();
+//   .ctools-modal-content{
+//     .b(0); .bgc(transparent); color:#fff;
+//     .modal-header{
+//       .bgc(transparent); .b(0);
+//       #modal-title{
+//         .p(5px, 0);
+//       }
+//       a.close{
+//         width:10px;height:10px;
+//         // TODO:  setup the sprite
+//         background-image: url('../img/close.png');
+//         img{display:none}
+//       }
+//     }
+//     .modal-content{
+//       .form-item{
+//         label, input{
+//           .inlineblock(); vertical-align: middle;
+//         }
+//         label{width:35%;}
+//         input.form-text{width:60%;}
+//         div.description{text-align: right ;}
+//       }
+
+//       // .form-actions{
+//       //   .bgc(transparent); .m(0); .p(0); .b(0);
+//       // }
+//     }
+
+//     .ajax-register-links-wrapper{
+//       .ajax-register-links{
+//         .btn-group;
+//         li a{.b(0); .10; .btn; .btn-mini; .btn-inverse;}
+//       }
+//     }
+//   }
+// }
+
+
+
+/** JSCROLLPAN */
+.jspContainer{
+  .jspVerticalBar{
+    background-color: transparent;
+    width:5px; //margin-right:-5px;
+
+    .jspTrack{
+      background-color: transparent;
+      .jspDrag{
+        background-color: #ccc;
+        .rounded(3px);
+      }
+    }
+  }
+}
+
+/** TOOLTIP */
+#tooltip{
+  position:absolute; z-index:999; max-width:180px; background-color: rgba(255, 255, 255, 1); .p(5px); .rounded(3px);
+  .12; .500;
+  .drop-shadow(0, 0, 5px, 0.4);
+  &.op-visible{
+    .transition-simply-prefix(opacity 0.1s ease-out, top 0.1s linear"); // left 0.1s linear,
+  }
+}
+
+/** FEEDBACK */
+#block-feedback-form{
+
+  @media $max-768{ bottom:5px; left:5px; right:auto; }
+
+  h2{
+    line-height:1.2; .14; .m(0);
+    .title{display:none;}
+  }
+
+  #feedback-form-toggle{
+    .p(2px 3px); .rounded(3px); .bgc(#ff7600); color:#fff;
+    line-height:2; .900;
+  }
+  .content{
+    .mat_modal();
+    .ie8 &{background:#000;}
+  }
+
+  #feedback-status-message{.bgc(#fff); .p(5px);}
+}
+
+/** TASK / TABS **/
+.tabs-primary(){
+  a{
+    .12;
+    .p(5px 10px);
+    .bgc(#e6e6e6);
+    &.active, &:hover{.bgc(#e6e6e6);}
+    .rounded(3px);
+  }
+}
+.tabs-secondary(){
+  .10;
+  .p(0.5em 1em);
+}
+#tasks{
+  ul.tabs{
+    .inlineblock();
+    border:0 solid #fff;
+    .p(0); .m(0);
+    li{.p(0); .m(2px 5px); border:0 solid #fff;}
+    a{
+      border:0; color:#7f7f7f;
+      &.active, &:hover{font-weight: 900; color:#000;}
+    }
+
+    &.primary{
+     .tabs-primary();
+    }
+
+    &.secondary{
+      .tabs-secondary();
+    }
+  }
+}
+
+
+/** STATICS */
+
+/** user */
+.page-user, .page-user-edit, .page-user-password, .page-user-reset, .page-toboggan{
+  #main{ background: #fff url('../img/user-page-bg.gif') no-repeat bottom right; }
+
+  .messages{ width:800px; margin:0 auto; }
+
+  &.role-6 #tasks .tabs.primary{display:none;}
+  &.role-6 #tasks .tabs.secondary{.tabs-primary();}
+
+  #content .inner-content >*{
+    width:800px; margin:0 auto; .pt(1em); .14;
+
+    fieldset{
+      margin-bottom:1em;
+    }
+
+    legend{
+      .16; margin:0; padding:10px 0 5px 0; line-height:1; border:0 solid #fff;
+      a{color:#000;}
+    }
+
+    .form-item{
+      margin:0 0 0.5em 0; width:100%;
+      label, input.form-text{
+        .inlineblock(); vertical-align:middle;
+      }
+      label{margin-right:1em; min-width:6em;}
+      input.form-text{
+        padding:2px 4px;
+      }
+    }
+    .form-wrapper{
+      &>.form-item{margin:0 0 2em 0;}
+    }
+
+    .form-type-password-confirm, .form-type-new-password-confirm{
+      label{width:9em;}
+      .password-parent{width:auto;}
+      .password-strength, .password-confirm{
+        width:15em; margin-top:0;
+      }
+    }
+
+    .form-type-checkbox{
+      input{margin:0;}
+      label{.14; margin:0;}
+    }
+
+    #edit-language{
+      .form-item{
+        .inlineblock(); width:auto; margin-right:1em;
+        input, label{margin:0;}
+      }
+    }
+
+    select.form-select{
+      width:auto; padding:2px 4px; height:auto;
+    }
+
+    div.description{
+      .11;
+    }
+    div.form-actions{
+      .m(0); text-align:right; .p(1em 0.5em);
+    }
+
+    input#edit-submit{.btn; .btn-success;}
+
+    /* #user-profile-form */
+    #edit-profile-adherent-field-first-name, #edit-profile-adherent-field-name,
+    #edit-profile-adherent-field-private-quality, #edit-profile-adherent-field-service, #edit-profile-adherent-field-employee,
+    #edit-profile-adherent-field-naf, #edit-profile-adherent-field-siret{
+      .inlineblock(); vertical-align:middle; width:auto; .m(0 1em 0.5em 0);
+      div{width:auto; .m(0); .p(0);}
+      // label{.m(0 0.5em 0 0);}
+    }
+
+    #edit-profile-adherent-field-name, #edit-profile-adherent-field-service,
+    #edit-profile-adherent-field-naf, #edit-profile-adherent-field-siret, .form-item-profile-adherent-field-adresse-und-0-locality{
+      label{min-width:auto;}
+    }
+
+    #edit-profile-adherent-field-siret{input{width:8em;}}
+    #edit-profile-adherent-field-naf{input{width:13em;}}
+
+    #edit-profile-adherent-field-organization{ .m(2em 0 0 0); input{width:35em;} }
+    #edit-profile-adherent-field-employee{
+      input{width:4em;}
+    }
+
+    #edit-profile-adherent-field-private-phone{
+      .form-phone-number{
+        .inlineblock(); vertical-align:middle;
+      }
+    }
+
+    #edit-profile-adherent-field-adresse{
+      .street-block{
+        input{ width:35em;}
+      }
+      .locality-block{
+        .form-item{width:auto; .mr(1em);}
+      }
+    }
+
+    #edit-profile-adherent-field-user-website{
+      .m(2em 0 0 0);
+      .form-item>*{.inlineblock(); vertical-align: middle; }
+      input{width:35em}
+    }
+
+    &.profile{
+      h3{border:0 solid transparent;}
+      .field-label{display:inline;}
+    }
+  }
+} // user
+
+/** SIMPLENEWS */
+body.node-type-simplenews{
+  #content{
+    .inner-content{
+      text-align:center;
+    }
+    article.node.node-simplenews{
+      .inlineblock();
+      max-width:600px;
+      padding:1em 0;
+      tbody{
+        border-top:0px;
+      }
+    }
+  }
+}
+
+/** PAGE CONTACT */
+.page-node-11175{
+  #main{
+    // .bgc(#fff);
+    background: #fff url('../img/bg-contact.gif') no-repeat bottom right;
+
+    .field-name-body p{
+      .inlineblock; .m(15px);
+      strong{.18;}
+    }
+  }
+} // contact
+
+/** PRICING */
+body.page-node-11187{
+  // #center{ background-color: #fff; }
+
+  @media $min-480{
+    .node-11187{
+      .field-name-body{
+        div.column, div.column-demi, div.column-full, div.column-auto{
+          .inlineblock;  .m(10px);
+        }
+        div.column{
+          width:22.4%;
+          ul.list-text{ min-height:170px;}
+        }
+        div.column-demi{
+          width:46%;
+          ul.list-text{ min-height:110px;}
+        }
+        div.column-full{
+          width:92%;
+          // ul.list-text{ min-height:110px;}
+        }
+        div.column-auto{
+          width:auto;
+          max-width: 98%;
+        }
+      }
+    }
+
+    // #block-materio-user-user-register{
+    //   width:600px; .m(0 auto);
+    // }
+  }
+
+  @media $max-480{
+    // #block-materio-user-user-register{  .p(25px 0 0 0); #user-login, >h3:first-child, h3 >span{display:block;}}
+     #block-system-help{text-align: center;}
+  }
+
+  .node-11187{
+    .field-name-body{
+      text-align:center;
+      >*{text-align:left;}
+      div.column, div.column-demi, div.column-full, div.column-auto{
+        position:relative;
+        .rounded(5px); .drop-shadow(0, 0, 6px, 0.5);
+        .ie8 &{max-width:500px; margin:auto; margin-bottom:15px; border:1px solid #C6C6C6;}
+        overflow:hidden;
+
+        &>*{ .p(0 10px);}
+        img{float:left; .p(0); }
+        h2{ text-align: left; .m(5px 0 0); }
+        .subtitle{
+          .p(0 0 0 1em);
+          .18; .italic; .bold; line-height:1;
+        }
+        ul{.m(0); .p(0 15px);}
+        li{
+          list-style: none; .12;
+          &:before{
+            content:"+ ";
+            .900;
+          }
+        }
+        .get-link{
+          .m(0); .border-radius(0 0 5px 5px); border: 1px solid #fff; min-height: 92px;
+          a{ display:block; width:100%; .p(15px 0); color:#1A1A1A; text-decoration: none; }
+        }
+        &.gratos{ .get-link{background-color: #4BA13D; } }
+        &.flocon{ .get-link{ background-color: #69CDCF; } }
+        &.etoile { .get-link{ background-color: #D476AE; } }
+        &.cinqetoiles { .get-link{ background-color: #E6DE1C; } }
+        // &.ecole-de-neige { .list-neige{min-height:80px;} }
+      } // end div.column div.column-demi
+
+
+      div.column{
+        h2{ padding:10px 0 0; .24; }
+        .subtitle{ min-height:3em; }
+        .get-link{
+          .p(0);
+          .28; text-align: center;
+          .italic; .900;
+          span{ .20; }
+          .shadowTextBtnWhite();
+        }
+      }
+      div.column-demi{
+        h2{ padding:10px 0 0; .24; top:0; }
+        .subtitle{ min-height:2em; }
+        ul{ .14; min-height:120px;}
+        .get-link{ .14; text-align: left; .p(0 1em); .bgc(#ddd); }
+      }
+    }
+
+  } // end .node-11187
+
+  // hide get free account for user already logged-in
+  // hide get flocon for user already flocon (role-6)
+  &.logged-in{
+    .column.gratos{.get-link{
+      cursor:auto!important;
+      a{display:none!important;}
+    }}
+    &.role-6{
+      .column.flocon{.get-link{
+        cursor:auto!important;
+        a{display:none!important;}
+      }}
+    }
+  }
+} // pricing
+
+/** ADHESION FORM */
+.node-11186{
+  nav ul.links a.language-link { display:none; }
+}
+
+#webform-client-form-11186{
+  @media $min-768{
+    .p(10px 30px);
+    #webform-component-column-left--membership-options{
+      .m(10px 0);
+      label{width:auto;}
+    }
+    fieldset{
+      .rounded(5px); border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; .p(10px);
+      fieldset{ border: 0 solid #ddd; .p(0);}
+    }
+    legend{.m(0); .18; .700;}
+    .form-item{ .m(0 20px 0 0); }
+    label{ .12; width:10em; .inlineblock; vertical-align:middle; .mr(1em); border-bottom: 1px solid #cccccc; }
+    .description{ .11; width:25em; .inlineblock; vertical-align:bottom; .ml(1em); color:#7f7f7f;}
+    input.form-text{width:13em;}
+  }
+
+  @media $max-768{
+    .p(10px);
+    #webform-component-column-left--membership-options{
+      .m(0 0 10px 0);
+      .form-item{width:100%;}
+      label{ width:75%; }
+    }
+    legend{.m(0); .16; .700;}
+    .form-item{ .m(0); float:none;}
+    label{ .12; width:30%; .inlineblock; vertical-align:middle; .mr(0.5em); }
+    input.form-text, select.form-select{width:60%;}
+    #webform-component-infos{.14;}
+  }
+
+  background-color: #e6e6e6; .rounded(10px);
+
+  .fieldset-wrapper>.form-item{ .inlineblock;  }
+
+  #webform-component-column-left{.inlineblock; width:25%; border:none;}
+  #webform-component-column-right{ .inlineblock; min-width:70%;}
+
+  #webform-component-column-left--membership-options{
+
+    .form-type-radio{
+      border:1px solid #ddd; .rounded(5px); .p(10px 5px); .m(5px 0);
+      input{ .inlineblock;  vertical-align: middle; .m(0 5px)}
+      label{.20; .700; .inlineblock;  vertical-align: middle; .m(0);}
+      background-color: #fff;
+      &:hover{.drop-shadow(0, 0, 5px, 0.2); }
+      &.form-item-submitted-column-left-membership-options:nth-child(1){background-color: #69CDCF;}
+      &.form-item-submitted-column-left-membership-options:nth-child(2){background-color: #D476AE;}
+      &.form-item-submitted-column-left-membership-options:nth-child(3){background-color: #E6DE1C;}
+
+      &.form-item-submitted-column-left-membership-options:not(.selected){opacity:0.4;}
+
+    }
+    &>label{width:200px; .18; .700; }
+    label{ border: 0; }
+  }
+
+  #webform-component-column-right--me--my-account-email{
+      display:block;
+    }
+
+  #webform-component-column-right--company--administrative-e-mail{
+    .description{.inlineblock;}
+  }
+
+  #addressfield-wrapper{ .mt(1em); }
+  .street-block .form-item{ .inlineblock; }
+
+  #webform-component-column-right--collaborators{
+    .m(20px 0); overflow:hidden;
+    fieldset{.inlineblock; width:33%;}
+    .form-item{display:block;}
+    label{width:6em;}
+    input{width:11em;}
+  }
+
+  #webform-component-infos{.m(20px 0);}
+
+  .form-actions{
+    .p(0); .m(0);
+    border: 0px;
+    background-color: transparent;
+    text-align: left;
+    .form-submit{
+      border: 2px solid #69CDCF; .bgc(#69CDCF); color:#fff;
+      .18; .p(0.2em 1em 0.3em); .rounded(0.3em);
+      font-weight:bold;
+      .mb(9px);
+      .shadowTextBtnBlack();
+    }
+  }
+
+  #webform-component-column-right--news-letters{
+    >label{.m(0); .18; .700; border:none; line-height:40px}
+    .form-item{
+      .inlineblock();
+      label{width:auto}
+      input, label{.m(0);}
+    }
+  }
+
+  #edit-submitted-terms-of-services{
+    .mb(0.5em);
+    input, label{.m(0 0.3em 0 0);}
+    label{ width:auto; }
+  }
+} // adhesion
+
+/** UC CART VIEW FORM */
+#uc-cart-view-form{
+  background-color: #e6e6e6;
+  // .rounded(10px);
+  .p(10px, 30px);
+//  max-width:$cardfull_w;
+  display:inline-block;
+  table{
+    width:auto; display:table;
+    background-color:#fff;
+
+    thead th{border-bottom:none;.p(1em);}
+    tbody{
+      border-top:none;
+      tr.even, tr.odd{
+        background-color:#fff;
+        border-bottom:none;
+      }
+      td{
+        .p(1em);
+        // &.price{ .p(0.5em 1em); }
+      }
+    }
+  }
+
+  .form-type-uc-quantity input{
+    width:2em;
+  }
+
+  .form-actions{
+    .p(0); .m(0);
+    border: 0px;
+    background-color: transparent;
+    text-align: right;
+    display:block; width:100%;
+
+    &:before, &:after{
+      display:block;
+    }
+    .form-submit{
+      .bouton();
+      .ml(1em);
+      &#edit-checkout--2{
+        .bouton-bleu();
+      }
+    }
+  }
+}
+
+/** UC CHECKOUT FORM */
+#uc-cart-checkout-form{
+  display:inline-block;
+
+  .price-table(){
+    .14;
+    min-width:20em;
+    td.price{width:4em;};
+  }
+
+  background-color: #e6e6e6;
+  // .rounded(10px);
+  .p(10px, 30px);
+
+  fieldset.form-row{
+//    .rounded(5px); border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
+    .pb(20px); .mb(20px);
+    // fieldset{ border: 0 solid #ddd; .p(0);}
+  }
+
+  fieldset.form-column{
+    .inlineblock; max-width:39%;
+    .m(15px 1em);
+    > .fieldset-wrapper > .form-wrapper{
+      .m(10px 0);
+    }
+  }
+
+  fieldset.form-column-left{}
+
+  fieldset.form-column-right{
+     border-left:1px solid #ccc;
+    .ml(2em); .pl(2em);
+    // .bgc(#fff); .rounded(5px);
+  }
+
+  legend{.m(0); .18; .700; border:none; line-height:2;}
+  .fieldset-description{.12;}
+  .fieldset-wrapper{.12;}
+  .form-item{ .m(0 20px 0 0); }
+
+  .description{ .11; width:25em; .inlineblock; vertical-align:bottom; .ml(1em); color:#7f7f7f;}
+
+  #cart-pane{
+    >.fieldset-wrapper{
+      .inlineblock();
+      .rounded(5px);
+      .p(10px);
+      .bgc(#fff);
+    }
+
+    table{
+      .price-table();
+    }
+
+    tbody{border:none; }
+    tr{background-color: transparent; border:none; }
+    td{
+      .p(0 5px);
+      vertical-align: bottom;
+      &.products{
+        a{color:inherit; .700;}
+        width:auto;
+        ul.product-description{.m(0); .12;}
+        li{list-style: none;}
+      }
+    }
+    tr.subtotal{
+      td{.16; .700;}
+    }
+  }
+
+  #customer-pane{width:35em;}
+
+  #billing-pane{
+    label{ .12; width:8em; .inlineblock; vertical-align:middle; .mr(1em); border-bottom: 1px solid #cccccc; }
+    input.form-text{width:13em;}
+  }
+
+  #coupon_automatic-pane{}
+
+  #coupon-pane{}
+
+  #payment-pane{
+    float:right;
+
+    .fieldset-wrapper{
+      .bgc(#fff);
+      .rounded(5px);
+      .p(10px);
+    }
+
+    #line-items-div{
+      float:none; border:none;
+      .inlineblock(); .m(10px 0 20px);
+      table{.price-table();}
+      tbody{border:none;}
+      td{
+        .p(0 5px);
+      }
+      tr{
+        td{.500;}
+
+        &.line-item-total td{
+          .16; .700; text-align: right;
+        }
+      }
+    }
+
+    #edit-panes-payment-payment-method{
+      label{width:auto; border-bottom:none;}
+      .form-item-panes-payment-payment-method{
+        border:1px solid #ddd;
+        border-radius:5px;
+        .m(0.5em); .p(0.5em);
+        label{font-weight:bold;}
+      }
+    }
+
+    #payment-details{
+      width:25em;
+      border-top:none; .p(0); .m(0);
+    }
+  }
+
+  .form-actions{
+    .p(0); .m(0);
+    border: 0px;
+    background-color: transparent;
+    text-align: right;
+    .form-submit{
+      .bouton();
+      .ml(1em);
+      &#edit-continue{
+        .bouton-bleu();
+      }
+
+    }
+  }
+}
+
+/* UC CART && UC CHECKOUT VALIDATION */
+//.page-cart,
+.page-cart-checkout-review{
+  #content{
+    //text-align:center;
+    &> .inner-content{
+      //.card-box($cardfull_w, $cardfull_h);
+      //text-align:left;
+      display:inline-block;
+      .p(1em);
+    }
+  }
+
+  #edit-actions{
+    .m(0); .p(0);
+    &:before, &:after{display:block;}
+  }
+
+
+  #review-instructions{
+    width:30em;
+    .p(1em 0);
+    // .info;
+  }
+
+  table.order-review-table{
+    border:none;
+    .pane-title-row{
+      border:none;
+      background-color:transparent;
+      text-align:left;
+      .18;
+      td{ .p(1em 0 0 0); }
+    }
+    table.cart-review{
+      tr.odd{
+        background-color:transparent;
+        border:none;
+      }
+    }
+    td.title-col{
+      .p(0);
+      text-align:left;
+    }
+    td.data-col{
+      .p(0);
+      width:75%;
+    }
+    .review-button-row{
+      border:none;
+      background-color:transparent;
+
+      &>td{
+        .p(3em 0 0 0);
+      }
+
+      form{
+        .m(0 0.5em 0 0); .inlineblock();
+
+      }
+    }
+  }
+
+  #edit-actions{
+    border: 0px;
+    background-color: transparent;
+    text-align: right;
+  }
+  input.form-submit{
+    .bouton();
+    .ml(1em);
+    &#edit-submit{
+      .bouton-bleu();
+    }
+  }
+}
+
+
+/** WHO WE ARE */
+#didactique-page{
+
+    .node-didactique{
+      .rounded(5px); background-color: #FFF;
+      .drop-shadow(0, 0, 5px, 0.2);
+      max-width:850px;
+      .14; .bgc(#fff); //.p(5px);
+      .m(1em auto); .p(1em);
+
+      .field-name-field-emvideo{
+        .m(1em 0);
+      }
+
+      .field-name-title-field{
+        .24; .900; .italic; padding:5px 0;
+      }
+      .field-name-field-visuel{
+        figure, img{max-width:100%;}
+      }
+    }
+
+    @media $min-480{
+      .side{ .inlineblock(); vertical-align: top; }
+      .group-sideleft{ width:60%; }
+      .group-sideright{ width:39%; }
+    }
+
+    @media $max-480{
+
+    }
+} // who-we-are
+
+/** DIDACTIQUE */
+.page-whoweare{
+  #tool-bar{
+    @media $max-480{
+      #block-materio-page-title-materio-page-title{display:none;}
+    }
+  }
+} // didactique
+
+/** maintenance */
+.maintenance-page{
+  #container, #header{ text-align: center; .p(0); position:relative;}
+  #main{background-color: transparent; }
+  #header h1.site-name{font-size:36px; .m(0); padding-left:0;}
+  h2.site-slogan{font-size:16px; .300; .m(0); line-height:1.1;}
+}
+
+/** FAQ */
+.page-faq-page #main{
+  background: #fff url('../img/bg-faq.png') no-repeat bottom right;
+}
+
+#content .faq-content{
+
+  .faq-description{
+    .12; .pb(2em);
+  }
+
+  ul.faq-ul-questions-top{
+    .m(0);
+    li{
+      list-style: none;
+      a{
+        .18; .500;
+      }
+    }
+  }
+
+  h3.faq-header{
+    .20; .700; line-height:1.2;
+    .m(0);
+    a{color:#000;}
+  }
+
+  .faq-dl-hide-answer{
+    .p(0);
+  }
+  .faq-category-group{
+    .pb(1em);
+  }
+  .faq-question-answer{
+    .p(0.3em 0 0 0.8em);
+    .faq-question{
+      .16; .p(0); .500;
+      a{color:#000;}
+    }
+    .faq-answer{
+      .p(0); .mb(2em);
+      .12;
+    }
+  }
+
+  .field-name-body img{
+    max-width:50%;
+    height:auto;
+  }
+} // faq
diff --git a/sites/all/themes/gui/materiobasetheme/less/wysiwyg.scss b/sites/all/themes/gui/materiobasetheme/less/wysiwyg.scss
new file mode 100644
index 00000000..44f1302c
--- /dev/null
+++ b/sites/all/themes/gui/materiobasetheme/less/wysiwyg.scss
@@ -0,0 +1,95 @@
+/* LISIBILITY */
+@import "../components/gui/gui.less";
+
+
+*{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 ";}
+
+
+h2{font-size:24px;}
+h3{font-size:18px;}
+h4{font-size:16px;}
+h5{font-size:14px;}
+h6{font-size:12px;}
+
+br:after{content:"·"; color:red; border: 1px solid #999;}
+
+/* LAYOUT AND GRAPHICS */
+#full{ width:99%; }
+#demi{ width:47%; }
+#tiers{ width:29%; }
+#quart{ width:23%; }
+#right{ float:right; margin-left:2%; }
+#left{ float:left; margin-right:2%; }
+#center{ display:block; margin:0 auto; }
+
+
+img{height:auto; margin:0.5em 0;}
+p{ border: 1px dashed #848484; }
+div{border: 1px solid #1A1A1A;}
+
+img,p,div{ position:relative;
+	&:before{font-size:10px; color:red; background-color: #1A1A1A; position:absolute; top:0; z-index:3000;}
+
+	&.full{#full; &:before{content:" full ";}}
+	&.demi{ #demi; margin-right:2%; &:before{content:" demi "; right:0;}}
+	&.tiers{ #tiers; margin-right:2%; &:before{content:" tiers "; right:0;}}
+	&.quart{ #quart; margin-right:2%; &:before{content:" quart "; right:0;}}
+
+	&.demi-left{ #demi; #left; &:before{content:" demi-left "; left:0;}}
+	&.demi-right{ #demi; #right;  &:before{content:" demi-right "; right:0;}}
+	&.demi-center{ #demi; #center;  &:before{content:" demi-denter "; right:0;}}
+
+	&.tiers-left{ #tiers; #left;  &:before{content:" tiers-left "; left:0;}}
+	&.tiers-right{ #tiers; #right;  &:before{content:" tiers-right "; right:0;}}
+	&.tiers-center{ #tiers; #center;  &:before{content:" tiers-center "; right:0;}}
+
+	&.quart-left{ #quart; #left;  &:before{content:" quart-left "; left:0;}}
+	&.quart-right{ #quart; #right;  &:before{content:" quart-right "; right:0;}}
+	&.quart-center{ #quart; #center;  &:before{content:" quart-center "; right:0;}}
+
+
+
+}
+
+table, tr,td{
+	position:relative;
+	padding:1em 0.3em 0.3em;
+	width:100%;
+
+	&:before{
+		font-size:10px; color:white; background-color: blue;
+		position:absolute; top:0; left:0; z-index:3000;
+		padding:1px 3px;
+	}
+}
+table{
+	border:2px solid blue!important;
+	&:before{content:"table";}
+}
+
+tr{
+	display:block;
+	border:1px dashed blue!important;
+	&:before{content:"tr";}
+}
+
+td{
+	border:1px dotted blue!important;
+	&:before{content:"td";}
+	p{
+		padding:0 15px;
+	}
+}
\ No newline at end of file