body {
	font-family: arial, sans-serif;

	width: 100%;
	margin: 0;

	background-color: #000;
	font-size: 16px;
}

header {

	display: flex;
	justify-content: flex-end;
	align-items: center;

	width: 100%;

	position: fixed;
	top: 0;

	height: 50px;
	background-color: #3E5EFF;

	margin-bottom: 50px;

}


a button, input[type=submit] {
	background-color: #3E5EFF;
}

a button:hover, input[type=submit]:hover {
	background-color: #3E5EFF80;
}


a.guide {
	color: #3E5EFF;
}
a.guide:hover {
	color: #3E5EFF80;
}

a.guide svg {
	position: relative;
    top: 4px;
	width: 25px;
}


nav {
	display: flex;
	padding-right: 20px;
}

nav.menuLang a {
	padding-top: 4px;
}

.logo {
	width: 90%;
	margin-top: 75px;
}

.fadeButton {
	opacity: 0;
	filter: alpha(opacity=0)
}

div {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
}

div.formulaire {
/*
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;*/
	text-align: center;

	background: none;

	/*margin: 100px 0 100px 0;*/

}

div.content {
	z-index: 10;

	display: flex;
	flex-direction: column;
}


section {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

a {
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	margin: 10px

}

a:hover {
	transition: color 0.5s ease;
	color: #b9b9b9;
}

h1 {

	font-size: 1.875em;
	color: #fff;

}

h6 {
	color: #fff;
	font-size: 1.875em;
	margin: 0;
}

p {
	font-size: 16px;
	color: #fff;
	margin: 10px
}

input[type=password] {
	margin: 15px 0;
	width: 175px;
	height: 25px;
	padding: 10px 10px;
	outline: none;
}

input[type=submit] {
	transition: background-color 0.5s ease;

	margin: none;
	padding: 20px;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1em;

	cursor: pointer;

	width: 200px;
}

.ligne {
	font-size: 20px;
	color: #fff;
	margin: 10px
}


a button {

	transition: background-color 0.5s ease;

	margin: none;
	padding: 20px;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1em;

	cursor: pointer;

	width: 200px;

}

a .telecharger {

	transition: background-color 0.5s ease;


	padding: 20px;
	background-color: #fff;
	border: none;
	color: #3E5EFF;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1em;

	width: 200px;

}

/*Size des icons windows et apple*/

/*.md  {

font-size: 200px;

}*/

#myVideo  {
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%; 
	min-height: 100%;

	z-index: -1
}

.lion_render {
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%; 
	min-height: 100%;
	
	z-index: -1;
	opacity: 0.1;
	filter: alpha(opacity=10)

}


.vertical-center  {
	width: 100%;
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}



footer {
	opacity: 0.75;
	display: flex;
	flex-direction: column;
	width: 100%;
	position: absolute;
	bottom: 10px;

	margin-top: 100px;
	text-align:center;
	line-height: 10px;
}

footer img  {
	width: 150px;
}

footer p  {
	margin: 0;
}

footer a {
	margin: 10px;
}

/*Version Mobile*/

@media screen and (max-width: 1280px)  {
	
	body  {
		font-size: 12px;
	}

	div img.logo {
		width: 70%
	}

	footer {
		position: relative;
	}

	.vertical-center  {
		position: relative;
		top: 0;
		-ms-transform: none;
		transform: none;
	}

}