@import url(framing.css); /*sets basic placement and size of slide components*/
@import url(common_screen.css);  /*stuff that makes the slides look better than blah */

html {
    font-size:12px;
    font-size:1.2vw;
}

body {
    background-color:#FFF;
    color:#000;
    font-size: 2rem;
    font-family: Verdana, Helvetica, sans-serif;
}

.slide {
    height:100%;
    background-color:#FFF;
}

.slide .extra_comment {display:none;}

#slide0 img {
 height:60%;
 margin-top:5%;
}

#slide0 img:not(:only-of-type) {
 max-width:30%;
 margin-left:1em;
}

div.slide>h2 {
    font-size:130%;
    text-align:center;
    color:#248;
    margin:0 0.5em 0 2em;
}

div.slide ul li {
    padding:0;
    /*padding-left:0.2em;
    padding-right:0.2em;*/
}

div.slidecontent>ul {
    padding-left:0;
    margin-left:0;
}

div.slide h2 cite {
    color:#E8C;
}

li em {
    color:#C0C;
}

li pre em {
    color:#FCC;
}

q {color:#849}
dfn {color:#744}

#controls:active {color: #88A !important;}
#controls:focus {outline: 1px dotted #227;}

div#controls {
    position:absolute;
    right:0;
    bottom:0;
    text-align:right;
    /* La ligne ci-dessous dissimule les contrôles */
    display:none;
}

div#controls a {visibility:hidden}
div#controls:hover a {visibility:visible}

#controls #navLinks a {
    padding:0.05em 0.3em;
    margin:0 0.5em; 
    background:#FFF;
    border:1px solid #F88;
    color:#779; 
    cursor:pointer;
}
#controls #navList {height: 1em;}
#controls #navList #jumplist {position: absolute; bottom: 0; right: 0; background: #DDD; color: #227;}

#slide0 h1, body div.lastSlide h2 {font-size:200%; text-align:center;background:transparent;text-shadow:0.1em 0.1em 0.2em #888}
#slide0 h2, body div.lastSlide h3 {font: bold italic 1em Helvetica, sans-serif; text-align:center;text-shadow:0.1em 0.1em 0.2em #888}
#slide0 h3, body div.lastSlide h4 {font-size: 1.5em;}
#slide0 h4, body div.lastSlide h5 {font-size: 1em;}
#slide0 h1 {color:#090}
#slide0 h2 {color:#494}
body div.lastSlide h2 {color:#F44}
body div.lastSlide h3 {color:#F88}

#slide0 h1,
#slide0 h2,
div.lastSlide h2,
div.lastSlide h3 {
 margin-left:2em;
 margin-right:2em;
}

#title {padding-top:1em;color:#F88;font-size:120%;line-height:1em;text-align:center}

.slide .autoresize {
 margin-top:0;
 margin-bottom:0;
}

.slidecontent h2 {
    color:#FF4;
    text-shadow:#000 0 0 0.1em;
}

body div.lastSlide samp,
body div.lastSlide code,
body div.lastSlide pre,
body div.lastSlide kbd,
#slide0 samp,
#slide0 code,
#slide0 kbd,
#slide0 pre {
    text-shadow:none;
    box-shadow:#000 0.1em 0.1em 0.5em 0;
}

.slidecontent table tbody {
 margin:0 auto;
 background-color:#CC8;
 color:#444;
 border:4px solid #CC5;
}

.slidecontent table {
 display:block;
 border:4px transparent solid;
}

.slidecontent .autoresize {
    padding-top:0px;
    padding-bottom:0px;
}

.slide .current {
    background-color:#FFC;
  /*  border-width:2px 0;
    border-style:dashed;
    border-color:#F00; */
    color:#800; 
}

.slide .current>table th {background-color:#CCC}
.slide .current>table td {background-color:#FFF}
.slide .current>pre,
.slide pre.current {
    background-color:#550;
}

.slide pre.current {
    color:#FCF;
}

tt em,
samp em,
kbd em,
code em {color:#FCC}

.slide .current>pre,
.slide pre.current,
.slide table.current,
.slide .current>table {
    border-color:#00C !important;
}

.slide table.current tbody,
.slide .slidecontent .current table tbody {
    background-color:#FFF;
    border-color:#666;
}

.slide .slidecontent .incremental {
    opacity:0.1;
    visibility: visible;
}

.slide .slidecontent .incremental .incremental {
    opacity:1;
}

.slide .current[class~='warning'] {
    background-color:#E60;
    color:#FFF;
}

.slide .current[class~='info'] {
    background-color:#480;
    color:#FFF;
}

.slide .info {
    color:#480;
}

.slide .current[class~='error'] {
    background-color:#833;
    color:#FFF;
}

.slide .current a {color:#822}
.slide .current a:hover {color:#F00}

.slide div.image {
 height:80%;
 margin:0;
}

a {color:#844}
a:visited {color:#888}
a:hover {color:#F40}