/** ######################################################## **/
/** Styles pour gestion des cours spinnings                  **/
/** ######################################################## **/
#content {
    padding: 0;
    display: table-cell;
}

#content table.tabreserv {
    border-collapse: collapse;
    margin: 10px 0px 0px 0px;
    padding: 0;
    width: 675px;
}

#content table.comparison  {
    border-collapse: collapse;
    margin: 10px 0px 0px 0px;
    padding: 0;
    width: 600px;
}

#content table.tabreserv th.subject,
#content table.comparison th.subject {
    color: #666666;
    background-color: #D5D6D6;
    height: 25px;
    border-top: 1px solid #EEEFF0;
    border-left: 1px solid white;
    padding: 0 6px;
    font-size: 11px;
}

#content table.tabreserv th.firstcase,
#content table.comparison th.firstcase {
    height: 25px;
    background-color: #B2B4B5;
    border-right: 1px solid white;
    border-left: 1px solid white;
}

#content table.tabreserv th.secondcase,
#content table.comparison th.secondcase {
    height: 25px;
    background-color: #91ACC7;
    border-left: 1px solid white;
}

#content table.tabreserv th.firstcase,
#content table.tabreserv th.secondcase,
#content table.comparison th.firstcase,
#content table.comparison th.secondcase {
    color: white;
    text-align: center;
    width: 12%;
    height: 25px;
    border-top: 6px solid #8CBAD9;
    border-left: 1px solid white;
    font-size: 11px;
}

#content table.tabreserv td,
#content table.comparison td {
    vertical-align: top;
    padding: 6px 6px;
    font-size:11px;
    font-weight: bold;
    text-align: center;
    height: 21px;
}

#content table.tabreserv td.firstcase,
#content table.comparison td.firstcase {
    color: #666666;
    background-color: #EEEFF0;
    border-left: 1px solid white;
    height: 21px;
}

#content table.tabreserv td.secondcase,
#content table.comparison td.secondcase {
    color: #3F5F80;
    background-color: #DEE6EE;
    border-left: 1px solid white;
    height: 21px;
}