@IMPORT url("highlight.css");

body {font-family:sans-serif;
      background-color:#FFC;}

h1 {counter-reset:par_num}
div.exo {
 counter-increment:par_num;
}

div.exo:before {
 content: "Exercice " counter(par_num, decimal) " :";
 color:#700;
 font-size:130%;
 font-weight:bold;
 display:block;
}

samp {
 background-color:#333;
 font-weight:bold;
 color:#FF0;
}

var {
 background-color:#FFF;
 color:#067;
}

kbd {
 background-color:#000;
 color:#FFF;
}

samp, tt, kbd, code {white-space:nowrap}
pre * {white-space:inherit; font-weight:bold}

pre {
 background-color:#333;
 border:1px #FFF solid;
 padding:2px 5px;
 overflow:auto;
}

pre,
code {
 overflow:auto;
 white-space: pre-wrap;
}

blockquote {background-color:#FF8;
            font-style:oblique;
            padding:0.5em 1em;
            border:solid 1px red;}

blockquote a {font-weight:bold;}

a {color:#473;}
a:visited {color:#66F;}
a:hover {color:#F80;}

div.solution {background-color:#444;}
div.solution_crypt {background-color:#944;}

div.solution_crypt,
div.solution {
 color:#BBB;
 padding:0.5em 1em;
}

div.solution_crypt pre {background-color:#733}

div.solution_crypt *,
div.solution * {visibility:hidden;}

div.solution_crypt:active *,
div.solution:active * {visibility:visible;}

div.solution_crypt:hover,
div.solution:hover {
 background-color:#BBB;
 color:#004;
}

div.solution_crypt:before {
  color:#F40;
  content: "Solution cryptée :"
}
div.solution:before {content: "Solution :"}

div.solution_crypt:before,
div.solution:before {
 font-size:120%;
 font-weight:bold;
 display:block;
}

div.pref {
 border:solid #F00 1px;
 padding:0.5em 1em;
 color:#400;
 background-color:#FFF;
}

div.exo {
 border-width:1em 0;
 border:solid #CCC 1em;
 padding:0.5em 1em;
 background-color:#FFF;
}

table {
 width:100%;
 background-color:#FFC;
 text-align:center;
 border:solid 1px #000;
 border-collapse:collapse;
}

table.result {
 width:auto;
 background-color:#AAA;
 text-align:center;
 border:solid 1px #000;
 border-collapse:collapse;
}

td,th {border:solid 1px #000;}

div.show {
 background-color:#CCF;
 padding:1em;
}

div.show table {
 color:#000;
}

.html {
 color:#888;
 font-weight:bold;
}

div.validator {text-align:center;color:#888;border:#888 solid;border-width:2px 0;padding:0.2em}
div.validator img {vertical-align:middle}

.crypt em {color:#F40}