/*! Fichier CSS - 2VMS - 2015-2019 *//*! www.2vcreation.com - Virginie Fasano */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-style: normal
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

li, ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

*, ::after, ::before {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0
}


/*
@font-face {
    font-family: icomoon;
    src: url('../typos/icon/fonts/icomoon.eot?1');
    src: url('../typos/icon/fonts/icomoon.eot?1#iefix') format('embedded-opentype'), url('../typos/icon/fonts/icomoon.ttf?1') format('truetype'), url('../typos/icon/fonts/icomoon.woff?1') format('woff'), url('../typos/icon/fonts/icomoon.svg?1#icomoon') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.icon, [class*=" icon-"], [class^=icon-] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-journal:before {
    content: "\e90e"
}

.icon-micro:before {
    content: "\e913"
}

.icon-food3:before {
    content: "\e910"
}

.icon-download:before {
    content: "\e918"
}

.icon-comments:before {
    content: "\e91b"
}

.icon-poing:before {
    content: "\e91e"
}

.icon-power:before {
    content: "\e928"
}

.icon-phone:before {
    content: "\e90a"
}

.icon-shopping-cart:before {
    content: "\e90c"
}

.icon-shopping-bag:before {
    content: "\e90d"
}

.icon-image:before {
    content: "\e911"
}

.icon-star:before {
    content: "\e91d"
}

.icon-lock:before {
    content: "\e925"
}

.icon-user:before {
    content: "\e926"
}

.icon-benevole:before {
    content: "\e927"
}

.icon-bouchon-doreille:before {
    content: "\e931"
}

.icon-clock:before {
    content: "\e961"
}

.icon-mail:before {
    content: "\e908"
}

.icon-plan:before {
    content: "\e95c"
}

.icon-idea:before {
    content: "\e95d"
}

.icon-pet:before {
    content: "\e95e"
}

.icon-gift:before {
    content: "\e95f"
}

.icon-flag:before {
    content: "\e960"
}

.icon-share:before {
    content: "\e919"
}

.icon-paiement:before {
    content: "\e95a"
}

.icon-kid:before {
    content: "\e95b"
}

.icon-faq:before {
    content: "\e912"
}

.icon-faq2:before {
    content: "\e915"
}

.icon-location:before {
    content: "\e916"
}

.icon-parking:before {
    content: "\e956"
}

.icon-pmr:before {
    content: "\e957"
}

.icon-pmr2:before {
    content: "\e958"
}

.icon-cashless:before {
    content: "\e959"
}

.icon-ticket:before {
    content: "\e909"
}

.icon-camping:before {
    content: "\e940"
}

.icon-campingcar:before {
    content: "\e951"
}

.icon-vip:before {
    content: "\e952"
}

.icon-ticket2:before {
    content: "\e953"
}

.icon-smartphone:before {
    content: "\e954"
}

.icon-notification:before {
    content: "\e955"
}

.icon-pouce:before {
    content: "\e90b"
}

.icon-camera:before {
    content: "\e934"
}

.icon-comment:before {
    content: "\e94d"
}

.icon-filter:before {
    content: "\e94e"
}

.icon-calendar:before {
    content: "\e94f"
}

.icon-bookmark:before {
    content: "\e950"
}

.icon-drink2:before {
    content: "\e94b"
}

.icon-drink:before {
    content: "\e94c"
}

.icon-food:before {
    content: "\e93f"
}

.icon-foodtruck:before {
    content: "\e949"
}

.icon-food2:before {
    content: "\e94a"
}

.icon-partner:before {
    content: "\e93c"
}

.icon-heart:before {
    content: "\e905"
}

.icon-coeur:before {
    content: "\e906"
}

.icon-music:before {
    content: "\e90f"
}

.icon-fire:before {
    content: "\e93b"
}

.icon-rock:before {
    content: "\e93e"
}

.icon-home:before {
    content: "\e904"
}

.icon-chevron-left:before {
    content: "\e900"
}

.icon-chevron-up:before {
    content: "\e901"
}

.icon-chevron-down:before {
    content: "\e902"
}

.icon-chevron-right:before {
    content: "\e903"
}

.icon-tiktok:before {
    content: "\e907"
}

.icon-video-player:before {
    content: "\e917"
}

.icon-delivery-truck:before {
    content: "\e91a"
}

.icon-boite-ouverte:before {
    content: "\e91c"
}

.icon-minus-outline:before {
    content: "\e91f"
}

.icon-add-outline:before {
    content: "\e920"
}

.icon-check:before {
    content: "\e921"
}

.icon-close:before {
    content: "\e922"
}

.icon-information-outline:before {
    content: "\e923"
}

.icon-link:before {
    content: "\e924"
}

.icon-check-outline:before {
    content: "\e92a"
}

.icon-arrow-thin-left:before {
    content: "\e92b"
}

.icon-arrow-thin-right:before {
    content: "\e92c"
}

.icon-arrow-thin-down:before {
    content: "\e92d"
}

.icon-arrow-thin-up:before {
    content: "\e92e"
}

.icon-alert:before {
    content: "\e92f"
}

.icon-close-outline:before {
    content: "\e930"
}

.icon-notebook-text:before {
    content: "\e933"
}

.icon-whtp-square:before {
    content: "\e935"
}

.icon-question:before {
    content: "\e936"
}

.icon-carte-cadeau:before {
    content: "\e937"
}

.icon-minus:before {
    content: "\e939"
}

.icon-menu:before {
    content: "\e93a"
}

.icon-video-camera:before {
    content: "\e93d"
}

.icon-news:before {
    content: "\e941"
}

.icon-paperplane:before {
    content: "\e942"
}

.icon-whtp:before {
    content: "\e943"
}

.icon-mail-share:before {
    content: "\e944"
}

.icon-plus:before {
    content: "\e945"
}

.icon-zoom-in:before {
    content: "\e946"
}

.icon-search:before {
    content: "\e947"
}

.icon-zoom-out:before {
    content: "\e948"
}

.icon-checkbox-checked:before {
    content: "\ea52"
}

.icon-checkbox-unchecked:before {
    content: "\ea53"
}

.icon-file2:before {
    content: "\f016"
}

.icon-tag:before {
    content: "\f02b"
}

.icon-twr-square:before {
    content: "\f081"
}

.icon-lkd-square:before {
    content: "\f08c"
}

.icon-external-link:before {
    content: "\f08e"
}

.icon-twr:before {
    content: "\f099"
}

.icon-fbk:before {
    content: "\f09a"
}

.icon-feed:before {
    content: "\f09e"
}

.icon-pintr-square:before {
    content: "\f0d3"
}

.icon-lkd:before {
    content: "\f0e1"
}

.icon-file-text:before {
    content: "\f0f6"
}

.icon-quote-left:before {
    content: "\f10d"
}

.icon-quote-right:before {
    content: "\f10e"
}

.icon-spinner:before {
    content: "\f110"
}

.icon-ytb:before {
    content: "\f167"
}

.icon-ytb-play:before {
    content: "\f16a"
}

.icon-instg:before {
    content: "\f16d"
}

.icon-chart-pie:before {
    content: "\f200"
}

.icon-fbk-square:before {
    content: "\f230"
}

.icon-pintr:before {
    content: "\f231"
}
*/


