@media screen and (min-width: 500px) {
	.horizontal-center {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translate(-50%,-50%);
	}
}

.div-video{
	height:100%;
	text-align:center;
}

iframe.video {
	width:100%;
	height:100%;
}

body.index {
	background-image: url('../images/multimedia_pro.jpg');
	background-repeat: no-repeat,no-repeat;
    background-position: center center,center center;
    background-size: cover,cover;
}

.authent {
	webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	background-color:white;
}

.form-signin-heading {
	font-size:20px;
	font-family: Arial;
	text-transform:uppercase;
	font-weight: bold;
}

.bloc-video {
	padding-right:0px;
	padding-left:30px;
	border-left:1px solid #fff;
}

@media screen and (max-width: 767px) {
	.espacement_blocs {
		padding-left: 0px;
    	padding-right: 0px;
	}
	.bloc-video {
		height:390px;
	}
	.authent {
		height:350px;
		padding:15px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.espacement_blocs {
		padding-left: 0px;
    	padding-right: 0px;
	}
	.bloc-video {
		height:390px;
	}
	.authent {
		height:450px;
		padding:30px;
	}
}

@media screen and (min-width: 992px) {
	.espacement_blocs {
		padding-left: 0px;
    	padding-right: 30px;
	}
	.bloc-video {
		height:450px;
	}
	.authent {
		height:450px;
		padding:30px;
	}
}

.formUserTypePanelBody{
	display: flex;
  	align-items: center;
  	justify-content: center;
	width: 100%; 
	height: 100%;  
	font-weight: bold;
	box-shadow: 0px 15px 10px -15px;
}

.formUserTypePanelBody:hover{
	color : #B20B0D;
	box-shadow: 0px 15px 10px -15px #B20B0D;
}