.savoirPlus {
	min-height: 900px;
	max-height: 1400px;
	overflow: hidden;
}
.plateforme_esp, .approche_esp {
	min-height: 600px;
}
.plusContainerImg {
	width: 100%;
	overflow: hidden;
}
.plusContainerImg img {
	top: 0;
	width: 100%;
}
.plusContainer {
	min-height: 600px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.plusContainer .golden div:first-of-type {
	border-bottom: 1px solid #fff;
}
.plusContainer .golden div {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.plusContainer .golden .active {
	background-color: rgba(33,33,33,1);
}
.esp, .esp:hover {
	position: relative;
	bottom: 0;
	text-decoration: none;
	color: #fff;
	vertical-align: bottom;
}
.esp-icon {
	display: inline-block;
	position: relative;
	top: 0.5rem;
	left: 0.2rem;
  width: 2rem;
  height: 2rem;
  border: 0.15rem solid #fff;
  border-radius: 1.5rem;
  background-repeat: no-repeat;
  background-position: 80% 100%;
  background-size: 90% 100%;
  background-image: url(../../proto/svg/next-esp.svg);
}
#approche_esp, #plateforme_esp {
	min-height: 400px;
}
#approche_select:hover, #plateforme_select:hover {
	cursor: pointer;
}
.indicators {
	width: 5%;
	position: absolute;
  z-index: 2;
  list-style: none;
  left:95%;
}
.indicators .active {
	opacity: 1;
	background-color: #fff;
}
.indicators li {
	box-sizing: content-box;
	flex: 0 1 auto;
  width: .8rem;
  height: .8rem;
  border-radius: 1.25rem;
  border: .15rem solid #fff;

	margin: 3px;
	cursor: pointer;
	opacity: .5;
	transition: opacity .6s ease;
}
.active {
	transition: background-color 1s ease;
}

@media (max-width: 767px) {
	#plateforme_select, #approche_select {
		/* visibility: hidden; */
		border-right: 1px solid #fff!important;
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff!important;
		width: 190px;
		font-size: 20px;
		text-align: center;
		padding: 50px;
		padding-bottom: 100px;
	}
	#plateforme_select{
		margin-left: 15px;
	}
	#plateforme_select h4, #approche_select h4{
		margin-bottom: 50px;
	}
	.selection{
		padding-right: 0px;
		height: 130px;
	}
	.plusContainerImg {
		display: none;
	}
	.savoirPlus{
		width: 100%;
	}
	.indicators{
		margin-left: -15px;
	}
}
@media (min-width: 768px) and (max-width: 1420px) {
	.savoirPlus {
		min-height: 800px;
		max-height: 900px;
		overflow: hidden;
	}
	.plusContainer .golden {
		margin-left:5%;
	}
	
	.selection{ 
		margin-left: 3rem;
	}
	#plateforme_select h4, #approche_select h4{
		padding: 40px;
	}
}

@media (min-width: 1420px) {
	.selection{ 
		margin-left: 3rem;
	}
	#plateforme_select h4, #approche_select h4{
		padding: 40px;
	}
}