/* _________________________________________________

320 and Up boilerplate extension
Andy Clarke http://about.me/malarkey
Keith Clark http://twitter.com/keithclarkcouk
Version: 2
URL: http://stuffandnonsense.co.uk/projects/320andup/
License: http://creativecommons.org/licenses/MIT/
_____________________________________________________

1 ROOT
2 HEADINGS
3 TYPOGRAPHY
4 LINKS
5 FIGURES & IMAGES
6 TABLES
7 FORMS
8 BANNER
9 NAVIGATION
10 CONTENT
11 MAIN
12 COMPLEMENTARY
13 CONTENTINFO
14 GLOBAL OBJECTS
15 VENDOR-SPECIFIC 
16 MODERNIZR
17 TEMPLATE SPECIFICS
18 MEDIA QUERIES

COLOURS 

*/
.footer_artist_list_text{
	display:block !important;    
	color: #777;text-align: center;
    font-size: 16px;
    text-transform: uppercase;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
.exhibition-info-mobile{
	display:none;
}
.exhibition-info{
	display:block;
}
.fullscreen_toggle{
	display:block;
}
#infinite_scroll{
	 padding: 0 0 0 0;
}
audio[controls], canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/* 1. ROOT ============================================================================= */

html {
    background: rgb(255, 255, 255);
}

/*background : rgb(255,255,255) url(../img/tmp/grid.png) repeat-y 50% 0; }*/

body {
    margin: 0 auto;
    padding: 0;
    /*width : 90% *//* 252px *//*;*/
    font: 100%/1.4 Police, Helvetica;
    font-size: 10px;
    color: rgb(40, 40, 40);
    background-color: transparent;
}

button,
input,
select,
textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(40, 40, 40);
}

/* 2. HEADINGS (320 and Up typography defaults) ==================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Helvetica Neue", Helvetica, Arial;
    font-weight: bold;
}

h1 {
    margin-bottom: .75em;
    font-size: 3em; /* 30 / 10 = 3 */
    line-height: 1.2;
}

h2 {
    margin-bottom: .75em;
    font-size: 2em; /* 20 / 10 = 2 */
    line-height: 1.2;
}

h3 {
    margin-bottom: 1em;
    font-size: 1.5em; /* 15 / 10 = 1.5 */
    line-height: 1.3;
}

h4 {
    margin-bottom: 1.25em;
    font-size: 1.25em; /* 12.5 / 10 = 1.25 */
    line-height: 1.25;
}

h5 {
    margin-bottom: 1.5em;
    font-size: 1em; /* 10 / 10 = 1 */
}

h6 {
    font-size: 1em; /* 10 / 10 = 1 */
}

/* 3. TYPOGRAPHY (320 and Up typography defaults) ============================================================================= */

p,
ol,
ul,
dl,
address {
    margin-bottom: 1.5em;
    font-size: 1em; /* 16 / 16 = 1 */
}

p {
    hyphens: auto;
    margin: 0px 0px 10px 0px;
    text-align: left;
}

ul,
ol {
    margin: 0 0 1.5em -24px;
    padding: 0 0 0 24px;
}

li ul,
li ol {
    margin: 0;
    font-size: 1em; /* 16 / 16 = 1 */
}

dl,
dd {
    margin: 0 0 1.5em;
    padding: 0;
}

dt {
    font-weight: normal;
}

blockquote {
    margin: 0 0 1.5em -24px;
    padding-left: 24px;
    border-left: 1px solid rgb(200, 200, 200);
    font-style: italic;
}
#et_search_icon { margin-bottom: -8px; padding-right: 5px; height: 20px; width: 20px;}
#et_search_icon:hover { cursor: pointer; }
#et_top_search { margin-top: 3px; float: right; position: relative; display: block; }
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

abbr[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    display: block;
    margin: 1em 0;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid rgb(204, 204, 204);
}

ins {
    background-color: rgb(240, 240, 240);
    color: rgb(0, 0, 0);
    text-decoration: none;
}

mark {
    background-color: rgb(240, 240, 240);
    color: rgb(0, 0, 0);
    font-style: italic;
    font-weight: bold;
}

