*
{
	cursor:default;
	font-family:Arial, Helvetica, sans-serif;
}

a, a:hover, a:visited, a:active, a *
{
	text-decoration:none;
	cursor:pointer;
	color:inherit;
	outline:0;
}

body
{
	margin:0 auto;
	font-size:14px;
	color:#FFF;
}

section
{
	height:7080px;
}

@-moz-document url-prefix()
{
	/* Firefox BS */
	article:last-of-type
	{
		margin-bottom:-999px !important;
	}
	
	a#certifications
	{
		margin-top:-20px !important;
		top:-0 !important;
	}
}

header
{
	background:url('../img/bg_head.png') #FFF no-repeat 50% 50%;
	position:fixed;
	height:128px;
	z-index:700;
	width:100%;
}

header > div
{
	height:100%;
	width:1400px;
	margin:0 auto;
	top:0;
}

header > div > a
{
	display:inline-block;
	height:100%;
	width:280px;
	float:left;
	padding:0;
	margin:0;
}

nav
{
	padding-top:94px;
	text-align:right;
	width:1170px;
	margin:0 auto;
}

nav > a
{
	display:inline-block;
}

nav > a > span
{
	padding-bottom:10px;
	display:inline-block;
}

nav > a > span > span
{
	color:#666;
	border-left:1px solid #666;
	padding:4px 20px;
	display:inline-block;
}

nav > a:first-of-type > span > span
{
	border-left:0;
}

nav > a > span > span:hover
{
	color:#058;
}

nav > a > span:hover
{
	background:url('../img/bg_arrow.png') no-repeat 50% 100%;
}

header nav a:last-of-type
{
	display:none;
}

section *
{
	margin:0;
}

p
{
	text-align:justify;
}

.arrow
{
	padding-left:35px;
}

.white
{
	background:url('../img/bg_arrow2.png') no-repeat 0% 0%;
}

.blue
{
	background:url('../img/bg_arrow3.png') no-repeat 0% 0%;
}

.white span
{
	color:#BBB;
}

.blue span, .blue em, .blue strong
{
	color:#058;
}

article p:first-of-type > strong:first-of-type
{
	font-size:24px;
	padding:0;
}

article p:first-of-type > strong
{
	display:block;
	padding:2em 0 1em;
}

article
{
	overflow:hidden;
	position:relative;
	z-index:500;
}

article > div, form
{
	margin:0 auto;
	position:relative;
	height:100%;
}

article > div
{
	width:1400px;
}

article:first-of-type
{
	background:url('../img/bg_top.jpg') no-repeat 50% 50%;
	height:794px;
	top:98px;
}

article:first-of-type > div
{
	width:900px;
}

article:first-of-type > div > *
{
	position:absolute;
	font-weight:normal;
	text-shadow:0 1px 5px #333;
}

article:first-of-type h1
{
	top:150px;
	left:260px;
	font-size:30px;
}

article:first-of-type h2
{
	top:280px;
	left:215px;
	font-size:48px;
}

article:first-of-type h3
{
	top:310px;
	left:480px;
	font-size:72px;
	font-weight:bold;
}

article#a_societe
{
	background:url('../img/bg_societe.jpg') no-repeat 50% 50%;
	height:974px;
	top:-151px;
}

article#a_societe img
{
	position:absolute;
	right:0;
	top:200px;
}

article#a_societe p:last-of-type
{
	position:absolute;
	right:50px;
	top:650px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
}

article#a_societe p:first-of-type
{
	position:absolute;
	top:200px;
	width:790px;
}

article#a_societe p:first-of-type
{
	background-position:0 81px;
}

article#a_certifications
{
	background:url('../img/bg_certifications.jpg') no-repeat 50% 50%;
	height:1931px;
	top:-345px;
}

article#a_certifications p > img
{
	position:relative;
	top:3px;
	margin-right:5px;
}

article#a_certifications div > div
{
	position:relative;
    float:right;
    right:50%;
	top:-150px;
}

article#a_certifications div > div > img
{
	position:relative;
    right:-50%;
	z-index:600;
}

article#a_certifications p
{
	padding-top:2em;
	position:relative;
	z-index:800;
}

article#a_certifications p:first-of-type
{
	width:650px;
	background-position:0 82px;
	color:#333;
	text-shadow:0 1px 5px #FFF;
}