@font-face {
    font-family: MaTypo;
    src: url('../typos/RedHatDisplay-VariableFont_wght.woff2') format('woff2');
    font-weight: 300 800;
    font-style: normal;
    font-display: swap
}

:root {
    --font-size-mini: 0.8em
}

body {
    font-size: 18px;
    font-family: MaTypo, Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    color: #ececec;
    min-width: 320px;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    @media screen {
        background-color: #0b0a10
    }
}

@media screen and (min-width: 1600px) and (max-width: 1919.9px) {
    body {
        font-size: 17px
    }
}

@media screen  and (max-width: 1599.99px) {
    body {
        font-size: 16px
    }
}


.couleur-principale {
    color: #94f1dc
}

.couleur-secondaire {
    color: #383468
}

.couleur-tertiaire {
    color: #6163B3;
}

.couleur-texte {
    color: #ececec
}

.petit {
    font-size: var(--font-size-mini);
    color: #615e84
}

.grand {
    font-size: 1.3em
}

p {
    margin-bottom: 20px;
    line-height: 1.4em
}

b, strong {
    font-weight: 700
}

em, i {
    font-style: italic
}

small {
    font-size: var(--font-size-mini);
    color: #615e84
}

time {
    color: #6163b3;
    text-transform: uppercase;
    letter-spacing: .3em;
    font-size: var(--font-size-mini)
}

sub, sup {
    font-size: .5em;
    line-height: 0
}

.titre-1, h1 {
    font-weight: 800;
    font-size: 3.5em;
    color: #94f1dc;
    line-height: 1.1em;
    margin-bottom: 30px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
}

@media screen and (max-width: 1919.9px) {
    .titre-1, h1 {
        font-size: 3em
    }
}

@media screen and (max-width: 759.9px) {
    .titre-1, h1 {
        font-size: 2.5em
    }
}


.titre-2, h2 {
    font-weight: 800;
    font-size: 2.2em;
    color: #ececec;
    line-height: 1.1em;
    margin-bottom: 48px;
    text-transform: uppercase;
    letter-spacing: 1px
}

@media screen and (max-width: 1919.9px) {
    .titre-2, h2 {
        font-size: 1.98em
    }
}

@media screen and (max-width: 1359.9px) {
    .titre-2, h2 {
        font-size: 1.76em
    }
}

.titre-3, h3 {
    font-size: 1.5em;
    line-height: 1.1em;
    margin-bottom: 20px;
    color: #ececec
}

.titre-4, h4 {
    font-size: 1.15em
}

@media screen and (max-width: 1023.9px) {
    .titre-4, h4 {
        font-size: .9775em
    }
}

