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

html, body {
	min-width: 60em;
	height: 100%;
	background: url(../images/background-body.png) center repeat-y #e2e2e2;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #1a3d50;
}
#wrapper-main {
	min-height: 100%;
}
#main {
	overflow: auto;
	padding-bottom: 10em;
}
#wrapper-footer {
	position: relative;
	margin-top: -10em;
	height: 10em;
	clear: both;
}
body:before {
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;
}
#container-service {
	background: #292929;
}
#service, #header, #navigation, #main, #footer {
	margin: 0 auto;
	width: 60em;
}
#service-contact {
	margin-right: 1em;
	padding: 0.5em 0;
	color: #cccccc;
	float: right;
}
#service-contact .name {
	margin-right: 1em;
	font-weight: 700;
}
#service-contact .mail {
	margin-right: 1em;
}
#service-contact .mobile {
	margin-right: 1em;
}
#service-contact a {
	color: #cccccc;
	text-decoration: none;
}
#service-contact a:hover, #service-contact a:active {
	color: #999999;
}
#container-header {
	padding-bottom: 2.5em;
	background: url(../images/background-header.jpg) no-repeat bottom center #000000;
}
#header {
	color: #ffffff;
	text-transform: uppercase;
}
#header p {
	margin: 0;
	line-height: 1.25em;
	font-weight: 700;
}
#header #logo {
	margin: 2.5em 1em;
	float: left;
}
#header #slogan {
	margin: 3.5em 2em 0 1em;
	float: left;
}
#header #iso {
	margin: 3.5em 0 0 0;
	float: left;
}
#container-navigation {
	background: url(../images/background-navigation.png);
}
#navigation li {
	float: left;
}
#navigation a {
	padding: 2em;
	display: block;
	color: #1a3d50;
	text-decoration: none;
}
#navigation a:hover, #navigation a:active, #navigation a.active {
	background: url(../images/background-navigation.png);
	font-weight: 700;
}
#navigation a span {
	font-size: 1.25em;
}
#content {
	padding: 1em 0 2em 0;
}
#content .title {
	padding: 1em 1em 2em 1em;
}
#content .box-33, #content .box-66 {
	padding: 1em;
	float: left;
}
#content .box-33 {
	width: 18em;
}
#content .box-66 {
	width: 38em;
}
#content .cta-33 {
	padding-top: 1em;
	background: #5eaecd;
	color: #ffffff;
	width: 18em;
	float: left;
}
#content .cta-33 h2, #content .cta-33 p, #content .cta-33 ul {
	padding: 0 1em;
}
#content .cta-33 a.cta {
	display: block;
	padding: 0.5em 0.5em 0.5em 3em;
	background: url(../images/cta-icon.png) 1em center no-repeat #445e68;
	text-decoration: none;
	color: #ffffff;
	line-height: 1.25em;
}
#content .cta-33 a.cta:hover {
	background: url(../images/cta-icon.png) 1em center no-repeat #507e90;
	color: #ffffff;
}
#content .picture-guy {
	margin-bottom: 1em;
}
#footer {
	position: relative;
	height: 10em;
	background: url(../images/background-footer.jpg);
	color: #cccccc;
}
#footer a {
	color: #cccccc;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #666666;
	text-decoration: none;
}
#footer li {
	margin-bottom: 0.25em;
}
#footer li:first-child {
	font-weight: 700;
}
#footer li:last-child {
	margin-bottom: 0;
}
#footer-address {
	position: absolute;
	top: 4em;
	left: 2em;
}
#footer-contact {
	position: absolute;
	top: 4em;
	left: 15em;
}
#footer-zam {
	position: absolute;
	bottom: 1em;
	right: 2em;
}
#footer-zam span {
	font-size: 0.75em;
}