/* ==========================================================
==   Layout.css
==
===========================================================*/
body {
	font-family: "Trebuchet MS";
	font-size: 10pt;
	background: #E7EDEB;
	margin: 0px;
}

a {
	color: white;
	text-decoration: none;
}

a:hover {
	color: white;
	text-decoration: underline;
}
a:active {
	color: #FF3300;
}

form {
	padding: 0px !important; 
}
/* =======================
||    Page
========================*/
#page {	
	position: absolute;
	width: 950px;
	margin-left: -475px;
	left: 50%;
	padding: 0px;
	text-align: left;
	background: #FFF url(../images/page-background.jpg) no-repeat scroll bottom left;
}

#header h1 {
	position: relative;
	height: 142px;
	background: #E7EDEB url(../images/home_background.jpg) no-repeat bottom left;
	margin: 0px 0px 0px -44px;
	padding: 0px 0px 0px 44px;
}
#header h1 span {
	display: none;
}

/* =======================
||    PDF Button
========================*/
.pdf-button {
	height				: 24px;
	background-image	: url(../images/pdf.gif);
	background-repeat	: no-repeat;
	background-position	: 0 0;
	padding				: 0;
	padding-left		: 32px;
	padding-top			: 8px;
	vertical-align		: middle;
	text-align			: left;
	width				: 110px;
}

/* =======================
||    infoDossier
========================*/
#infoDossier .preField {
	width : 140px;
}

#infoDossier  span {
	text-transform: lowercase;
	font-weight	: bold;
}

#infoComp .preField {
	width : 200px;
}
/* =======================
||    Menu
========================*/
#menu {
	float:left;
	color: #000;
	width: 175px;
	background: #E7EDEB url(../images/menu_background.jpg) no-repeat top left;
	margin-left: -44px;
	padding-left: 44px;
}

#menu dl {
	padding: 0px;
	padding-left: 8px;
	margin: 32px 0px 0px;
	list-style: none;
	background: #5C5A5B url(../images/menu_bottom.jpg) no-repeat right bottom;
	padding-bottom: 32px;
}
#menu dt {
	color: #FFFFFF;
	background: #5C5A5B url(../images/menuitem_background.jpg) no-repeat 100% 50%;
	line-height: 51px;
	text-align: right;
	padding-right: 10px;
}
#menu dd {
	margin: 0px;
}
#menu ul {
	margin: 0px;
	padding: 2px 2px 2px 10px;
}
#menu ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#menu ol.steps {
	margin: 0px;
	padding: 0px;
	font-size: .8em;
}
#menu ol.steps li {
	color: #AEAEAE;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style-type: decimal;
}
.active {
	font-weight: bold;
	color: #66FF00;
}
/* =======================
||    Content
========================*/
#content {
	float:left;
	width: 755px;
	margin-left: 10px;
	font-size: 8pt;
	min-height: 420px;
}

#content h1 {
	font: 22px/18px Georgia, serif;
	color: black;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-top: 15px;
	text-transform: lowercase;
	font-style: italic;
	padding-bottom:4px;
	border-bottom:1px dotted black;
	clear: left;
}

#content h2 {
	font-size: 11px;
	color: blue;
	margin: 5px;
	margin-top: 10px;
}

#content ul {
	list-style-image: url(images/puce.png);
}

#content label {
	font-size: 10pt;
	width: 200px;
}

#content a,
#content a:visited,
#content a:active
 {
	color: #0A9804;
}
#content a:hover{
	color: blue;
}
/* =======================
||    Debug
========================*/
.f-debug {
	display: block;
}
/* =======================
||    Footer
========================*/
#footer {
	float: left;
	width: 934px;
	text-align: center;
	font-size:10px;
	padding:3px 10px 3px 7px;
	text-align:left;
	color: #FFF;
	background: #E7EDEB url(../images/footer-background.jpg) no-repeat scroll top left;
	margin-bottom: -200px;
}