/* CSS Document */

html {
height:100%; 
max-height:100%; 
padding:0;
margin:0; 
border:0; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}
#content {overflow:auto; position:absolute; z-index:3; top:176px; bottom:0; left:136px; right:0; background:#EDECD8;}
* html #content {top:0; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%; overflow:auto; position:absolute; z-index:3; border-top:176px solid #EDECD8; border-bottom:0px solid #EDECD8; border-left:136px solid #EDECD8;}
#header {
	position:absolute;
	margin:0;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:136px;
	background:#770000 url(Screen/headerBackground.gif) no-repeat right top;
	z-index:8;
	overflow:hidden;
	color:#000000;
	padding: 0;
	border: 0;
}
#title {
	position:absolute;
	padding:0 0 0 136px;
	border:0;
	margin:0;
	top:136px;
	left:0;
	display:compact;
	width:100%;
	height:40px;
	background:#000000 url("Screen/titleBackground.gif") no-repeat left top;
	z-index:6;
	overflow:hidden;
	vertical-align: top;
}
#title h1 {
	font-size:18px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 0px;
	line-height: 40px;
}
#titleIllustration {
	float: left;
	margin: 0 -3px; margin: 0;  /* bug IE */
	margin-right:8px;
}

#toolsBackground {position:absolute; left:0; top:176px; bottom:0; width:136px; background: url("Screen/toolsBackground.gif") repeat-y; z-index:5; overflow:hidden;}
* html #toolsBackground {
	height:100%;
	top:0;
	bottom:0;
	border-top:176px solid #fff;
	border-bottom:0;
	color:#fff;
	overflow: hidden;
}

#tools {
	background:#770000 url("Screen/tools.gif") no-repeat;
	overflow: hidden;
	height: 464px;
}

#content p {
	padding: 10px;
}
#texte {
	margin: 0px;
	padding: 32px 0px 96px 32px;
	width: 592px;
}
#texte h1 {
	padding: 0px;
	margin-top: 32px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
	color: #770000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-style: normal;
	font-weight: normal;
}
#texte h2 {
	padding: 0px;
	margin-top: 32px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
}
#texte h3 {
	padding: 0px;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-style: normal;
	font-weight: bold;
}
#texte p, #texte li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: justify;
	line-height: 150%;
}
#texte p {
	margin-bottom: 8px;
}
#texte li {
	margin-bottom: 0px;
	list-style-position: outside;
	list-style-type: square;
}
* img {
	border: 0px;
}
#tools p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #EDECD8;
	margin: 0 8px 4px;
	padding: 0;
}
#tools h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	font-weight: bold;
	color: #EDECD8;
	margin: 16px 8px 8px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EDECD8;
}
#tools a {
	color: #FFFFFF;
}
#tools h1 a {
	color: #EDECD8;
}
#texte a {
	color: #770000;
}
a {
	text-decoration: none!important;
}
a:hover {
	text-decoration: underline!important;
}
#sommaire02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 24px;
	padding: 0px 4px 4px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #A10000;
}
#sommaire02 h1 {
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#sommaire02 * a {
	color: #FFFFFF;
}
#texte li li {
	font-size: 100%!important;
}
#jlForm label {
	width: 136px;
	vertical-align: top;
	display: block;
	float: left;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
#jlForm .jlInputText, .jlInputTextArea {
	background-color: #FFFFFF;
	height: 18px;
	width: 420px;
	border: 1px solid #D2CEA8;
}
#jlForm .jlInputText {
	height: 20px;
}
#jlForm .jlInputTextArea {
	height: 172px;
}
#colonne {
	margin: 0px;
	padding: 32px 8px 96px 16px;
	width: 176px;
	background-color: #D2CEA8;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	height: 100%;
}
#colonne p, #colonne li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 14px;
	color: #333333;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#colonne p {
	margin-bottom: 8px;
}
#colonne ul {
	padding: 0px;
	margin: 16px;
}
#colonne li {
	margin-bottom: 0px;
	list-style-position: outside;
	list-style-type: square;
}
#colonne h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #333333;
}
.noTable {
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-collapse:collapse;
	vertical-align: top;
	width:100%;
	height:100%;
}
.noTable td, .noTable tr {
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-collapse:collapse;
	vertical-align: top;
}
.noTable #texte {
	width:416px;
}
.first {
	margin-top: 0px!important;
	padding-top: 0px!important;
}
#sommaire02 td {
	width: 160px;
}
#illustration02 {
	background-color:#000000;
	width:100%;
	height:108px;
	border-bottom-color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.accueilParagraphe h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px!important;
	font-style: normal!important;
	line-height: 13px!important;
	font-weight: bold!important;
	color: #FFFFFF!important;
	margin: 0px!important;
	padding-top: 3px!important;
	padding-right: 20px!important;
	padding-bottom: 64px!important;
	padding-left: 0px!important;
	text-align: right!important;
	background-repeat:no-repeat!important;
}
.accueilParagraphe p, .accueilParagraphe li {
	font-size: 75%!important;
}

.accueilParagraphe ul {
	padding: 0px!important;
	margin: 0px 0px 16px 16px!important;
}
.dataGrid
{
	border-right: #dddddd 1px solid;
	border-top: #dddddd 1px solid;
	font-size: 10px;
	border-left: #dddddd 1px solid;
	width: 100%;
	border-bottom: #dddddd 1px solid;
	font-family: verdana;
.dataGrid
{
	border-right: #dddddd 1px solid;
	border-top: #dddddd 1px solid;
	font-size: 10px;
	border-left: #dddddd 1px solid;
	width: 100%;
	border-bottom: #dddddd 1px solid;
	font-family: verdana;
	margin: 0px 0px 24px 0px;
	padding: 0px;
}
.dataGrid td
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 4px;
	margin: 0px;
	padding-top: 4px;
}
.dataGrid * .footer
{
	font-weight: bold;
	text-transform: uppercase;
	background-color: #dddddd;
}
.dataGrid * input, .dataGrid * .footer select
{
	font-family: Verdana;
	font-size: 10px;
}
.datagrid * .header
{
	background-color: #dddddd;
	text-decoration:none;
}
.datagrid * .headerVertical td
{
	writing-mode: tb-rl;
	filter: flipv fliph;
	background-color: #dddddd;
	text-decoration:none;
}
.datagrid * .alternate
{
	background-color: #F8F8F8;
}