.titre-5, h5 {
    font-family: MaTypo, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #94f1dc
}

.titre-6, h6 {
    font-family: MaTypo, Arial, Helvetica, sans-serif;
    font-size: 1em
}

a {
    color: #94f1dc;
    text-decoration: none
}

a.selected, a:hover {
    color: #43e6c1
}

/*ul {
    margin-bottom: 40px
}

ul li {
    margin-left: 1.7em;
    list-style: none;
    line-height: 1.3em;
    margin-bottom: .5em;
    text-indent: -17px
}

ul li:before {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    width: 15px;
    text-indent: 0
}

ul li ul {
    margin-top: 5px;
    margin-bottom: 0 !important
}

ul li ul li:before {
    color: #ececec;
    font-size: 8px
}

ul[style="list-style-type: circle;"] li:before, ul[style="list-style-type:circle;"] li:before {
    content: "\2218";
    color: #94f1dc;
    font-size: 20px
}

ul[style="list-style-type: disc;"] li:before, ul[style="list-style-type:disc;"] li:before {
    content: "\2022";
    color: #94f1dc;
    font-size: 20px
}

ul[style="list-style-type: square;"] li:before, ul[style="list-style-type:square;"] li:before {
    content: "\25AA";
    color: #94f1dc;
    font-size: 20px;
    line-height: 15px
}

.flottant-gauche {
    float: left;
    margin-right: 40px
}

.flottant-droite {
    float: right;
    margin-left: 40px
}
*/


img {
    border-radius: 2px;
    max-width: 100%;
    height: auto
}


hr {
    height: 1px;
    margin: 40px 0;
    color: #383468;
    background-color: #383468;
    border: none
}


.visible-mobile {
    display: none !important
}

.visible-tab {
    display: none !important
}

@media screen and (max-width: 1359.9px) and (min-width: 760px) {
    .hidden-tab {
        display: none !important
    }

    .visible-tab {
        display: block !important
    }
}

@media screen and (max-width: 759.9px) {
    .hidden-mobile {
        display: none !important
    }

    .visible-mobile {
        display: block !important
    }
}

.only-print {
    display: none !important
}

:root {
    --ratio-img: 3/2;
    --hover: #20203e
}

/*@media screen and (max-width: 759.9px) {*/
#principal {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    min-height: 95svh;
}

/*}*/


#principal-content {
    position: relative;
    z-index: 1000;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/*#col_principale {*/
/*    !*max-width: 990px;*!*/
/*    margin: 0 auto;*/
/*    flex-grow: 1;*/
/*}*/

/*@media screen and (min-width: 1920px) {*/
/*    #col_principale { */
/*        max-width: 1200px;*/
/*    }*/
/*}*/


.left {
    float: left;
    margin-right: 40px
}

.right {
    float: right;
    margin-left: 40px
}

.texte_sans_espace {
    white-space: nowrap
}

.text-align-right {
    text-align: right
}

.text-align-center {
    text-align: center
}

.text-align-left {
    text-align: left
}

.margin_bottom {
    margin-bottom: 40px
}


:root {
    --marge-entre-section: 120px;
}

@media screen and (max-width: 1919.9px) {
    :root {
        --marge-entre-section: 60px;
    }
}

.row {
    margin: 0 -20px
}

.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
    float: left;
    padding: 0 20px
}

.col-1 {
    width: 8.3333%
}

.col-2 {
    width: 16.6666%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.33333%
}

.col-5 {
    width: 41.66666%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.33333333%
}

.col-8 {
    width: 66.66666667%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33333333%
}

.col-11 {
    width: 91.66666667%
}

.col-12 {
    width: 100%
}

@media screen and(max-width: 1023.9px) {
    .row {
        margin: 0 -10px
    }

    .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
        padding: 0 10px
    }
}

@media screen and (max-width: 559.9px) {
    .row {
        margin: 0
    }

    .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
        width: 100%;
        padding: 0
    }
}

@media screen and (min-width: 560px) and (max-width: 1023.9px) {
    .col-tab-0 {
        display: none
    }

    .col-tab-1 {
        width: 8.3333%
    }

    .col-tab-2 {
        width: 16.6666%
    }

    .col-tab-3 {
        width: 25%
    }

    .col-tab-4 {
        width: 33.33333%
    }

    .col-tab-5 {
        width: 41.66666%
    }

    .col-tab-6 {
        width: 50%
    }

    .col-tab-7 {
        width: 58.33333333%
    }

    .col-tab-8 {
        width: 66.66666667%
    }

    .col-tab-9 {
        width: 75%
    }

    .col-tab-10 {
        width: 83.33333333%
    }

    .col-tab-11 {
        width: 91.66666667%
    }

    .col-tab-12 {
        width: 100%
    }
}

