@import url("https://use.typekit.net/fsi7gxj.css");


/*
font-family: "acumin-pro", sans-serif;
font-weight: 400,600,700;
font-style: normal;

font-family: "acumin-pro", sans-serif;
font-weight: 400,600,700;
font-style: italic;
*/

@font-face {
    font-family: 'xmas';
    src: url('../font/panchang-bold.woff2') format('woff2'),
    url('../font/panchang-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mattone';
    src: url('../font/Mattone-Bold.woff2') format('woff2'),
    url('../font/Mattone-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
:root{
    --black: #141414;
    --blue-dark: #0f0e8b;
    --blue-light: #79B9F1;
    --red-normal: #DB0F0F;
    --grey-light: #eef4ed;


    --blue-xdark: #16183C;
    --blue-xtra: #004A98;
    --blue-normal: #0094DA;


}

/*
::selection {
    background: var(--grey-light);
    color: var(--blue-xdark);
}
::-moz-selection {
    background: var(--grey-light);
    color: var(--blue-xdark);
}
*/

body{
    font-family: "acumin-pro", sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color: var(--blue-dark);
    color: var(--grey-light);
    font-size: 18px;
    line-height: 1.4;
    overflow-x: hidden;
}
.background-xmas{
    background-color: var(--blue-dark);
}
.light-text{
    color: var(--grey-light);
}

/*** HACK PIXEL GIGZ - START ***/
/*
#extragigz +script+script+script+img,
#extragigz +script+script+script+img+img,
#extragigz >script>img{
    position: absolute;
    top: -10px;
}
*/
#extragigz ~ img{
    position: absolute;
    top: -10px;
}
/*** HACK PIXEL GIGZ - END ***/

.uk-button-large.xmas-red {
    padding: 10px 40px;
    font-weight: 700;
    background-color: var(--red-normal);
    border: 2px var(--grey-light) solid;
    border-radius: 50px;
    color: var(--grey-light);
    font-size: 18px;
    line-height: 1.2;
}
.uk-button-large.xmas-red:hover {
    background-color: var(--grey-light);
    color: var(--blue-dark);
}

.uk-button.xmas-blue {
    padding: 10px 30px;
    background-color: var(--blue-xtra);
    border: 2px var(--grey-light) solid;
    border-radius: 20px;
    color: var(--grey-light);
    font-family: "xmas";
    font-size: 12px;
    line-height: 1.2;
}
.uk-button.xmas-blue:hover {
    background-color: var(--blue-xdark);
}

@media only screen and (max-width: 640px){
    .uk-button-large.xmas-red {
        padding: 10px 20px;
        font-size: 13px;
        line-height: 1.2;
    }
}


/***** ELMTS - START ****/

.ban-hori{
    background-image: url('../img/ban-horizontale.svg');
    background-repeat: repeat-x;
    height: 60px;
}


/***** ELMTS - END ****/

/***** MENU HOME - START *****/

/***** MENU TRANSPARENT *****/

.homenav .uk-navbar-transparent .uk-navbar-nav>li>a {
    color: var(--grey-light);
    font-family: "acumin-pro";
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: capitalize;
}
.homenav .uk-navbar-transparent .uk-navbar-nav>li>a:hover {
    color: var(--red-normal);
}
.homenav .uk-navbar-transparent .uk-navbar-nav>li i {
    font-size: 28px;
}


/***** MENU STICKY *****/

.uk-sticky{
    z-index: 9999;
}
.stickyhomenav{
    display: none;
}
.stickyhomenav.uk-navbar-sticky{
    display: block;
    z-index: 999;
    background-color: var(--blue-dark);
    border-bottom: 1px solid var(--grey-light);
}
.stickyhomenav.uk-navbar-sticky a.logo img{
    height: 50px;
}
.stickyhomenav .uk-navbar-nav>li>a {
    color: var(--grey-light);
    font-family: "acumin-pro";
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: capitalize;
}
.stickyhomenav .uk-navbar-nav>li>a:hover {
    color: var(--red-normal);
}
.stickyhomenav .uk-navbar-nav>li i {
    font-size: 28px;
}

/***** MENU HOME - END *****/

/***** MENU SITE *****/
.uk-navbar-container.sitenav{
    background-color: var(--blue-dark);
    border-bottom: 1px solid var(--grey-light);
}
.sitenav.uk-navbar-sticky{
    display: block;
    z-index: 999;
    background-color: var(--blue-dark);
    border-bottom: 1px solid var(--grey-light);
}
.sitenav a.logo img{
    height: 50px;
}
.sitenav.uk-navbar-sticky a.logo img{
    height: 50px;
}
.sitenav .uk-navbar-nav>li>a {
    color: var(--grey-light);
    font-family: "acumin-pro";
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: capitalize;
}
.sitenav .uk-navbar-nav>li>a:hover {
    color: var(--red-normal);
}
.sitenav .uk-navbar-nav>li i {
    font-size: 28px;
}

/***** MENU HOME - END *****/

/***** MENU FULL - START *****/

#modal-full-menu{
    z-index: 99999;
    min-height: 100vh;
}
#modal-full-menu .uk-modal-dialog a.logo img{
    width: 240px;
}
#modal-full-menu .uk-modal-dialog {
    color: var(--grey-light);
    background: url(../img/xmas-star-menu.svg) no-repeat center center scroll var(--blue-dark);
    -webkit-background-size: auto 75% ;
    -moz-background-size: auto 75% ;
    -o-background-size: auto 75% ;
    background-size: auto 75% ;
}
#modal-full-menu .uk-nav-default>li>a {
    color: var(--grey-light);
    font-family: "acumin-pro";
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    text-transform: capitalize;
    margin: 5px 0;
}
#modal-full-menu .uk-nav-default>li>a:hover {
    color: var(--blue-light);
}

