#sectionHomeContent
{
	height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}
#homeContainer
{
	height: 100%;
}
.videoModalLink
{
	text-align: center;
	letter-spacing: 1px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	cursor: pointer;
}

#videoModalLinksDiv
{
	position: absolute;
	width: 100%;
	height: 100%;
}

#videoModalLinkDivSunSaba
{
	position: absolute;
	top: 18%;
	left: 10%;
	text-align: left;
}

#videoModalLinkDivFuoco
{
	position: absolute;
	top: 45%;
	width: 100%;
	text-align: center;
}

#videoModalLinkDivJeuneMemoire
{
	position: absolute;
	bottom: 22%;
	right: 10%;
	text-align: right;
}

@media (max-width: 450px)
{
	#videoModalLinkDivSunSaba
	{
		left: 5%;
	}
	#videoModalLinkDivJeuneMemoire
	{
		right: 5%;
	}
}

#homeBackroundVideoDiv
{
	z-index: -10;
}

.videoModalPlayerDiv
{
	position: relative;
	left: 0;
	right: 0;
	pointer-events: auto;
	margin: auto;
	max-width: unset;
	background:black;
	top: 50%;
	-ms-transform:  translate(0, -50%) !important;
	transform: translate(0, -50%) !important;
}
@media (min-width: 1100px)
{
	.videoModalPlayerDiv
	{
		text-align: center;
		width: 70%;
		padding-top: 36%;
		overflow-y: hidden !important;
	}
	
}

@media (min-width: 800px) and (max-width: 1100px)
{
	.videoModalPlayerDiv
	{
		text-align: center;
		width: 80%;
		padding-top: 46%;
		overflow-y: hidden !important;
	}
}

@media (min-width: 650px) and (max-width: 800px)
{
	.videoModalPlayerDiv
	{
		text-align: center;
		width: 80%;
		padding-top: 46%;
		overflow-y: hidden !important;
	}
}

@media (min-width: 500px) and (max-width: 650px)
{
	.videoModalPlayerDiv
	{
		text-align: center;
		width: 90%;
		padding-top: 46%;
		overflow-y: hidden !important;
	}
}

@media (max-width: 500px)
{
	.videoModalPlayerDiv
	{
/* 		height: 360px; */
		width: 100%;
		padding-top: 46%;
		overflow-y: hidden !important;
	}
}



@media (min-width: 1200px)
{
	#homeBackroundVideoDiv
	{
		position: fixed;
		left: -10%;
		top: -5%;
		width: 110%;
	}
	
	#homeBackroundVideo
	{
		width: 100%;
		height: 100%;
	}
	
}

@media (max-width: 1200px)
{
	#homeBackroundVideoDiv
	{
		position: fixed;
		left: -20%;
		top: -5%;
		height: 105%;
		width: 120%;
	}
	
	#homeBackroundVideo
	{
		height: 100%;
	}
	
	.modalCloseButton
	{
		margin-top: -20px;
	}
}

.modal-dialog
{
    pointer-events: inherit;
	max-width: unset;
}

.videoModalPlayerDiv iframe,
.videoModalPlayerDiv object,
.videoModalPlayerDiv embed
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}