@font-face {
    font-family: 'maison_neuebold';
    src: url('/site/fonts/maisonneue-bold-webfont.eot');
    src: url('/site/fonts/maisonneue-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/site/fonts/maisonneue-bold-webfont.woff') format('woff'), url('/site/fonts/maisonneue-bold-webfont.ttf') format('truetype'), url('/site/fonts/maisonneue-bold-webfont.svg#maison_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'maison_neuebold_italic';
    src: url('/site/fonts/maisonneue-bolditalic.eot');
    src: url('/site/fonts/maisonneue-bolditalic.eot?#iefix') format('embedded-opentype'), url('/site/fonts/maisonneue-bolditalic.woff') format('woff'), url('/site/fonts/maisonneue-bolditalic.ttf') format('truetype'), url('/site/fonts/maisonneue-bolditalic.svg#maison_neuebold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@import url(http://fonts.googleapis.com/css?family=Cousine);
@font-face {
    font-family: 'Cousine';
    font-style: normal;
    font-weight: 400;
    src: local('Cousine'), url('/site/fonts/Cousine-Regular.ttf') format('woff');
}

body, a {
    color: black;
    font-family: "maison_neuebold", Helvetica, Arial, sans-serif;
}

a:hover, a:focus {
    text-decoration: none;
}

.clearfix {
    clear: both;
}

.orange-color a:hover, .orange-color a:focus, .orange-color .selected a, .orange-color .nav-tabs .active a {
    color: #FF6C2C !important;
    outline: none;
}

.blue-color a:hover, .blue-color .selected a, .blue-color a:focus, .blue-color .selected a {
    color: #00e0ff !important;
    outline: none;
}

.yellow-color a:hover, .yellow-color .selected a, .yellow-color a:focus, .yellow-color .selected a, .current {
    color: #FFCD00 !important;
    outline: none;
}

.orange-color .element, .orange-color .rsNavSelected span {
    background-color: #FF6C2C !important;
}

.blue-color .element, .blue-color .rsNavSelected span {
    background-color: #00e0ff !important;
}

.yellow-color .element, .yellow-color .rsNavSelected span {
    background-color: #FFCD00 !important;
}

/**
*
*   Colonne de droite
*
*/
.first-column {
    text-transform: uppercase;
}

.first-column a, .first-column a:hover {
    color: #000000;
    text-decoration: none;
}

.menu-principal a {
    display: block;
}

.list-artist a {
    display: block;
}

/**
*
*   Colonne centrale
*
*/

.second-column {
    position: relative;
}

/*Home*/
#accueilHeight {
    height: auto !important;
}

#homeSlider {
    position: absolute;
    left: 0;
    top: 15px;
    bottom: 0;
    right: 0;
    height: auto;
    width: auto;
    padding-top: 130px;
    width: 100%;
    margin-bottom: 15px;
}

.rsDefault div.rsGCaption {
    background: none;
    top: 0;
    padding: 0;
    bottom: auto;
    color: #000000;
}

figure.rsCaption {
    margin: 13px 0 0 0;
}

.date-caption {
    margin-top: 50px;
    font-family: 'Cousine', sans-serif;
    font-size: 70px;
    margin-left: 40px;
    line-height: 70px;
}

.artist-name-caption {
    font-size: 50px;
    line-height: 50px;
    margin-left: 30px;
    min-height: 140px;
    text-transform: uppercase;

}

/*.artist-name-caption {
    font-size: 75px;
    line-height: 70px;
    margin-left: 30px;
    min-height: 140px;
    text-transform: uppercase;

}*/

/* Artiste */
#artisteSlider {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
    width: auto;
    width: 100%;
    margin-top: -30px;
    margin-bottom: 15px;
}

#underSlider .span1 {
    font-family: 'Cousine', sans-serif;
}

#underSlider {
    min-height: 85px;
    font-size: 12px;
    line-height: 12px;
}

#underSliderFullscreen :hover {
    cursor: pointer;
}

#underSliderFullscreen {
    font-family: 'Cousine', sans-serif;
    text-align: right;
}

#underSliderBullets {
    margin-left: 0;
}

#underSliderBullets .rsNav.rsBullets {
    background: none;
    width: auto;
    position: relative;
    text-align: left;
    display: block;
}

