body {
	background-color: #DFEDFB;
	margin: 0;
	padding: 0; padding-top: 1em;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
	font-size: 13px;
}

h1, h2 {
	font-variant: small-caps;
	text-align: center;
	font-size: 180%;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}

h2 {
	font-size: 160%;
}


#content {
	background-color: #BED3E7;
	background-image: url(bodybg.png);
	padding: 3em;
	margin:0.2em 2em;
	border: 2px solid #808BA4;
}


#mycustomscroll {
/* Typical fixed height and fixed width example */
	width: 660px;
	height: 450px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0.3em auto;
	padding: 0px;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
	width: 340px;
	height: 250px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	background-color: #B4C2DA;
	margin: 0.3em auto;
	padding: 15px;
}


#dhtmltooltip{
font-family:verdana;
font-size:10px;
position: absolute;
width: 300px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
	width: 550px;
	height: auto;
	position: relative;
	color: black;
	padding: 1px;
}


.copyrightnotice {
	font-size: 70%;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 0;
}


.titre {
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 0;
	padding-left: 0;
	color:#336633;
}


.soustitre {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 0;
	padding-left: 0;
	color:#336633;
}


.para1 {
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15;
	color:#660000;
}


.para2 {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 30;
	color:#336633;
	
}


.para3 {
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 30;
	color:#336633;
	
}


.suite {
	font-size: 9px;
	font-weight: normal;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 0;
	color:#336633;
}


.notice {
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 0;
	padding-left: 30;
	color:#CC0000;
}


.tip {
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 0;
	margin-top: 18;
	color:#663300;
}


.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}