html{
	height: 100% !important;
}
body {
	margin: 0;
	padding: 0px 8%;
	height: 100% !important;
	font-family: 'Roboto', sans-serif;
	background: url("../img/background.jpg") !important;
	background-position: center center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
	color: #3E2E72;
}
.box {
	height: 100%;
}
.block {
	width: 700px !important;
	margin: 0 auto;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
	background: #FFFFFF;
}

p
{
	width: 100%;
}

#msg_titre {
	font-size: 1.2em;
	font-weight: bold;
}

.row
{
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.row.padding {
	padding: 5% !important;
}
.row.full {
	padding: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

h2 {
	background: #0D68B1;
	color: white !important;
	font-size: 1.1em;
	padding: 5px 100px 5px 50px !important;
	text-align: left !important;
}

form {
	/* width: 90% !important; */
	margin: 0 auto !important;
}

form .row {
	width: 100%;
}

#bouton-envoi {
	border: 2px solid #0C67B0 !important;
	border-radius: 20px !important;
	padding: 7px 20px !important;
	color: #0C67B0 !important;
	font-size: 22px;
}
#bouton-envoi:hover {
	text-decoration: none !important;
	background: #0C67B0;
	color: white !important;
}


.apercu p {
	width: 100% !important;
}

#cadre {
	text-align: center;
}

#content_form {

    padding: 5% 10% !important;
	background: #FFFFFF;

}

video {
	cursor: pointer !important;
}

#header {
	width: 100% !important;
}
/* #header img { */
	/* width: 100% !important; */
	/* height: auto !important; */
/* } */

.footer {
	padding-bottom: 30px;
	margin-bottom: 20px !important;
}

.footer a {
	color: #3E2E72;
	border-bottom: 1px dotted;
}

.footer #socials a {
	border-bottom: none !important;
}

#valider {
	border: 2px solid #0D68B1 !important;
	border-radius: 30px !important;
	padding: 10px 20px !important;
	text-transform: none !important;
	box-shadow: none !important;
	background: white !important;
	margin: 0 auto;
	font-size: 22px !important;
	color: #0D68B1;
}

#valider:hover {
	background: #0D68B1 !important;
	color: white !important;
	transition: background 0.3s ease-in-out;
}

input[type="text"], textarea {
	font-size: 1em !important;
	color: #0D68B1 !important;
}

textarea {
	width: 100% !important;
	border: none !important;
	background: #ECEEF9;
	padding: 10px 15px !important;
}

input[type="text"], textarea {
	font-size: 1em !important;
}

input[type="text"]::placeholder, textarea::placeholder {
	color: #7BADD5 !important;
}

input[type="text"].error, textarea.error {
	border-bottom: 1px solid #D9514D !important;
}
input[type="text"].error::placeholder, textarea.error::placeholder
{
	color: #D9514D !important;
}

#caracteres {
	text-align: right !important;
	font-size: 14px;
	font-style: italic;
}

.titres
{
	margin-bottom: 15px;
	font-size: 26px;
	font-weight: 100;
}


#msg_error {
	background: #F6CDCD;
	border-radius: 5px;
	padding: 10px;
	text-align: center;
	color: #D9514D;
	margin-bottom: 18px;
}

#msg_success {
	background: #DEF0D8;
	border-radius: 5px;
	padding: 10px;
	text-align: center;
	color: green;
	margin-bottom: 18px;
}

#mentions {
	text-align: left !important;
	padding: 40px;
}

#errormail {
	color: #D9514D;
}

#switch_language {
	color: #aaaaaa;
	font-size: 12px;
}

@media (max-device-width : 1100px) {
	
	.block {
		width: 100% !important;
	}
	
	#header a, #header a img {
		max-width: 100% !important;
		width: 100% !important;
	}
	
	video
	{
		max-height: 220px;
	}


	
}