/*carrousel*/
.carrousel-container{
  position: absolute;
  width: 100%;
  height: 100%;
  
  background: rgba(10,10,10,.8);
  top: 0;
  left: 0;
  z-index: 200;
  display: flex;
  justify-content: center;
  align-items: center;
}

.close-carrousel{
  position: absolute;
  color: #fff;
  top: 2em;
  right: 2em;
  border: .2em solid #fff;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-weight: bold;
}

.carrousel-container.hide{
  display: none;
}
.carrousel {
	width:70vw;
	height:40vw;
	margin: 0 auto;
	position:relative;
	overflow:hidden;	
}


.slide {
	position:absolute;
	top:0px;
	left:0px;
	width:70vw;
	height:40vw;
}

@media screen and (max-width: 1024px) and (orientation: portrait){
  #carrousel {
    width:90vw;
    height:52vw;
  }
  #team-carrousel {
    width:90vw;
    height:52vw;
  }
  .slide {
    width:90vw;
    height:52vw;
  }
}

.slide img{
	width: 100%;
}
.carrousel-picto{ 
  width: 100%;
  text-align: center;
	position:absolute;
	left:0;
	bottom:5%;
	padding:0px;
	margin:0px;
}

.carrousel-picto li{
	display:inline-block;
	background-color:#bbb;
	border-radius:50%;
	width:10px;
	height:10px;
	margin:6px;
	cursor:pointer;
	
}
.carrousel-picto span{display: block;color: transparent;}
.carrousel-picto li:hover, .carrousel-picto li.active{background-color:#371B65;}

.carrousel-nav .prev{
	width:54px;
	height:54px;
  background-image:url('../assets/img/arrow-l.png');
  background-size: 100%;
	bottom: 10%;
	left: 5%;
    position: absolute;
	cursor:pointer;
	opacity:0.8;
}
.carrousel-nav .next{
	width:54px;
	height:54px;
  background-image:url('../assets/img/arrow-r.png');
  background-size: 100%;
	bottom: 10%;
	right: 5%;
    position: absolute;
	cursor:pointer;
	opacity:0.8;
}

.carrousel-nav .prev:hover,#carrousel-nav .next:hover {opacity: 1;}