/* ScrollBar */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,255,255, 0); 
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,255,255,0); 
}

/*space on div top*/
.lg-espace {
	margin-top: 50px;
}
.espace {
	margin-top: 30px;
}

/*Custom li active*/
.active .fa {
	background-color: transparent;
	text-decoration: underline;
}
.active {
	text-decoration: underline;
}

/*Player background*/
.backgroundLecteur {
	background: #444 url(../images/bg.jpg) repeat 0 0 scroll !important;
	border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

/*Navbar*/
.navbar {
	border-radius: 0 0 0 0;
	border: 0px;
	background-color: rgba(0, 0, 0, 0.5);
}
.navbar-nav > li > a {
	font-weight: bold;
	font-size: 25px;
}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}
.navbar-collapse {
	text-align: center;
}

/*Social glyphicons*/
.social {
	font-weight: normal;
}
.socialFooter a {
	color: #888888;
	border-color: transparent;
	font-weight: bold;
	font-size: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.socialFooter a:hover {
	color: #888888;
	border-color: transparent;
	font-weight: bold;
	font-size: 25px;
	color: #ffffff;
	background-color: transparent;
}
#socialRight {
	margin-top: 0px;
	margin-left: 10px;
}
#socialRight a {
	color: #888888;
	border-color: transparent;
	font-weight: bold;
	font-size: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#socialRight a:hover {
	color: #888888;
	border-color: transparent;
	font-weight: bold;
	font-size: 25px;
	color: #ffffff;
	background-color: transparent;
}

/*Logo & cover placement*/
section {
	display: block;
}
.stage {
	position: relative;
	height: 100%;
	vertical-align: bottom;
}
.stage #logo {
	display: block;
	position: absolute;
	margin-top: 45px;
	width: 100%;
	left: 0%;
}
.stage img {
    display: block;
    width: 100%;
    height: 100%;
}
img {
    text-align: center
}
img, img:before, img:after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

/*Liste instrument*/
#singer {
	font-size: 100%;
	display : list-item;
	list-style-image : url(../images/iconInstrument/mic1.png); 
	margin-top: 10px;
}
#drummer {
	font-size: 100%;
	display : list-item;
	list-style-image : url(../images/iconInstrument/drum1.png);	
	margin-top: 10px;
}
#pianist {
	font-size: 100%;
	display : list-item;
	list-style-image : url(../images/iconInstrument/piano1.png);
	margin-top: 10px;
}

/*Media Queries*/
/*Social & navbar*/
@media (max-width: 820px) {
	.navbar {
		border-radius: 0 0 0 0;
		border: 0px;
		background-color: rgba(0, 0, 0, 1);
	}
	#socialLeft {
		display: none;
	}
	#brand {
		display: none;
	}
}
/*Only Navbar*/
@media (max-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    .navbar .navbar-collapse {
        text-align: center;
    }
    .backgroundLecteur {
    	width: 260px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }

    .navbar {
		border-radius: 0 0 0 0;
		border: 0px;
		background-color: rgba(0, 0, 0, 1);
	}
    #socialLeft {
		display: none;
	}
    #brand {
		display: none;
	}
}