code,
kbd,
samp {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    _font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .875em;
    line-height: 1.5;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    font: 100% Police,Helvetica;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: "";
    content: none;
}
br {
    margin: 0;
    padding: 0;
}
small {
    font-size: 1em; /* 16 / 16 = 1 */
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

/* 4.LINKS ============================================================================= */

a {
    color: #000;
    text-decoration: none;
}

a:focus {
    outline: thin dotted;
    color: rgb(0, 0, 0);
}

a:hover,
a:active {
    outline: 0;
}

/* 5.FIGURES & IMAGES ============================================================================= */

figure {
    margin-bottom: 1.5em;
}

figure img,
figure object,
figure embed {
    margin-bottom: .75em;
    max-width: 100%;
}

figcaption {
    display: block;
    font-weight: normal;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

/* 6.TABLES ============================================================================= */

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.4em;
    width: 100%;
    font-size: .875em; /* 14 / 16 = .875 */
}

th, td, caption {
    padding: .25em 10px .25em 5px;
}

tfoot {
    font-style: italic;
}

caption {
    background-color: transparent;
}

/* 7.FORMS ============================================================================= */

form {
    margin: 0;
}

fieldset {
    margin-bottom: 1.5em;
    padding: 0;
    border-width: 0;
}

legend {
    *margin-left: -7px;
    padding: 0;
    border-width: 0;
}

label {
    font-weight: normal;
    cursor: pointer;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button, input {
    line-height: normal;
    *overflow: visible;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
}

input[type="search"] {
    box-sizing: content-box;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

/* Colors for form validity */
input:valid,
textarea:valid {
    /* Styles */
}

input:invalid,
textarea:invalid {
    -webkit-box-shadow: 0 0 2px rgb(255, 0, 0);
    -moz-box-shadow: 0 0 2px rgb(255, 0, 0);
    box-shadow: 0 0 2px rgb(255, 0, 0);
}

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: rgb(240, 221, 221);
}

/* 8 BANNER 		============================================================================= */
/* 9 NAVIGATION 	============================================================================= */
/* 10 CONTENT 		============================================================================= */
/* 11 MAIN 			============================================================================= */
/* 12 COMPLEMENTARY ============================================================================= */
/* 13 CONTENTINFO 	============================================================================= */

/* 14 GLOBAL OBJECTS ============================================================================= */

.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

/* 15 VENDOR-SPECIFIC ============================================================================= */

html {
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgb(52, 158, 219);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

.clearfix {
    zoom: 1;
}

::-webkit-selection {
    background: rgb(23, 119, 175);
    color: rgb(250, 250, 250);
    text-shadow: none;
}

::-moz-selection {
    background: rgb(23, 119, 175);
    color: rgb(250, 250, 250);
    text-shadow: none;
}

::selection {
    background: rgb(23, 119, 175);
    color: rgb(250, 250, 250);
    text-shadow: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
}

::-webkit-input-placeholder {
    font-size: .875em;
    line-height: 1.4;
}

input:-moz-placeholder {
    font-size: .875em;
    line-height: 1.4;
}

.ie7 img,
.iem7 img {
    -ms-interpolation-mode: bicubic;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
}

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

p {
    /* http://www.w3.org/TR/css3-text/#hyphenation */
    -webkit-hyphens: auto;
    -webkit-hyphenate-character: "\2010";
    -webkit-hyphenate-limit-after: 1;
    -webkit-hyphenate-limit-before: 3;
    -moz-hyphens: auto;
}

/* Non-semantic helper classes 

.ir { display : block; 
overflow : hidden; 
background-repeat : no-repeat; 
text-align : left; 
text-indent : -999em; 
direction : ltr; }

.ir br { 
display : none; }

.hidden { 
display : none; 
visibility: hidden; }

.visuallyhidden { 
position : absolute;
margin : -1px;
padding : 0;
height  : 1px;
width : 1px;
overflow : hidden;
border : 0; 
clip : rect(0 0 0 0); }

.visuallyhidden.focusable:active, 
.visuallyhidden.focusable:focus { 
position: static;
margin : 0; 
height : auto; 
width : auto;
overflow: visible; 
clip : auto; }

.invisible { 
visibility : hidden; } */

/* 16 MODERNIZR ============================================================================= */

/* audio */
/* applicationcache */
/* backgroundsize */
/* borderimage */
/* borderradius */
/* boxshadow */
/* canvas */
/* canvastext */
/* cssanimations */
/* csscolumns */
/* cssgradients */
/* cssreflections*/
/* csstransforms */
/* csstransforms3d */
/* csstransitions */
/* draganddrop */
/* flexbox */
/* fontface */
/* geolocation */
/* hashchange */
/* history */
/* hsla */
/* indexeddb */
/* inlinesvg */
/* localstorage */
/* multiplebgs */
/* opacity */
/* postmessage */
/* rgba */
/* sessionstorage */
/* smil */
/* svg */
/* svgclippaths */
/* textshadow */
/* touch */
/* video */
/* webgl */
/* websqldatabase */
/* websockets */
/* webworkers */

/* 17 TEMPLATE SPECIFICS  */

/*measures */

/*!measures*/
/*typography*/
header h1 {
    font-size: ;
    text-transform: uppercase;
    margin-bottom: 0;
}

article header {
    font-size: 13px;
}
article header h1 {
    font-size: 13px;
}
header ul {
    font-size: 12px;
    text-transform: uppercase;
}

/*!typography*/

header ul li {
    list-style-type: none;
    float: left;
}

header {
    vertical-align: baseline;
}

header h1, header h2, header h3 {
    text-transform: uppercase;
}

figure {
    margin: 0;
    padding: 0;
}

#lang {
    font-size: 80%;
}

aside {
    display: none;
}

article header.current-page {
    display: none;
}

div#current-exhibition-details, div#current-exhibition-description {
    display: none;
}

.exhibitions header h3 {
    font-size: 11px;
    margin: 5px 0;
}

.hiddable header h2, .hiddable dl dt {
    font-size: 13px;
    margin: 0;
}

.hiddable header, .hiddable dl, .exhibition-info {
    color: #fff;
    border: none;
    position: absolute;
    height: auto;
    padding: 5px 10px;
    width: 280px;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
}
.contact_exhibitions > ul > li > figure > header { margin: 0; position: relative;}
.selected_work .hiddable dl {
    background-color: transparent;
    color: #000;
    text-align: center;
} 

.hiddable header.no-image {
    background-color: transparent;
    color: #000;
    padding: 0;
    border-bottom: 1px solid #777;
    width: 300px;
}
header #lang {
    display: none;
}

