* {
	padding:0;
	margin:0;
}

body {
	background-image:url(../images/fond2.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#662f6b;
	width:100%;
	height:100%;
}

.logo {margin:178px auto 50px auto;}
.logo, .logo img {
	width:96%;
	padding:1% 2%;
	height:auto;
	max-width:333px;
	max-height:253px;
}

.text_presentation {
	width:96%;
	padding:2%;
	max-width:900px;
	margin:auto;
	text-align:center;
	font-family:'Roboto',Arial,Serif;
	color:#ffffff;
}


.text_presentation h1 {
	font-family:'Raleway',Verdana,Serif;
	text-transform:uppercase;
}

.text_presentation p{
	margin:15px 0;
}

.formulaire_contact {
	width:96%;
	padding:2%;
	margin:auto;
	max-width:600px;
	text-align:center;
}

#email {
	width:280px;
	padding:10px;
	text-align:center;
}

#error_form,#msg_mail,#success_form{display:none;}
.sub_button {
	transition-property:all;
	transition-duration:1s;
	border:none;
	background-color:#ffffff;
	color:#662f6b;
	text-transform:uppercase;
	padding:10px;
	font-size:12px;
	font-family:'Raleway',Verdana,Serif;
	cursor:pointer;
	width: 100px;
	margin: 20px 0;
}

#success_form, #msg_mail {
	color:#ffffff;
	font-family:'Raleway',Verdana,Serif;
	font-size:14px;
}

#msg_mail {
	margin-top:8px;
}

.sub_button:hover {
	background-color:#eeeeee;

}
	
@media screen and (max-width: 1000px) {
	
	body {
		background-size:initial;
	}
	
}