body{color:#333;background-color:#f7f7f7;font-family:sans;font-size:large;}

h1{text-align:center;}
h3.date{font-size:small;font-weight:normal;}
h3.date::before{content:"Dernière révision : ";}

table{margin:0 auto;width:100%;}
td{padding:0.5em 0em;}
td:first-child{text-align:right;}
input[type=text]{
width:100%;margin:0 auto;font-family:monospace;
/* inspired from https://stackoverflow.com/questions/4191260/drawing-a-grid-using-css/28344125#28344125 */
background-image: repeating-linear-gradient(90deg,transparent,transparent 23px,#CCC 23px,#CCC 24px);
background-position: -4px 0;
font-size: 20px;
letter-spacing: 12px;
}
input[type=text].onecharacter{
    width:1em;margin:inherit;
letter-spacing:inherit;
}
textarea, .worksheet{
width:100%;height:8em;font-size:20px;font-family:monospace;letter-spacing:12px;
background-image: repeating-linear-gradient(180deg,transparent,transparent 23px,#CCC 23px,#CCC 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,#CCC 23px,#CCC 24px);
background-position: -4px 2px;
}
*[readonly]{
background-color:#e7e7e7;
}
div.worksheet{border:1px solid black;background-color:#e7e7e7;overflow:auto;word-wrap:break-word;}
div.worksheet[contenteditable]{background-color:white;}
p.instructions{width:30em;margin:0 auto;margin-bottom:0.5em;text-indent:1.5em;}
footer{text-align:right;}
.centered{text-align:center;}