/*!
* Bootstrap @VERSION
*
* Copyright 2011 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.
* Date: @DATE
*/
/* Reset.less
 * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
 * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
html, body {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol, ul {
  list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}
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;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button, input {
  line-height: normal;
  *overflow: visible;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
/* Mixins.less
 * Snippets of reusable CSS to develop faster and keep code readable
 * ----------------------------------------------------------------- */
/* Typography.less
 * Headings, body text, lists, code, and more for a versatile and durable typography system
 * ---------------------------------------------------------------------------------------- */
p {
  font-size: 11px;
  font-weight: normal;
  line-height: 15px;
  margin-bottom: 7.5px;
}
p small {
  font-size: 9px;
  color: #bfbfbf;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  color: #404040;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #bfbfbf;
}
h1 {
  margin-bottom: 15px;
  font-size: 30px;
  line-height: 30px;
}
h1 small {
  font-size: 18px;
}
h2 {
  font-size: 24px;
  line-height: 30px;
}
h2 small {
  font-size: 14px;
}
h3,
h4,
h5,
h6 {
  line-height: 30px;
}
h3 {
  font-size: 18px;
}
h3 small {
  font-size: 14px;
}
h4 {
  font-size: 16px;
}
h4 small {
  font-size: 12px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 13px;
  color: #bfbfbf;
  text-transform: uppercase;
}
ul, ol {
  margin: 0 0 15px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li {
  line-height: 15px;
  color: #808080;
}
ul.unstyled {
  list-style: none;
  margin-left: 0;
}
dl {
  margin-bottom: 15px;
}
dl dt, dl dd {
  line-height: 15px;
}
dl dt {
  font-weight: bold;
}
dl dd {
  margin-left: 7.5px;
}
hr {
  margin: 20px 0 19px;
  border: 0;
  border-bottom: 1px solid #eee;
}
strong {
  font-style: inherit;
  font-weight: bold;
}
em {
  font-style: italic;
  font-weight: inherit;
  line-height: inherit;
}
.muted {
  color: #bfbfbf;
}
blockquote {
  margin-bottom: 15px;
  border-left: 5px solid #eee;
  padding-left: 15px;
}
blockquote p {
  font-size: 14px;
  font-weight: 300;
  line-height: 15px;
  margin-bottom: 0;
}
blockquote small {
  display: block;
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
  color: #bfbfbf;
}
blockquote small:before {
  content: '\2014 \00A0';
}
address {
  display: block;
  line-height: 15px;
  margin-bottom: 15px;
}
code, pre {
  padding: 0 3px 2px;
  font-family: Monaco, Andale Mono, Courier New, monospace;
  font-size: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
code {
  background-color: #fee9cc;
  color: rgba(0, 0, 0, 0.75);
  padding: 1px 3px;
}
pre {
  background-color: #f5f5f5;
  display: block;
  padding: 7px;
  margin: 0 0 15px;
  line-height: 15px;
  font-size: 12px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
a:focus {
  outline: none;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: bold;
  color: #ff0a0a;
}
.sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu {
  line-height: 1.0;
}
.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 10em;
  /* left offset of submenus need to match (see below) */

}
.sf-menu ul li {
  width: 100%;
}
.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */

}
.sf-menu li {
  float: left;
  position: relative;
}
.sf-menu a {
  display: block;
  position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
  left: 0;
  top: 22px;
  z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
  left: 10em;
  /* match ul width */

  top: 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
  left: 10em;
  /* match ul width */

  top: 0;
}
/* SLIMBOX */
#lbOverlay {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  cursor: pointer;
}
#lbCenter, #lbBottomContainer {
  position: absolute;
  z-index: 9999;
  overflow: hidden;
  background-color: #fff;
}
.lbLoading {
  background: #ffffff url(../img/loading.gif) no-repeat center;
}
#lbImage {
  position: absolute;
  left: 0;
  top: 0;
  border: 10px solid #fff;
  background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  outline: none;
}
#lbPrevLink {
  left: 0;
}
#lbPrevLink:hover {
  background: transparent url(../img/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
  right: 0;
}
#lbNextLink:hover {
  background: transparent url(../img/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 10px;
  color: #666;
  line-height: 1.4em;
  text-align: left;
  border: 10px solid #fff;
  border-top-style: none;
}
#lbCloseLink {
  display: block;
  float: right;
  width: 66px;
  height: 22px;
  background: transparent url(../img/closelabel.gif) no-repeat center;
  margin: 5px 0;
  outline: none;
}
#lbCaption, #lbNumber {
  margin-right: 71px;
}
#lbCaption {
  font-weight: bold;
}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}
.jspPane {
  position: absolute;
}
.jspVerticalBar {
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 100%;
  background: red;
}
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red;
}
.jspVerticalBar *, .jspHorizontalBar * {
  margin: 0;
  padding: 0;
}
.jspCap {
  display: none;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspTrack {
  background: #dde;
  position: relative;
}
.jspDrag {
  background: #bbd;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}
.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}
.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}
.jspVerticalBar .jspArrow {
  height: 16px;
}
.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}
.jspVerticalBar .jspArrow:focus {
  outline: none;
}
.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}
#codeigniter_profiler {
  position: absolute;
  z-index: 999;
  display: none;
}
/* @group layout */
#page {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 980px;
  height: 600px;
  margin-top: -300px;
  /* moitié de la hauteur */

  margin-left: -490px;
  /* moitié de la largeur */

  background-color: #ffffff;
}
/* @end */
/* @group general */
body {
  background-color: #000000;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
}
a {
  text-decoration: none;
  color: #000000;
}
a:hover {
  text-decoration: none;
  color: #ff0a0a;
}
/* @end */
/* @group header */
header h1 {
  margin: 0;
  padding: 40px 0 0 50px;
}
header h1 a {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  background-image: url(../img/logo.png);
  width: 250px;
  height: 50px;
}
header nav {
  position: absolute;
  top: 60px;
  right: 35px;
  z-index: 99;
}
header nav ul.sf-menu li a {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 2px;
  color: #000000;
  padding: 5px 13px;
}
header nav ul.sf-menu li a:hover {
  color: #ff0a0a;
}
header nav ul.sf-menu li.current > a {
  font-weight: bold;
  letter-spacing: 1px;
  cursor: default;
}
header nav ul.sf-menu li.current > a:hover {
  color: #000000;
  cursor: default;
}
header nav ul.sf-menu li.actif > a:hover {
  color: #ff0a0a;
  cursor: pointer;
}
header nav ul.sf-menu ul {
  background-color: #ffffff;
}
#mobile_nav {
  display: none;
}
/* @end */
/* @group homepage */
#main {
  margin: 18px 50px 35px 50px;
  position: relative;
}
#main .stepcarousel {
  position: relative;
  /*leave this value alone*/

  overflow: hidden;
  /*leave this value alone*/

  width: 880px;
  /*Width of Carousel Viewer itself*/

  height: 330px;
  /*Height should enough to fit largest content's height*/

}
#main .stepcarousel .belt {
  position: absolute;
  /*leave this value alone*/

  left: 0;
  top: 0;
}
#main .stepcarousel .panel {
  float: left;
  /*leave this value alone*/

  overflow: hidden;
  /*clip content that go outside dimensions of holding panel DIV*/

  margin-right: 10px;
  /*margin around each panel*/

}
#main p.caption {
  background-color: #000;
  margin: 0;
  padding: 2px 8px;
  color: #bebebe;
  font-size: 9px;
  font-weight: bold;
  text-align: right;
  letter-spacing: 1px;
}
#main .news {
  zoom: 1;
  margin-top: 12px;
  position: relative;
}
#main .news:before, #main .news:after {
  display: table;
  content: "";
  zoom: 1;
}
#main .news:after {
  clear: both;
}
#main .news h2 {
  margin: 0;
  padding: 0;
  line-height: 10px;
  font-size: 12px;
  color: #bebebe;
  letter-spacing: 1px;
}
#main .news .box {
  width: 260px;
  height: 70px;
  padding: 8px 10px 12px 10px;
  margin-left: 20px;
  float: left;
  display: inline;
  overflow: hidden;
  background-color: #e5e5e5;
}
#main .news .box p {
  color: #000000;
  font-size: 10px;
  margin: 0;
}
#main .news .box a {
  color: #000000;
}
#main .news .box a:hover {
  color: #ff0a0a;
}
#main .news .first {
  margin-left: 0;
}
.prev_button {
  position: absolute;
  display: block;
  left: -32px;
  top: 150px;
  z-index: 50;
  height: 32px;
  width: 32px;
  text-indent: -9999px;
  background: transparent url(../img/left_arrow.png) no-repeat 0 0;
}
.prev_button:hover {
  background-position: 0 -32px;
}
.prev_button.inactive {
  background-position: 0 -64px;
}
.next_button {
  position: absolute;
  display: block;
  right: -32px;
  top: 150px;
  z-index: 50;
  height: 32px;
  width: 32px;
  text-indent: -9999px;
  background: transparent url(../img/right_arrow.png) no-repeat 0 0;
}
.next_button:hover {
  background-position: 0 -32px;
}
.next_button.inactive {
  background-position: 0 -64px;
}
#prev_page, #next_page {
  top: 190px;
}
.publications #prev_page, .publications #next_page {
  top: 230px;
}
/* @group artists */
#textcontent {
  zoom: 1;
  float: left;
  display: inline;
  width: 270px;
  margin-top: 40px;
}
#textcontent:before, #textcontent:after {
  display: table;
  content: "";
  zoom: 1;
}
#textcontent:after {
  clear: both;
}
#textcontent .column {
  width: 125px;
  margin-right: 10px;
  float: left;
  display: inline;
  overflow: hidden;
}
#textcontent h2 {
  font-size: 11px;
  line-height: 15px;
  color: #000000;
  margin: 0 0 10px 0;
  font-weight: bold;
  letter-spacing: 2px;
}
#textcontent h4 {
  font-size: 11px;
  line-height: 15px;
  color: #ff0a0a;
  margin: 0 0 10px 0;
  font-weight: normal;
  letter-spacing: 1px;
}
#textcontent p {
  margin: 0 0 10px 0;
}
#textcontent p.meta {
  color: #999999;
}
#textcontent p.download {
  color: #999999;
  font-size: 11px;
  margin: 0;
  padding-top: 10px;
}
#textcontent p.download em {
  font-size: 10px;
}
#textcontent p.download a {
  color: #999999;
}
#textcontent p.download a:hover {
  color: #ff0a0a;
}
#textcontent .scrollbox {
  height: 300px;
  overflow: auto;
}
#textcontent .scrollbox p a {
  font-weight: bold;
}
#textcontent .scrollbox p a span {
  font-weight: normal;
}
#textcontent.past .scrollbox {
  height: 380px;
}
.jspTrack {
  background: #e5e5e5;
}
.jspDrag {
  background: #bebebe;
}
#imagecontent {
  position: relative;
  float: right;
  display: inline;
  width: 560px;
  margin-top: 40px;
}
#imagecontent .thumb {
  height: 128px;
  width: 128px;
  display: inline;
  float: left;
  margin: 0 0 16px 16px;
}
#imagecontent .thumb a {
  display: block;
  height: 128px;
  width: 128px;
  background-color: transparent;
}
#imagecontent .thumb a:hover {
  background-color: #ff0a0a;
  background-color: rgba(255, 10, 10, 0.6);
}
#imagecontent .thumb a:focus {
  outline: none;
}
#imagecontent .first {
  margin-left: 0;
}
.oldie #imagecontent .thumb a:hover {
  background: transparent;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FF0A0A,endColorstr=#99FF0A0A);
  /* IE8 */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FF0A0A,endColorstr=#99FF0A0A);
  /* IE6 & 7 */

  zoom: 1;
}
#accordion {
  height: 350px;
  font-size: 10px;
  line-height: 14px;
}
#accordion .ui-state-focus {
  outline: none;
}
#accordion h3 {
  font-size: 11px;
  line-height: 15px;
  padding: 8px 0;
  color: #999999;
  font-weight: normal;
  letter-spacing: 2px;
}
#accordion h3 a {
  color: #999999;
}
#accordion h3 a:hover {
  color: #000000;
}
#accordion h3.ui-state-active a {
  color: #ff0a0a;
  font-style: italic;
}
#accordion h3.ui-state-active a:hover {
  color: #ff0a0a;
}
#accordion .ui-accordion-content {
  margin: 8px 0;
}
#publications {
  width: 880px;
  padding: 0;
}
#publications td {
  width: 140px;
  padding-left: 45px;
}
#publications td.first {
  padding-left: 0;
}
#publications td.margin-cell {
  height: 25px;
}
#publications td.margin-cell2 {
  height: 40px;
}
#publications .imagerow td {
  vertical-align: bottom;
  height: 190px;
}
#publications .imagerow img {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
#publications .textrow td {
  vertical-align: top;
}
#publications h2 {
  font-size: 11px;
  line-height: 15px;
  color: #999999;
  font-weight: normal;
  letter-spacing: 1px;
}
#publications h2.new {
  color: #ff0a0a;
}
#publications h2 span {
  font-size: 9px;
  padding: 2px 4px 3px 4px;
  background-color: #ff0a0a;
  color: #ffffff;
}
#publications a {
  color: #999999;
  font-style: italic;
}
#publications a:hover {
  color: #ff0a0a;
}
#news {
  zoom: 1;
  margin-top: 40px;
  margin-right: -24px;
  height: 430px;
  overflow: auto;
}
#news:before, #news:after {
  display: table;
  content: "";
  zoom: 1;
}
#news:after {
  clear: both;
}
#news .column {
  width: 280px;
  margin-right: 14px;
  float: left;
  display: inline;
}
#news .last {
  margin-right: 0;
}
#news .item {
  margin: 0 0 14px 0;
  padding: 8px 10px 5px 10px;
  background-color: #f0f0f0;
}
#news h2 {
  font-size: 11px;
  line-height: 15px;
  font-weight: bold;
  letter-spacing: 1px;
}
#news p.meta {
  color: #999999;
}
#gallery {
  margin-top: 40px;
}
#gallery h2 {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
#gallery p {
  font-size: 12px;
  line-height: 16px;
}
#gallery label {
  font-size: 12px;
  line-height: 16px;
}
#gallery .portrait, #gallery .map {
  float: left;
  display: inline;
  width: 146px;
}
#gallery .contact {
  float: right;
  display: inline;
  width: 655px;
  padding-left: 10px;
  padding-right: 10px;
}
#gallery .description {
  float: right;
  display: inline;
  width: 625px;
  height: 130px;
  padding: 20px;
  overflow: hidden;
  background-color: #e5e5e5;
}
#gallery .form {
  float: right;
  display: inline;
  width: 325px;
}
#gallery form {
  text-align: right;
}
#gallery .form-row {
  text-align: left;
  margin: 4px 0;
}
#gallery input, #gallery textarea {
  font-size: 12px;
  background-color: #fafafa;
  border: 1px solid #bebebe;
  width: 100%;
}
#gallery .button {
  margin-top: 10px;
  margin-right: -4px;
  padding: 2px 5px;
  font-size: 13px;
  font-weight: bold;
  background-color: #f0f0f0;
  width: auto;
}
#gallery .error {
  color: #f00;
}
#gallery .feedback {
  font-size: 18px;
  line-height: 1.6;
  color: #a7c520;
}
#about {
  zoom: 1;
}
#about:before, #about:after {
  display: table;
  content: "";
  zoom: 1;
}
#about:after {
  clear: both;
}
#info {
  zoom: 1;
  margin-top: 40px;
}
#info:before, #info:after {
  display: table;
  content: "";
  zoom: 1;
}
#info:after {
  clear: both;
}
@media only screen and (max-width: 980px) {
  #page {
    position: relative;
    top: 0;
    left: 0;
    margin: 10px 0;
  }
}
@media only screen and (max-width: 770px) {
  #page {
    position: relative;
    top: 0;
    left: 0;
    margin: 10px;
    width: auto;
    height: auto;
  }
  header {
    margin-bottom: 30px;
  }
  header h1 {
    margin: 0;
    padding: 0;
    padding-left: 20px;
  }
  header h1 a {
    margin: 0 auto;
  }
  header nav {
    display: none;
    position: relative;
    top: auto;
    right: auto;
    z-index: auto;
  }
  #mobile_nav {
    display: block;
  }
  #mobile_nav form {
    margin: 0 auto;
    width: 160px;
  }
  #mobile_nav select {
    width: 160px;
  }
  #main {
    margin: 10px;
  }
  #main .stepcarousel {
    width: 100%;
    height: 330px;
  }
  #main .news {
    margin-top: 20px;
    padding-bottom: 10px;
  }
  #main .news .box {
    width: auto;
    height: auto;
    margin-left: 0;
    float: none;
    display: block;
    overflow: auto;
  }
  .prev_button {
    left: 0;
    top: -40px;
  }
  .next_button {
    right: 0;
    top: -40px;
  }
  #prev_page, #next_page {
    top: -40px;
  }
  .publications #prev_page, .publications #next_page {
    top: -60px;
  }
  #textcontent {
    float: none;
    display: block;
    width: auto;
    margin-top: 0;
  }
  #textcontent .column {
    width: auto;
    margin-right: 0;
    float: none;
    display: block;
    overflow: auto;
    text-align: center;
  }
  #textcontent .column p {
    font-size: 12px;
  }
  #textcontent .scrollbox {
    height: auto;
    overflow: auto;
  }
  #textcontent.past {
    text-align: center;
  }
  #textcontent.past .scrollbox {
    height: auto;
  }
  #accordion {
    height: auto;
  }
  #accordion .ui-accordion-content {
    margin: 0;
  }
  #imagecontent {
    zoom: 1;
    float: none;
    display: block;
    width: auto;
    margin-top: 40px;
    text-align: center;
  }
  #imagecontent:before, #imagecontent:after {
    display: table;
    content: "";
    zoom: 1;
  }
  #imagecontent:after {
    clear: both;
  }
  #imagecontent .thumb {
    margin: 0 0 10px 10px;
  }
  #imagecontent .first {
    margin-left: 10px;
  }
  #imagecontent img {
    max-width: 100%;
  }
  #publications {
    margin-top: 0;
    width: auto;
  }
  #publications table,
  #publications thead,
  #publications tbody,
  #publications th,
  #publications td,
  #publications tr {
    display: block;
  }
  #publications tr {
    position: absolute;
  }
  #publications tr.imagerow {
    position: relative;
    width: 45%;
    padding: 2%;
    float: left;
  }
  #publications tr.imagerow td {
    height: 250px;
    vertical-align: top;
  }
  #publications tr.imagerow img {
    max-width: 100%;
  }
  #publications tr.textrow {
    position: relative;
    width: 50%;
    float: right;
  }
  #publications tr.textrow td {
    height: 250px;
    vertical-align: top;
  }
  #publications td {
    width: auto;
    padding-left: 0;
  }
  #news {
    margin-top: 0;
    margin-right: 0;
    height: auto;
    overflow: none;
  }
  #news .column {
    width: auto;
    margin-right: 0;
    float: none;
    display: block;
  }
  #news .item {
    margin: 0 0 10px 0;
  }
  #gallery {
    margin-top: 0;
  }
  #gallery .portrait, #gallery .map {
    float: none;
    display: block;
    width: auto;
    text-align: center;
  }
  #gallery .portrait {
    width: 146px;
    margin: 0 auto;
  }
  #gallery .contact {
    float: none;
    display: block;
    width: auto;
    padding: 0;
    text-align: center;
  }
  #gallery .description {
    float: none;
    display: block;
    width: auto;
    max-width: 400px;
    height: auto;
    margin: 10px auto;
    padding: 10px;
    overflow: none;
    text-align: left;
  }
  #gallery .description h2 {
    text-align: center;
  }
  #gallery .form {
    float: none;
    display: block;
    margin: 20px auto;
    width: auto;
    max-width: 400px;
  }
  #gallery form {
    text-align: center;
  }
  #gallery input, #gallery textarea {
    -webkit-appearance: none;
    margin: 0;
    padding: 2px;
    resize: none;
  }
  #gallery .button {
    margin: 0;
  }
  #about {
    text-align: center;
  }
  #info {
    margin-top: 10px;
  }
}
/* ==|== 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: none;
  }
  a[href]:after {
    content: " (" attr(href) ")";
    color: #eee;
  }
  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;
  }
  header h1 a {
    text-indent: 0;
    overflow: visible;
  }
  nav, #imagecontent .thumbs {
    display: none;
  }
  #main .news .box {
    overflow: visible;
  }
  #page {
    position: relative;
    top: 0;
    left: 0;
    margin: 10px 0;
  }
  #accordion .ui-accordion-content {
    display: block !important;
    height: auto !important;
  }
  .jspContainer {
    height: auto !important;
    overflow: visible !important;
  }
  .jspPane {
    top: 0 !important;
  }
  #news {
    height: auto !important;
    overflow: visible !important;
  }
}