html, body {
    font-family: Montserrat;
    font-weight:300;
    font-size:14px;
    line-height:22px;
}

h1, h2, h3, h4, h5, h6 {margin:0;}
p {margin: 0 0 1rem 0;}
a {color: #00afe9;}
a:focus, a:hover {color:#008dc7;}

h2 {color: #000000;text-transform: uppercase; border-bottom:1px solid #cfcfcf; font-weight: 900;padding-bottom: 1rem;margin-bottom:1rem;font-size:1.4rem;margin-top: 1rem;}
    h2 span {font-weight: normal;display: block;}
.h2social {position:relative;}
    .h2social span.social {position:absolute; bottom:1rem; right:0;font-size: 2rem;}
h3 {color:#f2142b;font-size:1.4rem; text-transform: uppercase;padding-bottom:1rem;}
h3 a {color:#f2142b;}
h3 a:hover, h3 a:active {color:#e1031a;}
h4 {text-transform: uppercase;font-size:1rem;}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.tbl-image {margin-bottom:2rem;width:100%; margin-top: 2rem;}
    .tbl-image img {width:100%;}
.afficheimage {padding-bottom:1rem;}
.abscontainer {position:relative;}
.img-responsive.fullwidth {width:100%;}
.red {color:#FF0000;}
hr {border-top:1px solid #cfcfcf;}
hr.h2 {margin-top:0; margin-bottom:2rem;}

a.sndplayer, a.sndplayer.sm2_link {
    display: block;
    position: relative;
    min-height: 16px;
    vertical-align: middle;
    background-color: #e7e7e7;
    border-radius: 3px;
    padding: 3px 5px 3px 25px;
    min-width: 135px;
    width:100%;
    text-decoration: none;
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 1.4rem;
    color: #666;
    transition: background-color 0.15s;
}
a.sndplayer.sm2_playing, a.sndplayer.sm2_playing:hover {background: #00afe9 url(images/icon_pause.png) no-repeat 3px 50%;color:#FFF;}
a.sndplayer, a.sndplayer.sm2_paused:hover, a.sndplayer.sm2_link:hover {
    background-image: url(images/icon_play.png);
    background-position: 3px 50%;
    background-repeat: no-repeat;
}
a.sndplayer.sm2_loading, a.sndplayer.sm2_loading:hover {background: #00afe9 url(images/icon_load.gif) no-repeat 3px 50%; background-size: 18px; color:#EEF;}
a.sndplayer span.progressbar {
    position: absolute;
    bottom: 2px;
    height: 4px;
    background: #fff;
    left: 0px;
    width: 0%;
    display: block;
}
.photos-credits {font-size:0.8rem;text-transform: uppercase;font-weight: 400;color:#000;}
.block-content {padding-bottom: 1rem;}
.liens-etiquettes {padding:2rem 0;}
    .liens-etiquettes a {display:inline-block;background: #28abf3 url('../images/lien.png') left top no-repeat; color:#FFF;text-transform: uppercase;font-size:0.8rem;padding:3px 1rem;margin:0.2rem 1rem 0.2rem 0;}
        .liens-etiquettes a strong {padding:0 3px;}
    .liens-etiquettes form {display:inline; height:0;}
.liens-retour {padding:2rem 0;}
    .liens-retour a {display: inline-block;position: relative;line-height:1.6rem;background: #fff;color: #F2142B;text-transform: uppercase;font-size: 0.8rem;padding: 0px 1.3rem;margin: 0.2rem 1rem 0.2rem 0;border: 2px solid #F2142B;font-weight: 700;}
    .liens-retour a:before {content: " ";display: block;position: absolute;top: 0;bottom: 0;left: -3px;width: 16px;background: transparent url('images/back.png') left center no-repeat;background-size: contain;}
    h2 .liens-retour {position: absolute;right: 0;top: 0;bottom: 0;padding: 0;}
        h2 .liens-retour a {}
        h2 .liens-retour a:last-child {margin-right: 0;}
.liens-depart {padding:1rem 0;}
.liens-depart a {display: inline-block;position: relative;line-height:1.6rem;background: #fff;color: #F2142B;text-transform: uppercase;font-size: 0.8rem;padding: 0px 1.3rem;margin: 0.2rem 0 0.2rem 1rem;border: 2px solid #F2142B;font-weight: 700;}
.liens-depart a:after {content: " ";display: block;position: absolute;top: 0;bottom: 0;right: -3px;width: 16px;background: transparent url('images/next.png') right center no-repeat;background-size: contain;}
.liens-achat {}
    .liens-achat form {display:inline; height:0;}
    .liens-achat a {display:inline-block;width:12rem;color:#000; font-size:3rem; line-height: 3rem; font-weight: 300;text-align: right;vertical-align:top;}
        .liens-achat a:hover {text-decoration: none;}
            .liens-achat a:hover span {text-decoration: underline;}
        .liens-achat a:before {content: " "; display: block; float:left;width:3rem; height: 3rem; margin-right:0.4rem;background: transparent url('images/acht-digipack.jpg') center center no-repeat;background-size:contain;margin-top: -0.1rem; margin-top: -1rem; display: inline-block; float:none;vertical-align: middle;}
        .liens-achat a span {font-size:1.3rem; font-weight: 300;display: block;line-height: 1.4rem;padding-top: 0.8rem;}
        .liens-achat a.box:before {}
        .liens-achat a.lp:before {background-image: url('images/acht-lp.jpg')}
        .liens-achat a.dl:before {background-image: url('images/acht-dl.jpg')}
    .liens-achat p.preorder {margin: 1em 0 0; color:#f2142b; font-weight: 900; }
    .liens-achat p.preorder span {text-transform: uppercase;}


body > .container {min-height: calc(100vh - 370px);}
header {padding:1px;}
    header .logo {text-align: left;}
        header .logo a {display:block;margin:1rem auto 0;width:100px; height:100px; background: transparent url('../images/logo-2014.png') center center no-repeat;background-image: url('../images/logo-yolk-records.png');background-size:contain;color:#FFF;color:transparent;font-size:2px;text-indent:-40px;overflow: hidden}
    header .search-pictos {margin-top:0rem;margin-bottom:1rem;}
        header .not-row {display: flex;flex-direction: row;justify-content: center;align-items: center;}
        header .not-row > * {margin-left: 2em;}
        header .not-row > *:first-child {margin-left: 0;}
        header .searchform {background:#dcdcdc;position:relative;min-width:280px;}
        header .searchform label {display: none;}
        header .searchform input[type="text"] {width:100%;border:none;border-left: 1px solid #dcdcdc;background:#dcdcdc;padding:0 15px;height:24px;font-size:0.8rem;transition-property: border; transition-duration: 300ms;}
        header .searchform input[type="text"]::placeholder {font-size: 0.6rem;font-style:italic;}
        header .searchform input[type="text"]:focus {border-left: 4px solid #f2142b;}
        header .searchform .submit {position: absolute;right:0.15px;top:0;background:#dcdcdc;border:none;height:24px;padding:4px 0;font-weight: 400;}
            header .searchform .submit span {display: block;height: 100%;line-height: 120%;text-transform: uppercase;padding: 0 5px;border-left: 1px solid black;}
        header .pictos > * {display:inline-block;vertical-align: top;}
            header .pictos > a {color:#000;font-size:0.8rem;line-height:22px;height:24px;}
            header .pictos > form input {display:inline-block;vertical-align: middle;font-size:0.4rem; line-height:0.4rem;max-width:22px;}
        header.scrolled .pictos {position:fixed; right:0; top:0; height: 2.5rem; line-height:2.5rem; padding:0.5rem 1rem 0.5rem 0;text-align: right;z-index:5;box-sizing:content-box; min-width:13%;}
        header form[target='paypal'] {padding-left:0.5rem;}
    ul.menu {list-style:none; margin:0; text-align: center;height: 1.5rem;line-height: 1.5rem;background:#FFF;padding:1rem 0;box-sizing: content-box;}
        ul.menu li {display: inline-block;}
        ul.menu li.s-logo {display: none;}
            ul.menu li a {text-transform: uppercase;font-size:1.2em;font-weight:400;display:block;color:#000;padding:0 1rem;}
            ul.menu li a:hover,
            ul.menu li a:focus {color:#000;}
            ul.menu li a.menu-selected,
            ul.menu li a.menu-selected:hover,
            ul.menu li a.menu-selected:focus {color:#f2142b;}
    @media screen and (max-width: 1010px) {
        ul.menu li a {padding:0 0.9rem;}
    }
    /* menu scrolled */
    #navbar-search {display: none;}
    header.scrolled #navbar-search {display: inline-block;}
    header.scrolled ul.menu li.s-logo {display: block;position:fixed;left:0; top:0;z-index:5;color:transparent; font-size:1px; }
        header.scrolled ul.menu li.s-logo a { display: block; height:3.5rem;width:130px;text-indent:-300px;text-align: left;overflow: hidden;background:#FFF url('images/pastilleyolk.jpg') 1rem center no-repeat;background-size:auto 36px;}
    header.scrolled .logo a {margin-bottom:4rem;}
    header.scrolled ul.menu {position: fixed;top:0; left:0; right:0;z-index:4;box-shadow: 0 0 15px 0px RGBA(0,0,0,0.3);background:#FFF ;}
    header.scrolled .lng {display: none}
    header.scrolled .pictos > a {color:#000; font-size:1.2rem; font-weight: 400; text-transform: uppercase;line-height: 2.5rem;height: 2.5rem;}
    header.scrolled .pictos > *:not(:first-child) {padding-left:1rem;}
    header.scrolled .pictos > #navbar-search {background:transparent url('images/search.png') center center no-repeat; background-size:contain;width:16px;color:transparent; text-indent:-40px; overflow:hidden;}
.mobilesearch {position: fixed;top: -10rem;background: #FFF;z-index: 3;left: 0;right: 0;padding: 4.6rem 1rem 1rem;transition-property: top;transition-duration: 300ms;box-shadow: 0 0 10px -5px RGBA(0,0,0,0.5);}
    .mobilesearch.active {top:0;}
.headrs a:not(.rslink) {display:inline-block;width:26px; height: 26px;padding-left: 0.3em;background: transparent url('images/rs/fb.jpg') center center no-repeat;background-size: contain;font-size: 1px; text-indent: -2em;overflow: hidden;}
.headrs a.rs-tw {background-image: url('images/rs/tw.jpg');}
.headrs a.rs-ig {background-image: url('images/rs/ig.jpg');}
.headrs a.rs-bc {background-image: url('images/rs/bc.svg');}
.headrs a.rs-yt {background-image: url('images/rs/yt.svg');}
.sidemenu .headrs {display: none!important;}
.headfars {display: flex;gap: 0.4em; flex-grow: 1;justify-content: flex-end;}
.headfars > * {flex-basis: 26px;flex-grow: 0; fill: #FFF;}

footer .headrs {padding-bottom: 1rem;}
footer .headrs a {background: none; padding: 0 1rem; text-decoration: underline; color: #DDD;}
footer .headrs a:hover {color: #FFF;}

.a2a_svg svg {
    background-color: #27afe9 !important;
}

footer {text-align: center; background:#000; color:#FFF; font-size: 0.8rem; padding: 1.5rem 0; margin-top:3rem;}
    footer a {color:#FFF;}
    footer ul.menu {background:#000;}
    footer ul.menu li a {color:#FFF; font-weight: 300;}
    footer ul.menu li a:hover {color:#EEE;}

/* MOBILE HEADER + MENU */
.mobileheader {text-align: center;font-weight:100; text-transform: uppercase; color:#000;font-size:0.2rem;position:fixed;z-index:5;left:0; right:0;top:0;background:#FFF;box-shadow: 0 0 8px 0 RGBA(0,0,0,0.4);}
.mobileheader > * {display: block; color: #FFF;color:transparent;font-weight: 100; font-size: 0.1rem; text-indent: -100px; overflow: hidden;background-color:transparent;background-repeat:no-repeat;background-size:contain;background-position:center center;height:21px;margin:1rem auto;}
    .mobileheader .title {background-image: url('images/logomobile.png');width:220px; height:21px; max-width: 65%;}
    .mobileheader .hbtn { background-size:contain; width:27px;cursor:pointer; position: absolute; top:0;margin: 0 auto;}
    .mobileheader .hamburger {background-image:url('images/hamburger.png');left:1rem;top:1rem;}
    .mobileheader .search {background-image:url('images/search.png');right:1rem;top:1rem;}
    .mobileheader a, .mobileheader a:hover {color:#FFF; color: transparent; text-decoration: none;}
.sidemenu {
    width:255px;
    position:fixed;
    top:0;
    bottom:0;
    background-color: #000;
    background-color:RGBA(0,0,0,0.7);
    color:#FFF;

    z-index:20;
    padding:2rem;
    left: -255px;
    transition-property: left;
    transition-duration: 0.4s;
}
    .sidemenu ul {list-style: none;margin:0; padding:0;}
        .sidemenu ul li a {display: block; height:2.5rem; line-height:2.5rem; font-size:1.5rem; color:#FFF; text-transform: uppercase;font-weight:600;}
        .sidemenu .li-close-rs {display: flex; flex-direction: row; justify-content: space-between;}
        .sidemenu .mobile-close {font-weight:300;cursor: pointer;
            display: block;background:transparent url('images/mobile-close.png') center center no-repeat;background-size: 21px 21px;width:30px;height:30px;margin-bottom:1rem;}
.sidemenu.active {left:0;}
.sidemenu-overlay {position:fixed; left:0; right:0; top:0; bottom:0;z-index: 19; display: none}
.sidemenu-overlay.active {display: block;}

.cols-2 {column-count: 2;}


@media (max-width: 991px) {
    .cols-2 {column-count: 1;}
}