@media screen and (min-width: 560px) and (max-width: 759.9px) {
    .col-mobpays-0 {
        display: none
    }

    .col-mobpays-1 {
        width: 8.3333%
    }

    .col-mobpays-2 {
        width: 16.6666%
    }

    .col-mobpays-3 {
        width: 25%
    }

    .col-mobpays-4 {
        width: 33.33333%
    }

    .col-mobpays-5 {
        width: 41.66666%
    }

    .col-mobpays-6 {
        width: 50%
    }

    .col-mobpays-7 {
        width: 58.33333333%
    }

    .col-mobpays-8 {
        width: 66.66666667%
    }

    .col-mobpays-9 {
        width: 75%
    }

    .col-mobpays-10 {
        width: 83.33333333%
    }

    .col-mobpays-11 {
        width: 91.66666667%
    }

    .col-mobpays-12 {
        width: 100%
    }
}

@media screen and (max-width: 559.9px) {
    .col-mob-1, .col-mob-10, .col-mob-11, .col-mob-12, .col-mob-2, .col-mob-3, .col-mob-4, .col-mob-5, .col-mob-6, .col-mob-7, .col-mob-8, .col-mob-9 {
        padding: 0 10px
    }

    .col-mob-0 {
        display: none
    }

    .col-mob-1 {
        width: 8.3333%
    }

    .col-mob-2 {
        width: 16.6666%
    }

    .col-mob-3 {
        width: 25%
    }

    .col-mob-4 {
        width: 33.33333%
    }

    .col-mob-5 {
        width: 41.66666%
    }

    .col-mob-6 {
        width: 50%
    }

    .col-mob-7 {
        width: 58.33333333%
    }

    .col-mob-8 {
        width: 66.66666667%
    }

    .col-mob-9 {
        width: 75%
    }

    .col-mob-10 {
        width: 83.33333333%
    }

    .col-mob-11 {
        width: 91.66666667%
    }

    .col-mob-12 {
        width: 100%
    }
}

@media screen and (min-width: 1920px) {
    .col-big-1 {
        width: 8.3333%
    }

    .col-big-2 {
        width: 16.6666%
    }

    .col-big-3 {
        width: 25%
    }

    .col-big-4 {
        width: 33.33333%
    }

    .col-big-5 {
        width: 41.66666%
    }

    .col-big-6 {
        width: 50%
    }

    .col-big-7 {
        width: 58.33333333%
    }

    .col-big-8 {
        width: 66.66666667%
    }

    .col-big-9 {
        width: 75%
    }

    .col-big-10 {
        width: 83.33333333%
    }

    .col-big-11 {
        width: 91.66666667%
    }

    .col-big-12 {
        width: 100%
    }
}

/*@media screen and (min-width: 760px) {*/
/*    .mep_2col {*/
/*        display: flex;*/
/*        justify-content: space-between;*/
/*        gap: 30px*/
/*    }*/
/*}*/

/*.mep_2col > div {*/
/*    flex-grow: 1;*/
/*    min-width: 40% !important*/
/*}*/

/*.mep_2col.mep_2col50 > div {*/
/*    flex-basis: 50%*/
/*}*/

/*@media screen and (min-width: 760px) {*/
/*    .mep_3col {*/
/*        display: flex;*/
/*        justify-content: space-between;*/
/*        gap: 30px*/
/*    }*/
/*}*/

/*.mep_3col > div {*/
/*    flex-grow: 1*/
/*}*/

/*.mep_3col.mep_3col33 > div {*/
/*    flex-basis: 33.3333%*/
/*}*/

/*.tableau_icones {*/
/*    width: 100% !important*/
/*}*/

/*.tableau_icones tr {*/
/*    display: flex;*/
/*    gap: 30px;*/
/*    justify-content: center;*/
/*    flex-wrap: wrap*/
/*}*/

/*.tableau_icones td {*/
/*    display: block;*/
/*    height: auto !important;*/
/*    border: none !important;*/
/*    text-align: center;*/
/*    vertical-align: top;*/
/*    font-size: 1em !important;*/
/*    max-width: 200px;*/
/*    padding: 0 !important;*/
/*    flex-shrink: 0*/
/*}*/

/*@media screen and (max-width: 1023.9px) {*/
/*    .tableau_icones td {*/
/*        max-width: 150px*/
/*    }*/
/*}*/

/*.tableau_icones td img {*/
/*    width: auto;*/
/*    max-height: 130px;*/
/*    margin-bottom: 15px*/
/*}*/

/*@media screen and (max-width: 1023.9px) {*/
/*    .tableau_icones td img {*/
/*        max-height: 90px*/
/*    }*/
/*}*/

/*:root {*/
/*    --header-height: 200px;*/
/*    @media screen and (min-width: 1024px) {*/
/*        --header-height: 250px*/
/*    }*/
/*    @media screen and (min-width: 1919.9px) {*/
/*        --header-height: 280px*/
/*    }*/
/*}*/

/*@media screen and (max-width: 1023.9px) {*/
/*    :root {*/
/*        --header-height: 180px*/
/*    }*/
/*}*/