header h1 {
    float: none;
}

header nav[role="mobile_menu"] {
    background: url(../img/picto/iphone_menu_bg.png) repeat-x;
    height: 50px;
    width: 100%;
}
header nav[role="mobile_menu"] ul {
    margin: 0 auto;
    padding-left: 8px;
    width: 100%;
}

header nav[role="mobile_menu"] ul li {
    height: 50px;
    width: 73px;
    padding: 0;
    position: relative;
}

header nav.mobile_menu_artist ul li {
    width: 60px;
    overflow: hidden;
}
header h1 a,
header nav ul li a {
    text-decoration: none;
    color: rgb(40,40,40);
}

header nav[role="menu"] {
    display: none;
}
header nav[role="mobile_menu"] ul li a {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 8px;
    height: 14px;
    padding-top: 34px;
    text-align: center;
    text-transform: capitalize;
}
header nav[role="mobile_menu"] ul li a img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
header nav[role="mobile_menu"] ul li a span {
    position: absolute;
    display: block;
    bottom: 5px;
    left: 0;
    text-align: center;
    width: 100%;
    z-index: 1;
}


header nav[role="mobile_menu"] ul li#artists, header nav[role="mobile_menu"] ul li#artists-active {
    margin-left: 10px;
}

header nav[role="mobile_menu"] #artists {
    background: url(../img/picto/artistes.jpg) no-repeat scroll 50% 50%;
},
header nav[role="mobile_menu"] ul li#artists_active {
    background: url(../img/picto/artistes_active.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] ul li#artist_back {
    background: url(../img/picto/retour_small.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] ul li#back {
    background: url(../img/picto/retour.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] #now {
    background: url(../img/picto/now.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] ul li#now_active {
    background: url(../img/picto/now_active.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] #info {
    background: url(../img/picto/info.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] ul li#info_active {
    background: url(../img/picto/info_active.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] #exhibitions {
    background: url(../img/picto/now-showing.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] ul li#exhibitions_active {
    background: url(../img/picto/now-showing_active.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] #contact {
    background: url(../img/picto/info.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] ul li#contact_active {
    background: url(../img/picto/info_active.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] #news {
    background: url(../img/picto/news_large.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] ul li#news_active {
    background: url(../img/picto/news_large_active.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] #artist_news {
    background: url(../img/picto/news.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] ul li#artist_news_active {
    background: url(../img/picto/news_active.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] #photos {
    background: url(../img/picto/photo.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] ul li#photos_active {
    background: url(../img/picto/photo_active.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] #home {
    background: url(../img/picto/home.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] ul li#home_active {
    background: url(../img/picto/home_active.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] ul li#artist_bio {
    background: url(../img/picto/bio.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] ul li#artist_works {
    background: url(../img/picto/works.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] ul li#artist_works_active {
    background: url(../img/picto/works_active.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] ul li#videos {
    background: url(../img/picto/videos_large.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] ul li#videos_active {
    background: url(../img/picto/videos_large_active.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] ul li#artist_videos {
    background: url(../img/picto/videos.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] ul li#artist_videos_active {
    background: url(../img/picto/videos_active.jpg) no-repeat scroll 50% 50%;
}
header nav[role="mobile_menu"] ul li#artist_bio_active {
}