article#a_certifications p:nth-of-type(2)
{
	width:650px;
	color:#333;
	text-shadow:0 1px 5px #FFF;
	background-position:0 28px;
}

article#a_certifications p:nth-of-type(3)
{
	width:650px;
	position:absolute;
	right:0;
	top:83px;
	padding-top:3px;
}

article#a_certifications p:nth-of-type(4)
{
	width:650px;
	color:#333;
	position:absolute;
	right:0;
	top:200px;
	vertical-align:text-top;
}

article#a_certifications p:nth-of-type(4) strong:first-of-type span
{
	color:#077;
}

article#a_certifications p:nth-of-type(4) strong span
{
	color:#16B;
}

article#a_certifications p:nth-of-type(4) strong:nth-last-of-type(3) span
{
	color:#F21;
}

article#a_certifications p:nth-of-type(2) > img:last-of-type
{
	float:right;
}

article#a_certifications p:nth-of-type(4) > img
{
	float:left;
	padding-top:35px;
}

article#a_certifications p:nth-of-type(4) > img:last-of-type
{
	padding-top:0;
}

article#a_certifications p:nth-of-type(5) > strong:first-of-type
{
	font-size:24px;
	padding:0;
}

article#a_certifications p:nth-of-type(5) > strong
{
	display:block;
	padding:2em 0 1em;
}

article#a_certifications p:nth-of-type(5)
{
	position:absolute;
	top:1200px;
	width:610px;
	background-position:0 54px;
}

article#a_certifications p:nth-of-type(5) em
{
	display:block;
	padding-left:1em;
}

article#a_certifications p:last-of-type
{
	position:absolute;
	top:1350px;
	width:610px;
	right:0;
	padding-top:3px;
}

a#installation, a#societe, a#certifications, a#maintenance, a#das, a#references, a#contact
{
	position:absolute;
}

a#installation
{
	top:1100px;
}

a#societe
{
	top:100px;
}

 a#maintenance, a#das
{
	top:120px;
}

a#certifications
{
	top:-20px;
}

a#references
{
	top:95px;
}

a#contact
{
	top:660px;
}

article#a_maintenance
{
	background:url('../img/bg_maintenance.jpg') no-repeat 50% 50%;
	height:960px;
	top:-520px;
}

article#a_maintenance span, article#a_maintenance span *
{
	color:#333;
}

article#a_maintenance p
{
	position:absolute;
	top:200px;
	width:610px;
}

article#a_maintenance p:first-of-type
{
	background-position:0 54px;
}

article#a_maintenance p:last-of-type
{
	right:0;
	top:253px;
	padding-top:3px;
}

article#a_maintenance p strong
{
	display:block;
}

article#a_das
{
	background:url('../img/bg_das.jpg') no-repeat 50% 50%;
	height:954px;
	top:-660px;
}

article#a_das p
{
	position:absolute;
	top:200px;
	width:670px;
}

article#a_das p:first-of-type
{
	padding-left:35px;
}

article#a_das p:first-of-type > strong:first-of-type > span
{
	color:inherit;
	font-size:18px;
	font-weight:normal;
	display:block;
}

article#a_das p:first-of-type img
{
	float:right;
	position:relative;
	top:-60px;
}

article#a_das p:nth-of-type(2)
{
	top:280px;
}

article#a_das p:nth-of-type(3)
{
	top:390px;
}

article#a_das p:nth-of-type(4)
{
	top:650px;
}

article#a_das p:nth-last-of-type(2)
{
	top:280px;
}

article#a_das p:last-of-type
{
	top:720px;
}

article#a_das p:nth-last-of-type(2), article#a_das p:last-of-type
{
	right:0;
	width:620px;
}

article#a_das p strong
{
	display:block;
	padding:5px 0;
}

article#a_das p strong em
{
	display:block;
}

article#a_das .white
{
	background-position:0 5px;
	padding-top:3px;
}

article#a_das > div > img
{
	position:absolute;
	top:240px;
	left:350px;
}

article#a_references
{
	background:url('../img/bg_references.jpg') no-repeat 50% 50%;
	height:952px;
	top:-755px;
}

article#a_references p
{
	position:absolute;
	width:600px;
	color:#333;
	right:0;
}

article#a_references strong span
{
	color:#333;
}

