html, body {
    height:100%;
}

body {
	text-align: center;
	margin: 0;
	padding: 0;
}

a {
	color: #000;
	text-decoration: none;
    border-bottom: 2px solid #666;
}

a:hover {
	color: #666;
    border-bottom: 2px solid #999;
    cursor: pointer;
}

a.zunderline {
    border-bottom: none;
}

a.zunderline:hover {
    border-bottom: none;
}

b {
	font-weight: 600;
}

#language {
	position: fixed;
	right: 5%;
	top: 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 2.08em;
	line-height: 1.6em;
	letter-spacing: .06em;
	color: #333;
}

#language a, #text .back, #text .highlight.back, #text .back a {
	color: #333;
	font-size: 90%;
}

.back a {
	color: #333;
    border-bottom: 2px solid #999;
}

#language a:hover {
	color: #666;
}

#text .back a:hover {
	color: #999;
    border-bottom: 2px solid #ccc;
}

#header {
	width: 100%;
	height: 100%;
	max-height: 994px;
	background: url("../img/raster.png") no-repeat center center;
	background-size: cover;
	margin: 0;
	padding: 0;
}

#header.notHome {
	background: url("../img/raster-blanc.png") no-repeat center center;
	background-size: cover;
}

#text, #textHome {
	max-width: 1010px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0% 5% 1.9em 5%;
	text-align: left;	
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 2.6em;
	line-height: 2.0em;
	letter-spacing: .06em;
}

#text {
	margin-top: -15em;
}
	
#text .highlight, #textHome .highlight, #language .highlight {
	display: inline;
	background: #fff;
	color: #000;
	
	padding: 0.25em 0;
	-webkit-box-shadow: 0.5em 0px 0px #fff, -0.5em 0px 0px #fff, 0.5em 10px 20px rgba(0,0,0,0.19), -0.3em 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	box-shadow: 0.5em 0px 0px #fff, -0.5em 0px 0px #fff, 0.5em 10px 20px rgba(0,0,0,0.19), -0.3em 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	-webkit-box-decoration-break: clone;
	-ms-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
}

#text .highlight.back {
	-webkit-box-shadow: 0.5em 0px 0px #fff, -0.5em 0px 0px #fff;
	box-shadow: 0.5em 0px 0px #fff, -0.5em 0px 0px #fff;
	-webkit-box-decoration-break: clone;
	-ms-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;	
}
	
/* #text .shadow, #textHome .shadow, #language .shadow {
	box-shadow:
		0.5em 10px 20px rgba(0,0,0,0.19),
		-0.3em 10px 20px rgba(0,0,0,0.19),
		0 6px 6px rgba(0,0,0,0.23);
} */

.clients {
	min-width: 430px;
}

#footer {
	max-width: 1010px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0% 5% 3.8em 5%;
	text-align: left;	
	font-family: 'Open Sans', sans-serif;
	color: #333333;
	font-weight: 300;
	font-size: 1.3em;
	line-height: 1.0em;
	letter-spacing: .06em;
}

#footer a {
	border-bottom: 1px solid #999;
}

#footer a:hover {
	color: #666;
    border-bottom: 1px solid #ccc;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

@media screen and (max-width: 767px) and (min-width: 320px) {
	
	#language {
		font-size: 1.56em;
		right: 7%;
	}
	
	#text, #textHome {
		font-size: 1.95em;
		padding: 0% 7% 1.9em 7%;
		max-width: none;
	}
	
	.clients {
		min-width: 0;
	}
	
	.agencies {
		margin-bottom: 0.5em;
	}
	
	.agencies.left {
		float: none;	
	}
	
	.clients.right {
		float: none;
	}
	
	#footer {
		font-size: 0.975em;
		padding: 0% 7% 3.8em 7%;
		max-width: none;
	}
	
	a {
		color: #000;
		text-decoration: none;
		border-bottom: 2px solid #666;
	}

	a:hover {
		color: #666;
		border-bottom: 2px solid #999;
	}	

}