html, body {
  margin:0;
  padding:0;
}
html {
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}
body {
  background-color:#fff;
  font-family:Roboto, Arial, Helvetica, sans-serif;
  font-weight:300;
  font-size:16px;
  color:#FFF;
  min-width:300px;
}
a {
  color:#FFF;
  font-weight:400;
  background:transparent;
  text-decoration:underline;
}
a:active, a:hover, a:focus, a:visited {
  outline:0;
  text-decoration:none;
}
b {
  font-weight:500;
}
img {
  border:0;
}
div.cl {
  clear:both;
  float:none !important;
}
div.largeur {
  max-width:1345px;
  width:95%;
  padding-top:20px;
  margin:0 auto;
}
div#bck1 {
  height:645px;
  background:url(images/bck1.jpg) center top;
}
div#bck2 {
  background:url(images/bck1.jpg) center top;
}
div#h1 {
  float:left;
  margin:125px 0 0 10%;
  max-width:40%;
}
img#gustave {
  float:right;
  margin:60px 12% 0 0;
}
img#gustavebureau {
  float:left;
  margin:60px 0 0 12%;
}
h1 {
  font-weight:300;
  font-size:36px;
  margin:0;
}
h1 span {
  font-size:22px;
}
h2 {
  font-weight:300;
  font-size:20px;
  line-height:22px;
  margin:10px 0 0;
}
h2.titre {
  margin:0 auto;
  text-align:center;
  padding:30px 0 50px;
}
h2 b {
  font-family:Kadwa, Georgia, "Times New Roman", Times, serif;
  font-weight:700;
  font-size:25px;
  letter-spacing:-0.5px;
}
h2 b span {
  font-size:20px;
  font-weight:400;
  letter-spacing:0;
}
h2 span {
  font-size:13px;
}
h4 {
  font-weight:300;
  font-size:30px;
  margin:0;
}
h4 span {
  font-size:18px;
}
div.bleufonce {
  background:url(images/bck2.jpg) center top;
  padding-bottom:70px;
}
div#footer {
  color:#999;
  text-align:center;
  font-size:12px;
  padding:20px 0 40px;
}
div#footer a {
  color:#a2a2a2;
}
div.bloc {
  text-align:center;
  float:left;
  width:calc(20% - 1px);
  padding:0 2.5%;
  border-right:1px dotted #5a6a74;
  line-height:20px
}
div.bloc:nth-of-type(4) {
  border:none;
}
div.bloc img {
  display:block;
  margin:0 auto;
}
div.bloc h3 {
  font-size:16px;
  font-weight:500;
  margin:35px 0 0;
  letter-spacing:1px;
}
div.bloc b {
  font-family:Kadwa, Georgia, "Times New Roman", Times, serif;
  font-weight:700;
  font-size:18px;
  letter-spacing:-0.5px;
}
div.bloc b span {
  font-weight:400;
  font-size:15px;
  letter-spacing:0;
}
span.sep {
  display:none;
}
div#contact {
  float:left;
  margin:85px 0 0 12%;
  width:calc(72% - 350px);
  max-width:460px;
}
div#contact p {
  margin:30px 0;
}
div#contact a {
  width:100%;
  padding:30px 0;
  background-color:#7a8db1;
  text-decoration:none;
  display:block;
  text-align:center;
  font-size:24px;
}
div#contact a:hover {
  background-color:#273c4a;
}
div#blanc {
  color:#000;
}
div#realisations {
  width:1095px;
  margin:0 auto 65px;
}
div#realisations a:hover img {
  opacity:0.8;
}
div#realisations img {
  float:left;
  margin:0 5px 5px 0;
}

@media (max-width:1150px) {
  div#realisations {
	width:730px;
  }
}
@media (max-width:950px) {
  div#h1 {
	margin:100px 0 0 5%;
  }
  img#gustave {
	margin:40px 5% 0 0;
  }
  img#gustavebureau {
	margin:40px 0 0 5%;
  }
  div#contact {
	margin:65px 0 0 7%;
	width:calc(85% - 350px);
  }
  div.bloc {
	width:calc(47.5% - 1px);
	padding:0 2.5%;
  }
  div.bloc:nth-of-type(2) {
	border:none;
  }
  div.bloc:nth-of-type(1), div.bloc:nth-of-type(3) {
	padding-left:0;
  }
  div.bloc:nth-of-type(2), div.bloc:nth-of-type(4) {
	padding-right:0;
  }
  div.bloc:nth-of-type(3), div.bloc:nth-of-type(4) {
	margin-top:40px;
  }
  span.sep {
	display:block;
	clear:both;
  }
}

@media (max-width:765px) {
  div#bck1 {
	height:488px;
	background-size:auto 488px;
  }
  div#bck2 {
	background-size:auto 488px;
  }
  div#h1 {
	margin:75px 0 0 0;
	max-width:45%;
  }
  img#gustave {
	margin:20px 0 0 0;
	width:250px;
  }
  img#gustavebureau {
	margin:30px 0 0 0;
	width:250px;
  }
  div#contact {
	margin:20px 0 0 5%;
	width:calc(95% - 250px);
  }
  div#contact p {
	margin:20px 0;
  }
  div#contact a {
	padding:15px 0;
	font-size:18px;
  }
  h4 {
	font-size:22px;
  }
  h4 span {
	font-size:13px;
  }
  h1 {
	font-size:24px;
  }
  h1 span {
	font-size:14px;
  }
  h2, h2 b span {
	font-size:18px;
  }
  h2 b {
	font-size:23px;
  }
  h2 span {
	font-size:11px;
  }
  div.bloc h3 {
	margin:25px 0 0;
  }
  div#realisations {
	width:360px;
	margin:0 auto 50px;
  }
  div#realisations img {
	margin:0 0 10px;
  }
}

@media (max-width:500px) {
  div#bck1, div#bck2 {
	background-image:none;
	background-color:#899ec6;
	height:auto;
  }
  img#zunic {
	display:block;
	margin:0 auto;
  }
  div#h1 {
	margin:10px 0 0 0;
	max-width:100%;
	float:none;
  }
  img#gustave {
	margin:20px 0 -15px 0;
	display:block;
  }
  img#gustavebureau {
	margin:10px 0 0 0;
	display:block;
	float:none;
  }
  div#contact {
	float:none;
	margin:30px 0 0 0;
	padding-bottom:20px;
	width:100%;
  }
  div.bleufonce {
	min-height:200px;
	background-image:none;
	background-color:#212c36;
  }
  h2.titre {
	padding:10px 0 20px;
  }
  div.bloc {
	width:100%;
	padding:0;
	border:none;
  }
  div.bloc:nth-of-type(2), div.bloc:nth-of-type(3), div.bloc:nth-of-type(4) {
	margin-top:30px;
  }
  div.bloc h3 {
	margin:15px 0 0;
  }
  span.sep {
	display:none;
  }
  div#footer {
	padding:10px 0 30px;
  }
  div#realisations {
	width:300px;
	margin:0 auto 30px;
  }
  div#realisations img {
	width:300px;
  }
}