section.artists-list {
    padding: 0 3px;
}

article.artists ul li a {
    text-decoration: none;
    color: #a2a2a4;
    display: block;
}

section.artists-list ul li {
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 7px;
    padding-bottom: 7px;
    line-height: 20px;
}
section.artists-list ul li a {
    color: #000;
}
section.artists-list ul {
    list-style: none;
}

.name-of-the-work {
    font-style: italic;
}

aside.artist-info .name, aside.artist-info .name-of-the-work {
    text-transform: uppercase;
}
.artist-info div.hr, div#submenu .hr, div.hr{
    border-bottom:  1px solid #777;
}

.artist-info div {
    margin:  10px 0;
}
.artist-info {
    display: none;
    font-size: 10px;
}


header[role="banner"] {
    position: fixed;
    width: 100%;
    z-index: 1000;
}
header[role="banner"] h1 {
    display: none;
    background-color: #2f2f2e;
    margin: 0 auto;
    padding: 0.5em 0;
    font-size: 16px;
    text-align: center;
}
header[role="banner"] h1.main_title {
    display: block;
}

body.page_main header[role="banner"] h1 a {
    color: #fff;
}

header[role="banner"] h1 {
    display: none;
}
body .content {
    padding: 60px 10px 0;
}
body.page_main .content {
    padding-top: 110px;
}  
body.page_contact .content {
    padding-top: 70px;
}  

article.artist .bio {
    margin-top: 10px;
}

header nav ul {
    padding:  0;
    margin:  0;
}

.artist_links {
    font-size: 11px;
    text-align: right;
    text-transform: uppercase;
    list-style-type: none;
}
.artist_links li {
    padding: 0.5em 0;
}
.artist_links a {
    text-decoration: none;
}

.artist_links img.social-icons {
    position: absolute;
}

.page_artist .content {
    padding-top: 60px;
    margin: 0 auto;
    width: 300px;
}
.page_artist .artist_image {
    margin-bottom: 10px;
    height: 300px;
    width: 300px;
    float: left;
}

div#submenu, div#submenu div.hr {
    display: none;
    z-index: 1000;
}

body.page_artist header nav ul li#contact,
body.page_artist_works header nav ul li#contact,
body.page_artist_works header nav ul li#exhibitions,
body.page_artist header nav ul li#exhibitions {
    display: none;
}

/* ARTICLE header */
article header {
    border-bottom: 1px solid #777;
    padding: 0 0 3px;
    margin-bottom: 20px;
    font-size: 13px;
}
article header h1 {
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
article.exhibition header, article.video header, article.artist header {
    background-color: #fff;
    color: #000;
    font-size: 11px;
    margin: 0;
    padding: 5px;
}
/* figures */

article.artist_works figure {
    overflow:  hidden;
    width: 320px;
    position: relative;
}
article.artist_works figure .artist_work {
    height: 300px;
    width: 320px;
    float: left;
    position: relative;
}

#slideshow_holder {
    position: relative;
    z-index: 0;
}

article.artist_works figure .artist_work .work-main-image {
    height: 200px;
    margin-bottom:10px;
}
.artist_links, .artist_cv {
    display: none;
}
.artist_work header div.title {
    font-style: italic;
}
.artist_work header div {
    text-transform: uppercase;
    font-weight: bold;
    color: rgb(255,255,255);
    margin: 3px 10px;
}
body.page_artist .artist_bio {
    padding-bottom: 10px;
    font-size: 13px;
}
body.page_artist .artist_cv {
    border-top: 1px solid #777;
    padding-top: 14px;
}
body.page_artist .artist_cv p {
    display: inline;
}
body.page_artist .artist_cv h4 {
    margin-bottom: 9px;
}
/* slideshow */
#slideshow_holder {
    background-color: transparent;
    overflow: hidden;
    width: 300px;
    height: 175px;
    margin:  0 auto;
    padding: 0;
}
#slideshow_holder ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
#slideshow_holder li {
    text-align: center;
    height: 175px !important;
    position: relative;
    width: 300px !important;
}
#slideshow_holder li img {
    margin: 0 auto;
}
#slideshow_holder #slideshow_right, #slideshow_holder #slideshow_left {
    position: absolute;
    top: 50px;
    height: 65px;
    width: 34px;
    z-index: 100;
    cursor: pointer;
}