#underSliderBullets .rsBullet span {
    background: #d3d3d3;
    border-radius: 0;
    padding: 2px;
}

.submenu {
    text-transform: uppercase;
}

.submenu a {
    font-size: 14px;
    color: #000000;
    text-decoration: none;
}

#underSliderBullets .rsBullet {
    display: inline-block;
    height: 8px;
    padding: 6px 5px;
    width: 8px;
}

#underSliderBullets .rsBullet span {
    display: block;
    height: 8px;
    width: 8px;
}

#artist-name-container {
    margin-top: 42px;;
    position: relative;
    z-index: 1;
}

#artisteSlider .rsGCaption {
    position: relative;
}

#underSliderCaption .rsGCaption {
    text-align: left;
}

#underSliderCaption figure.rsCaption,
.artist-oeuvre-caption {
    font-family: 'Cousine', sans-serif;
    margin: 0;
    color: #797888;
}

.rsFullscreenIcn > span {
    border: 1px solid #000000;
    margin-right: 5px;
    padding: 0 3px;
}

.rsGCaptionFullscreen {
    background: rgba(255, 255, 255, 0.9);
    bottom: 0;
    padding-top: 10px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 2147483647;
}

.submenu a {
    outline: none;
}

.thumbnailExpo .blocImage img {
    height: 120px;
}

.thumbnailCatalogue .blocImage img, .thumbnailCatalogue img {
    height: 120px;
}

.thumbnailCatalogue .blocImage, .thumbnailCatalogue {
    text-align: center;
    margin-bottom: 10px;
}

#presse li {
    max-width: 50%;
}

#catalogues ul.inline > li {
    display: block !important;
}

.artist-content {
    font-family: 'Cousine', sans-serif;
    font-weight: normal;
}

.nav-tabs .active, .nav-tabs {
    border: 0px;
}

.nav-tabs .active a,
.nav-tabs .active a:hover,
.nav-tabs .active a:focus,
.nav-tabs li a,
.nav-tabs li a:hover,
.nav-tabs li a:focus {
    background: none;
    border: 0px;
}

.nav-tabs .active a, .nav-tabs .active a:hover {
    border: 0px;
}

/* Histoire */
.histoire p, .histoire a {
    font-family: 'Cousine', sans-serif;
    margin: 0;
}

.histoire {
    margin-top: 54px;
}

#listeFooterPicto {
    list-style: none outside none;
    margin: 0;
}

#listeFooterPicto li {
    display: inline-block;
    padding-right: 8px;
}

.pictoFacebook, .pictoTwitter {
    width: 32px;
    height: 32px;
    display: block;
}

.pictoFacebook {
    background: url(/site/graphisme/picto_facebook.png) no-repeat;
}

.pictoTwitter {
    background: url(/site/graphisme/picto_twitter.png) no-repeat;
}

.pictoMail:hover, .pictoNewsletter:hover, .pictoFacebook:hover, .pictoTwitter:hover, .pictoPdf:hover {
    background-position: bottom;
}

.histoire h2 {
    font-family: "maison_neuebold", Helvetica, Arial, sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    line-height: 1.2em;
    font-weight: normal;
    margin: 0 0 10px 0;
}

.mentionsNewsletter {
    font-family: 'Cousine', sans-serif;
    font-size: 0.65em;
    line-height: 1.5em;
}

#formulaire input, #formulaire label {
    font-family: 'Cousine', sans-serif;
}

.form-horizontal .control-label {
    text-align: left !important;
}

#formulaire .btn-default, #formulaire .btn {
    background-color: #FFFFFF;
    font-family: 'Cousine', sans-serif;
    background-image: none;
}

#formulaire .btn:hover, #formulaire .btn:focus, #formulaire btn:active {
    background-color: #000000;
    color: #FFF !important;
}

/* Expositions */
div.expositions-liste a {
    font-family: 'Cousine', sans-serif;
    display: block;
}

/*.multi-artiste{
    font-size: 30px;
    display: block;
    width: 75%;
    margin-right: 12%;
    float: right;
    margin-top: 40px;
    line-height: 30px;
}*/

.multi-artiste {
    font-size: 30px;
    display: block;
    width: 75%;
    margin-right: 12%;
    float: left;
}

