/* ------------------------------------------------------------------------
 * General
 * ------------------------------------------------------------------------
 */

* {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Verdana, Arial, "Sans Serif";
	font-size: 8pt;
	color: #535353;
}

body {
	background-image: url('../images/background.png');
	background-repeat: repeat;
	text-align: center;
}


div#interface {
	margin-left: auto;
	margin-right: auto;
	width: 854px;
	margin-bottom: 40px;
}

a {
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
	cursor: pointer;
}

img {
	border: 0px;
}

table {
	border-collapse: collapse;
}

td {
	vertical-align: top;
}


/**
 * HEADER
 */

div#interface div#header {
	background-image: url('../images/header.png');
	background-repeat: no-repeat;
	width: 854px;
	height: 137px;
}


/**
 * PAGE
 */
 
div#interface table tr td#menu {
	background-image: url('../images/menu-back.png');
	background-repeat: repeat-y;
	width: 238px;
	text-align: left;
}
 
div#interface table tr td#page {
	width: 616px;
	background-image: url('../images/content-back.png');
	background-repeat: repeat-y;
	vertical-align: top;
	text-align: left;
} 
 
div#interface table tr td#page div#content {
	width: 571px;
	text-align: justify;
}


/**
 * FRAME COMMUNE
 */

div#interface table tr td#page div#content table#frame tr td.top-left {
	background-image: url('../images/frame-top-left.png');
	background-repeat: no-repeat;
	width: 8px;
	height: 16px;
}

div#interface table tr td#page div#content table#frame tr td.top-center {
	background-image: url('../images/frame-top-center.png');
	background-repeat: no-repeat;
	width: 547px;
	height: 16px;
}

div#interface table tr td#page div#content table#frame tr td.top-right {
	background-image: url('../images/frame-top-right.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

div#interface table tr td#page div#content table#frame tr td.title-left {
	background-image: url('../images/frame-title-left.png');
	background-repeat: no-repeat;
	width: 8px;
	height: 20px;
}

div#interface table tr td#page div#content table#frame tr td.title-right {
	background-image: url('../images/frame-title-right.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 20px;
}

div#interface table tr td#page div#content table#frame tr td.inter-left {
	background-image: url('../images/frame-inter-left.png');
	background-repeat: no-repeat;
	width: 8px;
	height: 19px;
}

div#interface table tr td#page div#content table#frame tr td.inter-center {
	background-image: url('../images/frame-inter-center.png');
	background-repeat: no-repeat;
	width: 547px;
	height: 19px;
}

div#interface table tr td#page div#content table#frame tr td.inter-right {
	background-image: url('../images/frame-inter-right.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 19px;
}

div#interface table tr td#page div#content table#frame tr td.content-left {
	background-image: url('../images/frame-content-left.png');
	background-repeat: repeat-y;
	width: 8px;
}

div#interface table tr td#page div#content table#frame tr td.content {
	background-image: url('../images/frame-content-back.png');
	background-repeat: repeat;
}

div#interface table tr td#page div#content table#frame tr td.content-right {
	background-image: url('../images/frame-content-right.png');
	background-repeat: repeat-y;
	width: 16px;
}

div#interface table tr td#page div#content table#frame tr td.bottom-left {
	background-image: url('../images/frame-bottom-left.png');
	background-repeat: no-repeat;
	width: 8px;
	height: 17px;
}

div#interface table tr td#page div#content table#frame tr td.bottom-center {
	background-image: url('../images/frame-bottom-center.png');
	background-repeat: no-repeat;
	width: 547px;
	height: 17px;
}

div#interface table tr td#page div#content table#frame tr td.bottom-right {
	background-image: url('../images/frame-bottom-right.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 17px;
}