#slideshow_holder #slideshow_left {
    left: 0;
    background: transparent url(../img/left.png) no-repeat left 0;
}

#slideshow_holder #slideshow_right {
    display: block;
    right: 0;
    background: transparent url(../img/right.png) no-repeat right 0;
}


#artist_work_desc {
    display: none;
}

#submenu a {
  color: #000;
  display: block;
  text-decoration: none;
}
#submenu a:hover {
  color: #000;
}
#submenu .active a {
  font-weight: bold;
  color: #000;
}

/* slideshow homepage */
.page_main #slideshow_holder {
    display: none;
}
.mobile_home {
    margin: 0 auto;
    width: 300px;
}
.mobile_home li {
    list-style-type: none;
    margin-bottom: 10px;
    position: relative;
}



.fb_reset {
    display: none;
}


/* Contact page */
/* TODO refactor according mozilla css best practices*/
.contact_exhibitions > ul { width: 300px; margin: 0 auto; padding: 0; list-style: none}
.contact_exhibitions > ul > li { width: 300px; height: auto; float: left; margin-bottom: 20px }
.contact_exhibitions > ul > li > figure { width: 300px; height: auto; background-color: transparent; }
.contact_exhibitions > ul > li > figure > figcaption > span {padding: 0 2px}
.contact_exhibitions > ul > li > figure > figcaption {
    font-size: 16px; color: #000; background-color: rgba(230,230,230,0.5);
    padding: 10px 0; text-transform: uppercase; position: absolute; width: 300px;
}

.contact_exhibitions ul .image_legend {
    color: #000000;
    display: block;
    margin: -10px auto;
    text-align: right;
    color: #767676;
    font-size: 9px;
}
.page_exhibitions_place #slideshow_holder {
    display: none;
}

.exhibition {
    position: relative;
    height: 1%;
    margin-bottom: 10px;
    min-height: 40px;
}
.exhibition-info {
    top: 0;
    width: 279px;
}
.exhibition-info h2 {
    font-size: 13px;
    margin: 0;
}
.exhibition-info h3 {
    font-size: 11px;
    margin: 0;
}
.exhibition-info a {
    color: #fff;
    text-decoration: none;
}
.exhibition-info .place, .exhibition-info .area{
    display: none;
}
div#submenu ul li ul {
    display: block;
}
div#submenu ul li ul li a{
    font-size: 10px;
}
div#submenu ul li ul li {
    line-height: 15px;
}
div#submenu ul li ul {
    line-height: 20px;
}
.artist_publication_desc {
    clear: left;
}
div#submenu ul li ul {
    margin-left: 0;
    margin-bottom: 0;
}
#press-release {
    font-size: 13px;
}
h1.place_name {
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 20px;
    text-transform: uppercase;
}
.place_information {
    display: none;
}
.page_contact #slideshow_holder {
    display: none;
}


/* Exhibition place*/
.exhibition_place { width: 300px; margin: 0 auto; }
.exhibition_place a { color: #777; }
.exhibition_place nav { padding-bottom: 20px }
.exhibition_place nav ul { background-color: #ffffff; background: inherit; list-style: none; width: 300px; padding: 0; margin: 0}
.exhibition_place nav ul li { display: block; float: left; font-size: 12px; padding: 3px 14px; text-transform: uppercase; }

.exhibition_place .place_name { font-size: 26px; padding: 0; }
.exhibition_place .place_name span { padding: 0 3px }

.exhibition_place .place_contacts { font-size: 14px; color: #000; }
.exhibition_place .place_contacts p { display: inline; }

.exhibition_place .place_hours { font-size: 14px; }
.exhibition_place .place_image { display: none; }
.exhibition_place .place_image img { margin: 0 auto }
.exhibition_place .place_map { height: 150px; background-color: #eee; margin: 10px 0 0;}
.exhibition_place .place_description { font-size: 10px; }
.exhibition_place .mobile_place_information { padding: 0; }
.exhibition_place .mobile_place_information .place_hours { margin-top: 10px; }
#gmap_link {
    height: 1%;
    float: left;
    overflow: hidden;
    width: 300px;
}
#gmap_link a {
    border-radius: 5px;
    display: block;
    background-color: #777;
    color: #fff;
    margin: 1em auto;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}
.place_left .place_hours {
    display: block;
}
.mobile_place_information .place_hours {
    display: none;
}
/* News page */
.news-list {
    padding-bottom: 15px;
}
.news-list li {
    list-style-type: none;
    margin: 0 auto 10px;
    width: 300px;
}
.news-list li .image {
    min-height: 30px;
}

.news-list li dl {
    height: 222px;
}

.news-list li dl.full {
    height: auto;
}

.news-list li dt,
.news-list li dd.subtitle,
.news-list li dd.place  {
    text-transform: uppercase;
}
.news-list li dt {
    display: block;
    font-weight: bold;
}

.news-list li dd.description {
    /* height: 100px; */
}

.news-list li dl a {
    color: #000;
}

.news-list li dl, .news-list li dd.more {
    margin-bottom: 0px;
}

.news-list li dd.description a.more {
    display: block;
    margin-top: 5px;
    
    color: black;
    text-align: right;
    font-weight: bold;
}

article.all_exhibitions nav {
    display: none;
}
article.all_exhibitions nav.submenu_minor {
    display: block;
}

/* Artist exhibition */
article.exhibition h3, article.video h3 {
    font-size: 11px;
    margin: 0;
}
article.exhibition h3.item_title, article.video h3.item_title {
    display: none;
}
article.exhibition .place, article.video .place {
    text-transform: uppercase;
}
article.exhibition #press-release h2, article.video #press-release h2 {
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
}
article.exhibition #press-release .download {
    display: none;
}
article.exhibition #exhibition_infos, article.video #exhibition_infos {
    display: none;
}

