@charset "utf-8";
/* CSS Document */

body {
	text-align:center;
	background-color:#fff;
	min-height: 100vh;
	display: grid;
}

#background {
	background-image:url(images/background.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:cover;
}

a {
	text-decoration:underline;
	color:#51a448;
}

a:hover {
	text-decoration:none;
	color:#911132;
}
#date {
	position:relative;
	z-index:3;
	margin:0 auto 0 auto;
	text-align:center;
	font-family: 'Alkatra', cursive;
	font-weight:700;
	font-size:3em;
	color: #fff;
}

#lieu {
	position:relative;
	z-index:4;
	margin:30px auto 30px auto;
	text-align:center;
	font-family: 'Alkatra', cursive;
	font-weight:200;
	font-size:2em;
	color:#fff;
}

#texte {
	position:relative;
	z-index:5;
	margin:30px auto 30px auto;
	padding:30px 50px;
	text-align:center;
	font-family: 'Questrial', sans-serif;
	font-size:1.4em;
	color:#36782f;
	background-color:rgba(255, 255, 255, 0.8);
}

.bouton {
	margin:40px auto 10px auto;
	padding:10px 60px;
	display: block;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:700;
	font-size:16px;
	color:#fff;
	background-color:#999;
	background-image:-webkit-linear-gradient(top, #ccc, #757575);
	background-image:-moz-linear-gradient(top, #ccc, #757575);
	background-image:-ms-linear-gradient(top, #ccc, #757575);
	background-image:-o-linear-gradient(top, #ccc, #757575);
	background-image:linear-gradient(to bottom, #ccc, #757575);
	-webkit-border-radius:20;
	-moz-border-radius:20;
	border-radius:20px;
	text-shadow:2px 2px 0px #333;
	border:solid #83933d 1px;
	text-decoration:none;
	cursor:pointer;
}

.bouton a {
	text-decoration:none;
	color:#fff;
}

.bouton a:hover {
	text-decoration:none;
	color:#fff;
	text-shadow:none;
}

.bouton:hover {
	background-color:#999;
	background-image:-webkit-linear-gradient(top, #70ab6a, #36782f);
	background-image:-moz-linear-gradient(top, #70ab6a, #36782f);
	background-image:-ms-linear-gradient(top, #70ab6a, #36782f);
	background-image:-o-linear-gradient(top, #70ab6a, #36782f);
	background-image:linear-gradient(to bottom, #70ab6a, #36782f);
	text-decoration:none;
	color:#fff;
	text-shadow:none;
}

#footer {
	background-color:rgba(255, 255, 255, 0.8);
}
.footer {
  margin: 0;
  padding: 15px 0;
}
.form_titre {
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 0 0 0 100px;
	width: 350px;
	text-align: left;
	vertical-align: middle;
}

.form_champs {
	display: inline-block;
	margin: 10px 0 0 0;
	width: 580px;
	text-align: left;
}

.size_fields {
	width:100%;
}
.comp-immo{
	width: 60%;
}
@media (max-width: 1200px){
	.form_titre {
	  display: inline-block;
	  margin: 10px 0 0 0;
	  padding: 0 0 0 5px;
	  width: 25%;
	  text-align: left;
	}
}
@media (max-width: 992px){
	.form_titre {
	  width: 100%;
	}
}
@media (max-width: 768px){
	.bouton {
	margin:40px auto 10px auto;
	padding:10px;
	}
	.form_titre {
	  padding: 0;
	}
	.form_champs{
		width: 100%;
	}
}