body { font-family:sans-serif; font-size:12px;}
fieldset div { margin-bottom:3px;}
[name=lc]{width:287px;}
fieldset div > label { display:inline-block; min-width:55px; margin-right:10px;}
legend { font-size:18px; }
.error { background:red; color:white; font-weight:bold; }
#horaire  {float:left; max-width:774px}
#horaire textarea { width:292px; height:100px; margin:0 4px; white-space:pre;}
 tt {background-color:#ddd}
 #generated { float:left; font-size:11px; font-family:tahoma; white-space:nowrap; overflow-y:auto; max-height:500px; max-width:475px; width:475px; height:330px; margin-left:7px; }
 #generated, fieldset { border:1px solid #888; position:relative; }
 #generated div { float:left; margin-left:10px; min-height:162px; }
 #generated span.c { background:#44A; color:white; }
 #generated span.o { color:#888; }
 #generated span.f { background:#888; color:white;  }
 #generated span {display:inline-block; width:22px; height:20px; padding:0 3px;}
 #calendar { float:left; margin-bottom:20px; }
 #calendar, #horaire { min-width: 900px; }
input[type=number] {width:40px}
#submit-div { max-width:400px; margin-top:4px;margin-bottom: -10px; }
#calendar.closed #edit { display:none; }
#calendar.closed #generated { clear:both; max-width:950px;width:914px; margin: 10px -7px 0; border-width:0;  padding-top:10px; float:none; height:auto; }
form { display:inline}
#aedit { float:right; display:none; text-decoration:none; }
#calendar.closed #aedit { display:inline-block; }
.help { position:absolute; display:block; left:900px; margin:4px 0; z-index:1; background:white; padding:0 4px; text-decoration:none; }
#help { cursor:default; position:absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,0.3); z-index:2; display:none; }
body.showhelp #help { display:block; }
body.showhelp {overflow:hidden; }
#aedit:hover, .help:hover { text-decoration:underline;}
#help p { font-size: 14px; }
#help .close { float:right; margin:10px 0;}
#help > div { width:820px; padding:0 20px; margin:40px; border:1px solid black; box-shadow: 0 0 4px #000; background:white; overflow:auto; overflow-x: none; max-height:calc(100% - 80px)   }
sub {font-size: 8px; border: 1px solid #ccc; padding: 1px;}
@media print {
    #calendar #edit { display:none; }
    #calendar > div > div { display:none; }
    #calendar > div > #generated { display:block; }
    .scr {display: none}
    #calendar.closed #aedit, body.showhelp #help, .help {display: none}
}