.disp_n { display: none; }

html .item-grid.w2 .btn_LSF img, html .item-grid.w2 .btn_AD img, html .item-grid.w2 .btn_transcription img {
    width: inherit;
}

.btn_closeTxtTranscription { background-color: #000; }

.btn_LSF { background: #000 url('http://www.cite-sciences.fr/fileadmin/plugin/be_dce/handicap-malentendant-blanc.png') no-repeat center center; }
.btn_transcription { background: #000 url('http://www.cite-sciences.fr/fileadmin/plugin/be_dce/text_blanc_20.png') no-repeat center center; }
.btn_transcription_audio.btn_transcription { background: #FFF url('http://www.cite-sciences.fr/fileadmin/plugin/be_dce/text_gris_20.png') no-repeat center center; color: #565d64; }
.btn_AD { background: #000 url('http://www.cite-sciences.fr/fileadmin/plugin/be_dce/ad_blanc_3.png') no-repeat center center; }

.btn_LSF:hover, .btn_LSF:focus, .btn_LSF:active { background: #FFF url('http://www.cite-sciences.fr/fileadmin/plugin/be_dce/handicap-malentendant.png') no-repeat center center; color: #000; }
.btn_transcription:hover, .btn_transcription:focus, .btn_transcription:active { background: #FFF url('http://www.cite-sciences.fr/fileadmin/plugin/be_dce/text_noir_20.png') no-repeat center center; color: #000; }
.btn_transcription_audio.btn_transcription:hover, .btn_transcription_audio.btn_transcription:focus, .btn_transcription_audio.btn_transcription:active { background: #1A7CBD url('http://www.cite-sciences.fr/fileadmin/plugin/be_dce/text_blanc_20.png') no-repeat center center; color: #FFF; }
.btn_AD:hover, .btn_AD:focus, .btn_AD:active { background: #FFF url('http://www.cite-sciences.fr/fileadmin/plugin/be_dce/ad_noir_3.png') no-repeat center center; color: #000; }

.btn_LSF, .btn_transcription, .btn_closeTxtTranscription, .btn_AD {
    color: #FFF;
    text-transform: uppercase;
    border: 1px solid #000;
    box-sizing: border-box;
}

.btn_LSF, .btn_LSF:hover, .btn_LSF:focus, .btn_LSF:active {
    width: 65px;
    height: 40px;
    padding: 5px 13px;
    background-size: 36px 20px;
}

.btn_transcription, .btn_transcription:hover, .btn_transcription:focus, .btn_transcription:active {
    width: 65px;
    height: 40px;
    padding: 5px 20px;
    background-size: 20px 20px;
}

.btn_transcription_audio.btn_transcription {
    border: 1px solid #dbe3e8;
    border-top: 0px;
}

.btn_AD, .btn_AD:hover, .btn_AD:focus, .btn_AD:active {
    width: 65px;
    height: 40px;
    padding: 5px 9px;
    background-size: 45px 20px;
}

.hiddenTranscription { display: none; }

#containerTxtTranscription { padding: 20px; text-align: left; }

#containerTxtTranscription #titreTxtTranscription a {
    font-size: 40px;
    font-family: "A2 Regular Black",'Lato Black',Futura,sans-serif !important;
    font-weight: 800 !important;
    font-style: normal !important;
    text-transform: uppercase;
    cursor: default;
}

#containerTxtTranscription {
    height: 75vh;
    overflow-y: scroll;
}

#containerTxtTranscription #titreTxtTranscription a:hover, #containerTxtTranscription #titreTxtTranscription a:active {
    cursor: default;
}

#backgroundPopupPlayerAccess {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(10,10,10,0.65);
    z-index: 150;
    cursor: pointer;
}

#containerScrollTxtTranscription {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 80%;
    max-height: 80%;
    background: #FFF;
    margin: auto;
    z-index: 250;
    text-align: right;
}

#backgroundPopupPlayerAccess > div {
    overflow: hidden;
}

.BlocMedia .contextMedia:empty {
    margin-bottom: 0px;
}

@media screen and (max-width: 767px) and (min-width: 480px) {
    #containerScrollTxtTranscription {
        max-height: 90%;
    }
}