* {
	margin: 0;
	padding: 0;
	outline: none;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.lfloat {
	float: left;
}
.clearance {
	clear: both;
}
body {
	background: white url(images/header_bg.jpg) repeat-x top left;
	text-align: left;
	font-family: "Lucida Grande",Arial,sans-serif;
	font-size: 12.3333px;
	line-height: 19.7333px;
	color: #546066;
}
#message {
	padding: 5px;
	margin: 10px 20px 20px 40px;
	background: #900;
	color: white;
	font-weight: bold;
	font-size: 11px;
	border: 1px solid #300;
	text-align: center;
}
#header {
	position: relative;
	height: 110px;
	width: 818px;
	margin: 0 auto 0 auto;
	background: #1e3c4d url(images/header_bg.jpg) repeat-x top left;
}
#logo {
	display: block;
	position: absolute;
	width: 319px;
	height: 110px;
	left: 0;
	top: 0;
	background: transparent url(images/logo.jpg) no-repeat top left;
}
#brush {
	position: absolute;
	width: 75px;
	height: 87px;
	left: 319px;
	top: 23px;
	background: transparent url(images/brush.jpg) no-repeat top left;
}
#cogs {
	position: absolute;
	width: 131px;
	height: 87px;
	left: 646px;
	top: 0;
	background: transparent url(images/cog.jpg) no-repeat top left;
}
#client_access {
	position: absolute;
	width: 250px;
	height: 20px;
	right: 0;
	text-align: right;
	color: #999;
}
#client_access a {
	color: #999;
	text-decoration: none;
}
#client_access a:hover {
	color: white;
	border-bottom: 1px dotted white;
}
#menu {
	position: absolute;
	width: 445px;
	height: 32px;
	left: 498px;
	top: 78px;
}
#menu a {
	color: white;
	text-indent: -9999px;
}
#menu a:hover {
	background-position: bottom left;
}
#menu a.sel {
	background-position: top right;
}
#menu_accueil {
	display: block;
	position: absolute;
	width: 65px;
	height: 32px;
	left: 0;
	top: 0;
	background: transparent url(images/menu_accueil.jpg) no-repeat top left;
}
#menu_real {
	display: block;
	position: absolute;
	width: 93px;
	height: 32px;
	left: 76px;
	top: 0;
	background: transparent url(images/menu_real.jpg) no-repeat top left;
}
#menu_services {
	display: block;
	position: absolute;
	width: 71px;
	height: 32px;
	left: 180px;
	top: 0;
	background: transparent url(images/menu_services.jpg) no-repeat top left;
}
#menu_contact {
	display: block;
	position: absolute;
	width: 69px;
	height: 32px;
	left: 262px;
	top: 0;
	background: transparent url(images/menu_contact.jpg) no-repeat top left;
}
#menu_clients {
	display: block;
	position: absolute;
	width: 101px;
	height: 32px;
	left: 344px;
	top: 0;
	background: transparent url(images/menu_clients.jpg) no-repeat top left;
}
#container {
	width: 818px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}
#footer {
	width: 818px;
	clear: both;
	margin: 20px auto 10px auto;
	/* border-top: 1px solid #A2BDCB; */
	background: transparent url(images/footer_border.jpg) no-repeat top left;
	text-align: center;
	color: #999;
}
#container a, #footer a {
	color: #0094C1;
	text-decoration: none;
	border-bottom: 1px dotted #0094C1;
}
#container a:hover, #footer a:hover {
	color: #FF7C10;
	border: none;
}
#container h1 {
	font-family: "Lucida Grande",Arial,sans-serif;
	color: #0094C1;
	font-size: 24px;
	letter-spacing: -1.6667px;
	font-weight: normal;
	margin: 10px 0 20px 0;
}
#container h2 {
	font-family: "Lucida Grande",Arial,sans-serif;
	font-size: 13px;
	letter-spacing: 1.9333px;
	line-height: 20px;
	text-transform: uppercase;
	color: #1B4B62;
	background: transparent url(images/h2_border.jpg) no-repeat bottom left;
	/* border-bottom: 1px solid #A2BDCB; */
	margin: 10px 0 10px 0;
	font-weight: normal;
}
#container p {
	margin: 0 0 40px 10px;
}
#container blockquote {
	background: transparent url(images/open_quote.gif) no-repeat top left;
	float: right;
	width: 320px;
	margin: 0 0 30px 10px;
	padding: 5px 0 0 0;
	font-family: "Bookman Old Style","Book Antiqua","Georgia","Times New Roman",Times,serif;
	font-size: 1.1em;
	font-style: italic;
	color: #1B4B62;
}
#container blockquote .quote {
	margin: 0;
	padding: 0 20px 5px 0;
	text-indent: 25px;
	text-align: justify;
	line-height: 1.3em;
	background: transparent url(images/end_quote.gif) no-repeat bottom right;
}
#container blockquote .source {
	text-align: right;
	font-style: normal;
	margin-top: 10px;
	color: #666;
	font-size: 0.9em;
}
.form th {
	font-family: "Trebuchet MS","Tahoma",sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #1B4B62;
	text-align: right;
	vertical-align: top;
}
input.text, textarea {
	border: 1px solid #1B4B62;
	padding: 2px;
	background: white;
	margin: 2px 0 2px 10px;
	color: #1B4B62;
}
input.text:focus, textarea:focus {
	color: black;
	border-color: #0094C1;
}
input.button {
	border: none;
	padding: 2px;
	background: #18455A;
	color: white;
	font-size: 14px;
	font-family: "Trebuchet MS","Tahoma",sans-serif;
	font-weight: bold;
	margin-top: 20px;
}
input.button:hover, input.button:active {
	background: #0094C1;
}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	height: 33px;
}

/*.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	height: 20px;
}*/

#container .project {
	width: 700px;
	background: #f3f3f3;
	padding: 5px;
	margin-bottom: 10px;
}
#container .project h3, #container .project h3 a {
	font-size: 14px;
	font-weight: bold;
	color: #1D4255;
	font-family: "Lucida Grande",Arial,sans-serif;
	text-decoration: none;
	margin: 0 0 10px 0;
	padding: 0;
	background: none;
	border: none;
}
#container .project h3 a {
	border-bottom: 1px dotted #1D4255;
}
#container .project h3 a:hover {
	border: none;
}
#container .project img {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #1D4255;
}
#container .project p {
	font-family: "Lucida Grande",Arial,sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #1D4255;
}
.preview_img {
	width: 200px;
}
#map {
	width: 500px;
	height: 300px;
	float: right;
}
#container a.project_img {
	display: block;
	width: 300px;
	float: left;
	margin: 0 10px 10px 0;
	border: none;
}
#container a.project_img img {
	width: 300px;
	border: 1px solid black;
}
.hidden {
	display: none;
}