/* Video slideshow */
.selected_press #slideshow_holder {
    height: 424px;
    width: 300px;
}
 #slideshow_video {
    margin: 0 auto;
 }
.selected_press #slideshow_holder li {
    height: 424px !important;
    width: 300px !important;
}

article.video #slideshow_holder {
    height: 1%;
    position: relative;
    margin-top: 15px;
}
article.video #slideshow_holder , article.video #slideshow_holder li {
    height: 200px !important;
    width: 300px !important;
}
article.video #slideshow_holder  #slideshow_left, article.video #slideshow_holder  #slideshow_right {
    top: 60px;
}
article.video #slideshow_holder li {
    list-style-type: none;
}
.video_slideshow li .video_embed {
    margin: 0 auto;
}
.video_slideshow li .video_embed iframe {
    width: 230px;
    height: 137px;
    z-index: 1;
}
.video_slideshow .video_title,
.video_slideshow .video_date {
    color: #000;
    padding: 3px 20px 0;
}

div.order-btn {
    display: none;
    margin-top: 20px;
}

footer .list_other_artists section.artists-list {
     display: none;
}
footer .list_other_artists section  ul.list_social li {  
    display: inline;
}
footer .list_other_artists section ul#list_static {  
    display: block;
	text-align:center;
}
footer .list_other_artists section ul#list_static li {
    font-size: 16px;
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
    line-height: 22px;
    text-transform: uppercase;
    list-style: none;
}
footer .list_other_artists section ul#list_static li a{
    font-size: 11px;
	color:#777777;
}
footer .list_social{
    text-align: center;
}
footer ul.list_social li img {
    vertical-align: -3px;
}
footer .social form {
    margin: 35px 0;
	text-align: center;
}
footer .social form h3 {
    color: #777;
    font-size: 10px;
    font-weight: normal;
    margin: 0 0 3px;
    text-align: center;
    text-transform: uppercase;
}
footer .social form input {
    background-color: #fefefe;
    border: 1px solid #ddd;
    color: #bbb;
    padding: 4px 3px;
    margin-right: -4px;
    width: 183px;
	display: inline;
}
footer .social form button {
    background-color: #777;
    border: 1px solid #777;
    color: #fff;
    display: inline;
    margin: 0;
    padding: 4px 3px;
    text-transform: uppercase;
}
.page_artist_video .video_place {
    display: none;
}

/* Artists custom */
.artists-list-custom {
    width: auto;
}
.artists-list-custom section.artists-list {
    margin: 0;
    padding: 0;
}
.artists-list-custom section.artists-list ul {
    margin-top: 2px;
}
.artists-list-custom section.artists-list ul li {
    font-size: 10px;
    border-bottom: none;
    width: 180px;
    padding: 0;
    margin: 0;
}
.artists-list-custom section.artists-list ul li a {
    padding: 0;
    color: #777;
}
.artists-list-custom section.artists-list ul li a:hover {
    color: #000;
}
/* Selected works */
.selected_work #slideshow_holder, .selected_work #slideshow_holder li {
    height: 300px !important;
}
.selected_works #slideshow_holder dt {
    padding: 0;
    text-transform: uppercase;
}
.selected_works #slideshow_holder dd {
    line-height: 12px;
    margin: 1px 0 0;
    padding: 0;
}
.selected_work .fullscreen_toggle {
    width: 640px;
}