/*@media screen and (max-width: 559.9px) {*/
/*    :root {*/
/*        --header-height: 150px*/
/*    }*/
/*}*/


header#header_principal {
    position: relative;
    z-index: 8000;
    pointer-events: none;
    /*position: absolute;*/
    /*width: 100%;*/
    /*height: var(--header-height);*/
    /*border: 3px solid red;*/
}

/*header#header_principal #main_header {*/
/*    position: relative;*/
/*    pointer-events: auto;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    padding-top: 40px*/
/*}*/

/*@media screen and (max-width: 559.9px) {*/
/*    header#header_principal #main_header {*/
/*        padding: 10px 10px 0 5px*/
/*    }*/
/*}*/

/*header#header_principal #top_nav {*/
/*    text-align: right*/
/*}*/

/*header#header_principal #top_nav > div {*/
/*    display: flex;*/
/*    align-items: center*/
/*}*/

/*.home header#header_principal {*/
/*    position: absolute;*/
/*    width: 100%*/
/*}*/

.bg_header {
    position: fixed;
    width: 100%;
    height: 100lvh;
    min-height: 500px;
    pointer-events: none;
    z-index: 100
}

@media screen {

    .bg_header .img {
        width: 100%;
        height: 100%;
        top: 0;
        position: sticky;
        background-size: cover;
        background-position: center;
        z-index: 100;

    }

    .bg_header .voile {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 115;
        pointer-events: none;
        background: rgba(11, 10, 16, .5)
    }
}

@media screen and (min-width: 1024px) {
    .bg_header .voile {
        background: radial-gradient(circle, rgba(11, 10, 16, .95) 30%, rgba(11, 10, 16, .2) 100%)
    }
}

@media screen {
    .bg_header .coinTL {
        position: absolute;
        top: 0;
        left: 0;
        width: clamp(120px, 20vw, 400px);
        z-index: 120;
        /*opacity: 0;*/
        /*animation: opacityApparition 1s forwards*/
    }

    .bg_header .coinTR {
        position: absolute;
        top: 0;
        right: 0;
        width: clamp(150px, 30vw, 500px);
        z-index: 120;
        /*opacity: 0;*/
        /*animation: opacityApparition 1s forwards*/
    }

    .home .bg_header .voile {
        display: none
    }

}


@keyframes opacityApparition {
    from {
        opacity: 0
    }
    to {
        opacity: .85
    }
}


.logo {
    margin: 0 auto;
    text-align: center;
    max-width: 230px;
    padding-top: 15px;
}

.logo img:not(.date) {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    margin-top: -10px;

    width: 150px;

    @media screen and (min-width: 1366px) {
        width: 220px
    }

    @media screen and (min-width: 1920px) {
        width: 300px
    }

}


.logo img.date {
    display: block;
    width: 120px;
    margin: 10px auto 0 auto;
    @media screen and (min-width: 1024px) {
        width: 200px
    }
}

.kiosk .logo img.date {
    display: none;

}


.logo h1 {
    margin-bottom: 0
}

.logo div {
    position: relative
}

.logo div .eclairs {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    animation: opacityEclairs 3s infinite
}

/*@media screen and (min-width: 1024px) {*/
/*    header#header_principal .logo {*/
/*        position: absolute;*/
/*        top: 20px;*/
/*        !*left: 50%;*/
/*        transform: translateX(-50%)*!*/
/*        left:5%*/
/*    }*/
/*}*/


footer#footer_principal {
    position: relative;
    z-index: 1000;
    height: 5svh;

}



footer#footer_principal #footer_bottom {
    background-color: #181730;
    padding: 0 15px 20px 15px;
    text-align: center;

}



.kiosk footer#footer_principal{
    /*position: fixed;*/
    /*bottom:0;*/
    /*width: 100%;*/
    /*z-index: 8000;*/
    #footer_bottom{
        height: 5svh;
    }
    a{
        display: none;
    }
}



footer#footer_principal #footer_bottom a {
    color: white;
    margin: 0 15px;
    line-height: 24px;
    white-space: nowrap;
    font-size: var(--font-size-mini);
    opacity: 0.4;
}


a.retour {
    border-radius: 2px;
    display: inline-block;
    padding: .3em 1.5em;
    color: #615e84;
    border: 1px solid #383468;
    text-transform: uppercase;
    font-size: var(--font-size-mini);
    transition: all .3s ease 0s;
    text-decoration: none !important;
    letter-spacing: .3em
}

@media screen and (min-width: 1920px) {
    a.retour {
        padding: calc(.3em * 1.25) 1.875em
    }
}

a.retour:hover {
    opacity: .9
}


@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important
    }
}

@supports selector(:focus-visible) {
    :focus {
        outline-color: transparent !important
    }

    :focus-visible {
        outline: 2px solid rgba(148, 241, 220, .4) !important
    }
}

