/*
 *	BACKGROUND
 */

html
{
	background: #fff url("background.png");
}

#global
{
	background: url("global.png") repeat-y;
}

#header
{
	height: 100px;
	background: url("header.jpg");
}

#menubar
{
	background: url("menubar.png") no-repeat top right;
	padding-left: 10px;
}

#contentbar
{
	background: url("contentbar.png") no-repeat top left;
	padding-right: 20px;
	min-height: 100px;
}

#footer
{
	width: 100%;
	margin-top: 10px;
	height: 50px;
	background: url("footer.png") no-repeat  top left;
	overflow: hidden;
}


/*
 *	MENU
 */


#menu
{
	list-style: none;
}

#menu li a
{
	display: block;
	min-height: 30px;
	background: url("menuitem.png") no-repeat left top;
	padding: 10px;
	padding-left: 30px;
	margin-bottom: -10px;
	overflow: hidden;
	text-decoration: none;
	color: #6B8692;
	font: bold 1em/32px sans-serif;
}

#menu li.activ a
{
	background: url("menuitem_activ.png") no-repeat left top;
	color: #FFF;
}

#menu li.activ a:hover
{
	color: #FFF;
}

#menu li a:hover
{
	background-position: right top;
	color: #FFB31A;
}

#menu li a span
{
	vertical-align: middle;
}

#menu li #submenu
{
	background: url("submenu.png") no-repeat bottom left;
	margin: -10px 0 -20px 10px;
	padding-bottom: 22px;
	list-style: none;
}

#menu li #submenu li a
{
	min-height: 0;
	background: url("submenuitem.png") repeat-y left;
	color: #6B8692;
	margin: 0;
	padding: 3px 20px;
	font: 0.9em/20px sans-serif;
}

#menu li #submenu li a:hover
{
	color: #FFB31A;
}

/*
 *	FONT
 */

body
{
	font: 100% sans-serif;
}

#header h1
{
	background-color: #FFF;
	color: #000;
	position: absolute;
	top: -500px;
}

#access
{
	color: #DAE9F0;
	font-size: 0.9em;
	margin: 0px 10px 0.8em 0px;
	padding-right: 20px;
}

#access a
{
	color: #DAE9F0;
	text-decoration: none;
	font-size: 0.9em;
}

#access a:hover, #access a:focus
{
	color: #FFB31A;
}

h2
{
	display: block;
	float: right;
	color: #FFF;
	padding-right: 5px;
	text-align: right;
	font: small-caps bold 1.2em/1.2em sans-serif;
	clear: both;
}

h3
{
	color: #1A94CF;
	margin: 1.4em 10px;
	padding-left : 20px;
	background: url("star.gif") no-repeat top left;
	font: small-caps bold 1em sans-serif;
	clear: both;
}

h4
{
	margin: 0 20px;
}

#contentbar h3 img
{
	margin-left: 0;
}

#contentbar p
{
	color: #526C79;
	text-align: justify;
	font-size: 0.9em;
	margin: 0  10px 1.4em 10px;
}

#contentbar strong
{
	font-weight: bold;
	color: #FFB31A;
}

#contentbar ul
{
	color: #526C79;
	text-align: justify;
	font-size: 0.9em;
	margin: 1.4em 10px;
	padding-left: 2em;
	list-style: disc;
}

#contentbar ol
{
	color: #526C79;
	text-align: justify;
	font-size: 0.9em;
	line-height: 1.8em;
	margin: 10px;
	padding-left: 2em;
}


#contentbar img
{
	border: none;
	margin-top: -1.4em;
	margin-bottom: 10px;
}


#contentbar p img
{
	margin: 0;
}

#contentbar a
{
	color: #C93006;
	text-decoration: none;
}

#contentbar a:hover
{
	background-color: #FFF;
	color: #FF9F40;
}

#contentbar table
{
	margin: 10px;
	margin-bottom: 0;
	background-color: #DAE9F0;
	clear: both;
}

#contentbar table th, td
{
	margin: 1px;
	padding: 5px;
	background-color: #FFF;
	color: #526C79;
	width: 100%;
	text-align: justify;
	font-size: 0.9em;
}

#contentbar .souligne
{
	color: #526C79;
	text-decoration: underline;
}

.gauche
{
	margin: 0 10px;
	float: left;
}

.droite
{
	margin: 0 10px;
	float: right;
}

#contentbar .tr
{
	text-align: right;
}

#contentbar .bloc
{
	background: #47ACDB url("bloc.png") repeat-x top left;
	color: #fff;
	font-weight: bold;
	text-align: justify;
	margin: 10px 3px 10px 2px;
	padding: 10px;
	clear: both;
}

textarea
{
	width: 400px;
	height: 150px;
}

#contentbar li p
{
	margin: 0;
}

#contentbar h3 img
{
	background: transparent;
	margin-top: 7px;
	padding: 0;
}

#footer p
{
	width: 560px;
	margin-left : 210px;
	text-align: center;
	color: #859EAA;
	font: 0.7em/60px Verdana, sans-serif;
	overflow: hidden;
}

#footer a
{
	color: #859EAA;
	font: 1em Verdana, sans-serif;
	text-decoration: none;
}