#ctkoi_intro
{
    text-align: center;
}


#ctkoi_form
{
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
}

#ctkoi_form, #ctkoi_form input, #ctkoi_form select, #ctkoi_form option
{
    font-family: inherit;
    font-size: 18px;
}


#ctkoi_table
{
    width: 100%;
    max-width: 600px;
    margin: 30px auto 0px auto;
}

#ctkoi_table table
{
    width: 100%;
    max-width: 100%;
    border: none;
    border-collapse: collapse;
}

#ctkoi_table table tr:nth-child(odd)
{
    background-color: rgba(0,0,0,.05);
}

#ctkoi_table table td
{
    border: none;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
}

.ctkoi_heure
{
    width: 75px;
    font-style: italic;
    font-size: 1.2em;
}

.ctkoi_pochette
{
    width: 75px;
}

.ctkoi_pochette img
{
    display: block;
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.ctkoi_titrage
{
    text-align: left !important;
    padding: 5px;
}

.ctkoi_artiste, .ctkoi_titre
{
    display: block;
    width: inherit;
}

.ctkoi_artiste
{
    font-weight: bold;
    font-size: 1.2em;
}



@media(max-width: 800px)
{

    #ctkoi_form
    {
        font-size: 18px;
    }

    #ctkoi_form input, #ctkoi_form select
    {
        display: block;
        width: 100%;
    }


    #ctkoi_form_time input
    {
        display: inline !important;
        width: 35% !important;
    }


    .ctkoi_heure
    {
        font-size: 1.2em !important;
    }


}