#modal-full-menu .uk-nav-default.legal>li>a {
    font-family:inherit;
    color: var(--grey-light);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: capitalize;
    margin: 2px 0;
}
#modal-full-menu .uk-nav-default.legal>li>a:hover {
    color: var(--blue-light);
}
#modal-full-menu .social a{
    font-size: 26px;
    margin: 0 7px;
    color: var(--blue-light);
}
#modal-full-menu .social a:hover{
    color: var(--grey-light)
}
#modal-full-menu .uk-modal-close{
    position: absolute;
    top:20px;
    right: 30px;
    font-size: 40px;
}
#modal-full-menu .uk-modal-close:hover{
    color: var(--red-normal);
    cursor: pointer;
}

/***** MENU FULL - END *****/

/***** BANDEAU DEFILANT - START *****/

.home-marquee {
    font-family: "acumin-pro", sans-serif;
    font-weight: 600;
    font-style: normal;
    background-color: var(--grey-light);
    border-top: 1px solid var(--grey-light);
    border-bottom: 0px solid var(--grey-light);
    color: var(--blue-dark);
    font-size: 20px;
    line-height: 1;
    letter-spacing:1px;
    overflow: hidden;
    padding: 10px 0;
    height: 44px;
}
.home-marquee.alt {
    font-family: "acumin-pro", sans-serif;
    font-weight: 600;
    font-style: normal;
    background-color: var(--grey-light);
    border-top: 1px solid var(--grey-light);
    border-bottom: 0px solid var(--grey-light);
    color: var(--blue-dark);
    font-size: 20px;
    line-height: 1;
    letter-spacing:1px;
    overflow: hidden;
    padding: 10px 0;
    height: 44px;
}

.home-marquee div.icon {
    display: inline;
    font-size: 14px;
    margin: 0 10px;

}

