@CHARSET "UTF-8";

html, body {
	margin:0;
	padding:0;
}

body {
	background: #364860;
	font-family: Geneva, Verdana, Arial, Sans-Serif;
	font-size:12px;
	color:#000;
}

a, a:visited, a:active {
	text-decoration: none;
	color:#dd9318;
}

a:hover {
	text-decoration: underline;
}

img {
	border:0;
}

/**
* CONTAINERS
*/
div#container {
	background: url(../img/bg_container.jpg) 0 0 repeat-x;
	text-align:center;
}

div#main {
	position:relative;
	margin:auto;
	text-align:left;
	width:924px;
	background: url(../img/bg_main.jpg) 0 0 repeat-y;
}

/**
* TOP
*/
div#top {
	height:77px;
	background: url(../img/bg_container.jpg) 0 0 repeat-x;
	position: relative;
}

div#member {
	position: absolute;
	top:50px;
	right:14px;
}

/**
* MENU
*/
div#menu {
	height:46px;
	padding:0 6px 0 6px;
	background: url(../img/bg_container.jpg) 0 -77px repeat-x;
}

div#menu ul {
	margin:0;
	padding:0;
	list-style:none;
}

div#menu ul li {
	float:left;
}

div#menu ul li a {
	display: block;
	width:151px;
	height:12px;
	padding:17px 0 17px 0;
	font-size:12px;
	line-height:12px;
	text-align:center;
	background: url(../img/menu_bg.jpg) 0 0 no-repeat;
	color:#fff;
	text-decoration:none;
}

div#menu ul li a:hover {
	background: url(../img/menu_bg.jpg) 0 -47px no-repeat;
}

div#menu ul li a.first {
	background: url(../img/menu_bg_first.jpg) 0 0 no-repeat;
}

div#menu ul li a.first:hover {
	background: url(../img/menu_bg_first.jpg) 0 -47px no-repeat;
}

div#menu ul li a.last {
	width:157px;
	background: url(../img/menu_bg_last.jpg) 0 0 no-repeat;
}

div#menu ul li a.last:hover {
	background: url(../img/menu_bg_last.jpg) 0 -47px no-repeat;
}

div#menu ul li.selected a {
	background: url(../img/menu_bg.jpg) 0 -47px no-repeat;
	color:#000;
}

div#menu ul li.selected a.first {
	background: url(../img/menu_bg_first.jpg) 0 -47px no-repeat;
	color:#000;
}

div#menu ul li.selected a.last {
	background: url(../img/menu_bg_last.jpg) 0 -47px no-repeat;
	color:#000;
}

/**
* CONTENT
*/
div#content {
	width:910px;
	padding:10px 7px 0 7px;
	background: url(../img/bg_content.jpg) 0 0 no-repeat;
}

div#content p {
	margin:10px 0 10px 0;
	padding:0 10px 0 10px;
}

div#content ul {
	margin:0 0 0 10px;
	padding:0;
}

div#content ul li {
	margin:0 0 4px 10px;
	padding:0 0 0 0;
	list-style-image: url(../img/li.gif);
}

/**
* FOOTER
*/
div#footer {
	background: url(../img/bg_footer.jpg) 0 100% no-repeat;
	text-align: center;
	padding:20px;
}

/**
* LANG
*/
div#lang {
	position: absolute;
	top:4px;
	right:14px;
}

div#lang img {
	border:1px solid #fff;
	opacity:0.5;
}

div#lang a:hover img {
	opacity:1;
}

div#lang img.selected {
	opacity:1;
}

/**
* HEADINGS
*/
h1 {
	margin:0;
	padding-top:10px;
	color:#526176;
	padding-left:30px;
	font-weight: normal;
	font-size:26px;
}

h2 {
	margin:0;
	padding-top:10px;
	color:#526176;
	padding-left:30px;
	font-weight: normal;
	font-size:22px;
}

/**
* FORMS
*/
input, select, textarea, button {
	border:1px solid #526176;
	padding:2px;
	font-family: Geneva, Verdana, Arial, Sans-Serif;
	font-size: 12px;
	background: #526176;
	color:#fff;
	
	background: url(../img/input_bg.jpg) 0 0 repeat-x;
	color: #526176;
}

/**
* HOME
*/
div.home {
	height:328px;
	background: url(../content/home.jpg) 100% 100% no-repeat;
	position: relative;
}

div.home div {
	color:#526176;
	font-weight: normal;
	font-size:25px;
	position: absolute;
}

div.home div.title0 {
	top: 10px;
	left: 10px;
}

div.home div.title1 {
	top: 40px;
	left: 40px;
}

div.home div.title2 {
	top: 140px;
	left: 8px;
}

div.home div.title3 {
	top: 170px;
	left: 100px;
}

div.home div.title4 {
	top: 210px;
	left: 30px;
}

div.home div.title5 {
	top: 290px;
	left: 10px;
	font-size:16px;
}

div.home span.bold {
	font-weight: bold;
}

div.home span.big {
	font-size:32px;
}

/**
* REALISATIONS
*/
div.realisation {
	margin:20px 40px 40px 40px;
	padding:0 10px 10px 10px;
	height:180px;
}

div.realisation h2 {
	margin:0 -10px 10px -10px;
	padding:4px 4px 4px 14px;
	border-bottom:1px solid #999;
	background:#526176;
	color:#fff;
	font-weight: bold;
	font-family: Arial;
}

div.realisation img {
	border:1px solid #526176;
	float:left;
	margin:0 10px 10px 0;
}

div.realisation div.details {
	clear:both;
	background:#fff;
	padding:2px;
}

/**
* CONTACT
*/
table.contact {
	margin:auto;
}

table.contact td {
	padding:3px;
}

table.contact td.key {
	background-color: #f6f6f6;
	text-align: right;
	width: 140px;
	color: #666;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;	
}

/**
* MISC
*/
img.left {
	border:1px solid #526176;
	float:left;
	margin:0 10px 10px 10px;
}

img.right {
	border:1px solid #526176;
	float:right;
	margin:0 10px 10px 10px;
}

img.noborder {
	border:0;
}

div.clear {
	clear:both;
}