/* Barre menu gestion */

.bar-menu-gestion{
    width:100%;
    height:20px;
    padding-left:0.5vw;
    padding-bottom:0.5vw;
}

/* style block galerie */

.view-galerie{
    width:95%;
    height:auto;
    padding:1vw;
}
.menu-galerie{
    font-size:calc(8px + 0.2vw);
    padding:0.1vw;
    margin-bottom: 0.5vw;
    border-radius:3px;
    color:black;
    background-color: #ffa800;
    border:1px solid #ffa800;
}
.menu-video{
    font-size:calc(8px + 0.2vw);
    padding:0.1vw;
    margin-bottom: 0.5vw;
    border-radius:3px;
    color:black;
    background-color: #ffa800;
    border:1px solid #ffa800;
}
.retour-block-galerie{
    width:100%;
    height:auto;
    min-height:400px;
}
.block-dos-galerie{
    width:100%;
    height:auto;
    padding:0.5vw;
}
.nom-dos-galerie{
    font-size:calc(8px + 0.4vw);
    text-transform: uppercase;
    color:#ffa800;
    padding-left:0.5vw;
}

/* block galerie-albums */

.block-galerie{
    width:120px;
    height:140px;
    overflow:hidden;
    margin:0.2vw;
    overflow:hidden;
    border-radius:3px;
    border:1px solid #ffa800;
    box-shadow:0px 1px 0px 0px transparent;
}
.img-galerie{
    width:100%;
	height:115px;
    border-radius:3px;
    padding:0.1vw;
}
.txt-galerie{
    margin:5px;
    font-size: calc(9px + 0.2vw);
    color:white;
}
.txt-galerie:hover{
    color:#ffa800;
}
.block-galerie:hover,
.mod-block-galerie:hover,
.block-player:hover,
.mod-block-player:hover{
    box-shadow:0px 2px 0px 0px #ffa800;
}

/* block galerie-videos */

.block-player{
    width:120px;
    height:140px;
    overflow:hidden;
    margin:0.2vw;
    float:left;
    overflow: hidden;
    border-radius:3px;
    border: 1px solid #ffa800;
    box-shadow: 0px 1px 0px 0px transparent;
}
.player{
    width:100%;
    height:115px;
    border-radius:3px;
}
.txt-video{
    margin:5px;
    font-size:calc(9px + 0.2vw);
    color:white;
}
.txt-video:hover{
    color:#ffa800;
}

/* GESTION ADMIN */

/* Galeries */
.mod-block-galerie{
    min-width:80px;
    max-width:100px;
	min-height:80px;
    max-height:120px;
    float:left;
    overflow:hidden;
    margin:0.2vw;
    margin-top:0.5vw;
    border-radius:2px;
    box-shadow: 0px 1px 0px 0px transparent;
}
.mod-img-galerie{
    width:85px;
    height:80px;
    border-radius:2px;
}
.but-mod-gal{
    border:0px;
    background-color: white;
    font-size: calc(8px + 0.2vw);
    padding:0.2vw;
}
.but-sup-img-galerie{
    width:15px;
    height:15px;
    top:0px;
}
.inputinvisible{
    border:0;
    max-width:100%;
    border-color:transparent;
}

/* Videos */

.block-gest-video{
    max-width:150px;
    min-width:100px;
    min-height:80px;
    max-height:100px;
    padding:0.5vw;
    overflow: hidden;
}
.img-gest-video{
    max-width:85%;
    height:85px;
    border-radius:3px;
}
.txt-gest-video{
    margin:5px;
    font-size: calc(9px + 0.2vw);
    color:white;
}
.but-mod-vid{
    border:0px;
    background-color: white;
    font-size: calc(8px + 0.2vw);
    padding:0.2vw;
}
.but-sup-vid{
    width:15px;
    height:15px;
    top:0px;
}

/* LIGHTBOX */

.lightbox-background{
    top:0;
    left:0;
    width:100%;
    height:100%;
    position:fixed;
	overflow:auto;
	background-color:black;
    z-index:1;
}
.lightbox-contenu{
	margin:auto;
	padding:0;
    margin-top:3vw;
	min-width:80%;
	max-width:90%;
    height:auto;
	position:relative;
	background-color:black;
	border:1px solid #ffa800;
	border-radius:2px;
}
.titre{
	font-size:calc(10px + 0.8vw);
	color:#ffa800;
	text-align:center;
	padding:0.5vw;
}
.fermer{
    top:0;
    padding-top:0.5vw;
    padding-right:1vw;
    float:right;
    font-size:calc(10px + 0.8vw);
    color:#ffa800;
}
.fermer:hover,
.fermer:focus{
	color:red;
	text-decoration:none;
	cursor:pointer;
}
.image-galerie{
    width:auto;
    max-height:35vw;
}
.cine-player{
    max-width:100%;
    max-height:35vw; 
}
.revenir, .suivant{
    top:50%;
    width:auto;
    padding:1vw;
    margin-top:-2vw;
    position:absolute;
    cursor:pointer;
    font-weight:bold;
    font-size:calc(10px + 0.8vw);
    color:#ffa800;
}
.revenir{
	left:1vw;
	border-radius:0 3px 3px 0;
}
.suivant{
	right:1vw;
	border-radius:3px 0 0 3px;
}
.revenir:hover,
.suivant:hover{
	background-color:#ffa800;
    color:black;
}
.text-contenu{
    padding-bottom:2vw;
    text-align:center;
}
.img-text{
    padding:1vw;
    font-size:calc(10px + 0.2vw);
    color:#ffa800;
}
.vid-text{
    padding:1vw;
    font-size:calc(10px + 0.2vw);
    color:#ffa800;
}
.mini-imgs{
	float:left;
	width:auto;
	max-height:5vw;
	padding:0.6vw;
}
.mini-player{
	float:left;
	width:150px;
	max-height:5vw;
	padding:0.5vw;
}
.demo{
	opacity:1;
}
.demo:hover{
	opacity:0.5;
}
.hover-shadow{
	transition:0.2s;
}
.hover-shadow:hover{
	box-shadow: 0 0 0 0 rgba(255, 230, 0, 0.5), 0 10px 20px 0 rgba(255, 230, 0, 0.5);
}