@charset "UTF-8";
/* CSS MRBAB */

/*
OldMasters     #FE0037   rouge
Modern         #C1D72E   vert
Fin-de-siècle  #C960D1   mauve
Magritte       #98d9f8   bleu ciel
Meunier        #FFDD00   jaune
Wiertz         #F68E1E   orange
*/

body { margin: 0; }
body > .container { background-color: #FFF; min-height: 600px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; padding-bottom: 50px; }

a { color: #b11d85; text-decoration: underline; }
a:hover { color: #750058; }
a:active { color: #333; }
a:focus { outline: 2px solid #b11d85; }
a:focus:hover { outline: 0; }
strong, b { font-weight: 600; }

.label { border-radius: 0; text-shadow: none; font-weight: normal; }

.menu a { text-decoration: none; display: block; }

img { -ms-interpolation-mode: bicubic; }
img[style="float: left;"] { margin: 0 20px 10px 0; }
img[style="float: right;"] { margin: 0 0 10px 20px; }

hr { clear: both; border: 0; height: 1px;}

.required-mark { color: #C00; }
.controls.error input:focus, .controls.error select:focus, .controls.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; }
.controls.error .checkbox, .controls.error .radio, .controls.error input, .controls.error select, .controls.error textarea { color: #b94a48; }
.controls.error input, .controls.error select, .controls.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); }

h1, h2, h3, h4, h5, h6, dt, .menu-root_main, .sideMenu, .lead, .date { font-family: "Platform Web", Arial, Helvetica, sans-serif; line-height: 1.2em; }

h2 { font-size: 30px; font-weight: normal; border-bottom: 1px solid #CCC; color: #444; margin-bottom: 20px; margin-top: 20px; }
h2 a { color: #444; text-decoration: none; }
h2 a:hover, h2 a:focus { text-decoration: none; color: #b11d85; }
h2 a:focus { outline: none; }
h3 { font-weight: 300; color: #444; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 1px; }
h3 .date { margin-bottom: 5px; font-weight: bold; color: #b11d85; font-size: 18px; line-height: 15px; display: block; }
h3 a { text-decoration: none; color: #444; }
h3 a:hover { color: #000; text-decoration: none; }
p + h3,
ul + h3,
.text-warning + h3 { margin-top: 30px; }
h4 { margin-top: 20px; font-size: 18px; }
h4 a { color: #333; text-decoration: none; }
h4 a:hover { color: #000; }
h4 a:active { color: #333; }
h4, h5 { font-weight: 400; text-transform: uppercase; letter-spacing: 1px; }
h5 { font-size: 16px; }
h6 { font-size: 12px; font-weight: 400; }
.type { display: block; margin-top: 5px; font-size: 14px; font-style: italic; }

.lead { margin-top: 0; font-size: 21px; line-height: 25px; margin-bottom: 10px; }
.well { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.synopsis li { margin-bottom: 20px; }
.synopsis a { height: 220px; display: block; text-decoration: none; background-color: #EEE; }
.synopsis a:hover h3 { background-color: rgba(255,255,255,.8); color: #333; text-shadow: 0px 1px 5px rgba(0,0,0,.1); }
.synopsis a h3 { margin-top: 0; padding: 10px 15px; font-size: 26px; }
.synopsis .has_image a { background: no-repeat center top; background-size: contain; }
.synopsis .has_image a h3 { background-color: #999; background-color: rgba(0,0,0,.2); font-size: 24px; color: #fff; margin-top: 0; padding: 10px; text-shadow: 0px 1px 5px rgba(0,0,0,.5); word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; }
.synopsis .has_image a:hover h3 { background-color: #777; background-color: rgba(0,0,0,.4); }
.synopsis .has_image a:active h3 { background-color: #666; background-color: rgba(0,0,0,.6); }

/*.synopsis .has_image*/
.synopsis .well { min-height: 220px; margin-bottom: 30px; }
.synopsis .well h3 { margin-top: 0; }

.header_img { margin-bottom: 30px; }
.header_img.mini { float: left; margin-right: 15px; margin-bottom: 0; }

/* tables */
table { border-bottom: 1px solid #DDD; width: 100%; margin-bottom: 20px; background-color: #fff; }
table thead:first-child tr:first-child th { border-top: 1px solid #DDD; }
table th,
table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; border-left: 1px solid #DDD; border-right: 1px solid #DDD; }
table th { font-weight: bold; }
table thead th { vertical-align: bottom; }
table tbody + tbody { border-top: 2px solid #dddddd; }

table.tarif tbody > tr:nth-child(odd) > td,
table.tarif tbody > tr:nth-child(odd) > th { background-color: #F3F3F3; }
table.tarif tr th:first-child,
table.tarif tr td:first-child { width: auto; }
table.tarif thead tr:first-child th:first-child { border-left: 1px solid #FFF; border-top: 1px solid #FFF; }
table.tarif thead:first-child tr:first-child th:first-child { border-top: 1px solid #FFF; }
table.tarif th { font-weight: bold; font-size: 12px; line-height: 16px; }
table.tarif th li { line-height: 16px; }
table.tarif td { width: 65px; }

table.access td { width: 33%; }
table.access th { background-color: #EEE; }

table.no-borders, table.no-borders td, table.no-borders th { border: none; }
table.no-borders td, table.no-borders th { padding: 10px; }
table.no-borders tr td:first-child { padding-left: 0; }
table.no-borders tr td:last-child { padding-right: 0; }

table td > h1, table td > h2, table td > h3, table td > h4, table td > h5 { margin-top: 0; }

/*Inputs & Buttons*/
.input-append input, .input-append select, .input-append .uneditable-input { border-radius: 0; }
.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle { border-radius: 0; }
.input-append .add-on, .input-append .btn, .input-append .btn-group { margin-left: 1px; }
.btn-group > .btn + .btn { margin-left: 1px; }
.btn-group > .btn:first-child, .btn-group > .btn:last-child { border-radius: 0; }
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 13px; }
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 { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

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 { padding-left: 10px; padding-right: 10px; font-size: 13px; border-color: #EEEEEE; background: #EEEEEE; box-shadow: none; }
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(177, 29, 133, 0.8); border-color: #ccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(177, 29, 133, 0.6); box-shadow: none; }
.btn { text-decoration: none; font-size: 13px; border-color: transparent; color: #fff; background-color: #666; background-image: none; border-radius: 0; text-shadow: none; box-shadow: none; transition: none; }
.btn:hover, .btn:focus { color: #fff; background-color: #b11d85; overflow: hidden; outline: none; }
.btn:active { color: #fff; background-color: #333; }
.btn.disabled { color: #fff; background-color: #E8E8E8; opacity: 1; transition: none; }

.btn-search, .btn-search:hover, .btn-search:focus, .btn-newsletter, .btn-newsletter:hover, .btn-newsletter:focus { width: 30px; text-indent: -9999px; background-image: url(/assets/img/buttons.svg); }
.no-svg .btn-search, .no-svg .btn-search:hover, .no-svg .btn-search:focus, .no-svg .btn-newsletter, .no-svg .btn-newsletter:hover, .no-svg .btn-newsletter:focus, .no-svg .btn-list, .no-svg .btn-list:hover, .no-svg .btn-list:focus, .no-svg .btn-reset, .no-svg .btn-reset:hover, .no-svg .btn-reset:focus { background-image: url(/assets/img/buttons.png); }
.btn-search, .btn-search:hover, .btn-search:focus { background-position: 0 -1px; }
.btn-newsletter, .btn-newsletter:hover, .btn-newsletter:focus { background-position: -31px -1px; }
.newsletter-legal-notice { line-height: 15px; }

.btn-list, .btn-list:hover, .btn-list:focus, .btn-reset, .btn-reset:hover, .btn-reset:focus, .btn-facebook, .btn-facebook:hover, .btn-facebook:focus, .btn-google, .btn-google:hover, .btn-google:focus, .btn-twitter, .btn-twitter:hover, .btn-twitter:focus { width: 28px; height: 28px; padding: 0; text-indent: -9999px; background-image: url(/assets/img/buttons.svg); }
.no-svg .btn-list, .no-svg .btn-list:hover, .no-svg .btn-list:focus, .no-svg .btn-reset, .no-svg .btn-reset:hover, .no-svg .btn-reset:focus, .no-svg .btn-facebook, .no-svg .btn-facebook:hover, .no-svg .btn-facebook:focus, .no-svg .btn-google, .no-svg .btn-google:hover, .no-svg .btn-google:focus, .no-svg .btn-twitter, .no-svg .btn-twitter:hover, .no-svg .btn-twitter:focus { background-image: url(/assets/img/buttons.png); }
.btn-list, .btn-list:hover, .btn-list:focus { background-position: -211px -1px; }
.btn-reset, .btn-reset:hover, .btn-reset:focus { background-position: -241px -1px; }
.btn-facebook, .btn-facebook:hover, .btn-facebook:focus { background-position: -271px -1px; box-shadow: none; }
.btn-google, .btn-google:hover, .btn-google:focus { background-position: -301px -1px; box-shadow: none; }
.btn-twitter, .btn-twitter:hover, .btn-twitter:focus { background-position: -331px -1px; box-shadow: none; }

.btn-prev, .btn-prev.disabled, .btn-prev:hover, .btn-prev:focus, .btn-next, .btn-next.disabled, .btn-next:hover, .btn-next:focus { width: 28px; height: 28px; padding: 0; text-indent: -9999px; background-image: url(/assets/img/buttons.svg); }
.no-svg .btn-prev, .no-svg .btn-prev.disabled, .no-svg .btn-prev:hover, .no-svg .btn-prev:focus, .no-svg .btn-next, .no-svg .btn-next.disabled, .no-svg .btn-next:hover, .no-svg .btn-next:focus { background-image: url(/assets/img/buttons.png); }
.btn-prev, .btn-prev.disabled, .btn-prev:hover, .btn-prev:focus { background-position: -61px -1px; }
.btn-next, .btn-next.disabled, .btn-next:hover, .btn-next:focus { background-position: -91px -1px; }

.btn-prev.btn-rounded, .btn-next.btn-rounded, .btn-group > .btn:first-child.btn-rounded, .btn-group > .btn:last-child.btn-rounded { width: 24px; height: 24px; border-radius: 13px; overflow: hidden; }
.btn-prev.btn-rounded { width: 24px; height: 24px; background-position: -63px -3px; }
.btn-next.btn-rounded { width: 24px; height: 24px; background-position: -93px -3px; }
.v-slide .btn-prev.btn-rounded { display: block; margin: 0 auto 10px; background-position: -123px -3px; }
.v-slide .btn-next.btn-rounded { display: block; margin: 10px auto 0; background-position: -153px -3px; }

.btn.purple { background-color: #B11D85; }
.btn.purple:hover { background-color: #666; }
.btn.purple:active { background-color: #333; }

.blue { color: #65A8D7; }
.blue:hover,
.blue:focus { color: #3588B7; }
.btn.blue { background-color: #85C8E7; color: #fff; }
.btn.blue:hover { background-color: #666; }
.btn.blue:active { background-color: #333; }

.file { display: inline-block; line-height: 30px; }
.file:before { display: block; float: left; content: ""; width: 30px; height: 30px; background-image: url(/assets/img/buttons.svg?poi); background-color: #B11D85; background-position: -360px 0; background-repeat: no-repeat; }
.no-svg .file { background-image: url(/assets/img/buttons.png?poi);  }

.file:hover:before,
.file:focus:before { background-color: #910065; }

.file.blue:before { background-color: #65A8D7; }
.file.blue:hover:before,
.file.blue:focus:before { background-color: #3588B7; }

/* Fancybox */
.fancybox { display: block; }
.fancybox-close, .fancybox-prev span, .fancybox-next span { text-indent: -9999px; overflow: hidden; width: 30px; height: 30px; border-radius: 15px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5); background-color: #666; background-image: url(/assets/img/buttons.svg); overflow: hidden; }
.no-svg .fancybox-close, .no-svg .fancybox-prev span, .no-svg .fancybox-next span { background-image: url(/assets/img/buttons.png); }
.fancybox-close:hover, .fancybox-prev span:hover, .fancybox-next span:hover, .fancybox-close:focus, .fancybox-prev span:focus, .fancybox-next span:focus { background-color: #b11d85; outline: none; }
.fancybox-close { background-position: -180px 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.fancybox-close:active { background-color: #333; }
.fancybox-prev { left: -42px; }
.fancybox-next { right: -42px; }
.fancybox-prev span { background-position: -60px 0; }
.fancybox-next span { background-position: -90px 0; }
.fancybox-nav span { visibility: visible; }
.fancybox-title-float-wrap .child { padding: 2px 15px; font-weight: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.fancybox-skin { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.pagination { height: 30px; margin-top: 0; }
.pagination ul { color: #333; box-shadow: none; }
.pagination ul li a { margin-right: 1px; padding-top: 0; padding-bottom: 0; border: 0; border-radius: 0; background: #eee; color: #333; font-size: 13px; line-height: 30px; }
.pagination ul li.disabled a { display: none; }
.pagination ul li a:hover { background: #b11d85; color: #fff; }
.pagination ul li.active a { background: #666; color: #fff; }
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-radius: 0; }
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span { border-radius: 0; }

.navigation { height: 40px; }

.columns2 { -webkit-column-count: 2; -o-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; column-count: 2; }

/* Bootstrap */
.navbar { margin-bottom: 0; }
.navbar-fixed-top { position: inherit; }
.nav > li > a:focus { background-color: #fff; }
.topBar { position:fixed; right: 8px; top: 2px; padding: 8px; width: 14px; background:#333; border-radius: 8px; }
.topBar .icon { padding: 4px 0; }

.carousel { margin-bottom: 35px; }
.carousel-control { opacity: 0; filter: alpha(opacity=0); margin-top: -20px; top: 50%;
 -webkit-transition: opacity .1s linear;
 -moz-transition: opacity .1s linear;
 -ms-transition: opacity .1s linear;
 -o-transition: opacity .1s linear;
 transition: opacity .1s linear;
}
.carousel:hover .carousel-control, .carousel-control:focus { opacity: .75; filter: alpha(opacity=50);
 -webkit-transition: opacity .1s linear;
 -moz-transition: opacity .1s linear;
 -ms-transition: opacity .1s linear;
 -o-transition: opacity .1s linear;
 transition: opacity .1s linear;
}
.carousel-control { width: 60px; height: 60px; margin: -30px 15px 0; padding: 0; border: 0; border-radius: 30px; text-indent: -9999px; overflow: hidden; background-color: #666; background-image: url(/assets/img/slide.svg); }
.no-svg .carousel-control { background-image: url(/assets/img/slide.png); }
.carousel-control.right { background-position: -60px 0; }
.carousel-control:hover, .carousel-control:focus { outline: none; background-color: #b11d85; }

.carousel-indicators { top: auto; right: auto; left: 0; bottom: -25px; }
.carousel-indicators li, .carousel-indicators li.active { width: auto; height: 15px; margin-left: 0; margin-right: 5px; background-color: transparent; font-size: 12px; line-height: 15px; text-indent: 0; border-radius: 0;  }
.carousel-indicators li.indicator, .carousel-indicators li.indicator.active { width: 15px;  }
.carousel-indicators li.indicator a { display: block; width: 15px; height: 15px; border-radius: 15px; background-color: #ddd; text-indent: -9999px; overflow: hidden; }
.carousel-indicators li.indicator a:hover { background-color: #666; }
.carousel-indicators li.indicator.active a { background-color: #b11d85; cursor: default; }
.carousel-indicators li a { color: #999; }
.carousel-indicators li a:hover { color: #b11d85; }
.carousel-indicators li.pause, .carousel-indicators li.play { border-left: 1px solid #ddd; padding-left: 5px; }

.icon-share { background: url(/assets/img/icons.svg) no-repeat -22px -67px; }
.no-svg .icon-share { background-image: url(/assets/img/icons.png); }

.gmaps a { background: none; padding-left: 0; display: inline-block; }
img[src$='iws3.png'] { display: none; } /* Masquer l'ombre des infowindows google maps */

.text-warning { color: #b11d85; }

.clear { clear: both; }
.no-visibility { visibility: hidden; }


/*
F8D502
FFDE00
F1D211
*/
a#alert_link { display: inline-block; background: #F8D502; margin: 4px 10px; padding: 1px 10px; font-size: 13px; color: #555; cursor: pointer; }
a#alert_link:hover { background: #eee; color: #333; margin: 0 10px; padding: 5px 10px; }
#alert-msg { clear: both; background: #F8D502; color: #555; padding: 12px 15px; font-size: 14px; }
#alert-msg { margin-top: 12px; }
body.home #alert-msg { margin-top: 12px; margin-bottom: 12px; }
#alert-msg a { color: #555; margin-top: 2px;}
#close-alert { text-decoration: none; }
#alert-msg p { margin-bottom: 0; }
#alert-msg .alert-msg-title {  }
#alert-msg .alert-msg-body { border-top: 1px solid #E1B41B; margin-top: 6px; padding-top: 10px;}

/* Main menu */
.nav-mainmenu { padding: 0 0 10px 10px; margin-bottom: 0; font-size: 20px; font-weight: 200; clear: both; border-bottom: 1px solid #CCC; }
.nav-mainmenu > li:first-child > a { border-left: none; }
.nav-mainmenu > li > a { border-left: 1px solid #ccc; border-radius: 0; margin: 0; white-space: nowrap; padding-left: 10px; padding-right: 10px; }
.nav-mainmenu > li.active > a { color: #000; background-color: #fff; }
.nav-mainmenu > li > a:hover { background-color: #FFF; }
.nav-mainmenu > li.active > a:hover { color: #000; background-color: #fff; cursor: pointer; }
.nav-mainmenu .open .dropdown-submenu a { background-color: #fff; color: #333; }
.nav-mainmenu .open .dropdown-submenu a:hover { color: #fff; }
.nav-mainmenu .open .dropdown-submenu a.active { color: #fff; }

/* Languages menu */
.nav-languages { float: right; margin-top: 30px; margin-right: 30px; }
.nav-languages > li:last-child > a { border-right: none; }
.nav-languages > li > a { color: #999; border-right: 1px solid #AAA; border-radius:0; padding: 3px 12px; }
.nav-languages > li > a:hover { background-color: transparent; color: #333; }
.nav-languages > .active > a { background-color: transparent; color: #333; }
.nav-languages > .active > a:hover { background-color: transparent; color: #333; }
.nav-languages { float: right; }
.caps { text-transform: uppercase; }

/* Breadcrumb */
#bread_crumb { font-weight: lighter; font-size: bigger; margin-top: 1em; color:#aaa;}
#bread_crumb a { color:#aaa; }

/* SideMenu */
.sideMenu { margin-top: 28px; }
.sideMenu ul ul { margin-left: 18px; }
.sideMenu a { font-size: 18px; text-decoration: none; }
.sideMenu li li a { font-size: 15px; }
.sideMenu .nav-tabs.nav-stacked > li > a { border-radius:0; border:none; padding-top:4px; padding-bottom: 4px; }
.sideMenu .nav-tabs.nav-stacked > li > a.active { color:#333; }
.sideMenu .nav-tabs.nav-stacked > li > a:hover { background: none;color:#333; }

/* header de ressource */
.header { margin-top: 20px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ccc; position: relative; }
.header * { margin-top: 0; margin-bottom: 0; border-bottom: 0; }
.header h2 { margin-bottom: -10px; }
.header h2 .subtitle { display: block; font-weight: 300; font-size: 24.5px; line-height: 28px; color: #666; margin-bottom: 10px; }
.header .author { display: block; font-size: 20px; line-height: 20px; }
.header .type { margin-top: 16px; margin-bottom: -10px; font-size: 14px; }
.header .date { margin-top: 16px; font-size: 17.5px; letter-spacing: 1px; color: #444; }
.header .inv { margin-top: 10px; }
.header .nav .btn { display: block; float: left; }

.subheader { border-bottom: 1px solid #CCC; color: #444; margin-bottom: 20px; margin-top: 20px; }

/* Page Templates */
.subpages.bottom { margin-top: 20px; }

.images .image,
.videos .image { padding: 10px; border: 1px solid #ccc; background-color: #eee; text-align: center; }

.images .image,
.images .image img { height: 118px }
.videos .image,
.videos .image img { height: 148.5px }

.videos .text,
.images .text { font-size: smaller; line-height: 15px; margin-top: 10px; }
.videos a,
.videos a:hover,
.videos a:focus { text-decoration: none; }
.videos .image { position: relative; }
.videos .play {
  color: #666;
  font-size: 1px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  height: 60px;
  width: 60px;
  background: url(/assets/img/play.png) no-repeat center;
}
.videoscheckerboard .span3:nth-child(3n+1) { clear: both; }

/* List */
.list-item-image { margin-bottom: 18px; }
.list-item-content { margin-bottom: 18px; }
.list-item-header { margin-bottom: 9px; }
.list-item-header * { margin-top: 0; margin-bottom: 3px; }

/* Artworks */
.image span { margin-top: 51px; line-height: 13px; font-size: 11px; display: block; vertical-align: middle; color: #aaa; }
a .imageBroken span { color: #666; }

.artwork { display: block; margin-bottom: 20px; }
.artwork .image { height: 438px; line-height: 438px; padding: 10px; border: 1px solid #ccc; background-color: #eee; text-align: center; }
.artwork .imageBroken,
.artwork .imageNotFound { height: 120px; }
.artwork .image img { max-height: 280px; }
.artwork .text { padding-top: 10px; font-size: 13px; line-height: 18px; }
.artwork .text .copyright { font-size: 13px; color: #999; }

.focus .artwork { margin-bottom: 0; }
.focus .artwork .image { height: 278px; line-height: 278px; }
.focus .artwork .text { font-family: "Platform Web"; padding-top: 100px; color:#666; font-weight: 300; font-size: 18px; line-height: 21px; }
.focus .artwork .text strong { line-height: 33px; display: block; font-weight: 300; color:#444; font-size: 28px; margin-bottom: 10px; }

.artworks { list-style: none; }
.artworks li { margin-bottom: 0; }
.artworks li .artwork { text-decoration: none; }
.artworks li .artwork .image { height: 118px; line-height: 118px; }
.artworks li .artwork .image img { max-height: 118px; }
.artworks li .artwork .text { height: 64px; overflow: auto; color: #333; font-size: 12px; line-height: 16px; position: relative; }
.artworks li .artwork .text p { margin-bottom: 0; }
.artworks li .artwork .text .copyright { font-size: 12px; }
.artworks li .artwork:hover { text-decoration: none; }
.artworks li a.artwork:hover .image { background: #ddd; }

.artworks li.active a { cursor: default; }
.artworks li.active .artwork .image { background: #666; }

.artworks.selectable li .artwork .text { display: none; }

.artworks.large li .artwork .text { height: 129px; }

.artwork-description ul { border-top: 1px solid #ccc; font-size: 12px; }
.artwork-description ul li { margin-top: 6px; }

/* Collection */
.box { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.box * { margin-bottom: 0; }
.box h4 { margin-bottom: 10px; }

.focus div a { display: block; height: 305px; text-decoration: none; }

/* Content */
.article { margin-bottom: 18px; }
.aside { margin-bottom: 18px; }
.content { margin-bottom: 20px; }
.info {}
.chapeau { font-size: 18px; }

/* Divers */
.no-bullet { list-style-type: none; }
.no-margin { margin: 0; }
.no-margin-bottom { margin-bottom: 0; }
.no-margin-top { margin-top: 0; }
.offscreen { position: absolute; left: -999em; }

/* Exhibitions */
.exhibitions li h4 { color:#333; margin: 0 2px; }
.exhibitions li h5 { text-transform: none; letter-spacing: 0; margin: 0 2px; color:#666; line-height: 16px; }
.exhibitions .date { font-weight: bold; margin-bottom: 2px; font-size: 15px; }
.exhibitions .span4 h3, .exhibitions .span3 h3 {margin-top: 0;}

/* Events */
.itemOfType.focusartworks h3 { font-size: 22px; font-weight: 300; line-height: 32px; }
.itemOfType.focusartworks h3 strong { font-size: 28px; font-weight: 400; display: block; margin-top: 0; }
.itemOfType.focusartworks h4 { font-weight: 300; margin-top: -10px; }

.thumbnail.pull-left { margin-right: 10px; }

/* Fiche */
.itemOfType.exhibitions .date { color: #b11d85; font-weight: bold; font-size: 20px; font-weight: 400; }
.itemOfType.events .date { color: #b11d85; font-weight: bold; font-size: 20px; font-weight: 400; }
.article.itemOfType .date { color:#b11d85; font-weight: bold; font-size: 16px; }
.article.itemOfType h5 { margin: 0 0 18px 0; font-size: 1.2em; }

/* Fiche - Museum */
.museums .thumbnails .img { height: auto; line-height: 0; }
.museums .thumbnails img { max-height: none; }

.practicalInfos h3 { margin-top: 0; color: #000; }
.practicalInfos h4 { border-bottom: 1px solid #ccc; font-weight: normal; }

/* Timeline */
.timeline { position: relative; overflow: auto; width: auto; margin-bottom: 30px; }
.timeline .items-list { margin: 0; }
.timeline .items-list li { margin: 0; }
.timeline a { text-decoration: none; line-height: 16px; display: block; position: absolute; height: 120px; color: #333; font-size: 13px; line-height: 13px; }
.timeline .title { display: block; position: -webkit-sticky; position: sticky; }
.timeline .date { letter-spacing: 0; font-size: 13px; color: #fff; font-weight: normal; padding: 5px 0; margin-bottom: 2px; display: block; background-color: #b11d85; border-radius: 5px; line-height: 12px; }
.timeline .margin { display: inline-block; margin: 0px 8px; position: -webkit-sticky; position: sticky; left: 8px; }
.timeline a:hover .title { color: #000; }
.timeline a:hover .date { background-color: #750058; }
.timeline .today_marker { position: absolute; background-color: #999; width: 2px; height: 100%; }
.timeline .legend_years { margin: 0; }
.timeline .legend_years li { line-height: 14px; padding-left: 5px; position: absolute; font-size: 13px; color: #999; }
.timeline .legend_months { margin: 0; }
.timeline .legend_months li { border-left: 1px dotted #CCC; line-height: 14px; padding-left: 5px; position: absolute; font-size: 12px; color: #BBB; }
.timeline .legend_months .newyear { border-left: 1px solid #CCC; }
.timeline .img { display: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

/* calendar */
.calendar { position: relative; width: auto; margin-bottom: 20px; }
.calendar .legend_days li { line-height: 14px; float: left; font-size: 13px; }
.calendar .legend_days div { padding-top: 3px; color: #999; border-left: 1px solid #E6E6E6; padding-left: 5px; display: block; }
.calendar .legend_days .weekend { background-color: #F6F6F6; }
.calendar .legend_days .active { background-color: #ccc; font-weight: bold; }
.calendar .legend_days .active a { color: #000; }
.calendar .items-list { margin: 0; }
.calendar .items-list li { margin: 0; }
.calendar .items-list a { text-decoration: none; line-height: 16px; display: block; position: absolute; height: 120px; color: #333; font-size: 13px; line-height: 13px; }
.calendar .items-list a:hover { color: #000; }
.calendar .items-list .title { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; text-shadow: 0 1px 1px rgba(255,255,255,.5); font-size: 13px; color: #333; font-weight: normal; padding: 5px 0; margin-bottom: 2px; display: block; background-color: #d485be; background-color: rgba(177,20,133,.5); border-radius: 11px; line-height: 12px; height: 12px; }
.calendar .items-list .title.no-border-radius-left { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.calendar .items-list .title.no-border-radius-right { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.calendar .items-list .title.no-title span { visibility: hidden; }
.calendar .margin { display: block; margin: 0px 8px; position: absolute; }
.calendar .right-aligned-title .margin { right:0; }
.calendar .items-list a:hover .title { color: #000; background-color: #b11d85; }
.calendar .img { display: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.calendar-navigator { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: uppercase; font-family: "Platform Web", Arial, Helvetica, sans-serif; margin-bottom: 20px; margin-top: 30px; }
.calendar-navigator .btn-group > .btn { font-size: 18px; }
.calendar-navigator .caret { border-top-color: #fff; margin-left: 5px; }
.calendar-navigator .btn-group+.btn-group { margin-left: 1px; }
.calendar-navigator .dropdown-menu { padding: 3px 0; min-width: 90px; border-radius: 0; margin-top: 1px; background-color: #333; border: none; }
.calendar-navigator .dropdown-menu > li > a { padding: 5px 12px; text-decoration: none; font-size: 18px; color: #fff; }
.calendar-navigator .dropdown-menu > li > a:hover { background-color: #B11D85; background-image: none; }
.calendar-navigator .btn-group.open .btn.dropdown-toggle { background-color: #333; }

.exhibitions-navigator { font-family: Arial, Helvetica, sans-serif; text-transform: none; }
.exhibitions-navigator .btn-group > .btn { font-size: 15px; }
.calendar-navigator .btn-group+.btn-group { margin-left: 10px; }

.body-events .popover { width: 200px; }
.body-events .popover b { display: block; }
.body-events .popover p { margin-bottom: 0; }
.body-events .popover img { margin: 0 auto; display: block; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
.body-events .popover .popover-content { padding: 0; }

.body-exhibitions .popover { width: 200px; }
.body-exhibitions .popover b { display: block; }
.body-exhibitions .popover p { margin-bottom: 0; }
.body-exhibitions .popover img { margin: 0 auto; display: block; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
.body-exhibitions .popover .popover-content { padding: 0; }
.exhibition-info h4 { font-weight: 500; }

/* Accueil */
.home .nav-mainmenu { border:none; }

.home .agenda ul { list-style-type: none; }
.home .agenda li { margin-bottom: 20px; }
.home .agenda a { color: #333; }

.bootstrapSlide { position: relative; }
.bootstrapSlide .btn-toolbar { margin: 0; position: absolute; right: 0; }
.btn-toolbar .btn { display: block; float: left; }

.margin-bottom { margin-bottom: 20px; }

.news ul,
.news ul { height: auto; }
.news ul li a { display: block; overflow: hidden; min-height: 0; }
.news li { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.news li .thumbnail { -ms-flex-negative: 0; flex-shrink: 0; }
.news li a * { margin-top: 0; margin-bottom: 0; }
.news li a h4,
.news li a p { color: #333; margin-top: 4px; }
.news li a.website { display: block; white-space: nowrap; }
.news li a.website:hover { text-decoration: underline; }
.body-news .date { letter-spacing: normal; }
.news-list-item { margin-bottom: 40px !important; }

.home .partners ul { list-style-type: none; }

.home .museums ul li { margin-bottom: 18px; }
.home .museums ul li a img { padding-left: 10px; margin-right: -10px; }
.home .museums ul li a:hover img { border-left: 2px solid #CCC; padding-left: 8px; margin-right: -10px; }
.home .museums ul li a.active img { border-left: 2px solid #000; padding-left: 8px; margin-right: -10px; }
.home .museums ul li .museum-selection { display: block; }
.home .museums ul li .museum-content { height: 244px; overflow: hidden; }
.home .museums ul li .museum-content .text { padding: 10px 0; }
.home .museums ul li .museum-content .text h3 { font-size: 20px; }
.home .museums ul li .museum-content .text .museum-header { padding-right: 20px; margin-bottom: 10px; max-height: 140px; overflow-y: auto; }
.home .museums ul li .museum-content .text .museum-header p { margin-bottom: 0; }
.home .museums a.btn-rounded { margin-left: 137px; }

.home .museums-simple-focus ul li { margin-bottom: 10px; }
.home .museums-simple-focus ul li a { display: block; padding-left: 10px; }

.home .focusartworks h3 { font-size: 18px; font-weight: 300; line-height: 26px; }
.home .focusartworks h3 strong { font-size: 24px; font-weight: 400; display: block; margin-top: 0; }

/* Default list for exhibitions and events */
.list-default { margin-bottom: 0; min-height: 160px; }
.list-default li { margin-bottom: 20px; }
.list-default .clearfix { clear: left; }
.list-default a { color: #666; text-decoration: none; display: block; min-height: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.list-default a div { flex-grow: 0; }
.list-default a:hover h3 { color: #000; }
.list-default a:hover p { color: #333; }
.list-default h3 { margin-top: 0; margin-bottom: 5px; font-size: 22px; line-height: 22px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; }
.list-default h3 .date { font-size: 15px; line-height: 15px; }
.list-default .thumbnail { padding: 0; border: 0; border-radius:0; width: 120px; height: 120px; float: left; margin-right: 10px; -ms-flex-negative: 0; flex-shrink: 0; }
.list-default p { line-height: 18px; }
.list-default .subtitle-and-title { margin-bottom: 0; }
.list-default .sites { margin-bottom: 0; margin-top: 5px; }

/* Focus page */
.focus_page a { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; }
.focus_page a:hover p,
.focus_page a:focus p { color: #000; }
.focus_page a p { line-height: 25px; color: #666; }
.focus_page .thumbnail { padding: 0; border: 0; border-radius:0; width: 120px; height: 120px; float: left; margin-right: 10px; -ms-flex-negative: 0; flex-shrink: 0; }

/* Publications */
.body-publications .list-default a { color: #666; display: inline; text-decoration: none; }
ul.publications li h3 {font-size: 18px; font-weight: 400}
ul.publications li h4 {font-size: 16px; margin-top: 10px; font-weight: 200;}
ul.publications li a:hover h3, ul.publications li a:hover h4 {color:#B11D85;}


.boxShadow { box-shadow: 4px 4px 8px #e9edf0; min-height: 250px; }

/* Artworks */
.listing.vubisartworks .carousel { height: 200px; }
.listing.vubisartworks .carousel h3 { line-height: 25px; margin-top: 10px; }
.listing.vubisartworks .carousel h4 { font-weight: 300; margin-top: 50px; }
.listing.vubisartworks .carousel img { max-width: 300px; max-height: 200px; }

/* Galleria */
#galleria { height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 10000; }
.galleria-container { height: 500px; }

/* Live Search */
.searchPopup { z-index: 9999; box-shadow: 3px 3px 10px rgba(0,0,0,.3); font-size: 12px; position: absolute; margin-top: 5px; background-color: #FFF; border: 1px solid #CCC; padding: 20px; }
.searchPopup li { line-height: 15px; margin-bottom: 3px; }
.searchPopup .artwork-artist { color: #555; }
.searchPopup .artwork-date { color: #888; }
.searchPopup ul { margin: 0 0 0 15px; }
.searchPopup .btn-close { position: absolute; right: 10px; top: 10px; }

/* Pages votre visite > acces */
.acces-museums { padding: 30px 0; }
.acces-museum { min-height:190px; }

/* Page 'les musées' */
.museum-1 a:hover, .museum-1 a:focus { background-color: #FE0037; } /* Rouge */
.museum-2 a:hover, .museum-2 a:focus { background-color: #BBCC11; } /* Vert */
.museum-3 a:hover, .museum-3 a:focus { background-color: #78B9D8; } /* Bleu ciel */
.museum-4 a:hover, .museum-4 a:focus { background-color: #C960D1; } /* Mauve */
.museum-5 a:hover, .museum-5 a:focus { background-color: #F68E1E; } /* Orange */
.museum-6 a:hover, .museum-6 a:focus { background-color: #DDCC00; } /* Jaune */
.museum-7 a:hover, .museum-7 a:focus { background-color: #FE0037; } /* Rouge */

.museum-1 a:hover strong, .museum-1 a:focus strong, .museum-1 h3 { color: #FE0037; } /* Rouge */
.museum-2 a:hover strong, .museum-2 a:focus strong, .museum-2 h3 { color: #BBCC11; } /* Vert */
.museum-3 a:hover strong, .museum-3 a:focus strong, .museum-3 h3 { color: #78B9D8; } /* Bleu ciel */
.museum-4 a:hover strong, .museum-4 a:focus strong, .museum-4 h3 { color: #C960D1; } /* Mauve */
.museum-5 a:hover strong, .museum-5 a:focus strong, .museum-5 h3 { color: #F68E1E; } /* Orange */
.museum-6 a:hover strong, .museum-6 a:focus strong, .museum-6 h3 { color: #DDCC00; } /* Jaune */
.museum-7 a:hover strong, .museum-7 a:focus strong, .museum-7 h3 { color: #FE0037; } /* Rouge */

.museum-1 a:active,
.museum-2 a:active,
.museum-3 a:active,
.museum-4 a:active,
.museum-5 a:active,
.museum-6 a:active,
.museum-7 a:active { background-color: #333; }

.museum-1 a:active strong,
.museum-2 a:active strong,
.museum-3 a:active strong,
.museum-4 a:active strong,
.museum-5 a:active strong,
.museum-6 a:active strong,
.museum-7 a:active strong { color: #333; }

.search h4, .results h4 { margin-top: 0; }
.results .box > div { min-height: 30px; padding-top: 31px; }

.letters li { text-align: center; }
.letters a { color: #666; text-decoration: none; }
.letters a:hover { color: #333; }
.letters .active a { color: #333; font-size: 36px; line-height: 36px; font-weight: bold; }

.collection-home .letters ul { line-height: 29px; }
.collection-home .letters ul li { display: inline; text-align: left; }

.artists { max-height: 1494px; overflow: auto; }
.artists li { line-height: 18px; }
.artists a { display: block; padding: 6px 0; border-top: 1px solid #ccc; color: #666; text-decoration: none; }
.artists a .muted { font-size: 12px; }
.artists a:hover { color: #333; }
.artists a:hover .muted { color: #666; }
.artists .active a { color: #333; font-weight: bold; }
.artists .active a .muted { color: #666; font-weight: normal; }

.museum-item-img { margin-bottom: 20px; }
.museum-item-img a { display: block; }

/* Galleries */
.gallery { list-style: none; }
.gallery li { margin-bottom: 20px; }
.gallery li.more a { display: block; height: 60px; line-height: 60px; text-align: center; background-color: #666; color: #fff; font-size: 11px; text-transform: uppercase; text-decoration: none; }
.gallery li.more a:hover { background-color: #b11d85; }

/* Google maps */
.gmaps { height: 700px; }
.fancybox-inner .gmaps { height: 100%; }
.gmaps img { max-width: none; }
.gmaps h4 { margin: 0 0 5px 0; }
.gmaps p { margin: 0; }
.gmaps .website,
.gmaps .mail { font-size: 12px; }

/* SOCIAL NETWORKS */
.networks { font-size: 12px; line-height: 30px; color: #666; position: absolute; right: 0; bottom: 10px; }
.networks ul li { display: inline; }

/* Search results */
.search-results li { padding: 8px 0; margin: 8px 0; border-bottom: 1px solid #ccc; }
.search-results h4 { margin: 0; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0px; text-transform: none; }
.search-results h4 a { color: #b11d85; text-decoration: underline; }
.search-results p { margin: 0; padding: 0; border-bottom: none; }

body.preview { margin-top: 40px; }
div.admin.navbar { z-index:9999;  position:fixed; top: 0; font-size: 14px; }
div.admin.navbar a { text-decoration: none; }
div.admin.navbar li a.on { color: #fff; background-color: #5CAA22;}
div.admin.navbar li a.off { color: #fff; background-color: #F38611;}

.alert { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.alert .close { text-decoration: none; }

/* Media */
@media only screen and (min-width: 1200px) {
  h2 { font-size: 32px;}

  img[style="float: left;"] { margin: 0 30px 10px 0; }
  img[style="float: right;"] { margin: 0 0 10px 30px; }

  .artists { max-height: 1634px; }

  .artwork { margin-bottom: 20px; }
  .artwork .image { height: 548px; line-height: 548px; }
  .artwork .imageBroken,
  .artwork .imageNotFound { height: 160px; }

  .artwork .image img { max-height: 548px; }

  .focus .artwork .image { height: 348px; line-height: 348px; }
  .focus .artwork .image img { max-height: 348px; }
  .focus .artwork .text { padding-top: 135px; }

  .artworks li .artwork .image { height: 148px; line-height: 148px; }
  .artworks li .artwork .image img { max-height: 148px; }

  .artworks.large li .artwork .text { height: 159px; }

  .images .image,
  .images .image img { height: 148px }
  .videos .image,
  .videos .image img { height: 186px }

  .image span { margin-top: 70px; }

  .box { margin-bottom: 30px; padding-bottom: 30px; }

  .flexboxlegacy .nav-mainmenu { width: 1150px; padding-right: 10px; display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: box; }
  .flexbox .nav-mainmenu { padding-right: 10px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }

  .flexboxlegacy .nav-mainmenu > li { float: none; }
  .flexbox .nav-mainmenu > li { float: none; }

  .nav-mainmenu #item_24 { margin-right: 235px; }
  .flexboxlegacy .nav-mainmenu #item_24 { margin-right: 0; -webkit-box-flex: 1; -ms-flex: 1; -moz-box-flex: 1; }
  .flexbox .nav-mainmenu #item_24 { margin-right: 0; -webkit-flex: 1; -ms-flex: 1; -moz-flex: 1; flex: 1; }


  .nav-mainmenu #item_25 a { border-left: none; }

  .header-main h1 { margin-bottom: 20px; }
  .focus div a { height: 380px; }

  .synopsis li { margin-bottom: 30px; }
  .synopsis a { height: 270px; }
  .synopsis .has_image a h3 { font-size: 30px; }

  .home .museums a.btn-rounded { margin-left: 172px; }
  .home .museums ul li .museum-content { height: 300px; }
  .home .museums ul li .museum-content .text h3 { font-size: 24px; }
  .home .museums ul li .museum-content .text .museum-header { max-height: 180px; }

  .museum-item-img { margin-bottom: 30px; }

  .gallery li { margin-bottom: 30px; }
  .gallery li a { display: block; }
  .gallery li.more a { height: 70px; line-height: 70px; }

  .list-default h3 { font-size: 24px; line-height: 24px; }
  .list-default h3 .date { font-size: 17px; line-height: 17px; }
  .list-default a { min-height: 150px; }
  .list-default .thumbnail,
  .focus_page .thumbnail { width: 150px; height: 150px; }
  .footer-main .column-newsletter { padding-top: 15px; }
}
@media only screen and (max-width: 979px) {
  h2 { font-size: 28px; }

  .artists { max-height: 1314px; }

  .artwork .image { height: 330px; line-height: 330px; }
  .artwork .imageBroken,
  .artwork .imageNotFound { height: 80px; }
  .artwork .image img { max-height: 330px; }

  .focus .artwork .image { height: 206px; line-height: 206px; }
  .focus .artwork .image img { max-height: 206px; }
  .focus .artwork .text { padding-top: 65px; }

  .artworks li .artwork .image { height: 82px; line-height: 82px; }
  .artworks li .artwork .image img { max-height: 82px; }

  .artworks.large li .artwork .text { height: 93px; }

  .images .image,
  .images .image img { height: 82px }
  .videos .image,
  .videos .image img { height: 108px }

  .image span { margin-top: 28px; }

  .header-main h1 { margin-bottom: 0px; }
  .header-main h1 a { height: 90px; background-size: contain; }
  .focus div a { height: 235px; }

  .synopsis li { margin-bottom: 20px; }
  .synopsis a { height: 166px; }
  .synopsis .has_image a h3 { font-size: 20px; }

  .btn-collapse { margin-bottom: 20px; }

  .home .museums a.btn-rounded { margin-left: 101px; }
  .home .museums ul li .museum-content { height: 185px; }

  .nav-mainmenu { font-size: 17px; }
  .nav-mainnav .nav > li { float: left; }

  .flexbox .nav-mainmenu { padding-right: 10px; display: -ms-flexbox; display: -webkit-flex; -webkit-justify-content: flex-start; -webkit-flex-wrap: nowrap; display: flex; justify-content: flex-start; flex-wrap: nowrap; }

  .flexboxlegacy .nav-mainmenu {
    width: 724px;
    display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
  }
  .flexboxlegacy .nav-mainmenu li {
    -moz-box-flex: 1;
  }
  .flexbox .nav-mainmenu {
    display: -webkit-flex;
    -webkit-flex-wrap: nowrap;
    display: flex;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }

  .flexboxlegacy .nav-mainnav .nav > li,
  .flexbox .nav-mainnav .nav > li { float: none; }

  .nav-mainnav .nav > li > a,
  .nav-mainnav .dropdown-menu a { border: 0; padding: 6px 6px 7px; font-weight: 200; color: #b11d85; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
  .nav-mainnav .nav-mainmenu { padding-left: 0; padding-right: 0; padding-bottom: 3px; }

  .nav-mainnav,
  .nav-mainnav.collapse { height: auto; overflow: normal; }

  #alert-msg { margin-left: 0px; }

  .gallery li.more a { height: 42px; line-height: 42px; }

  .list-default h3 { font-size: 20px; line-height: 20px; }
  .list-default a { min-height: 90px; }
  .list-default .thumbnail,
  .focus_page .thumbnail { width: 90px; height: 90px; }
}
@media only screen and (max-width: 767px) {
    .home .list-default li:nth-child(1n+4) { display: none; }
    .calendar { display: none; }
}
@media only screen and (min-width: 768px) {
  .nav-mainnav, .nav-mainnav.collapse { overflow: visible; height: auto; }
  .nav-mainnav.collapse { height: auto!important; overflow: visible!important; }
  .btn-collapse { display: none; }
}
@media only screen and (max-width: 767px) {
  h2 { font-size: 24px;}
  body { padding-right: 0px; padding-left: 0px; background-color: #333; }
  body > .container { padding-right: 20px; padding-left: 20px; }
  body > .footer-main { padding-right: 20px; padding-left: 20px; }

  .csstransitions .topmenu { display: none; height: auto; border-bottom: none; }
  .csstransitions .nav-mainnav { background-color: #333; position: absolute; top: 0; left: 0; padding: 20px; width: 180px; overflow: hidden; }

  .flexboxlegacy .nav-mainmenu { display: block; }
  .flexbox .nav-mainmenu { display: block; }

  .csstransitions .nav-mainnav.ishidden { visibility: hidden; }
  .csstransitions .nav-mainnav.in { visibility: visible; }
  .csstransitions body { -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; }
  .csstransitions .container-main,
  .csstransitions .container-main + .footer-main {
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);

    -o-transition: -o-transform 250ms ease;
    -moz-transition: -moz-transform 250ms ease;
    -webkit-transition: -webkit-transform 250ms ease;
    transition: transform 250ms ease;
  }
  .csstransitions .container-main.in,
  .csstransitions .container-main.in + .footer-main {
    /*left:180px;*/
    -ms-transform: translateX(180px);
    -o-transform: translateX(180px);
    -moz-transform: translateX(180px);
    -webkit-transform: translateX(180px);
    transform: translateX(180px);
  }

  .focus .artwork .text { padding-top: 0; }

  .letters { margin-bottom: 30px; }
  .letters li { display: inline-block; width: 30px; height: 30px; line-height: 60px; }
  .artists { max-height: 200px; margin-bottom: -20px; }
  #btn-galleria { display: none; }
  .artworks li .artwork .image { height: auto; line-height: auto; }
  .artworks li .artwork .image img { height: auto; max-height: none; }
  .image span { margin-top: 0; line-height: 50px; }

  .artworks.large li .artwork .text { height: auto; }

  .header-main h1 { margin: 0 -20px; width: auto; }
  .header-main h1 a { background-position: 10px center; }
  .header-main .form-website-search { padding-top: 0px; text-align: left; float: right; }

  .synopsis li { margin-bottom: 10px; }
  .synopsis .has_image { float: left; width: 166px; margin-right: 10px; }
  .synopsis .has_image a {  }
  .synopsis .has_image a h3 { font-size: 20px; }

  .focus div a { height: auto; }
  .calendar .legend_days li:nth-child(even) { visibility: hidden; }

  .home .museums a.btn-rounded { display: none; }
  .home .museums ul li .museum-content { height: auto; }
  .home .museums ul li .museum-content .text .museum-header { max-height: none; }

  .csstransitions .nav-mainnav .nav { float: none; }
  .csstransitions .nav-mainnav .nav > li { float: none; }
  .csstransitions .nav-mainnav .nav > li > a, .nav-mainnav .dropdown-menu a { text-shadow: 0 -1px 0px rgba(0,0,0,.5); font-weight: 200; color: #FFF; border: 0; padding: 9px 5px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
  .csstransitions .nav-mainnav .nav > li > a:hover,
  .csstransitions .nav-mainnav .dropdown-menu a:hover,
  .csstransitions .nav-mainnav .nav > li > a:active,
  .csstransitions .nav-mainnav .dropdown-menu a:active { text-shadow: none; color: #000; background-color: #EEE; }
  .csstransitions .nav-mainnav .nav > .active > a,
  .csstransitions .nav-mainnav .dropdown-menu .active a { color: #FFF; background-color: transparent; }
  .csstransitions.touch .nav-mainnav .nav > li > a:hover, .touch .nav-mainnav .dropdown-menu a:hover { text-shadow: 0 -1px 0px rgba(0,0,0,.5); color: #FFF; background-color: transparent; }
  .csstransitions .nav-mainnav .menu-languages { font-size: 12px; }
  .csstransitions .nav-mainnav .menu-languages > li { float: left; margin: 0 10px 0 5px; }
  .csstransitions .nav-mainnav .menu-languages > li > a { text-decoration: none; padding: 3px; text-transform: uppercase; text-align: center; width: 20px; display: block; background-color: #888; }
  .csstransitions .nav-mainnav .menu-languages > li.active > a { padding: 3px; text-transform: uppercase; text-align: center; width: 20px; display: block; background-color: #888; }
  .csstransitions .nav-mainnav .menu-root_main { padding-bottom: 10px; border-bottom: 1px solid #666; }
  .csstransitions .nav-mainnav .menu-root_main > li > a { padding: 6px 5px; }
  .csstransitions .nav-mainnav .menu-root_header { margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px; }
  .csstransitions .nav-mainnav .menu-header { font-size: 12px; }
  .csstransitions .nav-mainnav .menu-header > li > a { color: #CCC; padding: 1px 5px; }

  .home .events ul li { float: none; clear: both; }
  .home .events ul li img { margin-bottom: 18px; }

  .news ul li { height: auto; }

  .header .nav { margin-top: 6px; }
  .networks { left: 0; right: auto; }
  #alert-msg { margin-left: 0px; }

  .legal-main { margin: 0px -20px; }

  .legal-main { padding-right: 20px; padding-left: 20px; }

  .images .image,
  .images .image img { height: 208px }
  .videos .image,
  .videos .image img { height: 208px }

}
@media only screen and (max-width: 479px) {
  .footer-main .menu-root_colophon { float: left; }
  .menu-root_colophon li { float: none; padding-left: 30px; }
  .menu-root_colophon a { padding: 5px 0; }
}