/* CSS Document */

body {
	background-color: #FFFFFF;
	text-align: center;
	margin: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
}

th.title {
	padding: 2px 5px;
}

td.data {
	padding: 5px;
}

a {
	outline: none;
}

#global {
	position: relative;
	width: 985px;
	margin: 0 auto;
	text-align: left;
	background-color: #005076;
}

#masque {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	width: 100%;
	background-color: #000000;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
	visibility: hidden;
}

#main {
	position: relative;
	width: 985px;
}

#logo {
	float: left;
	width: 250px;
	height: 50px;
	text-align: center;
	border: 1px solid #6C6C6C;
	border-width: 0 1px 0 0;
}

#nav {
	position: relative;
	height: 50px;
	margin-left: 260px;
}

#nav a {
	color: #333333;
	text-decoration: none;
}

#menu {
	position: absolute;
	left: 0;
	top: 0;
	width: 240px;
	padding-left: 10px;
}

#menu h2 {
	padding: 3px 20px;
	margin: 0;
	font: bold 12px/13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: 1px solid #005076;
	border-width: 0 0 1px 0;
}

#menu h2.active {
	background: url('../../picts/square8px_white.gif') no-repeat 6px 6px;
}

#menu a {
	color: #FFFFFF;
	text-decoration: none;
}

#quicklinks {
	width: 230px;
	color: #FFFFFF;
}

#quicklinks h2 {
	padding: 0 15px;
	margin: 0;
	font: bold 12px/13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#quicklinks .trennlinie {
    height: 1px;
    line-height: 1px;
	font-size: 1px;
    background: url('../../picts/hr_bg_quicklinks.gif') repeat-x top left;
    margin: 2px 0;
}

#quicklinks a {
	color: #FFFFFF;
	text-decoration: underline;
	text-transform: uppercase;
}

#quicklinks ul {
	margin: 7px 0;
	padding: 0 0 0 15px;
}

#quicklinks li.linkliste {
	background: url('../../picts/puce_quicklink.gif') no-repeat 0 5px;
	list-style-type: none;
	margin-bottom: 7px;
	padding-left: 9px;
}


#complement {
	position: absolute;
	left: 735px;
	top: 0;
	width: 230px;
	border: 10px solid #005076;
	background-color: #D9E5EB;
}

#complement h2 {
	background: url('../../picts/square8px_blue.gif') no-repeat 0 3px;
	margin: 10px 0;
	padding-left: 20px;
	font: bold 12px/13px Arial, Helvetica, sans-serif;
	color: #004F77;
}

#complement p {
	line-height: 15px;
	margin: 0 0 10px 0;
	padding-left: 20px;
}

#complement a {
	color: #004F77;
}

#complement ul {
	margin: 0;
	padding-left: 20px;
}

#complement li.linkliste {
	background: url('../../picts/puce_lien.gif') no-repeat 0 5px;
	list-style-type: none;
	margin-bottom: 7px;
	padding-left: 9px;
}

#complement li.itemliste {
	background: url('../../picts/puce_item.gif') no-repeat 0 5px;
	list-style-type: none;
	margin-bottom: 7px;
	padding-left: 9px;
	color: #000000;
}

#complement .trennlinie {
    height: 1px;
    line-height: 1px;
	font-size: 1px;
    background: url('../../picts/hr_bg.gif') repeat-x top left;
    margin: 0 15px;
    clear: both;
}

#image_header {
	position: relative;
	height: 120px;
	text-align: right;
	background-color: #87A70E;
}

#content {
	position: relative;
	width: 485px;
	min-height: 485px;
	margin: 0 auto;
	padding: 0;
	border: 10px solid #005076;
	border-width: 10px 0;
	background: #FFFFFF url('../../picts/box_background.gif') bottom right no-repeat;
}

#content h1 {
	font: normal 24px/24px Arial, Helvetica, sans-serif;
	color: #005076;
	margin: 0 0 15px 0;
}

#content h2 {
	font: bold 12px Arial, Helvetica, sans-serif;
    color: #005076;
    margin: 0 0 7px 0;
}

#content p {
	line-height: 15px;
	margin: 0 0 7px 0;
}

#content ul, a {
	color: #004F77;
	margin: 0 0 15px 0;
	padding: 0;
}

#content li.linkliste {
	background: url('../../picts/puce_lien.gif') no-repeat 0 5px;
	list-style-type: none;
	margin-bottom: 7px;
	padding-left: 9px;
}

#content li.itemliste {
	background: url('../../picts/puce_item.gif') no-repeat 0 5px;
	list-style-type: none;
	margin-bottom: 7px;
	padding-left: 9px;
	color: #000000;
}

#content .trennlinie {
    height: 1px;
    line-height: 1px;
	font-size: 1px;
    background: url('../../picts/hr_bg.gif') repeat-x top left;
    margin: 15px 1px 15px 1px;
    clear: both;
}

#popup a {
	color: #FFFFFF;
	text-decoration: underline;
}

ul.navproduit {
    list-style-type: none;
}

ul.navproduit li {
    float: left;
    background: transparent url('../../picts/puce_produit.gif') 0 3px no-repeat;
    padding-left: 10px;
    padding-right: 30px;
    margin-bottom: 5px;
}

ul.navproduit li.active {
    background-image: url('../../picts/puce_produit_active.gif');
}

ul.navproduit li.active a {
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

#header {
	position: relative;
	width: 985px;
	padding-bottom: 30px;
	background-color: #FFFFFF;
}

#footer {
	position: relative;
	width: 485px;
	margin: 0 auto;
	padding: 10px 0;
	font: 10px/10px Arial, Helvetica, sans-serif;
	color: #A9D1EF;
}

#footer a {
	color: #A9D1EF;
	text-decoration: none;
}

form {
	padding: 0;
	margin: 0;
}

input, textarea {
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 1px;
	margin: 0;
}

select {
	font: normal 12px Arial, Helvetica, sans-serif;
}

input.bt {
	width: 65px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: 0;
	background-color: #009EE0;
	margin-left: 1px;
}

input.search {
	width: 160px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: 1px solid #61ABE1;
	background-color: #005076;
}

input.bt_search {
	width: 65px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: 0;
	background-color: #009EE0;
	margin-left: 1px;
}