@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 {
    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;
}

.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: 25.5%;
    position: absolute;
    top: 35%;
}

.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;
}

@media (min-width: 950px) {

    #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;
    }

}

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