/* ACCUEIL */
#accueil h2 {color:#f2142b; font-weight:900;border:none;padding-bottom: 0;margin:1rem 0 2rem;}
    #accueil .img-accueil {
        padding-top:1rem;
        padding-bottom: 1rem;
        position: relative;
    }
        #accueil .img-accueil .vignette {
            display: block;
            position: absolute;
            bottom:calc(1rem + 15px);
            right:calc(1rem + 15px);
            width:132px;
            height:132px;
            background: transparent url('images/pastille-acheter.png') center center no-repeat;
            background-size: contain;
        }
#accueil .album_vignette {min-height:0;padding-bottom:2rem;font-size: 1.2rem;}
#accueil .album_vignette .vignette {}
#accueil .album_vignette .legende ul {margin:1rem 0;}
#accueil hr {display: block;color:#FC0; border:1px solid #cfcfcf;border-width:0 0 1px 0;clear:both; margin: 0 15px 2rem;}
#accueil a.sndplayer {max-width:200px;}
#accueil .row.news .article {display: none; clear:both;}
#accueil .row.news .article:first-child {display: block}
#accueil .row.news .article .image {padding-bottom:1rem;}
#accueil .row.news h3 {color:#000; font-size:1rem; text-transform: none; font-weight: 700;}


/* CATALOGUE */
#catalogue .row:not(.album_annee) {display: flex; flex-wrap: wrap;}
#catalogue_annees {text-align: center; margin:0 -0.5rem 1rem;}
    #catalogue_annees a {color:#000; font-weight:bold;padding:0.5rem;}

