*    {
           margin: 0px;
           border: 0px;
           padding: 0px;
    }
    html {
		   min-height: 100%; /* fiddle to make the background gradient fill the window */
    }
    body {
    	   font-size: large;
    	   font-family: "Comic Sans MS", "Helvetica", cursive, sans-serif;
           padding: 0 2em;
    }
    h1	{
    		text-align: center;
    		color: #B00000;
    }
    p	{
    		margin-top: 0.25em;
    }
	.oui{
	  		color: #00B000;
	}
	.non{
	  		color: #B00000;
	}
    p.signature
         {
           text-align: center;
           color: #B0B000;
           font-style: italic;
           margin-top: 2em;
         }
    ol#main > li	{ margin-top: 1em; }
    li     		{ margin-left: 1.5em; }
    p.footnote  { font-size: smaller; }
    p.santa     { text-align: center; }
    .left		{ float:left; }
    .right		{ float:right; text-align: right; }

    @media screen {
      body {
    		color: #FFFFFF;
    		background-image: linear-gradient(to bottom, black, darkblue);
      }
      p.score	{
      		color: #B0B000;
      		font-size: larger;
      		text-align: center;
      		margin: 1em 0;
      }
	  li.option span {
	  		display: none;
	  }
	  .option   { cursor: pointer; }
      a    		{ color: #B0B000; }
      .noscreen { display: none; }
    }
    @media print {
      .footnote, .noprint { display: none; }
    }