/* fullscreen */
.fullscreen_toggle {
    background: transparent;
    z-index: 100;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: none;
    text-align: left;
    font-style:italic;
    padding-left: 5px;
}

.fullscreen_toggle a {
    color: #000 !important;
    background: url(../img/fullscreen_button_2.png) no-repeat scroll left 50%;
    font-size: 10px;
    padding-left: 16px;
    line-height: 15px;
    display: block;
    width: 100px;
    margin: 0 auto;
}

#fullscreen {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 9999;
}

#fullscreen .slideshow li {
    list-style: none;
    height: 100%;
    text-align: center;
    background:  none;
}
.fullscreen-menu {
    height: 45px;
    background: #000;
    width: 100%;
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    border-top: 1px solid #999999;
    font-family: Georgia;
}
.fullscreen-menu .fullscreen_toggle {
    display: block;
    bottom: 1px;
    height: 40px;
    width: 30%;
    
}
.fullscreen-menu .fullscreen_toggle a {
    padding-left: 45px;
    color: #fff !important;
    background: url(../img/fullscreen_out_btn.png) no-repeat scroll left 50%;
    line-height: 40px;
    font-size: 14px;
    display: block;
    text-decoration: none;
    height: 40px;
    width: 90%
}

.fullscreen-menu .arrows {
    width: 30%;
    height: 40px;
    position: absolute;
    bottom: 3px;
    right: 0;
    z-index: 10000;
}

.fullscreen-menu .arrows div {
    float: right;
    height: 40px;
    width: 50px;
    cursor: pointer;
}


.fullscreen-menu .arrows #fullscreen_slideshow_left {
    background: url(../img/fullscreen_slideshow_left.png) no-repeat scroll left 50%;
}

.fullscreen-menu .arrows #fullscreen_slideshow_right {
    background: url(../img/fullscreen_slideshow_right.png) no-repeat scroll left 50%;
}

.fullscreen-menu .info #current_info {
    display: none;
}
.fullscreen-menu .extended #current_info {
    display: block;
}


.fullscreen-menu .info span{
    margin-left: 25px;
}
.fullscreen-menu .extended span{
    display: none;
}
.page_exhibition .fullscreen-menu .info {
    display: none;
}
.fullscreen-menu .info {
    width: 39%;
    margin: 0 auto;
    height: 46px;
    text-align: center;
    line-height: 20px;
    border-right: 1px solid #5e5e5e;
    border-left: 1px solid #5e5e5e;
    padding-top: 10px;
}

.fullscreen-menu .extended {
    display: block;
    background: #000;
    margin-top: -154px;
    height: 200px;
    border-left: 1px solid #5e5e5e;
}
.fullscreen-menu .info .title {
    font-style: italic;
    padding-left: 35px;
}
#fullscreen #legende_toggle {
    height: 9px;
    width: 15px;
    float: right;
    background: url(../img/legende_button.png) no-repeat;
    margin: 1.5% 3% 0 0;
}
#fullscreen .extended #legende_toggle {
    background: url(../img/legende_button2.png) no-repeat;
}
#header_zone {
    position: absolute;
    height: 80px;
    width: 100%;
    z-index: 1;
}
#fullscreen header {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
    cursor: pointer;
    z-index: 10001;
    background: transparent;
}

#fullscreen header.extended {
    height: 160px;
    border-bottom: 1px solid #777;
    /*z-index: 10001;*/
    background-color: #fff;
}

#fullscreen header.extended ul, #fullscreen header:hover ul {
    visibility: visible;
}
#fullscreen header ul {
    list-style: none;
    margin-bottom: 0;
    height: 100%;
    visibility: hidden;
}
#fullscreen #scrollWrap {
    /*position:absolute;*/
    float: none;
    /*width: 100%;*/
}
#fullscreen #scrollable {
    position: relative;
    width: 100%;
    height: 160px;
}
#fullscreen .blurred {
    opacity: 0.2;
}
#fullscreen .scrollWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
}

div.scrollingHotSpotLeft {
    min-width: 100px;
    width: 15%;
    height: 100%;
    background-image: url(../img/big_transparent.gif);
    background-repeat: repeat;
    background-position: center center;
    position: absolute;
    z-index: 200;
    left: 0;
    cursor: url(../img/cursors/cursor_arrow_left.png), url(../img/cursors/cursor_arrow_left.cur),w-resize;
}

