* {
    margin: 0 ;
    padding: 0 ;
}


body {
    font-family: Arial ;
    width: 960px ;
    margin: auto ;
    background: #dedede ;
/*    color: #36393D ;*/
}


#page {
    background: #fff ;
    padding: 16px ;
    margin: 16px 0px 16px 0px ;
    border-radius: 16px ;
}


h1 { text-align: right ; font-weight: bold ; }
h2 { padding-top: 16px ; }
p { padding: 16px 0px 16px 0px ; line-height: 20px ; }
p b { color: #3F4C6B ; }
p a { color: #356AA0 ; text-decoration: none ; }
p a:hover { text-decoration: underline ; }

#connexion {
    width: 480px ;
    margin: auto ;
    border-radius: 8px ;
    padding: 16px ;
    border: 1px solid #aeaeae ;
}

#connexion table {
    width: 480px ;
    margin: auto ;
    border-collapse: collapse ;
}

#connexion table td {
    border: none ;
    padding: 0px 0px 8px 0px ;
}


.planing {
    width: 100% ;
    border-collapse: collapse ;
    margin: 16px 0px 16px 0px ;
}

.planing th, td {
    border: 1px solid #3F4C6B ;
    padding: 2px 8px 2px 8px ;
}


.planing .entete { background: #FFFF88 ; color: #3F4C6B ; }
.planing .salle { text-align: center ; }
.planing .candidat { text-align: center ; }
.planing .candidat a { text-decoration: none ; font-weight: bold ; color: #006E2E ; }
.planing .candidat a:hover { text-decoration: underline ; }


/* Style divers */
.vert { color: #008C00 ; }