/* Grille antenne
-------------------------------------------------------------- */
#jours {
    list-style-type: none;
    width: 100%;
    text-align: center;
}

#jours li{
    display: inline-block;
}

#jours li a,#jours li a:visited{
    padding: 5px 12px;
    margin-right: 5px;
    background-color: #cccccc;
    color: white;
    border-radius: 20px;
    text-decoration: none;
}

#jours li a:hover, #jours li a.active{
    background-color: #ff0000;
}

#grille_antenne {
    overflow: hidden;
}

#grille_antenne li{
    padding: 0;
}

ul.grille_journee {
    max-width: 600px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.elt_grille {
    height: 120px;
    margin-bottom: 1px;
    border-radius: 20px;
    background-size: 120% auto !important;
    background-position: 20px 20% !important;
}

.elt_grille span{
    float: left;
    color: white;
    font-size: 12pt;
    line-height: 120px;
    width: 120px;
    height: 120px;
    background-color: rgba(32,32,32,100);
    text-align: center;
    border-radius: 20px;
}

.grille_journee li a{
    color: white;
    font-size: 18pt;
    text-decoration: none;
    display: block;
    line-height: 190px;
    height: 120px;
    text-indent: -5000px;
    border-radius: 20px;
    overflow: hidden;
}

.grille_journee li a:hover{
    color: white;
    text-indent: 0;
    padding: 0 10px;
    text-align: right;
    background: linear-gradient(300deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 80%);
    transition: all 0.3s ease-in-out;
}

.grille_journee li a:hover .elt_grille span {
    text-decoration: underline;
}

/* Same navigation styles as the historical #jours and #grille_antenne rules. */
.pfm-grille-jours {
    list-style-type: none;
    width: 100%;
    text-align: center;
}
.pfm-grille-jours li { display: inline-block; }
.pfm-grille-jours li a,
.pfm-grille-jours li a:visited {
    padding: 5px 12px;
    margin-right: 5px;
    background-color: #cccccc;
    color: white;
    border-radius: 20px;
    text-decoration: none;
}
.pfm-grille-jours li a:hover,
.pfm-grille-jours li a.active { background-color: #ff0000; }
.pfm-grille-entries { overflow: hidden; }
.pfm-grille-entries li { padding: 0; }