.home-marquee span {
    display: inline-block;
    white-space: nowrap;
    color: var(--blue-dark);
    width: var(--tw);
    text-shadow: var(--tw) 0 currentColor,
    calc(var(--tw) * 2) 0 currentColor,
    calc(var(--tw) * 3) 0 currentColor,
    calc(var(--tw) * 4) 0 currentColor,
    calc(var(--tw) * 5) 0 currentColor,
    calc(var(--tw) * 6) 0 currentColor,
    calc(var(--tw) * 7) 0 currentColor,
    calc(var(--tw) * 8) 0 currentColor,
    calc(var(--tw) * 9) 0 currentColor,
    calc(var(--tw) * 10) 0 currentColor,
    calc(var(--tw) * 11) 0 currentColor,
    calc(var(--tw) * 12) 0 currentColor,
    calc(var(--tw) * 13) 0 currentColor,
    calc(var(--tw) * 14) 0 currentColor,
    calc(var(--tw) * 15) 0 currentColor,
    calc(var(--tw) * 16) 0 currentColor,
    calc(var(--tw) * 17) 0 currentColor,
    calc(var(--tw) * 18) 0 currentColor,
    calc(var(--tw) * 19) 0 currentColor,
    calc(var(--tw) * 20) 0 currentColor,
    calc(var(--tw) * 21) 0 currentColor,
    calc(var(--tw) * 22) 0 currentColor,
    calc(var(--tw) * 23) 0 currentColor,
    calc(var(--tw) * 24) 0 currentColor,
    calc(var(--tw) * 25) 0 currentColor,
    calc(var(--tw) * 26) 0 currentColor,
    calc(var(--tw) * 27) 0 currentColor,
    calc(var(--tw) * 28) 0 currentColor,
    calc(var(--tw) * 29) 0 currentColor,
    calc(var(--tw) * 30) 0 currentColor,
    calc(var(--tw) * 31) 0 currentColor,
    calc(var(--tw) * 32) 0 currentColor,
    calc(var(--tw) * 33) 0 currentColor,
    calc(var(--tw) * 34) 0 currentColor,
    calc(var(--tw) * 35) 0 currentColor,
    calc(var(--tw) * 36) 0 currentColor,
    calc(var(--tw) * 37) 0 currentColor,
    calc(var(--tw) * 38) 0 currentColor,
    calc(var(--tw) * 39) 0 currentColor,
    calc(var(--tw) * 40) 0 currentColor;
    will-change: transform;
    animation: marquee var(--ad) linear infinite;
    animation-play-state: running;
}

