@import url(common_screen.css);  /* stuff that makes the slides look better than blah */

body {
 font-size:120%;
 background-color:#CCC;
}

div.slide {
 border-width:1em 0 0 0;
 border-color:#666;
 border-style:solid;
 padding:0.2em 2em;
}

.slide .extra_comment>:first-child::before {
  display:block;
  font-size:120%;
  font-weight:bold;
  text-align:center;
}

.slide .extra_comment {
  padding:0.5em 1em;
  background-color:#BBB;
  margin-top:0.5em;
  border:#000 solid 0.2em;
}

.slidechapter *, #slide0 * {text-align:center;}

/* don't change this unless you want the layout stuff to show up in the outline view! */

.layout div, #footer *, #controlForm * {display: none;}
#footer, #controls, #controlForm, #navLinks, #toggle {
  display: block; visibility: visible; margin: 0; padding: 0;}
#toggle {float: right; padding: 0.5em;}
html>body #toggle {position: fixed; bottom: 0; right: 0;}

/* making the outline look pretty-ish */

#slide0 h2:after {content:''}
#slide0, .slidechapter h1 {background-color:#FF9;}
#slide0 h1, #slide0 h2, #slide0 h3, #slide0 h4, .slidechapter h1 {border: none; margin:1em;}
#toggle {border: 1px solid; border-width: 1px 0 0 1px; background: #FFF;}

div.lastSlide h2,
div.lastSlide h3 {display:none}

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

ul,ol {padding-left:2em}

.slide h2 cite {color:#F00}

.slide h2 {text-align:center}

div.slide>h2:after {
 padding-right:1em;
 float:right;
 text-align:right;
 color:#888;
 content: "(diapo " counter(title_num, decimal) ")";
}

.slidechapter~.slide>h2:before {
 padding-left:1em;
 float:left;
 content: 'chap ' counter(chapter_num, upper-roman);
 color:#888;
}

.slidechapter>h1:before {
 text-align:center;
 display:block;
 content: "chapitre " counter(chapter_num, decimal);
 color:#666;
}

div.slide pre {margin:1em auto}

.current_slide .extra_comment {background-color:#EEF}
.current_slide {background-color:#FFF}
.current {background-color:#FCC;border:solid red 1px}
.autoresize {
    margin-top:1.5em;
    margin-bottom:1.5em;
}

table {
 margin:0 auto;
 background-color:#FFC;
 color:#444;
 border:4px solid #CC5;
}

#slide0 img {
 height:5em;
 margin-top:1em;
}