.multi-artiste-spec1 {
    font-size: 40px;
    display: block;
    width: 75%;
    margin-right: 20%;
    float: left;
    margin-top: -10px;
}

.multi-artiste-spec2 {
    font-size: 65px;
    width: 75%;
    margin-right: 12%;

}

.artist-name-caption-2 {
    font-size: 65px;
    line-height: 65px;
    margin-left: 30px;
    min-height: 140px;
    margin-top: -8px;
    text-transform: uppercase;
}

.artist-name-caption-2.artist-name-caption-title {
    font-size: 35px;
    line-height: 35px;
    min-height: 1px;
    padding-top: 6px;
}

.artist-name-caption-2.caption_detail {
    /*font-size: 35px;*/
    /*line-height: 35px;*/
    /*min-height: 1px;*/
    /*padding-top: 4px;*/
}

.thumbExpo {
    display: none;
}

.expositions-thumbnail {
    position: relative;
}

#expositions-thumbnail-container {
    margin-top: 10%;
}

span.list-librairie-auteur {
    font-family: "maison_neuebold", Helvetica, Arial, sans-serif;
}

/* Librairie*/
.list-librairie-auteur {
    text-transform: uppercase;
}

.presentation-edition {
    text-transform: uppercase;
}

.editions-detail {
    display: none;
}

#edition-details-container {
    margin-top: 120px;
}

ul.liste-image-cat > li {
    padding-bottom: 10px;
}

ul.liste-artiste-cat > li {
    padding: 0 !important;
}

/* Actualites */
.news-list a {
    font-family: 'Cousine', sans-serif;
    display: block;
}

.news-content {
    font-family: 'Cousine', sans-serif;
}

/* Actualites */
#videos ul li {
    float: left;
}

/**
*
*   Troisieme colonne
*
*/
.third-column {
    font-family: 'Cousine', sans-serif;
}

.exposition-list a, .exposition-list a:hover {
    color: #000000;
    outline: none;
    text-decoration: none;
}

.exposition-list .row-fluid a, .exposition-list .row-fluid a:hover {
    font-family: 'Cousine', sans-serif;
}

.sliderCurrentLink a {
    color: #00e0ff;
}

.exposition-list {
    margin-top: 200px;
    margin-bottom: 20px;
}

.exposition-list .row-fluid {
    margin: 10px 0;
    text-align: center;
}

.newslist {
    text-align: center;
    margin-top: 20px;
}

.newslist a {
    font-family: 'Cousine', sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}

/**
*
*   Elements graphiques
*
*/

.float-left {
    float: left;
}

.inline-block {
    display: inline-block;
    margin: 0 !important;
}

.centered {
    margin: 0 auto !important;
}

.line {
    width: 90px;
    height: 7px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.line-vertical {
    width: 7px;
    height: 90px;
}

.square {
    width: 7px;
    height: 7px;
    margin: 5px 0;
}

.date-line {
    margin: 0 0 0 50px !important;
}

.underline {
    text-decoration: underline;
}

.line-vertical.either-side {
    margin-top: -45px;
    z-index: 99;
    position: relative;
}

.line.either-side {
    margin-top: -3px;
}

#toTop {
    position: fixed; /* this is the magic */
    bottom: 50px; /* together with this to put the div at the bottom*/
    right: 50px;
    cursor: pointer;
    display: none;
}

@media (max-width: 767px) {
    .affix {
        position: static;
        width: auto;
        top: 0;
    }
}

#mediaQueriesScope {
    font-size: 0;
    height: 0;
    line-height: 0;
    position: relative;
    visibility: hidden;
    z-index: 9601140;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    #mediaQueriesScope {
        z-index: 320480;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    #mediaQueriesScope {
        z-index: 481959;
    }
}

@media only screen and (min-width: 960px) {
    #mediaQueriesScope {
        z-index: 9601140;
    }
}

.btPlay {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.thumbnailArtiste.fancybox-media .blocImage {
    position: relative;
}

ul.newsvideo {
    margin-top: 50px;
}

#videos .unstyled.inline > li {
    max-width: 120px;
}

/***Ajout Mickaël***/
.multiArtisteLimiteNews {
    display: block;
    margin: 0;
    max-width: 300px !important;
    padding: 0;
}

