#wrapper {
    background-color: transparent;
}

BODY.page-liseuse {
    margin: 0;
	padding: 0;				/* si padding-left risque de voir la partie droite du slideleftmenu lorsqu'il est fermé */
    /* left panel */
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    oposition: relative;
    /* Prevent overscroll bounce in iOS */
	
	/*
	 * lorsque le dialog jquery ui des articles est ouvert et que sur un des boutons du haut le tooltip sort 
	 * alors cela produit un élargissement fugace mais qui fait apparaitre les scrollbars 
	 * cela ne se produirait que si l'inspecteur est ouvert et cela dépend de sa largeur
	 */
	/*overflow: hidden;*/
}

.strut-container-width-auto-height-max {
    display: inline-block;
    height: 100px;
    vertical-align: top;
}

.strut-container-width-limited-height-double {
    display: inline-block;
    height: 200px;
    overflow-x: hidden;
    ooverflow-y: visible;
	overflow-y: hidden;
    white-space: nowrap;
    vertical-align: top;
}

.strut {
    height: 100px;
    display: inline-block;
}

.player-header-sla {
	font-size: 0.8em;
}
.liseuse-header-block0 {
    width: 100%;
}

.liseuse-header-block0, .liseuse-header-block0 DIV {
}

.strut {
}

.liseuse-header-block0 .strut-container-width-limited-height-double {
    height: 26px;
}

.liseuse-header-block0 .strut-container-width-auto-height-max {
    height: 20px;
}

.liseuse-header-block0 .strut {
    height: 20px;
}

/* large */
@media (min-width: 900px) {
    .liseuse-header-block1 {
        display: inline-block;
    }
    .liseuse-header-block11 {
        display: inline-block;
    }
    .liseuse-header-block12 {
        display: inline-block;
    }
    /*.liseuse-header-block2 {
        display: inline-block;
    }*/
}
/* moyen */
@media (min-width: 640px) and (max-width: 900px) {
    .liseuse-header-block1 {
        display: block;
    }
    .liseuse-header-block11 {
        display: inline-block;
    }
    .liseuse-header-block12 {
        display: inline-block;
    }
    /*.liseuse-header-block2 {
        display: block;
    }
    .liseuse-header-block2 SPAN.strut {
        display: none;
    }*/
}
/* petit */
@media (max-width: 640px) {
    .liseuse-header-block0 .strut-container-width-limited-height-double {
        height: auto;
    }
    .liseuse-header-block0 .strut-container-width-auto-height-max {
        height: auto;
    }
    .liseuse-header-block1 {
        display: block;
    }
    .liseuse-header-block11 {
        display: block;
    }
    .liseuse-header-block11 SPAN.strut {
    }
    .liseuse-header-block12 {
        display: block;
        line-height: normal;
    }
    .liseuse-header-block12 SPAN.strut {
        display: none;
    }
    /*.liseuse-header-block2 {
        display: block;
        line-height: normal;
    }
    .liseuse-header-block2 SPAN.strut {
        display: none;
    }*/
}

.btn-fullscreen {
	background-color: transparent;
    display: inline-block;
    background-image: url(/player/icons/fs-disabled.png);
    background-repeat: no-repeat;
    background-position: center;
	background-color: #4e4e51;
    cursor: pointer;
	width: 24px;
	height: 24px;
	box-sizing: border-box;			/* includes content, padding and border */
	padding: 0;
	border: 0px none transparent;
	margin: 2px;
}
.btn-fullscreen IMG { width: 24px; height: 24px; }
.btn-fullscreen-enabled {
    background-image: url(/player/icons/fs-enabled.png);
}