.album_annee {font-weight:bold; color:#f2142b;padding-bottom: 1rem;}
.album_annee:before {display: block;border-top:1px solid #cfcfcf;margin: 1rem 15px;}

.album_vignette {min-height:21rem;}
    .album_vignette a {color:#000;}
    .album_vignette .shortdesc {display: block;font-size: 0.8em;line-height: 1.2em;color: #999;}
@media (max-width: 1200px) {
    .album_vignette {min-height:27rem;}
}
@media (max-width: 991px) {
    .album_vignette {min-height:27rem;}
}


/* ALBUM */
#album h2 {border:none;margin-bottom:0;}
.awards {margin-bottom:1rem;}
.lineup a, .lineup span {display: block;}
.references {font-size:0.9rem; color:#818181;font-weight:400;}
    .references .pro a {color:#f2142b; text-transform: uppercase}
.samples {padding-top:1rem;padding-bottom:1rem;}
.samples a {display: block;max-width: 280px;margin-bottom: 1rem;}
    .samples a:last-child {margin-bottom: 0;}
.illustration {}
.illustration::after {display: table;content: " ";clear:both;}
    .illustration a {display: block;width:100%; float:left;}
    .illustration a.img1 {width:41.6666667%;}
    .illustration a.img2 {width:58.3333333%;}
        .illustration img {display: block;width:100%;}
#album .liens-etiquettes {padding:0 0 1rem 0;}
#album .liens-retour {padding: 0 0 1rem;}
#album .samples {padding-top:0;padding-bottom:0;}
#album .liens-etiquettes a {margin-top:0;}
#album .liens-etiquettes a:last-of-type {margin-right:0;}

#album .block.video {}
#album .block.video .block-content {
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom:1rem;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
#album .block.video .block-content > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* artistes */
#artistes h3 {padding-top:1rem;padding-bottom:0;}
#artistes h3:first-child {padding-top:0;}

.gallery {clear:both;display: block;}

/* playlists */
#playlist .list-item {padding-top:0.5rem; padding-bottom:0.5rem;}
h2.abscontainer {padding-right:120px;}
h2.abscontainer .play {position: absolute;right:0;top:0;bottom:0;}
h2 a:hover {text-decoration:underline; }
@media (max-width: 767px) {h2.abscontainer .play{right:1rem;}}
#playlist-controls {padding:0 0 1rem 0;}
    #playlist-controls button {display: inline-block;border:none;height: 2rem;width: 2rem;background: transparent url('images/pl_play.png') right center no-repeat;background-size: contain;
    color:transparent;text-indent:-100px;overflow: hidden;margin-right: 0.5rem;}
    #playlist-controls button.active, #playlist-controls button:hover {background-image: url('images/pl_play_b.png');}
    #playlist-controls button[data-role='stop'] {background-image: url('images/pl_stop.png');}
    #playlist-controls button[data-role='stop'].active, #playlist-controls button[data-role='stop']:hover {background-image: url('images/pl_stop_b.png');}
    /* artiste */
#artiste .liens-retour {padding: 0 0 1rem;}
#artiste .col-photo-artiste {float:right;clear:none;padding-right: 0;}
@media screen and (max-width: 767px) {#artiste .col-photo-artiste {float:none;clear:both;padding: 0;}}
/* agenda */
#agenda .agenda-dates > div.row:nth-child(even) {background:#FAFAFA;}
#agenda h2, #reservation h2 {color:#00a8e6;}
#agenda h2 a, #reservation h2 a {color:#000;}
#reservation .concert form {padding-top:1rem;}
/* search */
.search-result-block {padding-bottom:2rem;}
/* blog */
.blog-list-info {padding-top:1rem;}

@media (max-width: 1200px) {
    header.scrolled ul.menu li a, header.scrolled .pictos > a {
        font-size:0.9rem;
    }header.scrolled .pictos > #navbar-search {width:18px;}

}
@media (max-width: 991px) {
    body > .container, body > .container > .row {
        padding:0;
        margin:0 auto;
    }
    body > .container {padding-top:calc(19px + 2rem);min-height: calc(100vh - 150px);}
    body:not(#accueil) > .container, body .blog > .container {padding-top:calc(19px + 3rem);min-height: calc(100vh - 150px);}
    body > .container > .row.search-result-block {padding-bottom:2rem;}
    .row > * {overflow:hidden;}
    body > .container > .row.album_annee {padding:0 0 1rem;}
    body > .container > .row.album_annee:before {
        margin: 1rem 0;
    }
    .no-padding-sm {padding-left:0;padding-right:0;}
    h2, h3 {font-size:1.1rem;}
    h3 {font-weight: 600;}

    footer .menu {height: auto;}

    h2 {padding-left:15px;padding-right:15px;}
        #artiste h2 {padding-left:0;padding-right:0;}
        .h2social span.social {position: static;padding-left: 1rem;padding-bottom: 1rem;display: block;}
        .blog h2 {padding-left:0;padding-right: 0;}
    #album .shoplinks.text-right {text-align: left;padding-top:1rem;}
    #album .shoplinks.text-right .liens-etiquettes {padding-bottom:0;}


    #accueil h2 {
        color:#f2142b;font-size:1rem; text-transform: uppercase;padding-bottom:1rem;
        font-weight:600;margin:0;
    }
    #accueil .img-accueil {padding-top:0;}
    #accueil .album_vignette {border-bottom:1px solid #cfcfcf;margin-bottom:2rem;padding-bottom: 2rem;}
    /*body > .container > .row.home-mobile-image {margin-top:calc(-23px + -2rem);}*/
    body:not(#accueil) .album_vignette {clear:both; padding-bottom:1rem;min-height:calc(70px + 1rem);}
        body:not(#accueil) .album_vignette .vignette {display: block; width:70px; height: 70px; float:left;}
            body:not(#accueil) .album_vignette .legende {width:100%; padding-left:calc(70px + 1rem);}
                body:not(#accueil) .album_vignette .legende > br, .album_vignette .legende .achat {display: none}

    #catalogue_annees {margin: 0 0 1rem;}

    #artistes .row .row > * {padding:0;}
    #artistes .row .row > * > * {font-size:1rem;line-height:1.5rem; margin:0; padding:0 15px;
        border-bottom:1px solid #cfcfcf;}
    #artistes .row .row > * h3 {background:#cfcfcf; font-weight: 600; color: #000;}


    .illustration a.img1 {width:100%;}
    .illustration a.img2 {display: none}

    .photos-credits {padding-bottom: 1rem;}
    #agenda .agenda-dates {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    #agenda .agenda-dates hr {
        margin-left:-15px;
        margin-right:-15px;
    }

    .blog .col-sm-4 {
        padding-bottom:1rem;
    }
}
@media (max-width: 787px) {
    h2 .liens-retour {
        right: 1rem;
    }
    #playlist .list-item .titre {
        padding-top:0.5rem;
    }
    #playlist .list-item .titre a {
        line-height:1rem;
        padding-top:1rem;
        padding-bottom:1rem;
    }
    #playlist .list-item.first .sep.visible-xs-block {display:none !important;}
    #playlist .list-item .sep {text-align: left;line-height:1px;}
    #playlist .list-item .sep hr {margin:0 0 0.5rem 0;display:inline-block;width:30%;}
}