.home-marquee span i {
    color: var(--red-normal);
    font-size: 12px;
    margin: 0 8px;
    position: relative;
    top: -2px;
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/***** BANDEAU DEFILANT - END *****/

/***** CONTENU DEFAUT - START *****/

.content-default{
    background-color: var(--grey-light);
    color:var(--black);
}
.content-default .uk-grid-collapse{
    min-height: calc(100vh - 408px);
}
.content-default h1{
    color:var(--blue-dark);
    font-family: "mattone";
    font-size: 32px;
    line-height: 1.2;
    text-transform: uppercase;
}
.content-default h2{
    color:var(--blue-light);
    font-family: "mattone";
    font-size: 22px;
    line-height: 1.2;
    text-transform: uppercase;
}
.content-default.infos-pratiques h2{
    margin:0
}
.content-default.infos-pratiques h2:hover{
    color:var(--blue-normal);
}

.content-default.infos-pratiques h3{
    color:var(--blue-dark);
    font-family: "mattone";
    font-size: 18px;
    line-height: 1.2;
    text-transform: uppercase;
}
.content-default.infos-pratiques a{
    color:var(--blue-normal);
}

@media only screen and (max-width: 960px) {
    .content-default .uk-grid-collapse .uk-cover-container{
        min-height: 280px
    }
    .content-default h1{
        font-size: 22px;
    }
    .content-default h2{
        font-size: 18px;
    }
}

/***** CONTENU DEFAUT - END *****/


/***** HOME ENTETE - START *****/

.home-header{
    background-color: var(--blue-xtra);
}
.home-header .uk-overlay-default {
    background: #0F0E8B;
    background: linear-gradient(0deg,rgba(15, 14, 139, 1) 0%, rgba(15, 14, 139, 1) 25%, rgba(15, 14, 139, 0) 100%);
}

/*
.home-header .head{
    max-height: 450px;
}
*/
.home-header a:hover {
    text-decoration: none;
}
.home-header .partenaires {
    max-width: 386px;
    margin: 0 auto;
}
.home-header .partenaires img.lm {
    max-height: 50px;
}
.home-header .partenaires img.fp {
    max-height: 36px;
}
.home-header .infos{
    max-width: 660px;
    margin: 0 auto;
}
.home-header .divider{
    background-color: var(--grey-light);
    height: 5px;
    width: 100%;
    margin: 10px 0;
    border: 1px solid var(--blue-light);
    border-radius: 5px;
}
.home-header .date{
    display: inline-block;
    padding: 5px 15px;
    font-weight: 700;
    background-color: var(--red-normal);
    color: var(--grey-light);
    font-size: 18px;
    line-height: 1.2;
    margin-top: 0;
}
.home-header .date i{
    font-size: 11px;
    margin: 0 7px;
    top: -2px;
    position: relative;
}

.home-header .lieu{
    display: inline-block;
    padding: 5px 15px;
    font-weight: 700;
    background-color: var(--grey-light);
    color: var(--blue-dark);
    font-size: 24px;
    line-height: 1.2;
    text-transform: uppercase;
}
.home-header .lovely img{
    max-width: 430px;
}

/*
.home-header .lieu span{
    color: var(--red-normal);
}
*/

.home-header .grow {
    transition: all .2s ease-in-out;
}
.home-header .grow:hover {
    transform: scale(1.03);
}
@media only screen and (max-width: 960px){
    .home-header .partenaires {
        max-width: 356px;
        margin: 0 auto;
    }
    .home-header .partenaires img.lm {
        max-height: 50px;
    }
    .home-header .partenaires img.fp {
        max-height: 36px;
    }
    .home-header .date{
        font-size: 19px;
        line-height: 1.2;
    }
    .home-header .lieu{
        font-size: 22px;
        line-height: 1.2;
    }
    .home-header .uk-padding-large {
        padding: 20px;
    }
}
@media only screen and (max-width: 640px){
    .home-header .lovely img{
        max-width: 320px;
    }
    .home-header .partenaires {
        max-width: 267px;
        margin: 0 auto;
    }
    .home-header .partenaires img.lm {
        max-height: 42px;
    }
    .home-header .partenaires img.fp {
        max-height: 26px;
    }
    .home-header .head {
        max-height: 300px;
        margin-top: -50px;
    }
    .home-header .uk-padding-large {
        padding: 40px;
    }
    .home-header .date{
        font-size: 14px;
        line-height: 1.2;
    }
    .home-header .date i{
        font-size: 8px;
        margin: 0 6px;
        top: -1px;
        position: relative;
    }
    /*
    .home-header .date div.icon{
        display: inline;
        font-size: 12px;
        margin: 0 5px;
    }
    .home-header .date .icon svg{
        fill: var(--grey-light);
        height: 20px;
        width: 20px;
    }
    */

    .home-header .lieu{
        font-size: 16px;
        line-height: 1.2;
    }
}

/***** HOME ENTETE - END *****/

/***** HOME PROG - START *****/

.home-lineup{
    background-color: var(--blue-dark);
}
.home-lineup .pics{
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
}
.home-lineup .pics img {
    width: 390px;
    opacity: 0.7;
}
.home-lineup .content{
    position: relative;
    z-index: 999;
}
.home-lineup .artist{
    font-family: "acumin-pro", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 44px;
    line-height: 1.1;
    text-transform: uppercase;
}
.home-lineup .artist a{
    color: var(--grey-light);
    text-decoration: none;
}
.home-lineup .artist a span.light{
    font-family: "acumin-pro", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.home-lineup .artist a:hover{
    color: var(--blue-light);
}
.home-lineup span{
    display: inline-block;
    overflow: hidden;
}
.home-lineup span i{
    font-size: 20px;
    color:var(--red-normal);
    top: -8px;
    position: relative;
}

.home-lineup img.heart{
    width: 20px;
    margin-top: -6px;
}
.home-lineup .more{
    font-family: "mattone";
    font-size: 28px;
    line-height: 1.1;
    color: var(--blue-light);
    text-transform: uppercase;
}
.home-lineup img.xmas-star {
    width: 200px;
}
@keyframes rotating {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.home-lineup img.xmas-star.rotating {
    animation: rotating 15s linear infinite;
}
.home-lineup .timing{
    font-family: "mattone";
    font-size: 16px;
    line-height: 1;
    max-width: 150px;
    text-transform: uppercase;
}
.home-lineup .timing span{
    font-size: 44px;
    line-height: 1;
    display: block;
}

@media only screen and (max-width: 960px){
    .home-lineup .artist{
        font-size: 34px;
        line-height: 1.1;
    }
    .home-lineup .more {
        font-size: 20px;
        line-height: 1.1;
    }
    .home-lineup .pics img {
        width: 300px;
    }
    .home-lineup img.xmas-star {
        width: 140px;
    }
    .home-lineup .timing{
        font-size: 12px;
        line-height: 1;
        max-width: 120px;
    }
    .home-lineup .timing span{
        font-size: 28px;
        line-height: 1;
    }
}
@media only screen and (max-width: 640px){
    .home-lineup span {
        display: block;
        margin-bottom: 7px;
    }
    .home-lineup .artist{
        font-size: 30px;
        line-height: 1;
    }
    .home-lineup .more {
        font-size: 18px;
        line-height: 1.1;
    }
    .home-lineup img.heart {
        width: 14px;
        margin-top: -4px;
    }
}

/***** HOME PROG - END *****/

/***** HOME DESCRIPTION - START *****/

.home-desc{
    background-color: var(--blue-dark);
    font-size: 18px;
    line-height: 1.4;
}
.home-desc h1{
    color: var(--grey-light);
    font-family: "mattone";
    font-size: 26px;
    line-height: 1.1;
    margin: 5px 0;
    text-transform: uppercase;
}
.home-desc h2{
    color: var(--blue-light);
    font-family: "mattone";
    font-size: 20px;
    line-height: 1.1;
    margin: 5px 0;
    text-transform: uppercase;
}
.home-desc .merci{
    font-size: 28px;
    line-height: 1.4;
}
.home-desc .mea{
    color: var(--blue-light);
    font-family: "mattone";
    font-size: 20px;
    line-height: 1.1;
    margin: 5px 0;
    text-transform: uppercase;
}
/***** HOME DESCRIPTION - END *****/

/***** HOME EXTRA - START *****/

.home-extra{
    background-color: var(--blue-light);
}
.home-extra h2{
    color: var(--blue-dark);
    font-family: "mattone";
    font-weight: 700;
    font-size: 26px;
    line-height: 1.1;
    margin: 5px 0;
    text-transform: uppercase;
}
.home-extra .title{
    color: var(--blue-dark);
    font-family: "acumin-pro";
    font-weight: 600;
    font-size: 22px;
    line-height: 1.2;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}
.home-extra .extra img{
    margin:10px 0;
    max-width: 140px;
}

.home-extra .extra a{
    text-decoration: none;
}
.home-extra .extra a:hover{
    text-decoration: none;
    background-color: var(--blue-normal);
    border-radius: 20px;
}

@media only screen and (max-width: 960px){
    .home-extra .extra{
        margin-top:20px
    }
    .home-extra .title{
        font-size: 15px;
        line-height: 1.2;
    }
}

.focus-warmup .title1{
    color: var(--grey-light);
    font-family: "xmas";
    font-size: 32px;
    line-height: 1.2;
    text-shadow: 2px 2px 0px var(--red-normal);
    text-transform: uppercase;
}
.focus-warmup .title2{
    color: var(--grey-light);
    font-family: "xmas";
    font-size: 18px;
    line-height: 1.2;
    text-transform: uppercase;
}

/***** HOME EXTRA - END *****/

/***** HOME BILLETTERIE - START *****/

.home-tickets{
    background-color: var(--blue-dark);
}
.home-tickets .pass a:hover{
    text-decoration: none;
}
.home-tickets .uk-card-default .title{
    color: var(--blue-light);
}
.home-tickets .uk-card-default{
    border: 1px solid #fff;
    border-radius: 0;
    background: transparent;
}
.home-tickets .uk-card-default.disabled{
    border: 1px solid #d6d6d6;
    background-color: transparent;
}
.home-tickets .uk-card-default.grow {
    transition: all .2s ease-in-out;
}
.home-tickets .uk-card-default.grow:hover {
    transform: scale(1.03);
}
.home-tickets .uk-card-default.uk-card-body{
    padding: 10px 10px;
}
.home-tickets .uk-card-default .title{
    color: var(--blue-light);
    font-size: 16px;
    margin: 5px 0;
    text-transform: uppercase;
}
.home-tickets .uk-card-default.disabled .title{
    color: #999999;
}
.home-tickets .uk-card-default .price{
    color: var(--grey-light);
    font-family: "mattone";
    font-size: 32px;
    line-height: 1.2;
    margin: 5px 0;
}
.home-tickets .uk-card-default.disabled .price{
    color: #999999;
}

.home-tickets .uk-card-default .dispo.ok{
    color:#32d296;
    font-size: 16px;
    margin: 5px 0;
    text-transform: uppercase;
}
.home-tickets .uk-card-default .dispo.no{
    color:#999999;
    font-size: 16px;
    margin: 5px 0;
    text-transform: uppercase;
}

/***** HOME BILLETTERIE - END *****/

/***** HOME SLIDER - START *****/

.home-slider{
    height: 300px;
}
.home-slider img{
    height: 300px;
    width: auto;
}

@media only screen and (max-width: 640px) {
    .home-slider{
        height: 260px;
    }
    .home-slider img{
        height: 260px;
        width: auto;
    }
}

/***** HOME SLIDER - END *****/


/***** HOME PMR - START *****/

.home-pmr{
    background-color: var(--blue-normal);
    font-size: 20px;
    line-height: 1.2;
}
.home-pmr h2{
    color: var(--grey-light);
    font-family: "xmas";
    font-size: 18px;
    line-height: 1.4;
    margin: 5px 0;
    text-transform: uppercase;
}

/***** HOME PMR - END *****/

/***** INFOS PRATIQUES - START *****/
.infos-pratiques .artist {
    font-family: "xmas";
    font-size: 16px;
    line-height: 1.1;
    text-transform: uppercase;
}

/***** INFOS PRATIQUES - END *****/

/***** HOME PARTENAIRES - START *****/

.home-partners{
    background-color: var(--grey-light);
    color: var(--blue-xtra);
}
.home-partners .grow {
    transition: all .2s ease-in-out;
}
.home-partners .grow:hover {
    transform: scale(1.03);
}

/***** HOME PARTENAIRES - END *****/

/***** FOOTER - START *****/

.footer{
    background-color: var(--blue-dark);
    color: var(--grey-light);
    font-size: 14px;
}
.footer h2{
    color: var(--grey-light);
    font-family: "mattone";
    font-size: 14px;
    line-height: 20px;
    margin: 5px 0;
    text-transform: uppercase;
}
.footer .logo-footer{
    width: 200px;
}
.footer .width-icon{
    width: 26px;
}
.footer .access i{
    font-size: 24px;
    color: var(--blue-light);
}
.footer .access a{
    color: var(--grey-light);
    text-decoration: underline;
}
.footer .access a:hover{
    color: var(--blue-light);
}
.footer .social a{
    font-size: 28px;
    margin: 0 10px;
    color: var(--grey-light);
}
.footer .social a:hover{
    color: var(--blue-light);
}
.footer .social a:first-child{
    margin: 0 10px 0 0;
}
@media only screen and (max-width: 640px){
    .footer .access .acces-infos{
        margin:0 auto;
        width: 180px;
    }
}

/***** FOOTER - END *****/

/***** CREDIT - START *****/

.credits{
    color: var(--grey-light);
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 0;
}
.credits a{
    color: var(--blue-light);
}
.credits .heart{
    width: 16px;
    margin-top: -4px;
}

/***** CREDIT - END *****/


/***** PARTENAIRES - START *****/

.partners .grow {
    transition: all .2s ease-in-out;
}
.partners .grow:hover {
    transform: scale(1.03);
}

/***** PARTENAIRES - END *****/

/***** PROG - START *****/

.programmation{
    background-color: var(--blue-dark);
}
.programmation h1{
    color: var(--grey-light);
}
.programmation h2{
    font-size: 18px;
}
.programmation .desc{
    color: var(--grey-light);
}
.programmation a{
    text-decoration:none;
}

.programmation .uk-grid-match>*>:not([class*=uk-width]) {
    padding: 0;
    background-color: transparent ;
    border: 1px solid var(--grey-light);
}
.programmation .uk-grid-match>*:hover>:not([class*=uk-width]) {
    background-color: var(--blue-light);
    border: 1px solid var(--blue-light);
}
/*
.programmation .card-artist{

}
.programmation .card-artist:hover{
}
*/
.programmation img{
    border-radius: 0 0 100px 0;
}
.programmation .name{
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 20px 0 15px 0;
    color: var(--grey-light);
}
.programmation .name span{
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    display: block;
}

.programmation .underprog{
    font-size: 18px;
    color: var(--grey-light)
}

.programmation .uk-badge {
    background-color: var(--blue-normal);
    margin: 10px;
    font-size: 13px;
}

@media only screen and (max-width: 640px){
    .programmation .name {
        font-size: 12px;
        line-height: 1.2;
        margin: 10px 0 4px 0;
    }
}



/***** PROG - END *****/

/***** ARTIST - START *****/

.content-artist{
    background-color:var(--blue-dark);
    color:var(--grey-light);
}
.content-artist [uk-cover]  {
    max-width: none;
    position: absolute;
    left: 50%;
    top: 0;
    --uk-position-translate-x: -50%;
    --uk-position-translate-y: 0;
    transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
}
.content-artist h1{
    color:var(--grey-light);
    font-weight: 700;
    font-size: 44px;
    line-height: 1.2;
    text-transform: uppercase;
}
.content-artist h2{
    color:var(--grey-light);
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2;
    text-transform: uppercase;
}
.content-artist .infos{
    color:var(--blue-light);
    text-transform: uppercase;
}

.content-artist .social a{
    font-size: 20px;
    margin: 0 10px 0 0;
    color: var(--blue-light);
}
.content-artist .social a:hover{
    color: var(--grey-light)
}



.content-default a{
    color:var(--blue-dark);
}

.content-default .bloc-color{
    background-color:var(--blue-light);
}
.content-default .bloc-color .date{
    color:var(--blue-dark);
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
}
.content-default .bloc-color .lieu{
    color:var(--grey-light);
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
    text-transform: uppercase;
}
.content-default .uk-sticky{
    z-index: 999;
}

.all-artists{
    background-color:var(--blue-dark);
}
.all-artists .uk-button-large.xmas-transparent {
    padding: 15px 30px;
    background-color: transparent;
    border: 2px var(--grey-light) solid;
    border-radius: 30px;
    color: var(--grey-light);
    font-family: "xmas";
    font-size: 16px;
    line-height: 1.2;
}
.all-artists .uk-button-large.xmas-transparent:hover {
    background-color: var(--blue-dark);
}

@media only screen and (max-width: 960px) {
    .all-artists .uk-button-large.xmas-transparent {
        font-size: 14px;
    }
}
@media only screen and (max-width: 960px) {
    .content-artist h1{
        font-size: 34px;
    }
}
/***** ARTIST - END *****/

/***** WARMUP - START *****/

.warmup .bars{
    font-family: "xmas";
    font-size: 16px;
    line-height: 1.2;
    color: var(--blue-normal);
}
.warmup .date span{
    background-color: var(--red-normal);
    color: var(--grey-light);
    padding: 5px 10px;
}
.warmup .bars .lieu{
    font-size: 24px;
    color: var(--blue-dark);
}
.warmup .bars .artiste{
    text-transform: uppercase;
}
.warmup .bars .artiste span{
    font-size: 14px;
    font-family: "bebas-neue-pro", sans-serif;
}
/***** WARMUP - END *****/


/****** BILLETTERIE - START ******/

.billetterie{
    background-color: var(--blue-dark);
}
.billetterie h1{
    color: var(--grey-light);
}
.infos-billetterie a {
    color: var(--grey-light);
}



/****** BILLETTERIE - END ******/


a.crypted:after {
    content: attr(data-name) "@" attr(data-domain) "." attr(data-tld);
}


.uk-lightbox.uk-open{
    z-index: 9999;
}


.edition{
    background-color: var(--red-normal);
}
.edition a{
    color: #ffffff;
    text-decoration: underline;
}