html{
    height: 100%;
}

.console-sidemenu nav ol{
    margin: 0 0 1rem;
    padding: 0 1.25rem;
    transition: all 0.3s;
    position: relative;
}

.console-sidemenu nav > ul > ol{
    border-left: 3px solid transparent;
}


body.modal-open {
    overflow: visible;
}



/* JCAROUSEL */

.jcarousel {
    position: relative;
    overflow: hidden;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 10000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
}

#modalTicket{
    width:320px;
    position:fixed;
    top:80px;
    left: 20%;
    display:none;
    background-color: #FFF;
    z-index: 1000;
    padding: 20px;
    border: grey;
    box-shadow: #002752;
    font-size: 0.8rem;
    line-height: 0.95rem;
    box-shadow: 0 0 20px rgba(0,0,0,0.63);
}
#horloge{
    padding-top: 6px;
    font-size: 18px;
    width:110px;
}

.marqueur-annulation{
    background-color: #EF1F1F;
    color:#FFF;
    font-weight: 600;

}

#banniere-defilante{
    max-width: 98vw;
    min-height:3rem;/* largeur de la fenêtre */
    margin: 0px 10px 10px 5px;
    border: 2px solid #F0F0FF;
    background-color: #FFF;
    overflow: hidden;                     /* masque tout ce qui dépasse */
    border-radius:5px;
    box-shadow: 0 .25em .5em #CCC;
}

#banniere-defilante > :first-child {
    display: inline-block;                /* modèle de boîte en ligne */
    padding-top: 0.4em;
    font-size: 1rem;
    background-color: #FFF;
    padding-right: 2em;                   /* un peu d'espace pour la transition */
    padding-left: 100%;                   /* placement à droite du conteneur */
    white-space: nowrap;                  /* pas de passage à la ligne */
    animation: banniere-defilante 180s  infinite linear;
    will-change: transform;
    cursor: pointer;
}
.banner-magasin{
    color:#FFF;
    background-color: #EF1F1F;
    font-weight: 600;
    padding: 0 5px;
}

.banner-icon{
    font-size: 1.0rem;
}
.banner-prix{
    font-weight: 600;
}
.banner-caisse{
    color:#FFF;
    background-color: #2670ef;
    font-weight: 400;
    padding: 0 5px;
}
.banner-separator{
    padding: 3px;
    border:solid 0px #2c3e50;
    border-right: solid 1px  #2c3e50;
    margin:0 15px;
}

#contenu-banner:hover{
    animation-play-state:paused;
    cursor: pointer;
}


@keyframes banniere-defilante {
    0% {
        transform: translate3d(-13%,0,0);      /* position initiale à droite */
    }
    100% {
        transform: translate3d(-100%,0,0);  /* position finale à gauche */
    }
}