.detail_categorie a:not(.btn):not(.bouton):not(.more):not(.bt_continue), .detail_contenu a:not(.btn):not(.bouton):not(.more):not(.bt_continue) {
    text-decoration: underline
}

.detail_categorie .cat_meme_niveau a, .detail_categorie .item a, .detail_contenu .cat_meme_niveau a, .detail_contenu .item a {
    text-decoration: none !important
}

.detail_contenu a[target="_blank"]:after, .item a[target="_blank"]:after, .item_texte a[target="_blank"]:after {
    content: url("data:image/svg+xml; utf8, <svg fill='%23ececec' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512'><path d='m372.149 515.283h-286.268c-22.941 0-44.507-8.934-60.727-25.155s-25.153-37.788-25.153-60.726v-286.268c0-22.94 8.934-44.506 25.154-60.726s37.786-25.154 60.727-25.154h114.507c15.811 0 28.627 12.816 28.627 28.627s-12.816 28.627-28.627 28.627h-114.508c-7.647 0-14.835 2.978-20.241 8.384s-8.385 12.595-8.385 20.242v286.268c0 7.647 2.978 14.835 8.385 20.243 5.406 5.405 12.594 8.384 20.241 8.384h286.267c7.647 0 14.835-2.978 20.242-8.386 5.406-5.406 8.384-12.595 8.384-20.242v-114.506c0-15.811 12.817-28.626 28.628-28.626s28.628 12.816 28.628 28.626v114.507c0 22.94-8.934 44.505-25.155 60.727-16.221 16.22-37.788 25.154-60.726 25.154zm-171.76-171.762c-7.327 0-14.653-2.794-20.242-8.384-11.179-11.179-11.179-29.306 0-40.485l237.397-237.398h-102.648c-15.811 0-28.626-12.816-28.626-28.627s12.815-28.627 28.626-28.627h171.761c3.959 0 7.73.804 11.16 2.257 3.201 1.354 6.207 3.316 8.837 5.887.001.001.001.001.002.002.019.019.038.037.056.056.005.005.012.011.017.016.014.014.03.029.044.044.01.01.019.019.029.029.011.011.023.023.032.032.02.02.042.041.062.062.02.02.042.042.062.062.011.01.023.023.031.032.011.01.019.019.029.029.016.015.03.029.044.045.005.004.012.011.016.016.019.019.038.038.056.057 0 .001.001.001.002.002 2.57 2.632 4.533 5.638 5.886 8.838 1.453 3.43 2.258 7.2 2.258 11.16v171.761c0 15.811-12.817 28.627-28.628 28.627s-28.626-12.816-28.626-28.627v-102.648l-237.4 237.399c-5.585 5.59-12.911 8.383-20.237 8.383z'></path></svg>");
    display: inline-block;
    margin-left: 7px;
    width: 10px;
    vertical-align: baseline
}

.detail_contenu a[target="_blank"]:has(img):after, .item a[target="_blank"]:has(img):after, .item_texte a[target="_blank"]:has(img):after {
    display: none
}

.detail_contenu a[target="_blank"].bouton:after, .item a[target="_blank"].bouton:after, .item_texte a[target="_blank"].bouton:after {
    content: url("data:image/svg+xml; utf8, <svg fill='%230B0A10' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512'><path d='m372.149 515.283h-286.268c-22.941 0-44.507-8.934-60.727-25.155s-25.153-37.788-25.153-60.726v-286.268c0-22.94 8.934-44.506 25.154-60.726s37.786-25.154 60.727-25.154h114.507c15.811 0 28.627 12.816 28.627 28.627s-12.816 28.627-28.627 28.627h-114.508c-7.647 0-14.835 2.978-20.241 8.384s-8.385 12.595-8.385 20.242v286.268c0 7.647 2.978 14.835 8.385 20.243 5.406 5.405 12.594 8.384 20.241 8.384h286.267c7.647 0 14.835-2.978 20.242-8.386 5.406-5.406 8.384-12.595 8.384-20.242v-114.506c0-15.811 12.817-28.626 28.628-28.626s28.628 12.816 28.628 28.626v114.507c0 22.94-8.934 44.505-25.155 60.727-16.221 16.22-37.788 25.154-60.726 25.154zm-171.76-171.762c-7.327 0-14.653-2.794-20.242-8.384-11.179-11.179-11.179-29.306 0-40.485l237.397-237.398h-102.648c-15.811 0-28.626-12.816-28.626-28.627s12.815-28.627 28.626-28.627h171.761c3.959 0 7.73.804 11.16 2.257 3.201 1.354 6.207 3.316 8.837 5.887.001.001.001.001.002.002.019.019.038.037.056.056.005.005.012.011.017.016.014.014.03.029.044.044.01.01.019.019.029.029.011.011.023.023.032.032.02.02.042.041.062.062.02.02.042.042.062.062.011.01.023.023.031.032.011.01.019.019.029.029.016.015.03.029.044.045.005.004.012.011.016.016.019.019.038.038.056.057 0 .001.001.001.002.002 2.57 2.632 4.533 5.638 5.886 8.838 1.453 3.43 2.258 7.2 2.258 11.16v171.761c0 15.811-12.817 28.627-28.628 28.627s-28.626-12.816-28.626-28.627v-102.648l-237.4 237.399c-5.585 5.59-12.911 8.383-20.237 8.383z'></path></svg>")
}

