#portrait{
	display:flex !important;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	background:#f6f7f7;
}

.portrait.jacadi .left{
	width:auto;
	height:100%;
	display:flex;
	flex-shrink: 0;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;

}

.portrait.jacadi .mobile{
	display:none;
}
.portrait.jacadi .left img{
	height:calc(100% - 90px);
	width:auto;
	z-index: 1;
}

.portrait.jacadi .right{
	width:70%;
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.portrait.jacadi .right .top{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	width:100%;
	height:45%;
}
.portrait.jacadi .right .bottom{
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
	width:100%;
	height:55%;
	margin-right:150px;
}
.portrait.jacadi .right .bottom a{
	transition:padding .5s;
	-webkit-transition:padding .5s;
	height:100%;
}
.portrait.jacadi .right .bottom a:hover{
	padding-bottom:15px;
}
.portrait.jacadi .right img{
	width:auto;
	height:100%;
}

.visit-virtuel{
	position:absolute;
	width:25vw;
	height:25vw;
	bottom:0vw;
	right:10vw;
	background:#282e3a;
	overflow: hidden;
	mix-blend-mode:multiply;
}

.visit-virtuel .img, .visit-virtuel .mask, .visit-virtuel img{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.visit-virtuel .mask{
	width:102%;
	height:102%;
	top:-1%;
	left:-1%;
}
@media (orientation:portrait){
	#portrait{
		flex-direction: column;
	}
	.portrait.jacadi .desktop{
		display:none;
	}
	.portrait.jacadi .mobile{
		display:block;	
	}
	.portrait.jacadi .left{
		width:100%;
		height:40%;
		align-items: center;
	}
	.portrait.jacadi .left img{
		height:100%;
	}
	.portrait.jacadi .right{
		width:100%;
		height:60%;
	}
	.portrait.jacadi .right .bottom{
		margin-right:0;
		margin-left:0;
		padding:0 60px;
	}

	.visit-virtuel{
		width:40vw;
		height:40vw;
		left:0;
		top:35vw;
		bottom:0vw;
		right:0;
		margin:auto;
	}
}


#produit .main_panel .img_container{
	text-align: center;
}
#produit .main_panel .img_container img{
	height:100%;
	width:auto;

}
#produit .main_panel .img_container .title{
	position:absolute;
	width:100%;
	max-width: 600px;
	height:auto;
	top:auto;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	cursor: pointer;
}
#produit .main_panel .dots_container{
	display:none;
}
#produit .main_panel .img_transition{
	display:none;
}
#produit .bt_container{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content:center;
	align-items: flex-start;
	background:none;

}
#produit .bt_container a{
	position:relative;
	display:inline-block;
	width:15%;
	margin:0;
	padding:0;
	font-size: 0;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;

	border:0px solid #FFF;
	box-sizing: border-box;
}


@media screen and (orientation: portrait){
	#produit .bt_container{
		align-content: center;
		margin:auto;
	}
}

#produit .bt_container a:hover{
	border:1vmin solid #FFF;
}
/*
#produit .bt_container a:first-child{
margin-left:20%;
}
*/
#produit .bt_container img{
	width:94%;
	height:auto;
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
