.container{
	min-height: 100vh;
}

.tab-content{
	min-height:100vh;
}

aside{
	position: fixed;
	transition:1s;
}

.closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

aside .logo img{
	height:60px;
}

.nav-pills .nav-link{
		/* background-color:transparent; */
	color:#909291;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	background-color:green;
	color:white;
}

.my-nav{
	top:0;
	opacity:0.85;
	z-index:1000;
}

.btn-find{
	left:-40px;
}

.language img{
	height:20px;
}

section{
	background-image:linear-gradient(to bottom, white 40%, rgba(240,240,240,0.5));
	/* background-color: #FDFDFD; */
}

footer{
	/* background-color:#223748; */
	/* padding-bottom:10px; */
	padding-top:75px;
	
	background-image:url('../img/footer.png');
	background-size:cover;
	height:198.45px;
}

/*                                        
 * Section accueil
 * ----------------------------------------------------------------------------
 */

@media (min-height: 600px) {
  
	.banniere{
		
	background-position:30px 210px;
	}
}

@media (min-height: 800px) {
  
	.banniere{
		
	background-position:30px 250px;
	}
}

@media (min-height: 900px) {
  
	.banniere{
		
	background-position:30px 300px;
	}
}

@media (min-width: 2000px) {
  
	.banniere{
		
		/* background-color:red; */
	}
}

.banniere{
	background-image:url("../img/banniere_.png");
	/* background-color:red; */
	height:110vh;
	/* padding-top:20vh; */
	background-attachmen:fixed;
	background-size:100%;
	background-position: 0 60px;
	background-repeat:no-repeat;
	margin-bottom: 50px;
}

#grand-titre{
	font-family:Georgia;
	rotate:-1deg;
}

.sep{
	margin-left:100px;
	height:8px;
	width:80px;
	box-shadow: 0px 4px 0px skyblue;
}

.img-accueil{
	width:30%;
}

.menu-accueil{
	transiton:0.5s;
}

/*                                        
 * Section panier
 * ----------------------------------------------------------------------------
 */
 
.panier-vide{
	margin-top:	20vh;
}

.panier-vide img{
	height:120px;
}

/*                                        
 * Section pb
 * ----------------------------------------------------------------------------
 */

#banniere{
	height:75vh;
	background-image:url("../img/jefferson-santos-fCEJGBzAkrU-unsplash.jpg");
	background-size:cover;
}

#lst-cli{
	 margin-top:40px;
 }

#lst-pb{
	margin-top:120px;
}

.img-info{
	width:150px;
}

#panier-lst-pb{
	margin-top:80px;
}

 .pb{
	 width:250px;
 }
 
.sans-resultat{
	margin-top:35vh;
}

.sans-resultat img{
	height:120px;
}

.bi-star-fill,.bi-star-half{
	/* color:orange; */
}


/*                                        
 * Chat box
 * ----------------------------------------------------------------------------
 */
 
.chat-box{
	position: absolute;
	position: fixed;
	z-index:2000;
	bottom: 0px;
	width:320px;
	height:450px;
}

.chat-box .card-header img{
	height:45px;
}

.msg-text{
	background-color:#f1f3f4;
}


/*                                        
 * Discussions
 * ----------------------------------------------------------------------------
 */

.y-mess, .m-mess{
	border-radius:25px;
}
	
.m-profile-min{
	width : 25px ;
    height : 25px ;
}

.y-mess .m-profile-min{
	background-image:url('../img/user.jpg') ;
	background-size:cover ;
	height:contain ;
}

.m-mess .m-profile-min{
	background-image:url('../img/avatar-1295429_960_720.png') ;
	background-size:cover ;
	height:contain ;
}

#banniere-img{
	padding-top:140px;
	height:550px;
	background-image:url("img/images/fabian-irsara-67l-QujB14w-unsplash.jpg");
	background-size:cover;
}

/*
 * Page inscription et login
 * ----------------------------------------------------------------------------
 */

.bloc-left{
	height:110vh;
	font-size:30px;
	background-image: url('../img/images/alexandre-debieve-L27cgeEEYT8-unsplash.jpg');
	background-size:cover;
}

.bloc-log .logo{
	margin-bottom:15vh;
}

.bloc-confirm .my-form{
	margin-top:25vh;
}

.my-form{
	background-color: transparent;
	margin-right: 110px;
	margin-left: 110px;
}

.my-form .logo img{
	height:60px;
}

/*
 * Page insertion musique
 * ----------------------------------------------------------------------------
 */
 
 .insertion{
	 margin-bottom:40vh;
	 margin-top:45vh;
 }
 
 .fileExtr, .fileMusic{
	display: none ;
 }