*{margin:0;padding:0;vertical-align:top}

body{font-family:Arial,sans-serif;}

#lecteur_playlists{position:fixed;left:0;top:0;bottom:0;overflow:auto;width:20%;background:#f8f9fa;}

#lecteur_playlists a,#lecteur_contenu a{display:block;text-decoration:none;color:#000;cursor:pointer;padding:5px;border-bottom:1px solid #eef;font-size:90%}

#span_infos_pl_ouverte{padding:10px;font-size:80%;color:#444;display:block}

h2{margin-bottom:10px;position:sticky;top:0;background:rgba(255,255,255,.92);}

.lecteur_a_morceau_parent{display:flex;vertical-align:top}
.lecteur_a_morceau_parent a{flex:auto}
.lecteur_a_morceau_parent input{flex:none;background:0;border:0;padding:5px 0;border-bottom:1px solid #eef;visibility:hidden;}


#div_lecteur_progression_title{font-weight:bold}

.lecteur_a_morceau_parent:hover > input{visibility:visible}

h2,#lecteur_contenu p{padding-left:10px}

#lecteur_contenu a.morceau_actif,#lecteur_playlists a.active_playlist,#lecteur_playlists a.active_playlist:hover,#lecteur_contenu a.morceau_actif:hover{background:#57B9FF}

#lecteur_playlists a:hover,#lecteur_contenu a:hover,.lecteur_a_morceau_parent:hover{background:#90D5FF}



#lecteur_contenu{display:inline-block;width:80%;margin-left:20%}

#div_lecteur_audio{position:sticky;bottom:0;width:80%;left:20%;text-align:center;background:rgba(255,255,255,.92);border:5px solid #dee2e6;border-radius:5px;border-right:0;border-bottom:0;z-index:10}

#div_controles_mobile{display:none}
#div_lecteur_audio input,#lecteur_playlists input{border:0;font-size:2em;cursor:pointer;background:none}

#div_lecteur_progression{border-bottom:2px solid #dee2e6;margin:0 auto 10px auto;padding:5px}

#lecteur_contenu_form{opacity:.8;display:none;margin-top:70px;font-size:80%;z-index:2}

#footer{margin-top:30px;font-size:80%;color:#555;text-align:center}

input#btn_menu{display:none}

#span_lecteur_progression_playlist{font-size:80%;display:block;margin-bottom:5px;color:#444;}

.upload_progres{border:1px solid #000;padding:4px}

#lecteur_cdumobile{display:none}

#lecteur_div_menu_contextuel_morceau{position:absolute;display:none;border:1px solid #ccc;background:rgba(255,255,255,.92);padding:3px}
#lecteur_div_menu_contextuel_morceau a{display:block}


@media(max-width:900px){
#h2{position:sticky;top:0;font-size:35px;background:rgba(255,255,255,.92);}
#lecteur_contenu_liste{margin-top:40px;}
#lecteur_playlists{display:none;width:100%;position:fixed;top:40px;height:calc(100% - 40px);overflow:auto;z-index:90}
#lecteur_contenu{margin:0;width:100%;z-index:100000}
#h2pl{display:none}
#lecteur_cdumobile{display:block;width:1px;height:1px}

input#btn_menu{font-size:inherit;border:0;background:0;display:inline-block;margin-right:5px}

#div_lecteur_audio{width:100%;left:0;border-left:0;border-radius:0;z-index:90}
}