div.scrollingHotSpotRight {
    min-width: 100px;
    width: 15%;
    height: 100%;
    background-image: url(../img/big_transparent.gif);
    background-repeat: repeat;
    background-position: center center;
    position: absolute;
    z-index: 200;
    right: 0;
    cursor: url(../img/cursors/cursor_arrow_right.png), url(../img/cursors/cursor_arrow_right.cur),e-resize;
}

#fullscreen header h1 {
    float: left;
    width: auto;
    height: 160px;
    line-height: 160px;
    font-weight: normal;
    text-align: center;
    padding: 0 15px;
}

#fullscreen header ul li:first-child {
    border-left: 1px solid #777;
}
#fullscreen header ul li a img {
    vertical-align: middle;
}
#fullscreen header ul li a {
    display: block;
    height: 160px;
    line-height: 160px;
}

#fullscreen header ul li {
    float: left;
    min-width: 1%;
}

figure.slideshow ul {overflow: hidden;}

#fullscreen figure.slideshow ul {
    padding: 0;
    margin-left: 0;
}

figure.slideshow ul li {
    float: left;
    width: 800px;
    height: 600px;
    background-color: #ccc;
}

#fullscreen #fullscreen_slideshow_left_area, #fullscreen #fullscreen_slideshow_right_area {
    width: 95px;
    height: 100%;
    position: absolute;
    top:0;
    cursor: pointer;
    z-index:9999;
}
.zoomed {
    width: 50px !important;
}
#fullscreen #fullscreen_slideshow_left_area:hover {
    background:  url(../img/ropac-site-fullscreen-arrow-left.png) no-repeat scroll 100% 50%;
    width: 95px !important;
}
#fullscreen #fullscreen_slideshow_right_area:hover {
    background:  url(../img/ropac-site-fullscreen-arrow-right.png) no-repeat scroll 0 50%;
    width: 95px !important;
}

#fullscreen #fullscreen_slideshow_left_area {
    left: 0;
}

#fullscreen #fullscreen_slideshow_right_area {
    right: 0;
}

#fullscreen figure.slideshow {
    position: relative;
}

#fullscreen figure.slideshow img.cursor {
    cursor: url(../img/new_cursors/ropac-fullscreen-croix-32x32.png), default;
}
.zoomable, .move {
    max-width: none;
    cursor: url(../img/new_cursors/ropac-fullscreen-curseur-transp.png), default;
}


/*Zoomify*/

.zoomOverlay{
	box-shadow: inset 0 0 20px rgba(0,0,0,.8);
}

.zoomWrapper{
}

#loader{
	background: rgba(0,0,0,.5);
    cursor: url(../img/new_cursors/ropac-fullscreen-curseur-transp.png), default;
}

.zoomControls{
	position:absolute;
	top:0;
	right:0;
	padding: 10px;
    z-index:10000;
}

.zoomInControl{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("../img/zoomin.png") no-repeat center center;
	cursor: pointer;
	opacity: .5;
}

.zoomOutControl{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("../img/zoomout.png") no-repeat center center;
	cursor: pointer;
	opacity: .5;
}

.zoomOutControl:hover, .zoomInControl:hover {
	opacity: 1;
}

.zoomOutControl.disabled, .zoomInControl.disabled {
	opacity: .2 !important;
}

#zoomScreenOver{
	background: rgba(0,0,0,.5);
}

#zoomScreen{
	width: 40%;
	height: 60%;
	background: #000000;
	border: 5px solid white;
}

/* Subscribe */
div.flash-notice-success {
    color: #1db54d;
    padding-bottom: 5px;
}

.flash-notice-error {
    color: #ff0000;
    padding-bottom: 5px;
}

#zoomer {
    height:48px;
    width: 126px;
    position: absolute;
    background: url(../img/new_cursors/ropac-fullscreen-zoom-in.png) no-repeat;
}

#zoomerOut {
    height:48px;
    width: 140px;
    position: absolute;
    background: url(../img/new_cursors/ropac-fullscreen-zoom-out.png) no-repeat;
}
.mobileMenuWrap {
	display:none;
    background: rgba(0, 0, 0, 0) url("../img/menu-icon.png") no-repeat scroll 0 0 / 100% 100%;
    height: 20px;
    left: 10px;
    position: absolute;
    top: 48px;
    width: 32px;
	cursor: pointer;
    z-index: 999999;
}
.exhibition-name-mobile{
	display:block;
}
.exhibition-name-mobile h3{
	font-size: 20px !important;
    margin-left: 40px !important;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}
header nav[role="menu"] {
    background: block;
	padding-left: 0;
}
header nav ul {
    margin: 0;
    padding: 0;
}
.artists .artists-list{
	display:none !important;
}