#artwork_menu {
    /*margin-top: 30px;*/
    margin-top: 41px;
}

#artwork_menu ul {
    list-style: none;
    padding-left: 0;
}

#artwork_menu ul li {
    margin-bottom: 15px;
}

#artwork_menu ul li a.active {
    color: #FF6C2C !important;
}

#artwork_menu ul li a {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
}

#artiste_mosaic, .artwork_mosaic_artwork {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#artiste_mosaic {
    margin-left: -15px;
    margin-right: -15px;
}

.artwork_mosaic_artwork_container {
    float: left;
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    overflow: hidden;
    min-height: 1px;
    margin-bottom: 30px;

}

.artwork_mosaic_artwork {
    position: relative;
    overflow: hidden;
    /*border: 1px solid rgba(0, 0, 0, 0.7);*/
    width: 100%;
    /*padding: 10px;*/
}

.artwork_mosaic_artwork_container a:hover .artwork_mosaic_artwork {
    border-color: #FF6C2C;
}

.artwork_mosaic_artwork img {
    width: auto;
    height: auto;

    max-width: 100%;
    max-height: 100%;

    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.artwork_mosaic_legend {
    display: none;
}

.mosaic_inner {

    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;

}

.toggle_title {
    font-size: 14px;
    padding-bottom: 8px;
    text-transform: uppercase;
    font-family: "maison_neuebold", Helvetica, Arial, sans-serif;
    line-height: 1;

}

#artist_presentation {
    padding-bottom: 30px;
}

.artist_presentation_bottom_inner {
    margin-top: 50px;
}

.artist_presentation_item * {
    font-size: 14px !important;
}

.artist_sub_item {
    margin-top: 0;
    margin-bottom: 50px;
}

.img_center_container {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}

.thumbnailExpo {
    display: block;
}

.img_center_container img {
    position: absolute;

    width: auto;
    height: auto;

    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    max-width: none;
}

.img_center_container img.paysage {
    width: auto;
    height: 100%;
}

.img_center_container img.portrait {
    width: 100%;
    height: auto;
}

#artist_details_container_thumb .artist-oeuvre-caption {
    clear: both;
    font-size: 12px;
}

#artist_details_container_thumb .details_artist_image_container:hover .artist-oeuvre-caption {
    color: rgb(255, 108, 44);
}

.details_artist_image_container {
    float: left;
    cursor: pointer;
}

.details_artist_image_container img {
    max-height: 250px;
    width: auto;
    height: auto;

}

#artist_details_container_thumb,
.list_row ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}



.list_row ul li a {
    display: block;
    width: 100%;
}

.dowlonad_pdf {

    font-family: 'Cousine', sans-serif;
    font-weight: normal;
    font-size: 14px;
}

@media only screen and (min-width: 991px) {

    #artist_details_container_thumb .span,
    .list_row ul li {
        padding: 0 15px !important;
        margin-bottom: 30px;
        margin-left: 0;

        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;

        position: relative;
        width: 100%;
        min-height: 1px;

        align-items: center;
        display: flex;
        flex-direction: column;

    }

    .list_row_2 ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }



    .col_2_desktop {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;

        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px; /* Specifying Column Gap */
    }
}

@media (max-width: 1367px) and (min-width: 991px) {
    #underSliderBullets .rsBullet {
        display: inline-block;
        height: 6px;
        padding: 6px 5px;
        width: 6px;
    }
}

.tab-content > .active, .pill-content > .active {
    overflow: hidden;
}

#expositions ul.inline > li,
#catalogues ul.inline > li,
#videos ul.inline > li,
#actus ul.inline > li,
#presse ul.inline > li {
    /*max-width: 25%;*/
    /*float: left;*/

    flex-direction: column;
}

.no_height {
    height: 0 !important;
}

.opacity_o {
    opacity: 0 !important;
}

#tab_container *, #tab_container ::after, #tab_container ::before {
    box-sizing: border-box;
}

/*.rsBullets .rsNavItem:nth-child(7) {*/
    /*clear: both;*/
/*}*/

/*.rsBullets .rsNavItem:nth-child(7):after {*/
    /*display: block;*/
    /*background-color: red;*/

/*}*/

/***Ajout Mickaël***/