article#a_references p:first-of-type
{
	background-position:0 54px;
	top:150px;
	left:0;
}

article#a_references p:nth-of-type(2)
{
	top:203px;
	padding-top:3px;
	width:700px;
}

article#a_references p:nth-of-type(3)
{
	top:238px;
	width:500px;
}

article#a_references p:nth-of-type(4)
{
	top:238px;
	width:300px;
}

article#a_references p:nth-of-type(5)
{
	top:400px;
	width:700px;
}

article#a_references p:nth-of-type(6)
{
	top:400px;
	width:500px;
}

article#a_references p:nth-of-type(7)
{
	top:400px;
	width:300px;
}

article#a_references p:nth-of-type(8)
{
	top:540px;
	width:700px;
}

article#a_references p:nth-of-type(9)
{
	top:650px;
	width:700px;
}

article#a_references p:last-of-type
{
	top:650px;
	width:300px;
}

article#a_contact
{
	background:url('../img/bg_contact.jpg') no-repeat top center;
	height:1350px;
	top:-830px;
	z-index:300;
}

article#a_contact p
{
	position:absolute;
	top:750px;
	color:#666;
}

article#a_contact p:first-of-type
{
	left:0;
	top:700px;
}

article#a_contact p:nth-of-type(3)
{
	left:400px;
}

article#a_contact p:nth-of-type(4)
{
	left:750px;
}

article#a_contact p:nth-of-type(5)
{
	left:1100px;
}

article#a_contact p span, article#a_contact p a
{
	color:#058;
}

article#a_contact p:first-of-type strong
{
	display:inline;
}

article#a_contact a
{
	display:inline;
	cursor:pointer;
	text-decoration:underline;
}

article#a_contact form p:first-of-type
{
	top:0;
}

article#a_contact div > a
{
	display:block;
	height:600px;
	width:32%;
	float:left;
}

article#a_contact div > a:nth-of-type(2)
{
	width:36%;
}

form
{
	width:1300px;
	position:absolute;
	top:990px;
	height:350px;
}

form > span
{
	display:block;
	font-weight:bold;
	position:absolute;
	top:50px;
}

input, textarea
{
	background:rgba(255, 255, 255, 0.6);
	position:absolute;
	padding:5px 10px;
	width:270px;
	cursor:text;
	border:0;
	color:#666;
}

input:nth-of-type(1), input:nth-of-type(2), textarea
{
	top:60px;
}

input:nth-of-type(3), input:nth-of-type(4)
{
	top:120px;
}

input:nth-of-type(2), input:nth-of-type(4)
{
	left:330px;
}

input:nth-of-type(5), input:nth-of-type(6)
{
	top:180px;
	width:600px;
}

input:nth-of-type(6), textarea
{
	right:0;
	width:600px;
}

textarea
{
	height:77px;
}

