/*******************************************************************************
General
*******************************************************************************/

#table-planning {
    width: 100%;
    border: none;
    border-collapse: separate;
    border-spacing: 10px;
    font-size: 15px;
}

#table-planning th {
    border: none;
    border-radius: 5px;
    background: #414141;
    font-weight: bold;
    width: 12.5%;
    font-size: 17px;
}

#table-planning td {
    padding: 0;
    margin: 0 0 0 0;
}

.horaires {
    background: none;
    border: none;
    border-top: 1px solid #ccc;
    text-align: right;
    vertical-align: top;
}

.event {
    border-radius: 10px;
    border: none;
    color: white;
    vertical-align: middle;
    transition: 0.3s;
    cursor: pointer;
    text-align: center;
}

/*******************************************************************************
Events Specific
*******************************************************************************/

.discours {
    background-color: #212121;
}

.remise_niveau {
    background-color: #d2a000;
}

.barbecue, .banquet, .act_prev {
    background-color: #7fa1b3;
}

.fabcamp {
    background-color: #004568;
}

.soir {
    background-color: #2696a2;
}

.escape_game {
    background-color: #929ba8;
}

.com_ville {
    background-color: #bbe19e;
}

.com_walle {
    background-color: #a20000;
}

.wini {
    background-color: #b7472a;
}



@media screen and (max-width: 750px) {
    #table-planning {
        font-size: 10px;
    }
    #table-planning th{
        font-size: 12px;
    }
}