@media screen {
  body
  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    background: white;
    color: black;
    width: 80%;
    background: white;
    margin: 1em auto 3em auto;
    padding: 0 2em 0 2em;
  }

  a,
  a:link,
  a:visited,
  a:active
  {
    text-decoration: none;
    color: blue;
  }
  a:hover
  {
    text-decoration:none; text-shadow:1px 1px 2px #ccf;
  }

  h1, h2, h3, h4, h5, h6
  {
    color:maroon;
  }
  h1 { 
    text-align:center;
  }
  
  h2 { 
    width:100%;
    padding:2px;
    clear:both;
    margin:0;
  }

  pre {
      background-color: #eee;
      padding: 10px;
      border-radius: 5px;
      overflow: auto;
  }

  code {
      background-color: #eee;
      padding: 1px 3px;
      border-radius: 2px;
      white-space: pre-wrap;
      word-break:keep-all;
  }
  .enseignant {
      padding: .5em 1em;
      margin: .5em;
      background: #ffe6e6;
      border-radius: 2px;
      border-color: red;
      border-width: 1px;
      border-style: dashed;
  }
  .correction {
      padding: .1em 1em;
      margin: .5em;
      background: #e6ffe6;
      border-radius: 2px;
      border-color: green;
      border-width: 1px;
      border-style: dashed;
  }
  
  footer#ours { 
    color:black;
    text-align:left;
    font-size:.5em;
    font-style:italic;
    margin-top:5em;
    margin-left:-.3em;
    margin-right:-.3em;
    margin-bottom:0.25em;
    padding:.75em .75em 0 .75em;
  }
}

@media print
{
  body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    background: white;
    color: black;
    margin: 0;
    padding: 0;
  }
  h1
  {
    clear: both;
    font-size: 125%;
  }
}