@media screen and (max-width: 870px) {
    #theatre{
    	position:absolute;
    	top:0;
    	left:0;
    	right:0;
    	bottom:0;
    	padding:40px 20px;

    }

    /* CONTROLCONTAINER, VOLTITRE */
    #theatre #controlcontainer,
    body #VolTitre{
    	position:fixed;
    	display:inline-block;
    	text-align:center;
    	bottom:0;
    	left:0;
    	right:0;
    	max-width:360px;
    	margin:auto;
    }

    #theatre .paginationbox{
    	float:none;
    	display:inline-block;
    }

    #theatre .fa-chevron-right{
    	float:right;
    }

    #theatre .fa-chevron-left{
    	float:left;
    }

    body #VolTitre{
    	top:0;
    	bottom:initial;
        background: #900000;
    	padding: 5px 20px;
    	border-bottom-left-radius: 10px;
    	border-bottom-right-radius: 10px;
    	border-bottom: 1px solid #600000;
    	border-left: 1px solid #900000;
    	border-right: 1px solid #900000;
    	color: #fff;
    	z-index:100;
    }

	/* IMGMINICONTAIGNER */
	#theatre #imgminicontainer{
		margin : auto;
		width:auto;
		max-width:825px;
		min-width:280px;
		display:flex;
		flex-wrap:wrap;
	}

	#theatre .miniatures{
		min-width:110px;
		float: none;
		display: flex;
		justify-content: center;
		flex-direction: column;
		/*min-height:140px;*/
		max-height:150px;
	}

}