.diapo{
    position: relative;
    overflow: hidden;
}
.divcar2{
min-height:881px;
}
.carousel2{
	width:100%;
	margin:auto;
	position: absolute;
	left: 0px;
	top: 240px;
	overflow: visible;
}
.elements{
    display: flex;
}

.element{
    flex: 1 0 100%;
    position: relative;
}

.element > img{
    width: 100%;
}

.caption{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: rgba(255, 255, 255, 0.4);
    padding: 10px;
}
#bvf {
		fill: rgba(255,255,255,1);
	}
.bvf {
	overflow: visible;
	position: absolute;
	width: 50px;
	height: 80.972px;
	transform: translate(0px, 0px) matrix(1,0,0,1,130.703,400.0142) rotate(179deg);
	transform-origin: center;
	left: 0px;
	top: 0px;
	z-index:2;
}
#bvg {
	fill: rgba(255,255,255,1);
}
.bvg {
	overflow: visible;
	position: absolute;
	width: 50px;
	height: 80.972px;
	left: 1738px;
	top: 400.014px;
	transform: matrix(1,0,0,1,0,0);
	z-index:2;
}
#nav-gauche, #nav-droite{
   /* position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-size: 2rem;*/
    cursor: pointer;
}
#nav-droite{
   /* right: 0;*/
}
@media(max-width:860px)
{
	.carousel2{
	
	top: 200px;
	}
	#bvf {
		fill: rgba(255,255,255,1);
		width: 11.31px;
		height: 18.31px;
	}
	.bvf {
		overflow: visible;
		position: absolute;
		width: 11.31px;
		height: 18.31px;
		transform: translate(0px, 0px) matrix(1,0,0,1,29.570,90.50) rotate(179deg);
		transform-origin: center;
		left: 0px;
		top: 0px;
		z-index:1001;
	}
	#bvg {
		fill: rgba(255,255,255,1);
		width: 11.31px;
		height: 18.31px;
	}
	.bvg {
		overflow: visible;
		position: absolute;
		left: 393.21px;
		top: 90.50px;
		transform: matrix(1,0,0,1,0,0);
		z-index:1001;
		width: 11.31px;
		height: 18.31px;
	}
	.divcar2{
	min-height:189px;
	}
}
/***********************************/
/**  resp  @media(min-width:861px)and (max-width:1440px)             */
/************************************/
@media(min-width:861px)and (max-width:1440px)
{
	.carousel2{
	
	top: 400px;
	}
	#bvf {
		fill: rgba(255,255,255,1);
		width: 22.62px;
		height: 36.62px;
	}
	.bvf {
		overflow: visible;
		position: absolute;
		width: 22.62px;
		height: 36.62px;
		transform: translate(0px, 0px) matrix(1,0,0,1,59.14,181) rotate(179deg);
		transform-origin: center;
		left: 0px;
		top: 0px;
		z-index:1001;
	}
	#bvg {
		fill: rgba(255,255,255,1);
		width: 22.62px;
		height: 36.62px;
	}
	.bvg {
		overflow: visible;
		position: absolute;
		/*! width: 50px; */
		/*! height: 80.972px; */
		left: 786.42px;
		top: 181px;
		transform: matrix(1,0,0,1,0,0);
		z-index:1001;
		width: 22.62px;
		height: 36.62px;
	}
	.divcar2{
	min-height:150px;
	}
}
/***********************************/
/**  resp  @media(min-width:1441px)and (max-width:1920px)             */
/************************************/
@media(min-width:1441px)and (max-width:1919px)
{
	.carousel2{
	
	top: 240px;
	}
	#bvf {
		fill: rgba(255,255,255,1);
		width: 50px;
		height: 80.972px;
	}
	.bvf {
		overflow: visible;
		position: absolute;
		width: 50px;
		height: 80.972px;
		transform: translate(0px, 0px) matrix(1,0,0,1,130.703,300.01) rotate(179deg);
		transform-origin: center;
		left: 0px;
		top: 0px;
		z-index:1001;
	}
	#bvg {
		fill: rgba(255,255,255,1);
		width: 11.31px;
		height: 18.31px;
	}
	.bvg {
		overflow: visible;
		position: absolute;
		transform: matrix(1,0,0,1,0,0);
		z-index:1001;
		width: 50px;
		height: 80.972px;
		left: 1303.5px;
		top: 300.010px;
	}
	.divcar2{
	min-height:881px;
	}
}