body {font-family: arial, "sans serif";font-size:medium;margin: 30px;}
a {text-decoration: none; cursor: pointer;}

div#entete {border-bottom: 1px solid;}
div#entete h1 {font-style: normal; margin-top: 0em;}
div#entete h2 {font-style: normal; font-size: medium; font-weight: bold; margin-top: -0.9em; margin-bottom: 0.5em;}

div#corps {margin-top: 2em;}

h3 {margin-bottom: -0.5em; font-size: medium;}

ol {list-style-type: lower-alpha;margin-bottom: 0.6em;}

ul {list-style-type: square;margin-bottom: 0.6em;}
li {margin-top: 0.3em;}
li+li {margin-top: 0.5em;}

ul ul, ol ul {list-style-type: none;}
ul ul li:before, ol ul li:before {content: "\2013\00A0";}
ul ul li, ol ul li {text-indent: -0.8em;}

dl {width: 100%;}
dt {width: 15em;float: left;clear: left;margin-left: 0em;}
dd {margin-left: 15.5em;margin-bottom: 2em;padding-bottom: 0.3em;}

dd>ul {padding-left: 1.1em;}

#corps a:hover {text-decoration: underline;}
p {text-align: left;}
p.conclusif:before {content: "\27a0";}
p.conclusif {color: #000;margin-left: 1.5em;text-indent: -1.5em;margin-top: 1.5em;}
p.conclusif + p.conclusif {margin-top: -0.6em;}
p.exemple:before {content: "Ex:\00A0";}
p.exemple {margin-left: 1.15em;text-indent: -1.15em;margin-top: 1.5em;}
p.exemple + p.exemple {margin-top: -0.6em;}
span.pointeur {font-family: "zapf dingbats"; padding-right: 0.2em;}

blockquote {font-family: courier; margin-left: 0px}

.ouvrage {font-style: italic;}
.article:before, q:before {content: "\00AB\00A0";}
.article:after, q:after {content: "\00A0\00BB";}
.nom {font-variant: small-caps;}
.xeno {font-style: italic;}
body *[lang] {font-style: italic;}

sup {font-size: xx-small;}

div.illustration {float: left; margin: 1em 1em 0.5em 0em;}
div.illustration img {border: none;}
div.illustration p.legende {font-size: smaller;margin: -0.2em 0em -0.2em 0em;}

.consigne:before  {content: "Consigne:\00A0";font-weight: bold;}
.consigne {margin-left: 2em;margin-top: 1.5em;padding: 0.3em;}

div#credits {border-top: 1px solid;margin-top: 3em;}
#credits p {text-align:right;font-size:small;margin-top:0.2em;font-style:italic;}


/*gestion des couleurs*/
body, #credits a, h2 a, p.exemple {color: #000;}
a, div#entete h2, dt, h3, .consigne:before {color: #44a;}
div#entete, div#credits {border-color: #44a;}
p.conclusif:before, span.pointeur {color: #a44;}
p.exemple:before {color: #4a4;}
.consigne {background: #bbb;}