/* --// basic elements --// */
body {
	font: 11px/18px verdana,arial,helvetica,sans-serif;
	color: #800000;
	background-color:#edd5af;
	background-image:url(images/bodybg.jpg); 
	margin: 0;
	padding: 0;
	text-align: center;
	background-position: center top;
}
acronym {
 cursor: help;
 border-bottom: 1px dotted #B0915F;
}
/* --// layout // */
#container {
 width: 765px;
 /*background:  url(file:///E|/ressources_web/www.csszengarden.com/165/mainBg.gif) repeat-y;*/
 margin: 0 auto;
 padding: 0;
 text-align: left;
}
#pageHeader {
	font: 11px/18px verdana,arial,helvetica,sans-serif;
	color: #ffffff;
	
	width: 765px;
	height: 157px;
	
	background-repeat: no-repeat;
}
#pageHeaderlogo {
	font: 11px/18px verdana,arial,helvetica,sans-serif;
	color: #ffffff;
	background-image: url(images/logo_haut.gif);
	width: 220px;
	height: 157px;
	left:650;
	position: relative;

}
#pageHeaderIMAGE {
	font: 11px/18px verdana,arial,helvetica,sans-serif;
	color: #ffffff;
	width: 350px;
	height: 157px;
	background-image: url(images/headerBg_mo.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 200px;
}
#preamble, #supportingText {
 text-align: left;
 width: 455px;
 margin: 0 0 0 43px;
}
#preamble p, #supportingText p {
 margin: 0 0 12px 0;
}
#quickSummary { position: relative; }
#quickSummary .p2 {
 position: absolute;
 margin-top: -70px;
 left: 615px;
 font: 9px/14px verdana,arial,helvetica,sans-serif;
 text-transform: uppercase;
 width: 100px;
 padding: 0;
}

#linkList {
	position: absolute;
	top: 90px;
	margin-left: 625px;
	color: #2B0101;
	width: 175px;
	background: url(images/linklist_mo.gif) center top no-repeat;
}
.footer {
	/*display: block;*/
	padding: 12px 0 0 0;
	margin: 20px 0 0 120px;
	text-align: center;
	font-size: 9px;
}
.p1,.p2,.p3,.p4,.p5 { padding-left: 8px; }
/* --// headers // --*/
#preamble h3,#explanation h3, #participation h3, #benefits h3, #requirements h3 { 
 height: 60px; 
 text-indent: -8000px;
 margin: 0;
 padding: 0;
}
#lselect h3, #lresources h3, #larchives h3 {
 height: 23px;
 margin: 0;
 padding: 0;
 text-indent: -8000px; 
}
#preamble h3 { background:  url(file:///E|/ressources_web/www.csszengarden.com/165/hdRoad.gif) no-repeat; }
/*#explanation h3 { background:  url(file:///E|/ressources_web/www.csszengarden.com/165/hdAbout.gif) no-repeat; }
#participation h3 { background:  url(file:///E|/ressources_web/www.csszengarden.com/165/hdPart.gif) no-repeat; }
#benefits h3 { background:  url(file:///E|/ressources_web/www.csszengarden.com/165/hdBen.gif) no-repeat; }
#requirements h3 { background:  url(file:///E|/ressources_web/www.csszengarden.com/165/hdReq.gif) no-repeat; }*/
/*#lselect h3 {background:  url(file:///E|/ressources_web/www.csszengarden.com/165/hdSelect.gif) no-repeat; }*/
/*#larchives h3 { background:  url(file:///E|/ressources_web/www.csszengarden.com/165/hdArch.gif) no-repeat; margin-top: 15px;}*/
/*#lresources h3 { background:  url(file:///E|/ressources_web/www.csszengarden.com/165/hdResc.gif) no-repeat; margin-top: 15px; }*/

/* --// links --// */
a { 
 color: #683A33;
 text-decoration: none;
 border-bottom: 1px dotted #683A33;
}
a:hover,a:active { 
 border-bottom: 1px solid #800000;
 background: #C3A680;
 text-decoration: none;
}
a acronym { border: 0; }
li a {
 display: block;
 font-weight: bold;
 font-size: 12px;
 text-transform: uppercase;
 padding: 0 0 0 10px;
 background:  url(images/star.gif) no-repeat;
 border-bottom: 0;
}
li a.c {
 font-size: 9px;
 font-weight: normal;
 display: inline;
 padding: 0;
 background: none;
}
#larchives li a, #lresources li a {
 display: inline;
 font-weight: normal;
 font-size: 9px;
 margin: 0;
 text-transform: uppercase;
}
#larchives li a { background: none; }
li a:hover, li a:hover.c { color: #cea146 ; border-bottom: 0; }
li a:hover { background:  url(star_over.gif) no-repeat; }
li a:hover.c { background: none; }
.footer a {
 text-decoration: none;
 border: none;
 font: 8px verdana,arial,helvetica,sans-serif;
 padding: 1px;
 text-transform: uppercase;
}
.footer a:hover {
 background: none;
 border-top: 1px solid #683A33;
 border-bottom: 1px solid #683A33;
}
/* --// no display // -- */
#quickSummary .p1, #extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6, #pageHeader h1,h2 { display : none; }

/* --// lists --// */
ul,li {
 list-style: none;
 padding: 0;
 margin: 0;
 line-height: 15px; 
}
#lselect, #lresources, #larchives {
	padding-bottom: 6px;
	border-left-color: #cea146;
	border-left-style: inset;
	padding-left: 6px;
	border-left-width: thin;
	}
li {
 padding: 5px 5px 12px 5px;
 background:  url(images/libarre_mo.gif) center bottom no-repeat;
 text-transform: uppercase; 
 font-size: 9px; 
 /*border-bottom: 1px solid #A68858;*/
}
/* --// hover effects //-- */
.p1:hover,.p2:hover,.p3:hover,.p4:hover,.p5:hover { border-left: 2px solid #B0915F; padding-left: 6px; }
#quickSummary .p2:hover { border: 0; padding: 0; }
#contenu
{
	margin-top:0;
	top: 0px;
	width: 650px;
	padding: 0px;
	position: relative;
	left: 0px;
	clip:  rect(auto auto auto 0px);
}
.titrepage
{
	color: #840000;
	font: bolder 18px/18px verdana, arial, helvetica, sans-serif;
	text-align: center;
	background-position: center;
}

.menuh li {
	float: left;
	font-size: 9px;
	text-align: center;
	top: 90px;
	
}

.menuh a {
margin: 0 2px;
width:90px;
height: 20px;
display: block;
text-align: center;
text-decoration: none;
color: #683A33;
}

.menuh a:hover {
border: 0px solid gray; 

}

.menuh a:active {
border: 1px solid gray; 
color: #fff;
background-color:#C3A680;
}
.imagelogo a
{
	text-decoration: none;
}
.imagelogo a:hover
{
	text-decoration: none;
}
.imagelogo a:active
{
	text-decoration: none;
}