*    {
           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: #D00000;
    }
    h2   {
           color: #D00000;
           clear: both;
           cursor: pointer;
         }
    p, h2  { margin-top: 0.25em; }
	.oui{
	  		color: #00B000;
	}
	.non{
	  		color: #D00000;
	}
    p.signature
         {
           text-align: center;
           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, steelblue);
      }

      .panel, .noscreen { display: none; }
      h2:before
           {
             content: '+ ';
             color: #D00000;
           }
      h2.reveal:before
           {
             content: '- ';
           }

      p.score	{
      		color: #B0B000;
      		font-size: larger;
      		text-align: center;
      		margin: 1em 0;
      }
	  li.option span {
	  		display: none;
	  }
	  .option   { cursor: pointer; }

      a    		{ color: #B0B000; }
      p.signature { color: #B0B000; }
    }
    @media print {
      .footnote, .noprint { display: none; }
      p.signature { color: orange; }
    }