html, body {
  margin:0;
  padding:0;
}
html {
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}
body {
  background:#fff url(images/bckgrnd.gif) repeat-y center top;
  font-family:'Montserrat', Arial, Helvetica, sans-serif;
  font-weight:400;
  font-size:13px;
  color:#414042;
}
b {
  color:#093c71;
  font-weight:500;
}
a {
  color:#414042;
  background:transparent;
  text-decoration:none;
}
a:active, a:hover, a:focus {
  outline:0;
  text-decoration:underline;
}
img {
  border:0;
}
div.cl {
  clear:both;
  float:none !important;
}
div#header {
  height:140px;
  padding-top:17px;
  background-image:url(images/bckgrnd.png);
  position:relative;
}
div#header img {
  margin:0 auto;
  display:block;
}
div#header h1 {
  font-weight:500;
  margin:6px auto 0;
  text-align:center;
  font-size:21px;
  line-height:21px;
}
div#header h2 {
  font-weight:400;
  margin:3px auto 0;
  text-align:center;
  font-size:17px;
  line-height:17px;
}
div#header a#menu {
  position:absolute;
  top:16px;
  right:calc((100% - 735px) / 2);
}
div#accueil {
  text-align:center;
}
div#accueil a, div#header a {
  color:#414042;
  text-decoration:none;
}
div#accueil h3 {
  font-weight:400;
  margin:28px auto;
  text-align:center;
  font-size:18px;
  text-transform:uppercase;
}
div#cmyk {
  width:116px;
  height:29px;
  margin:0 auto;
}
div#cmyk div {
  width:29px;
  height:29px;
  float:left;
}
div#menu {
  height:63px;
  padding-top:11px;
  background-image:url(images/bckgrnd.png);
  background-position:0px -83px;
}
div#menu div {
  width:735px;
  margin:0 auto;
}
div#menu div a#menu {
  float:right;
  margin:5px 0 0 79px;
}
div#menu div img {
  float:left;
}
div#menu div h1 {
  display:none;
}
div#menu div a.nav {
  color:#77787b;
  text-transform:uppercase;
  margin:15px 0 0 30px;
  float:right;
}
div#menu div a#logo {
  margin:auto;
  float:none;
}
div#menu div a.on {
  color:#093c71;
}
div#menu div a div {
  width:10px;
  height:10px;
  float:right;
  margin:3px 0 0 9px;
  padding:0;
}
div#nav {
  display:none;
  position:absolute;
  top:63px;
  left:calc((100% - 325px) / 2);
  width:325px;
  padding-bottom:42px;
  background-image:url(images/pxl.png);
  font-size:18px;
}
div#nav a {
  color:#FFF;
  text-align:center;
  display:block;
  text-transform:uppercase;
  line-height:42px;
}
div#nav a.on {
  color:#000;
  font-weight:500;
}
div#nav a#x {
  color:#bcbec0;
  text-align:right;
  float:right;
  margin:0 15px;
  text-decoration:none;
  font-size:16px;
}
div#nav a#x:hover {
  color:#000;
}
div#contenu {
  max-width:510px;
  width:95%;
  margin:0 auto;
  padding:20px 0;
}
div#contenu hr {
  color:#dcdcdc;
  border-style:double;
  margin-block-start:15px;
  margin-block-end:15px;
}
div#portfolio {
  width:735px;
  margin:0 auto;
  padding:20px 0;
  text-align:center;
  text-transform:uppercase
}
div#portfolio a {
  color:#77787b;
  margin:0 13px;
}
div#portfolio a.on {
  color:#093c71;
}
div#portfolio img {
  float:left;
  width:245px;
}
div.colgauche {
  float:left;
  width:50%;
}
div.coldroite {
  float:right;
  width:50%;
  padding-top:44px;
  text-align:right;
}
div#contenu h1 {
  font-weight:500;
  margin:13px 0 0;
  color:#093c71;
  font-size:18px;
  text-transform:uppercase;
}

@media (max-width:760px) {
  body {
	background-image:url(images/bckgrnd2.gif);
  }
  div#header a#menu {
	right:calc((100% - 320px) / 2);
  }
  div#menu div {
	max-width:320px;
	min-width:304px;
	width:95%;
	padding:0;
  }
  div#menu div a.nav {
	display:none;
  }
  div#menu div a#menu {
	margin:5px 0 0 0;
  }
  div#menu div h1 {
	display:block;
	font-weight:500;
	color:#093c71;
	font-size:16px;
	text-transform:uppercase;
	float:left;
	margin:12px 0 0 10px;
	min-width:183px;
	max-width:199px;
  }
  div#contenu {
	max-width:320px;
	padding:0;
  }
  div.colgauche {
	float:none;
	width:100%;
  }
  div.coldroite {
	float:none;
	width:100%;
	padding-top:10px;
  }
  div#portfolio {
	max-width:320px;
	width:95%;
	padding:0;
  }
  div#portfolio img {
	margin:0 auto;
	float:none;
  }
  div#contenu {
	min-width:304px;
  }
  div#nav {
	top:0;
	left:0;
	padding-bottom:0;
	width:100%;
	height:100%;
  }
}

@media (max-width:330px) {
  div#header a#menu {
	right:calc((100% - 304px) / 2);
  }
}