html, body {
	margin:0;
	padding:0;
	font-family: arial,sans-serif;
}

div#pageContent {
	background-image:linear-gradient(#1470b8, #FFFFFF);
	max-width:100%;
	overflow:hidden;
}

div#background {
	
	margin:40px;
	float:left;
	margin-bottom:0;
}

div.greyLine {
	height: 30px;
	background-color: #d9d9d9;
	display:none;
}

img#imgLogo {
	width: 500px;
	margin-top:40px;
	margin-left:60px;
	max-width:90%;
}

img#imgLogoSep {
	height: 75px;
	margin-left: 40px;
	margin-right: 35px;
	max-width:90%;
}

img#imgLogoTxt {
	width: 940px;
	max-width:90%;
}

div#content {
	float: left;
	background-image:linear-gradient(#FFFFFF, #d9d9d9);
}

div#title {
	float: left;
	width:100%;
}

div#imgConstruction {
	height: 395px;
	float: left;
	width:100%;
}

div#imgConstruction img {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 161px;
	display: table;
	max-width:90%;
}

div#adresse {
	font-weight: normal;
    font-size: 30px;
    padding-left: 50px;
	float: left;
	margin-top: 98px;
}

div#adresse span {
	color: #1470b8;
	font-weight:bold;
}

div#gmap {
	width:320px;
	height:240px;	
	/*background-color: blue;*/
	float:right;
	margin-right: 70px;
	margin-bottom: 70px;
}


div#webmailLink {
	width: 100%;
	text-align: center;
	background-color: white;
	padding-top: 10px;
	float: left;
}

div#webmailLink a {
	color: #00aeef;
	font-size: 20px;
}


@media only screen and (max-width: 1690px) {
  
	img#imgLogo {
		width: 450px;
	}

	img#imgLogoSep {
		height: 65px;
		margin-left: 30px;
		margin-right: 30px;
	}

	img#imgLogoTxt {
		width: 800px;
	}
}

@media only screen and (max-width: 1480px) {
  
	img#imgLogo {
		width: 400px;
	}

	img#imgLogoSep {
		height: 60px;
		margin-left: 20px;
		margin-right: 20px;
	}

	img#imgLogoTxt {
		width: 710px;
	}
}

@media only screen and (max-width: 1325px) {
  
	img#imgLogo {
		width: 350px;
	}

	img#imgLogoSep {
		height: 55px;
		margin-left: 15px;
		margin-right: 15px;
	}

	img#imgLogoTxt {
		width: 600px;
	}
}

@media only screen and (max-width: 1155px) {
  
	img#imgLogo {
		width: 350px;
		margin-left: auto;
		margin-right: auto;
		display: table;
	}

	img#imgLogoSep {
		display:none;
	}
 
	img#imgLogoTxt {
		width: 600px;
		margin-left: auto;
		margin-right: auto;
		display: table;
		margin-top:20px;
	}
}

@media only screen and (max-width: 770px) {
	  
	  div#gmap {
		width: 550px;
		float: left;
		margin-left: 50px;
		clear: left;
		margin-top: 20px;
	  }
	  
	  div#imgConstruction {
		 height: 220px;
		 float: left;
		 width: 100%;
	  }
	  
	  div#imgConstruction img { 
		padding-top: 80px;
	  }
	  
}

@media only screen and (max-width: 650px) {
		  
	  div#gmap {
		width: 400px;
		margin-right: 0px;
		margin-bottom: 0px;
	  }
	  
}

@media only screen and (max-width: 530px) {
	  
	  div#gmap {
		width: 300px;
	  }
	  
}