/*
.flowplayer {
    background:#2B2B2B url('http://dev.innunimetau.ca/media/nfb-onf-logo-beta1_1.gif') no-repeat fixed 20px 20px;
    background:#2B2B2B;
    display:block;
}
*/
div#description { width: 880px; padding: 20px; margin: 0 auto -50px auto; }

div#flowplayer { padding-top: 20px; border: 1px solid #ccc; text-align: center; }
div#flowplayer object { }
div#flowplayer img { }

div#zone_clip { float: left; padding: 5px 20px 20px 20px; margin: 10px 0px 10px 10px; width: 520px; }
div#zone_description, div#zone_lecteur { margin: 10px 0; }
div#zone_description div.contour_transcription { padding: 10px 0; background-color: #fefdf6; border: 1px solid #ccc; }
div#transcription p { max-height : 150px; overflow: auto; font-size: 1.1em; padding: 0 10px; margin: 0; }
div#zone_precedent { float: left; color: #ccc; }
div#zone_suivant { float: right; color: #ccc; }
div#navigation { text-align: center; padding: 20px 0; }
span.explicite { display: block; margin-top: 1.5em; font-style:italic; font-size: 0.8em; }

div#zone_liste { float: right; padding: 40px 20px 20px 20px; margin: 10px 10px 10px 0px; width: 340px; }
div#zone_liste ul { list-style-type: none; margin: 0; padding: 0; font-size: 1.2em; }
div#zone_liste li { border: 1px solid transparent; margin: 10px 0; padding: 5px; }
    div#zone_liste li:hover { border: 1px solid #ccc; background-color: #fefdf6; }
div#zone_liste li.actif { border: 1px solid #ccc; background-color: #fef9e5; }
div#zone_liste li div.contenant { position: relative; height: 72px; }
div#zone_liste li div.contenant div.vignette { position: absolute; top: 0px; left: 0px; width: 114px; }
div#zone_liste li div.contenant div.vignette img { border: 1px solid #ccc; }
div#zone_liste li div.contenant div.titre { position: absolute; top: 0px; left: 130px; width: 180px; }
div#zone_liste li div.contenant span.duree { font-size: 0.8em; }

div.zone_titre { margin: 15px; font-size: 16px; }

div#zone_info { border: 1px solid #ccc; background-color: #fefdf6; padding: 10px; }

div#zone_info dl { font-size: 1.2em; margin: 15px; }
div#zone_info dt { margin-top: 10px; }
div#zone_info dd { margin-left: 10px; }

div#zone_liste hr { border: 0; border-top: 1px solid #ccc; margin-left: 0px; margin-right: 0px; }
div#zone_liste span#repere_linguistique { margin-left: 15px; }
div#zone_liste div a { padding-right: 15px; }


ul#liste_element_ensemble { list-style-type: none; margin: 0; padding: 0; font-size: 1.2em; }
ul#liste_element_ensemble li { vertical-align: top; border: 0px solid #ccc; position: relative; width: 440px; }
ul#liste_element_ensemble div.contenant { width: 440px; height: 145px; position: relative; }

ul#liste_element_ensemble li div.clip_vignette { position: absolute; top: 0px; left: 0px; width: 114px; }
ul#liste_element_ensemble li div.clip_vignette img { border: 1px solid #ccc; }
ul#liste_element_ensemble li div.clip_description  { position: absolute; top: 0px; left: 130px; width: 295px; }
ul#liste_element_ensemble li span.clip_duree  { font-size: 0.8em; }

div#zone_description div.contour_transcription p { line-height: 1.9em; }
/*div#zone_description div.contour_transcription p br { margin-top: 50px; }*/
span.narrateur { font-weight: bold; }