/*
  This file is part of abuledu-raconte-moi
  https://redmine.ryxeo.com/projects/leterrier-racont
  initial css from http://www.toolness.com/wp/?p=772
*/
body {
    background: white;
    font-family: Helvetica, Sans-Serif;
    text-align: center;
}

h1 {
    font-weight: normal;
    font-size: 24pt;
}

#controler {
    width: 250px;
    margin: 0 auto;
    background: white;
    position: absolute;
    top: 250px;
    left: 10px;
}

audio {
    width: 250px;
}

#container {
    width: 660px;
    margin: 0 auto;
    background: white;
}

#subtitles {
    width: 660px;
    height: 4em;
    margin: 0 auto;
    font-size: 12pt;
    display: none;
}

#subtitles p {
    display: none;
}

#subtitles .visible {
    display: block;
}

#slides {
    height: 400px;
    margin: 0 auto;
    display: table;
    position: static;
}

#slides div {
    font-size: 24pt;
    display: none;
    vertical-align: middle;
}

#slides .visible {
    display: table-cell;
}

#slides div em {
    font-style: normal;
    font-weight: bold;
}

#hide-subtitles {
    display: none;
}

#info {
    font-size: 8pt;
}

.button {
    color: gray;
    font-size: 9pt;
    cursor: pointer;
}

img {
    border: none;
}

a {
    white-space: nowrap;
    color: black;
}

.normal {
    color: gray;
    text-align: justify;
}