html {
  font-family: system-ui;
  font-size: 12pt;
}

body {
  margin: 0;
  background-color: #f6f6f6;
}

button {
  width: 2.2rem;
  height: 2.2rem;
}

div#buttons {
  position: fixed;
  background-color: #dddddddd;
  border-bottom: 3px solid #ccccccdd;
  top: 0;
  left: 0;
  right: 0;
  height: 3rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200;
}

div#buttons #taButtonLabel {
  position: relative;
  font-size: 1.8rem;
  top: +0.2rem;
}

div#buttons #lockButtonLabel {
  position: relative;
  font-size: 1.8rem;
  top: +0.2rem;
}

div.ta { 
  margin-left: auto;
  margin-right: auto;
  max-width: 1200;
}

textarea#ta {
  position: relative;
  top: 3rem;
  display: none;
  width: 100%;
  height: 15rem;
  padding-left: 3rem;
  padding-right: 3rem;
  background-color: #cceeff;
}

div#mdnotes {
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200;
  padding-top: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-bottom: 1rem;
  margin-bottom: 3rem;
  background-color: #ffffff;
  min-height: 90%;
}

div#mdnotes span.tokenfictif {
  font-weight: 1;
  color: #1353b3;
}

div#mdnotes:focus {
  outline: none;
}

div#mdnotes div.line {
  border-bottom: 1px solid #dddddd;
  padding-top: 0rem;
  margin-top: 0rem;
  font-size: 8pt;
}

div#mdnotes div.h1 {
  font-size: 3rem;
  margin-top: 1.5rem;
  margin-bottom: 1.3rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #dddddd;
}

div#mdnotes div.h2 {
  font-size: 2.3rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

div#mdnotes div.h3 {
  font-size: 1.8rem;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}

div#mdnotes div.h4 {
  font-style: italic;
  font-size: 1.4rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

div#mdnotes div.bq1 {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  padding-left: .9rem;
  background-color: #f5f5f5;
  border-left: .3rem solid #446699;
}

div#mdnotes div.bq2 {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  padding-left: .6rem;
  background-color: #f5f5f5;
  border-left: .6rem solid #5577aa;
}

div#mdnotes div.bq3 {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  padding-left: .3rem;
  background-color: #f5f5f5;
  border-left: .9rem solid #6688bb;
}

div#mdnotes div.ul1 { display:list-item; list-style-position: inside; padding-left: 2.2rem; padding-bottom: .2rem; padding-top: .2rem; }
div#mdnotes div.ul1.bq1 { padding-left: 1.9rem; }
div#mdnotes div.ul1.bq2 { padding-left: 1.6rem; }
div#mdnotes div.ul1.bq3 { padding-left: 1.3rem; }

div#mdnotes div.ul2 { display:list-item; list-style-position: inside; list-style-type: circle; padding-left: 2.7rem; padding-bottom: .2rem; padding-top: .2rem; }
div#mdnotes div.ul2.bq1 { padding-left: 2.4rem; }
div#mdnotes div.ul2.bq2 { padding-left: 2.1rem; }
div#mdnotes div.ul2.bq3 { padding-left: 1.8rem; }

div#mdnotes div.ul3 { display:list-item; list-style-position: inside; list-style-type: square; padding-left: 3.2rem; padding-bottom: .2rem; padding-top: .2rem; }
div#mdnotes div.ul3.bq1 { padding-left: 2.9rem; }
div#mdnotes div.ul3.bq2 { padding-left: 2.6rem; }
div#mdnotes div.ul3.bq3 { padding-left: 2.3rem; }

div#mdnotes div.ol1 { padding-left: 2.2rem; padding-bottom: .2rem; padding-top: .2rem; }
div#mdnotes div.ol1.bq1 { padding-left: 1.9rem; }
div#mdnotes div.ol1.bq2 { padding-left: 1.6rem; }
div#mdnotes div.ol1.bq3 { padding-left: 1.3rem; }

div#mdnotes div.ol2 { padding-left: 2.7rem; padding-bottom: .2rem; padding-top: .2rem; }
div#mdnotes div.ol2.bq1 { padding-left: 2.4rem; }
div#mdnotes div.ol2.bq2 { padding-left: 2.1rem; }
div#mdnotes div.ol2.bq3 { padding-left: 1.8rem; }

div#mdnotes div.ol3 { padding-left: 3.2rem; padding-bottom: .2rem; padding-top: .2rem; }
div#mdnotes div.ol3.bq1 { padding-left: 2.9rem; }
div#mdnotes div.ol3.bq2 { padding-left: 2.6rem; }
div#mdnotes div.ol3.bq3 { padding-left: 2.3rem; }

div#mdnotes span.oltoken {
  display: inline-block;
  width: 2rem;
}

div#mdnotes span.lefttablespacer {
  display: inline-block;
}

div#mdnotes span.righttablespacer {
  display: inline-block;
}

div#mdnotes div.tablerow {
  margin-top: .5rem;
  margin-bottom: .9rem;
}

div#mdnotes span.tablerow {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 0.4rem;
}

div#mdnotes div.firsttablerow {
  margin-top: 1.5rem;
}

div#mdnotes div.firsttablerow span.tablerow {
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #666666;
  font-weight: bold;
}

div#mdnotes div.lasttablerow {
  margin-bottom: 1.5rem;
}

div#mdnotes div.lasttablerow span.tablerow {
  margin-bottom: 1.5rem;
  border-bottom: none;
}


div#mdnotes div.mdnotes_line span.token {
  font-weight: 1;
  color: #1353b3;
  overflow: hidden;
}

div#mdnotes div.mdnotes_line span.token {
  font-size: 0;
}

div#mdnotes:focus div.mdnotes_line span.token {
  font-size: inherit;
}

div#mdnotes div.body {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

div#mdnotes span.bold {
  font-weight: bold;
}

div#mdnotes span.italic {
  font-style: italic;
}

div#mdnotes span.mono {
  font-family: monospace;
  color: #885511;
}