@font-face {
    font-family: 'futura_md_btmedium';
    src: url('/fonts/futuram-webfont.woff2') format('woff2'),
         url('/fonts/futuram-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Century Gothic';
    src: url('/fonts/Century-Gothic.eot');
    src: url('/fonts/Century-Gothic.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Century-Gothic.woff2') format('woff2'),
         url('/fonts/Century-Gothic.woff') format('woff'),
         url('/fonts/Century-Gothic.ttf')  format('truetype'),
         url('/fonts/Century-Gothic.svg#Century Gothic') format('svg');
}
body {
    background-image: url(/img/layer.png);
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
img.logo {
    max-width: 100%;
}
a.Actualiser {
    background: #004e9a;
    border: 0;
    padding: 15px 23px;
    font-size: 18px;
    color: #fff;
    font-family: 'Century Gothic',sans-serif;
    font-weight: normal;
    letter-spacing: 3px;
}
.envoi {
    font-family: futura_md_btmedium;
    font-size: 18px;
    color: #004e9a;
}
input.input-group-field {
    line-height: 4em;
    background: transparent;
    /* border-top: 1px solid red; */
    /* border-bottom: 1px solid red; */
    border: 3px solid #df919c;
    display: block;
    text-align: center;
    margin: 0px auto -24px auto;
    padding: 0px 0px 15px 0;
	font-family: 'Century Gothic',sans-serif;
    font-weight: normal;
	font-size: 15px;
	outline: transparent;
}
.hed{padding: 80px;}
.middlep{
	background-color: #004e9a;
	color: #fff;
	margin: auto;
	font-weight: lighter;
}
.main {
    font-size: 30px;
    color: #575756;
    font-family: futura_md_btmedium;
    font-weight: 600;
    padding: 40px 0;
    letter-spacing: 3.1px;
    margin: 0 auto;
}
.button {
    background: #004e9a;
    border: 0;
    padding: 15px 23px;
    font-size: 18px;
    color: #fff;
    font-family: 'Century Gothic',sans-serif;
    font-weight: normal;
    letter-spacing: 3px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #004e9a;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #004e9a;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #004e9a;
}
.ft p{
	font-family: futura_md_btmedium;
	font-size: 18px;
	color: #575756;
	margin:0;
}
.ft {
    margin-top: 50px;
    text-transform: uppercase;
}
.simple-subscription-form {
    margin-top: 75px;
}
@media (max-width : 767px) {
	input.input-group-field {
		width : 100%;
	}
}
@media (min-width : 768px) {
	input.input-group-field {
		width : 600px;
	}
}
@media (min-width : 650px) {
	.middlep {
		width: 600px;
	}
}