body{
        margin: auto;
        padding: 0;
        text-align: center;
        background-color: white;
}

#container{
    width: 800px;
    margin:auto;
    padding: 0;
    text-align: center;
}
/* Bordered form */
form {
    width:100%;
    padding: 30px;
    border: 1px solid #f1f1f1;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
#container h1{
    width: 38%;
    margin: auto;
    padding-bottom: 10px;
}

/* Full-width inputs */
input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* Set a style for all buttons */
input[type=submit] {
    background-color: #444;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}
input[type=submit]:hover {
    background-color: white;
    color: #444;
    border: 1px solid #444;
}
.problem
{
        color: red;
}

fieldset
{
        margin: 10px 50px 10px 50px;
        padding: 10px ;
        text-align: left ;
        background-color:#FFFAF1;
        border-color:#FFFAF1;
}

legend
{
        font-weight: bold;
        background-color:#FFFAF1;
}

option
{
        background-color: cyan;
}
p#left {
        /*font: normal 12px 'Trebuchet MS', Arial, Sans-serif; */
        text-align:left;
        /*color: blue;*/
}

.enseignement
{
        font-weight: bold;
}
.checked
{
        background-color:white;
        color:red;
}

.unchecked
{
        background-color:white;
        color: black;
}

.full
{
        background-color:red;
        color: white;
}

.overlap
{
        background-color:green;
        color: white;
}
.liste
{
        padding: 10px ;
        text-align: left ;
        background-color:white;
        vertical-align:middle;
}

.problem
{
        text-align: center ;
        color: red;
}