body
{
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-family: arial, helvetica, sans-serif;
	background-color: #eee;
	color: #333;
}

a:link {
	color: #006699;
	text-decoration: none;
}

a:visited {
	color: #A367B1;
	text-decoration: none;
}

a:hover {
	background-color: #DDEEFF;
}

#intro
{
	width: 100%;
	height: 70px;
	color: #000;
	background-color: #FFF;
	background-image:  url("../images/titlebanner.gif");
	background-repeat: no-repeat;
	background-position: 17px 30px;
	border-bottom: 30px solid #6699CC;
}

#intro h1 { display: none; }

h2, h3 {

	padding: 0px 0px 0px 30px;
}

p, ul, ol { margin-left: 30px; }
p, ol { width: 50em; }
ul, ol { padding-left: 30px; }

#flash { padding-left: 30px; }

table {
	margin-left: 30px;
	font-size: 100%;
	width: 50em;
	border-spacing: 0;
	border-collapse: collapse;
	}
table th,
table td {
	padding: 0.35em 10px;
	vertical-align: top}


h2
{
	font-size: 140%;
	color: #006699;
}

h3
{
	font-size: 110%;
	color: #666;
}

pre { margin-left: 30px; 
}

/************* #pageName styles *************/
#pageName{
}

/************* #navPath styles *************/

#navPath{
	margin: 0;
	font-size: 90%;
	padding: 5px 0px 5px 30px;
}

#navPath a {
	color: #666666;
	text-decoration: none;
	}

#navPath a:hover {
	text-decoration: underline;
	background-color: transparent;
	}


/************* #navcontainer styles *************/
#navcontainer {
	margin: 0 0 0 20px;
	padding: 0;
	height: 20px;
	}

#navcontainer ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}

#navcontainer ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#navcontainer ul li a {
	background: #CCCCCC;
	width: 110px;
	height: 18px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: none;
	padding: 0;
	margin: 0 0 10px 0;
	color: #000000;
	text-decoration: none;
	display: block;
	text-align: center;
	font: bold 13px verdana, lucida, sans-serif;
	}

#navcontainer_end a:link, #navcontainer_end a:visited {
	border-right: 1px solid #000000;
	}

#navcontainer ul li a:hover {
	color: #ffffff;
	background: #666666;
	}

/*************  *************/
img.imagedroite {
	float: right;
	margin: 0 10px 4px 20px;
	}

/*************  *************/
.example
{
	margin-left: 30px;
	padding-left: 0;
	list-style: none;
}

.example li
{
	padding-left: 10px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.petit {
	font-size: 60%;
}

/*************  *************/
#siteInfo {
	border-top: 1px solid #cccccc;
	padding: 10px 10px 10px 30px;
	font-size: 75%;
	color: #333333;

}

#siteInfo a,
#siteInfo a:link,
#siteInfo a:visited,
#siteInfo a:active {
	font-family: verdana, arial, sans-serif;
	color: #006699;
	text-decoration: none;
	}


#siteInfo a:hover {
	font-family: verdana, arial, sans-serif;
	text-decoration: underline;
	background-color: #eee;
	}


code{
	font-size: 11px;
	font-family: monospace;
	color: #000000;
}

#validationOn {
	padding: 10px 10px 10px 30px;
}


#validation { display: none; }


.updated {
	color: #AA2222;
	font-weight: bold;
}

.flash8 {
	color: #039AD9;
	font-weight: bold;
}

.updatedf8 {
	font-size: 80%;
	color: #039AD9;
	font-weight: bold;
}