/*** RESET ***/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label,input[type=text],input[type=password], legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
body {	line-height: 1.15;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
/**************/

/* Typo */
@font-face{
	font-family:"FuturaStd-Book";
	src:url("fonts/FuturaStd-Book/FuturaStd-Book.eot");
	src:url("fonts/FuturaStd-Book/FuturaStd-Book.eot#iefix") format('embedded-opentype'),url("fonts/FuturaStd-Book/FuturaStd-Book.woff") format('woff'),url("fonts/FuturaStd-Book/FuturaStd-Book.ttf") format('truetype'),url("fonts/FuturaStd-Book/FuturaStd-Book.svg") format('svg')
}

body{ color:#003327; font-family:"FuturaStd-Book",sans-serif; background:white; max-width:840px; margin:auto; padding:100px 0px; }
body:after{content:""; clear:both; display:block;}

.logo{ display:block; margin:0px auto 80px; width:363px; height:auto; max-width:100%; }
h1{ text-transform:uppercase; font-size:30px; text-align:center; }
h2{ font-size:16px; line-height:22px; max-width:550px; text-align:center; margin:20px auto 90px; }


label{ position:relative; display:block; font-size:18px; }
input[type="text"],select{ 
	padding-left:20px; display:block; font-family:inherit; width:400px; height:40px; line-height:40px; max-width:100%;
	margin:15px 0px 25px; border:1px solid #333333; text-transform:uppercase; font-size:18px; outline:0px;
}
select{ width:auto; width:290px;  }
input[type="checkbox"]{ display:none; }
label[for="ml"]{ cursor:pointer; margin:55px 0px 115px; font-size:16px; line-height:22px; padding-left:65px; max-width:680px; }
label[for="ml"]:after{ content:""; position:absolute; left:0px; top:50%; margin-top:-12px; width:23px; height:23px; border:1px solid #333333; }
input:checked + label[for="ml"]:before{ content:"✓"; position:absolute; left:4px; top:50%; font-size:25px; margin-top:-10px; }
button,.button{ 
	background:black; color:white; float:left; text-align:center; line-height:22px; font-size:14px;
	border:0px; text-decoration:none; outline:0px; cursor:pointer; max-width:100%; padding:10px;
}
button + .button, .button + .button,.error .button{ float:right; width:165px; }
button{ float:left; width:380px; }
button img,.button img{ width:15px; height:auto; display:inline-block; vertical-align:middle; margin-right:15px; }


/* Gestion Erreurs */
label.error:before{ 
	position:absolute; top:100%; right:100%; margin-right:35px; color:#ed1d24; font-size:16px; margin-top:27px; width:160px; text-align:right;
}
label[for="email"].error:before{ content:attr(data-error);; }
label[for="email"].error + input,label[for="ml"].error:after{ border-color:#ed1d24; }
label[for="email"].error + input:focus{ border-color:#333333; }
label[for="ml"].error:before{ content:attr(data-error); top:0px; margin-top:0px; }


/* Fin */
.fin h2{ max-width:700px; }

/* Responsive */
@media screen and (max-width:1200px){
	body{ max-width:600px; padding:100px 20px; }
	h2{ margin-top:15px; max-width:500px; }
	button,button + .button{ display:block; margin:auto; float:none; }
	button + .button{ margin-top:45px; }
	input[type="text"]{ margin-bottom:50px; }	
	label.error:before{ right:auto; left:0px; margin-right:0px; margin-top:70px; text-align:left; }
	label[for="ml"].error:before{ top:100%; margin-top:15px; }
}