#zoneshare a[target="_blank"], .bt_print[target="_blank"], .leaflet-container a, .liste_fichiers a[target="_blank"], .scl-link a, address a {
    text-decoration: none !important
}

#zoneshare a[target="_blank"]:after, .bt_print[target="_blank"]:after, .leaflet-container a:after, .liste_fichiers a[target="_blank"]:after, .scl-link a:after, address a:after {
    display: none !important
}

a:has(img,h1,h2,h3,h4,h5,h6,[class*=titre-]) {
    display: block
}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}


.surtitre {
    color: #8385c4;
    margin-bottom: 10px;
    font-size: var(--font-size-mini);
    text-transform: uppercase;
    letter-spacing: .5em
}


#home_main_content {
    /*min-height: 95svh;*/
    padding: 50px 20px 100px 20px;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    /*border: 2px solid aqua;*/

    @media screen and (min-width: 1024px) {
        padding: 50px 50px 100px 50px;
    }
    @media screen and (max-height: 450px) {
        min-height: 500px !important;

    }

}

.kiosk #home_main_content {
    padding-top: 15px;
}


@keyframes contenuApparition {
    from {
        opacity: 0;
        transform: translateY(-20px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes opacityEclairs {
    43% {
        opacity: .2
    }
    44% {
        opacity: 1
    }
    46% {
        opacity: 0
    }
    48% {
        opacity: 1
    }
    50% {
        opacity: .4
    }
    53% {
        opacity: 1
    }
    55% {
        opacity: .2
    }
}


.texte-stroke {
    color: transparent;
    -webkit-text-stroke: 1px #6e70cb;
    font-weight: 800;
}


::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background-color: #ddd
}

::-webkit-scrollbar-thumb {
    background-color: #bbb
}

::-webkit-scrollbar-thumb:hover {
    background-color: #aaa
}


.bords_section {
    height: 80px;
    position: relative;
    z-index: 1000;
    display: block;
    margin-top: -1px;
    margin-bottom: -79px;
    background-image: url(../../images/2026/bords_section_26.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center
}

@media screen and (max-width: 1023.9px) {
    .bords_section {
        background-size: 250%
    }
}

.bords_section.bords_section_inv {
    transform: scale(-1, -1);
    margin-top: -79px;
    margin-bottom: -1px
}


/**************************/
/** Ajouts ci dessous **/


/*h1, h2, h3 {*/
/*    margin: 0 0 15px 0;*/
/*    text-transform: uppercase;*/
/*    letter-spacing: 1px;*/
/*}*/

/*.during_festival {*/
/*    width: 100%;*/
/*}*/

.band-card {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    /*margin-bottom: 20px;*/
    background-color: #1e1e1e;
    min-height: 240px;
    /*max-height: 60vh;*/
    width: 100%;
        aspect-ratio: 16/9; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto 20px auto;
    @media screen {
        box-shadow: 0 0 100px var(--hover)
    }

    @media screen and (max-width:1023.99px) {
        max-width: 400px;
    }
    @media screen and (max-width:1365.99px) {
        max-width: 700px;
    }
}

body:not(.kiosk){
    .band-card {
        @media screen and (min-width:1366px) {
            max-width: 900px;
        }
    }
}


.band-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*background-size: cover;*/
    /*background-position: center;*/
    opacity: 0.8;
    /*transition: opacity 0.3s;*/
    z-index: 1;
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    filter: grayscale(1);

}

/*.band-bg{*/
/*    */
/*}*/

.band-content {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 10px 20px 20px 20px;
    background: rgba(0, 0, 0, 0.4);
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    /*justify-content: center;*/
    align-items: center;
    /*justify-content: space-between;*/
    justify-content: flex-end;


}


.band-logo {
    max-width: 200px;
    max-height: 100px;
    /*height: 80px;*/
    /*border-radius: 50%;*/
    /*border: 3px solid #fff;*/
    margin-bottom: 10px;
    object-fit: contain;
    @media screen and (max-width: 1023px) {
        max-width: 150px;
        max-height: 90px;
        margin-bottom: 5px;
    }

    /*transform: translateY(-50%);*/

}

.band-info {
    width: 100%;
}

.band-name {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.8em;
    font-weight: bold;
    margin: 0;
    text-shadow: 2px 2px 4px #000;
}

.band-stage {
    display: inline-block;
    color: white;
    background-color: #7576ac;
    font-weight: bold;
    font-size: 1em;
    text-shadow: 1px 1px 2px #383468;
    padding: 3px 12px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/*.band-stage.Slash {
    background-color: #383468;
}*/

.band-time {
    display: inline-block;
    color: white;
    background-color:#383468 ;
    font-size: 1em;
    padding: 3px 12px;
    border-radius: 4px;
    margin-top: 5px;
    font-weight: bold;
}

.band-style {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(148, 241, 220, 0.9);
    padding: 0 10px;
    border-radius: 20px;
    font-size: 0.8em;
    font-weight: bold;
    color: #000000;
    line-height: 30px;
}

.band-link {
    position: absolute;
    bottom: 5px;
    right: 5px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(50, 50, 50, 0.5);
}

.band-link svg {
    width: 24px;
    filter: grayscale(1);
}

.band-bandeau {
    background-color: #94f1dc;
    color: #000000;
    position: absolute;
    top: 0;
    left: 50%;
    transform-origin: top left;
    transform: translateX(-50%);
    padding: 3px 15px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    white-space: nowrap;
    font-size: 13px;
}


/*********************************/

#countdown, #next-countdown {
    font-size: 2.8em;
    font-weight: bold;
    /*color: #94f1dc;*/
    /*margin-top: 20px;*/
    margin-top: -25px;
    line-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px 16px;
    text-transform: uppercase;
    @media screen and (min-width:1024px){
        gap: 10px 24px;
    }
}

h2#next-countdown {
    /*color: #94f1dc;*/
    font-size: 2.4em;
}

.cd-days, .cd-hours, .cd-minutes, .cd-seconds {
    display: flex;
    flex-direction: column;
}

.cd-mot {
    font-weight: 300;
    font-size: 0.2em;
    line-height: 1.2em;
    flex-shrink: 0;
    letter-spacing: 0.2em;
}

.cd-chiffre{
    font-weight: 800;
}

/*********************************/

/* Spécial Grand Ecran */

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

   .kiosk .during_festival {
        display: flex;
        gap: 0 50px;

        #live-now-section {
            flex-basis: 60%;
            flex-grow: 1;
        }

        #coming-next-section {
            /*flex-basis: 30%;*/
            /*margin-top: 0;*/
            flex-grow: 1;
            /*max-width: 60%;*/
            margin: 0 auto;
        }

        .titre-1{
            text-align: left;

        }

        .titre-avec-countdown{
            display: flex;
            align-items: center;
            margin-bottom: 30px;
            gap:25px;

            .titre-1{ margin: 0; flex-shrink: 0}

            #next-countdown {
                margin: 0;
                flex-shrink: 0
                /*justify-content: flex-start;*/
            }
        }

    }

}

