#prochains-departs h2{
    margin-bottom: 24px;
    margin-top: 0px;
    border-bottom: 2px var(--color-p) solid;
    text-align: right;
}

#prochains-departs .bloc.bloc-global{
	align-items: flex-start;
}
#prochains-departs .tab-content{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  font-size: 1.7rem;
  padding: 10px 20px;
  color: var(--color-p);
  margin-left: 5px;
  margin-right: 5px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  transition: all 150ms ease-in-out ;
  margin-bottom: 20px;
  border-radius: 10px;

}

#prochains-departs a.tab-content:hover{  
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	background-color: var(--color-sapin-light);
}

#prochains-departs .tab-content .left{
	width: 50%;
	display: flex;
	flex-direction:column;
	align-items: flex-start;
	justify-content: center;

}
#prochains-departs .tab-content .left b{
	font-weight: bold;
	font-size: 2rem;
}
#prochains-departs .tab-content .left span{
	color: grey;
	font-size: 1.6rem;
}

#prochains-departs .tab-content .middle-right{
	width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
	gap: 0;
}

#prochains-departs .tab-content .middle{	
	font-weight: bold;
	font-size: 3rem;
	display: flex;
	align-items: baseline;
	justify-content: center;
	font-size: 2rem;
}
#prochains-departs .tab-content .middle span{
	font-size: 1.6rem;
	font-weight: 300;
	padding-left: 5px;
	color: grey;
}
#prochains-departs .tab-content .right{	
	display: flex;
	align-items: center;
	justify-content: flex-end;
}



#prochains-departs a.tab-content .reserver {
	padding: 10px 30px;
	border-radius: 50px;
	text-align: center;
	width: 175px;
  	color: #FFF;
  	background-color: var(--color-sapin);
  	margin-left: 0;
  	margin-right: 0;
}
#prochains-departs a.tab-content:hover .reserver{
	background-color: #FFF;
	color: #000;
}
#prochains-departs a.tab-content:hover .left span{
	color:#000;
}  


#prochains-departs .troptard, #prochains-departs .complet{
	padding: 10px 40px;
	border-radius: 50px;
	text-align: center;
	width: 175px;
	color: #FFF;
	background-color: grey;
	margin-left: 0;
	margin-right: 0;
  	color: #FFF;
} 

#prochains-departs .btn.save{
	margin-left: 0;
	margin-right:0;  
	text-transform: uppercase;
	background-color: var(--color-p);    	
}

#prochains-departs .btn.save:hover{
	background-color: var(--color-primary);  
	color: #FFF;  
}

#prochains-departs .maxhgir{
	max-height: 470px;
}
#prochains-departs .tab-date{
	overflow: hidden;
	height: 379px;
	padding-top: 6px;	
}
#prochains-departs .tab-date.all{	
	height: auto;
}
#prochains-departs .alldates,
#prochains-departs .fourdates{
	text-align: right;
	padding-bottom: var(--gap);
	cursor: pointer;
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
#prochains-departs .alldates svg,
#prochains-departs .fourdates svg{
	margin-left: var(--gap);
}
#prochains-departs .alldates:hover,
#prochains-departs .fourdates:hover{
	color: var(--color-primary);
}

@media (max-width: 1024px) {
	#prochains-departs .tab-content .middle-right{
		margin-top: var(--gap);
		width: 100%;
	}
	
	#prochains-departs .tab-date .tab-content .left{
		width: 100%;
		justify-content: flex-start;
		align-items: center;
		margin: 0;
	}
	#prochains-departs .tab-date .tab-content .middle{
		width: 100%;
		justify-content: center;
		margin-top: 5px;
	}	
	#prochains-departs .tab-date .tab-content .right{
		justify-content: center;
		width: 50%;
		margin-top: 0;
		align-items: center;
	}
	#prochains-departs .tab-date{	
		height: auto;
	}	
	#prochains-departs .alldates,
	#prochains-departs .fourdates{
		display: none;
	}
	#prochains-departs .left .left{
		text-align: center;
		margin-top: 20px;
	}	
}
@media (max-width: 768px) {
	#prochains-departs h2{
		width: 90%;
	}
	#prochains-departs .image.relative{
		display: none;
	}
	#prochains-departs .tab-content{
		margin-left: var(--gap);
		margin-right: var(--gap);		
	}
}