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


body {
	color:black;

}
header {
}
section {
	display:inline-block;
	margin:auto;
	margin-top:4%;
	margin-bottom:5%;
	width:50%;
	border:solid 0px green;
	background-color:rgba(0,0,0,.8);
	padding:3% 2%;
	z-index:1000;
}

h4 {
    font-family: 'dual300';
	font-size:2em;
	color:rgba(255,255,255,1);
	border: solid 0px red;
	margin:7%;
}
p {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:rgba(255,255,255,0.9);
	margin-top:3%;
	border:solid 0px orange;
	text-align:left;
	line-height:150%;
	font-stretch: expanded;
}
input[type="text"] {
	display:block;
	border-radius:4px;
}

input[type="submit"] {
	border:solid 0px blue;

	padding: 8px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:1;
	color:#444;
	border:none;
	text-shadow:0 1px 1px rgba (255,255,255,0.85);
	background-color:#fff;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	-o-border-radius: 23px;
	border-radius: 23px;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);
	box-shadow:0 1px 2px rgba(0,0,0,0.5);
}
input[type="submit"]:hover, input[type="submit"]:focus {
	border:solid 0px blue;

	-webkit-animation: pulse 1.5s infinite ease-in-out;
}
@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 12px rgba(255,255,255,0.1);
	}
	50% {
		-webkit-box-shadow: 0 0 12px rgba(255,255,255,1);
	}
	100% {
		-webkit-box-shadow: 0 0 12px rgba(255,255,255,0.1);
	}
}
	
textarea {
	display:block;
	border-radius:4px;
	width:95%;
}
.erratum {
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:1em;
	border:solid 0px yellow;
	width:88%;
	padding:2%;
	margin-left:7%;
	background-color:rgba(255,255,255,0.7);
}
h5 {
	margin:2%;
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,1);
	line-height:1.2;
}
h6 {
	padding:2%;
	border:solid 1px blue;
	background-color:rgba(255,255,255,0.7);
}
.adresse h5 {
	display:block;
	width:38%;
	background-color:rgba(255,255,255,1);
	line-height:150%;
	margin-left:auto;
	margin-right:auto;

    font-family: 'dual300';
	font-size:1em;
	color:rgba(51,51,51,1);
	padding:5%;
}
footer {
	background-color:rgba(255,255,255,1);
	z-index:1;
	text-align:right;
	width:100%;
}

.contact {
	display:block;
	background-color:rgba(51,51,51,.9);
	width:100%;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.contact a {
	text-decoration:none;

}
.contact:hover {
	background-color:rgba(0,0,0,1);
}
footer h2 {
	color:rgba(255,255,255,1);
    font-family: 'dual300';
	font-size:1.5em;
	padding:3%;
}

@media screen and (max-width:800px) {
.contact {
	padding:8%;
}
article {
	width:85%;
}

}
@media screen and (max-width:520px) {
section {
	position:relative;
	display:block;
	left:0%;
	margin-top:10%;
	width:88%;
	padding:2%;
	padding-bottom:7%;
	background-color:rgba(0,0,0,.8);
	overflow:hidden;
}
.adresse h5 {
	width:88%;
	font-size:.8em;
}
footer {
	right:0px;
	position:relative;
	display:block;
	width:70%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10%;
}