/*.during_festival .titre-1,*/
.during_festival .titre-2 {
    @media screen and (min-width: 1024px) {
        padding-top: 40px;
    }

}

body:not(.kiosk) .during_festival #live-now-section:not(.hidden) + #coming-next-section {
    margin-top: 60px;
}


.kiosk .during_festival:has(#coming-next-section #coming-next-empty:not(.hidden)) #live-now-section  {
    max-width: 60%;
    margin: 0 auto;
}

.kiosk .during_festival #live-now-section.hidden + #coming-next-section {
    max-width: 60%;
    margin: 0 auto;

    #coming-next-cards {

        /*display: flex;
        gap:50px;
        > .band-card:nth-of-type(1){
            flex-basis: 60%;
        }*/
        > .band-card:nth-of-type(2){
            /*flex-basis: 30%;*/
            display: none;
        }
    }
}


.kiosk #live-now-section:not(.hidden) + #coming-next-section:has(#coming-next-empty:not(.hidden)){
    display: none;
}

#live-now-section.hidden + #coming-next-section:has(#coming-next-empty:not(.hidden)){
    .titre-1{display: none}
}

#live-now-section:not(.hidden) + #coming-next-section:has(#coming-next-empty:not(.hidden)){
    display: none
}


.kiosk  .band-card{
    font-size: 2em;
}

.kioks .logo{

}

/*.during-festival .titre-1 small {*/
/*    font-size: 0.9em;*/
/*}*/


@media print {

    .no-print, .bg_header {
        display: none !important;
    }

    body {
        background: none;
    }

    .band-card {
        page-break-inside: avoid;
    }


}


#live-view {
    width: 100vw;


}

/*#live-now-section {*/
/*    !*border:3px solid red;*!*/
/*    width: 100% !important;*/
/*}*/


.kiosk #coming-next-cards .band-card:not(:nth-of-type(1),:nth-of-type(2)){
    display: none;
}

.band-logo-container{
    color:#94f1dc;
    font-size: 1.4em;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 15px;
}


.kiosk .titre-1{
    -webkit-text-stroke: 1px #94f1dc;
}

.kiosk .band-logo{
    max-width: 280px;
    max-height: 120px;
}

.kiosk #post-festival-view{
    font-size: 2.5em;
}

.kiosk #pre-festival-view #countdown{
    line-height: 1em;
}

.kiosk #pre-festival-view, .kiosk #coming-next-empty{
    font-size: 1.8em;
}