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, font, 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, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	-webkit-font-smoothing: antialiased;

}
body {
	line-height: 1;
	background-color:#F5F2F2;
	font-size:1em;
	overflow:hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
	font-family: 'NeutraDisplayTitlingRegular';
	src: url('../font/neutra-titling.eot');
	src: local('Neutra Display Titling'), 
	local('NeutraDisp-Titling'), 
	url('../font/neutra-titling.woff') format('woff'), 
	url('../font/neutra-titling.ttf') format('truetype'),
	url('../font/neutra-titling.otf') format('opentype');
} 

	@font-face {
		font-family: 'NeutraDisplayThinBold';
		src: url('../font/neutra-medium.eot');
		src: local('Neutra Display Thin'), 
		local('NeutraDisp-Medium'), 
		url('../font/neutra-medium.woff') format('woff'), 
		url('../font/neutra-medium.ttf') format('truetype'),
		url('../font/neutra-medium.otf') format('opentype');
}

	@font-face {
		font-family: 'NeutraDisplayRegular';
		src: url('../font/neutra-light.eot');
		src: local('Neutra Display'), 
		local('NeutraDisp-Light'), 
		url('../font/neutra-light.woff') format('woff'), 
		url('../font/neutra-light.ttf') format('truetype'),
		url('../font/neutra-light.otf') format('opentype');
}


	body{
		/*background:-webkit-gradient(radial, center center, 0, center center, 1000, from(#A9B6B3), to(#5B736E));
		background-image:-moz-radial-gradient(center center 0deg, circle closest-corner, #A9B6B3 0%, #5B736E 108%);*/
		/* IE10 */ 
		background-image: -ms-radial-gradient(center, circle farthest-corner, #A9B6B3 0%, #5B736E 100%);

		/* Mozilla Firefox */ 
		background-image: -moz-radial-gradient(center, circle farthest-corner, #A9B6B3 0%, #5B736E 100%);

		/* Opera */ 
		background-image: -o-radial-gradient(center, circle farthest-corner, #A9B6B3 0%, #5B736E 100%);

		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(radial, center center, 0, center center, 509, color-stop(0, #A9B6B3), color-stop(1, #5B736E));

		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-radial-gradient(center, circle farthest-corner, #A9B6B3 0%, #5B736E 100%);

		/* Proposed W3C Markup */ 
		background-image: radial-gradient(center, circle farthest-corner, #A9B6B3 0%, #5B736E 100%);
		background-repeat:repeat-y;
		background-color:#a6b3b1;
		font-size:1em;
		height:100%;
	}
	body div#content{
		width:1000px;
		margin:auto;
		text-align:center;
		margin-top:20%;
		-webkit-animation-duration: 1s;
		-webkit-animation-delay: .3s;
		-webkit-animation-timing-function: ease;
		-webkit-animation-fill-mode: both;
		-moz-animation-duration: 1s;
		-moz-animation-delay: .3s;
		-moz-animation-timing-function: ease;
		-moz-animation-fill-mode: both;
		-ms-animation-duration: 1s;
		-ms-animation-delay: .3s;
		-ms-animation-timing-function: ease;
		-ms-animation-fill-mode: both;
		animation-duration: 1s;
		animation-delay: .3s;
		animation-timing-function: ease;
		animation-fill-mode: both;
	}
	
	#content .links{
		margin-bottom:40px;
	}
	#content .links a{
		color: #28333F;
		text-shadow: #AAB6B4 1px 1px 0px;
		font-family: Arial;
		text-align: center;
		text-transform: uppercase;
		margin-left:5px;
	}

	a#header{
		display:block;
		background-image:url("../coming-soon.png");
		position:absolute;
		right:0px;
		top:0px;
		text-indent:-999px;
		overflow:hidden;
		height:182px;
		width:182px;
		outline:none;
	}
	a#header:focus,a#header:visited{
		outline:none;
	}
	h1{
		font-family:NeutraDisplayRegular;
		text-transform:uppercase;
		font-size:5.5em;
		/*text-shadow:0px 1px 1px #7d8886;*/
		color:#e2e8ee;
		z-index:100;
		text-align:center;
	}
		h1 span{
			letter-spacing: -26px;
			z-index:0;
		}
		h1 span#nomPrenom{
			letter-spacing:normal;
			background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#cdd8e2));
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			color: #e2e8ee;
			font-weight: normal;
			margin: 0px;
			padding: 0px 36px 0px 0px;
		}
		h1 span#famille{
			font-family:NeutraDisplayTitlingRegular;
			letter-spacing:normal;
		}
		
	h2{		
		font-family: NeutraDisplayThinBold;
		text-align:center;
		text-transform:uppercase;
		font-size:1.63em;
		letter-spacing:8px;
		color: #28333F;

		font-size: 1.63em;
		letter-spacing: 9px;
		text-align: center;
		text-indent: -30px;
		text-shadow: #AAB6B4 1px 1px 0px;
		margin-bottom:10px;
		
		-webkit-animation-duration: 1s;
		-webkit-animation-delay: 1s;
		-webkit-animation-timing-function: ease;
		-webkit-animation-fill-mode: both;
		-moz-animation-duration: 1s;
		-moz-animation-delay: 1s;
		-moz-animation-timing-function: ease;
		-moz-animation-fill-mode: both;
		-ms-animation-duration: 1s;
		-ms-animation-delay: 1s;
		-ms-animation-timing-function: ease;
		-ms-animation-fill-mode: both;
		animation-duration: 1s;
		animation-delay: 1s;
		animation-timing-function: ease;
		animation-fill-mode: both;
	}
		h2 span{
			font-family:NeutraDisplayThinBold;
			border-top: 1px dotted #c2cbca;
			border-bottom: 1px dotted #c2cbca;
		}
			h2 span span{
				letter-spacing:0px;
				border:none;
			}
	div img{
		margin-top:15px;
	}
	 
	@-webkit-keyframes pulse {
		from { 
			margin-top:0px;
		}
		50%{
			margin-top:-30px; 
		}
		to { 
			margin-top:0px; 
		}
	}

	div#anim {
		-webkit-animation-name: pulse;
		-webkit-animation-duration: 1s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-border-radius: 5px;
		
		-moz-border-radius: 5px;
		border-radius: 5px;
		background-color:#28333f;
		width:5px;
		height:5px;
		margin:auto;
		-webkit-box-shadow: 1px 1px 1px #28333f;
		-moz-box-shadow: 1px 1px 1px #28333f;
		box-shadow: 1px 1px 1px #28333f;
	}
	
	div.element-geoloc{
		font-family:Arial;
		margin-top:30px;
		width:100%;
		text-align:center;
		text-transform:uppercase;
		margin-bottom:10px;
	}
		div.element-geoloc a{
			text-decoration:none;
			color: #28333F;
			text-shadow: #AAB6B4 1px 1px 0px;
		}
		div.element-geoloc a:focus,div.element-geoloc a:hover{
			text-decoration:underline;
		}
	div#myposition{
		font-family:Arial;
		width:100%;
		text-align:center;
		text-shadow: #AAB6B4 1px 1px 0px;
	}
		div#myposition li span{
			font-weight:bold;
		}
		
	div.element-upload{
		font-family:Arial;
		margin-top:30px;
		width:100%;
		text-align:center;
		margin-bottom:10px;
	}
		div.element-upload h3{
			text-decoration:none;
			font-family:Arial;
			text-transform:uppercase;
			color: #28333F;
			text-shadow: #AAB6B4 1px 1px 0px;
		}
	#drop-area,#file-list{
		width: 600px;
		border: 1px dotted #C2CBCA;
		margin: auto;
		height:50px;
		background-color: #A9B6B3;
	}
	#file-list{
		height: auto;
		margin-top:30px;
		padding:10px;
	}
	#file-list li{
		border-top: 1px dotted #c2cbca;
		border-bottom: 1px dotted #c2cbca;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 10px 0px;
	}
	
	
	
	div#footer, div#header{
		font-family:Arial;
		position:absolute;
		bottom:5px;
		width:100%;
		text-align:center;
		text-transform:uppercase;
		margin-bottom:10px;
	}
	div#header{
		top:10px;
		margin-left:10px;
		font-size:1.2em;
		text-align:left;
		height:0px;
	}
	#footer .delay{
		display:inline-block;
		-webkit-animation-duration: 1s;
		-webkit-animation-timing-function: ease;
		-webkit-animation-fill-mode: both;
		-moz-animation-duration: 1s;
		-moz-animation-timing-function: ease;
		-moz-animation-fill-mode: both;
		-ms-animation-duration: 1s;
		-ms-animation-timing-function: ease;
		-ms-animation-fill-mode: both;
		animation-duration: 1s;
		animation-timing-function: ease;
		animation-fill-mode: both;
	}
	.delay.delay1{
		-webkit-animation-delay: 1s;
		-moz-animation-delay: 1s;
		-ms-animation-delay: 1s;
		animation-delay: 1s;
	}
	.delay.delay2{
		-webkit-animation-delay: 1.2s;
		-moz-animation-delay: 1s;
		-ms-animation-delay: 1s;
		animation-delay: 1s;
	}
	.delay.delay3{
		-webkit-animation-delay: 1.6s;
		-moz-animation-delay: 1s;
		-ms-animation-delay: 1s;
		animation-delay: 1s;
	}
	.delay.delay4{
		-webkit-animation-delay: 1.8s;
		-moz-animation-delay: 1s;
		-ms-animation-delay: 1s;
		animation-delay: 1s;
	}
	.delay.delay5{
		-webkit-animation-delay: 2s;
		-moz-animation-delay: 1s;
		-ms-animation-delay: 1s;
		animation-delay: 1s;
	}
	.delay.delay6{
		-webkit-animation-delay: 2.2s;
		-moz-animation-delay: 1s;
		-ms-animation-delay: 1s;
		animation-delay: 1s;
	}
		div#footer a, div#header a{
			text-decoration:none;
			color: #28333F;
			text-shadow: #AAB6B4 1px 1px 0px;
		}
		div#header a{
			height:20px;
		}

		div#footer a:focus,div#footer a:hover,div#header a:focus,div#header a:hover{
			text-decoration:underline;
		}