
/***** Structures */
body{
	margin: 0;
}
.testBar {
	background-color: red;
	color: white;
	font-weight: bold;
	text-align: center;
}
#sitePanelContainer{
	text-align: center;
}
#sitePanel{
	background-image: url( siteBg.jpg );
	background-repeat: no-repeat;
	width: 980px;
	height: 750px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}
#sitePanelAlt{
	background-image: url( siteBgAlt.jpg );
	background-repeat: no-repeat;
	width: 980px;
	height: 750px;
	position: relative;
}
#siteTitle {
	font-family: tahoma, sans-serif;
	font-size: 20pt;
	top: 52px;
	left: 280px;
	position: absolute;
	color: white;
}
#siteLogo1 {
	position: absolute;
	top: 34px;
	left: 711px;
}
#siteLogo2 {
	position: absolute;
	top: 700px;
	left: 100px;
}
#filarianne {
	top: 92px;
	left: 110px;
	position: absolute;
	color: white;
	font-size: 8pt;
}
#sitePanel .vignette,  #sitePanelAlt .vignette{
	position: absolute;
	top: 109px;
	left: 110px;
}
/* FRAGMENTS */
/* ... image en haut */
#imagePanel {
	position: absolute;
	left: 314px;
	top: 140px;
	height: 156px;
	width: 318px;
}
#imagePanel img{
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#imagePanel div.toolMenu{
	position: absolute;
	left: 0px;
	top: 140px;
}
/* ... texte */
#contentPanel{
	position: absolute;
	left: 309px;
	top: 308px;
	height: 380px;
	width: 500px;
}
/* MENUS */
#menu1 {
	position: absolute;
	top: 279px;
	width: 280px;
}
#menu1 table {
	width: 100%;
	border-collapse: collapse;
}
#menu1 td{
	height: 27px;
	font-family: tahoma, sans-serif;
	font-size: 10pt;
	padding: 0;
}
#menu1 .level1{
	text-align: right;
	padding-right: 5px;
}
#menu1 .level1 a {
	text-decoration: none;
	color: white;
}
#menu1 .level2{
	padding-left: 110px;
}
#menu1 .level2 a {
	text-decoration: none;
	color: #000C00;
}
#menu1 a.current {
	color: #970056;
}

#menu2-1 {
	position: absolute;
	top: 106px;
	left: 280px;
}
#menu2-1 table {
	border-collapse: collapse;
}
#menu2-1 td{
	height: 29px;
	font-family: tahoma, sans-serif;
	font-size: 8pt;
	padding: 0 0 0 10px;
}
#menu2-1 .level1 a {
	text-decoration: none;
	color: white;
}
#menu2-1 a.current {
	color: #970056;
}
.menu2-2 {
	position: absolute;
	top: 138px;
	width: 303px;
}
menu1 table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px;
}
.menu2-2 a {
	text-decoration: none;
	color: #000C00;
}
.menu2-2 td {
	width: 228px;
	padding: 0 0 0 10px;
}
.menu2-2 td.level2-first {
	background-image: url(menu2-2FirstBg.gif);
	background-repeat: no-repeat;
	height: 35px;
	vertical-align: bottom;
}
.menu2-2 td.level2-pair {
	background-image: url(menu2-2PairBg.gif);
	background-repeat: no-repeat;
	height: 18px;
}
.menu2-2 td.level2-impair {
	background-image: url(menu2-2ImpairBg.gif);
	background-repeat: no-repeat;
	height: 18px;
}
.menu2-2 a.current {
	color: #970056;
}

#menu3 {
	position: absolute;
	left: 309px;
	top: 708px;
	height: 30px;
	width: 500px;
	text-align: center;
}
#menu3 a {
	text-decoration: none;
	color: black;
	font-weight: normal;
}
/** Search */
#searchForm {
	position: absolute;
	top: 665px;
	width: 270px;
	text-align: right;
}
#searchResults {
	width: 580px;
	height: 360px;
	overflow: auto;
}
#searchResults li {
	margin: 5px 0;
}