input:last-of-type
{
	right:0;
	top:240px;
	color:#FFF;
	width:200px;
	font-size:24px;
	border-radius:6px;
	background:linear-gradient(to bottom, #48C 0%, #058 100%);
}

form img
{
	position:absolute;
	top:225px;
	right:445px;
}

form em
{
	top:225px;
	width:600px;
	font-size:12px;
	position:absolute;
	display:inline-block;
	color:#666;
}

footer
{
	background:url('../img/bg_foot.jpg') #FFF no-repeat 50% 20%;
	position:fixed;
	bottom:0;
	height:164px;
	z-index:400;
	width:100%;
}

footer nav
{
	width:935px;
	padding-top:15px;
}

footer > a:last-of-type
{
	display:block;
	height:80px;
	width:200px;
	margin:0 auto;
}

section > div
{
	background:rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:800;
	display:none;
}

section > div > div
{
	position:fixed;
	width:50%;
	height:50%;
	top:25%;
	left:25%;
	background:#FFF;
	z-index:850;
    overflow-y: scroll;
}

section > div > div > p
{
	color:#666;
	padding:50px;
	z-index:900;
}

section > div > div > p > a
{
	text-decoration:underline;
	color:#333 !important;
}

a.mob
{
	display:none !important;
}

footer
{
	display:none;
}

form a
{
	display:block;
	position:absolute;
	bottom:1em;
	color:#058 !important;
}

@media (max-width:1400px)
{
	header
	{
		background:url('../img/bg_head.png') #FFF no-repeat 0 50%;
	}
	
	header nav
	{
		text-align:left;
		width:auto;
		float:left;
	}
	
	header > div > a
	{
		width:240px;
	}
	
	article#a_societe p:first-of-type
	{
		width:600px;
		top:90px;
	}
	
	article#a_societe img
	{
		right:auto;
		left:670px;
		top:100px;
	}
	
	article#a_societe p:last-of-type
	{
		right:auto;
		left:750px;
		top:600px;
	}
	
	article#a_certifications p, article#a_maintenance p, article#a_maintenance p
	{
		width:550px !important;
	}
	
	article#a_certifications p:nth-of-type(3), article#a_certifications p:nth-of-type(4), article#a_certifications p:nth-of-type(6), article#a_maintenance p:last-of-type
	{
		right:auto;
		left:600px;
	}
	
	article#a_certifications div > div > img
	{
		right:-42%;
		top:-100px;
	}
	
	article#a_certifications p:nth-of-type(5)
	{
		top:1100px;
	}
	
	article#a_certifications p:nth-of-type(6)
	{
		top:1300px;
	}
	
	article#a_das p:nth-last-of-type(1), article#a_das p:nth-last-of-type(2)
	{
		width:400px;
		right:auto;
		left:750px;
	}
	
	article#a_das p:nth-last-of-type(1)
	{
		left:780px;
	}
	
	article#a_references p
	{
		right:auto;
		left:470px;
	}
	
	article#a_references p:nth-of-type(2)
	{
		top:203px;
		padding-top:3px;
		width:700px;
	}

	article#a_references p:nth-of-type(3), article#a_references p:nth-of-type(6)
	{
		left:700px;
	}

	article#a_references p:nth-of-type(4), article#a_references p:nth-of-type(7), article#a_references p:last-of-type
	{
		left:900px;
	}

	article#a_references p:nth-of-type(5), article#a_references p:nth-of-type(8), article#a_references p:nth-of-type(9)
	{
		left:500px;
	}
	
	article#a_contact
	{
		top:-760px;
	}
	
	article#a_contact p:nth-of-type(2)
	{
		left:35px;
	}
	
	article#a_contact p:nth-of-type(3)
	{
		left:380px;
	}
	
	article#a_contact p:nth-of-type(4)
	{
		left:670px;
	}
	
	article#a_contact p:nth-of-type(5)
	{
		left:960px;
	}
	
	form
	{
		width:1100px;
		margin-left:50px;
	}
	
	input:nth-of-type(1), input:nth-of-type(2), input:nth-of-type(3), input:nth-of-type(4)
	{
		width:200px;
	}
	
	input:nth-of-type(5)
	{
		width:440px;
	}
	
	input:nth-of-type(2), input:nth-of-type(4)
	{
		left:240px;
	}
	
	form img
	{
		right:300px;
	}
	
	a#installation
	{
		top:1000px;
	}

	a#societe
	{
		top:0;
	}
	
	article:first-of-type
	{
		background:url('../img/bg_mob.jpg') no-repeat 50% 100%;
	}
}

@media (max-width:1220px)
{
	header > a:first-of-type
	{
		position:relative;
		display:block;
		float:right;
		width:70px;
		height:66px;
		cursor:pointer;
		z-index:800;
	}

	header > a:first-of-type:after
	{
		content:'';
		position:absolute;
		display:block;
		width:25px;
		height:0;
		top:15px;
		right:25px;
		box-shadow:0 10px 0 2px #058, 0 18px 0 2px #058, 0 26px 0 2px #058;
	}
	
	header nav
	{
		position:absolute;
		top:128px;
		background:#FFF;
		width:100%;
		padding-top:0;
		z-index:950;
	}
	
	header nav a
	{
		display:block !important;
		padding:5px;
	}
	
	header nav a span span
	{
		border-left:none;
	}
	
	nav > a > span:hover
	{
		background:transparent;
	}
	
	footer, section, form
	{
		height:auto !important;
	}
	
	footer, header
	{
		z-index:900 !important;
	}
	
	article
	{
		height:auto !important;
		min-height:700px !important;
	}
	
	article:nth-of-type(2), article:nth-of-type(5)
	{
		background:#47A !important;
	}
	
	article:nth-of-type(3), article:nth-of-type(6)
	{
		background:#BBB !important;
	}
	
	article:nth-of-type(4)
	{
		background:#DEF !important;
	}
	
	article:nth-of-type(7)
	{
		background:#a3cade !important;
	}
	
	article div, article p, article#a_certifications p
	{
		width:95% !important;
	}
	
	article p, article, form, form *
	{
		position:static  !important;
	}
	
	article > div > img
	{
		padding:2em 0;
		position:static  !important;
	}
	
	article p, .arrow
	{
		padding:0 !important;
		text-align:left !important;
		text-shadow:none !important;
		background:transparent !important;
	}
	
	article#a_certifications p:nth-of-type(4) > img
	{
		float:none;
		display:block;
		padding:0;
		margin:0 auto;
	}
	
	article#a_certifications p:nth-of-type(4)
	{
		max-width:800px;
		padding-bottom:2em;
	}
	
	article#a_certifications p:nth-of-type(5)
	{
		clear:both;
	}
	
	article#a_maintenance p:last-of-type, article#a_references p:nth-of-type(2), article#a_references p:nth-of-type(3), article#a_references p:nth-of-type(4), article#a_references p:nth-of-type(5),
	article#a_references p:nth-of-type(6), article#a_references p:nth-of-type(7), article#a_references p:nth-of-type(8), article#a_references p:nth-of-type(9), article#a_references p:nth-of-type(10)
	{
		margin-top:2em;
	}
	
	.white span
	{
		color:#333;
	}
	
	form input, form textarea, form em
	{
		display:block;
		margin:10px 0;
		width:90% !important;
	}
	
	form
	{
		padding-bottom:50px;
		width:auto !important;
	}
	
	form input:nth-last-of-type(2)
	{
		position:relative !important;
		top:40px !important;
	}
	
	textarea
	{
		position:relative !important;
		top:-50px !important;
	}
	
	form img
	{
		position:relative !important;
		top:-85px !important;
		right:0 !important;
	}
	
	form em
	{
		position:relative !important;
		top:250px !important;
	}
	
	form input:nth-last-of-type(1)
	{
		margin-top:50px;
	}
	
	article p:first-of-type
	{
		margin-top:35px;
	}
	
	article p:last-of-type
	{
		margin-bottom:35px;
	}
	
	article#a_certifications div > div > img, article:nth-of-type(5) > div > img, article#a_contact div > a
	{
		display:none;
	}
	
	article#a_certifications p:nth-of-type(2) > img:last-of-type
	{
		float:none;
	}
	
	h1, h2, h3
	{
		position:relative !important;
		width:auto !important;
		left:0 !important;
		right:0 !important;
		text-align:center !important;
		top:300px !important;
	}
	
	img, p, span, div
	{
		max-width:100%;
	}
	
	a#installation, a#societe, a#certifications, a#maintenance, a#das, a#references, a#contact
	{
		position:relative;
		top:-50px;
	}
	
	a#certifications
	{
		top:-25px !important;
	}
	
	a#installation
	{
		top:0 !important;
	}

	a#contact
	{
		height:0 !important;
		width:auto !important;
		display:block !important;
		float:none !important;
	}
	
	article#a_certifications p:nth-of-type(5), article#a_certifications p:nth-of-type(6)
	{
		background:#0e151d !important;
		border:30px solid #0e151d !important;
		width:100% !important;
		position:relative !important;
		left:-30px !important;
		top:0 !important;
		margin:0 !important;
	}
	
	article#a_certifications p:nth-of-type(5)
	{
		margin-top:2em !important;
	}
	
	article#a_certifications p:nth-of-type(5) *, article#a_certifications p:nth-of-type(6) *
	{
		color:#FFF !important;
	}
	
	section > div > div
	{
		left:10%;
		width:80%;
	}
	
	article#a_das p:first-of-type img 
	{
		float:none;
		display:block;
		position:static;
		padding:10px 0;
	}
	
	article#a_contact p:nth-of-type(2), article#a_contact p:nth-of-type(3), article#a_contact p:nth-of-type(4), article#a_contact p:nth-of-type(5)
	{
		margin-top:2em;
	}
	
	a.mob
	{
		display:inline !important;
	}
	
	footer
	{
		position:static !important;
	}
	
	a#ai
	{
		display:none !important;
	}
}