body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background: #FFFFFF url(arbresd.jpg) no-repeat fixed -40px 0px;
	margin: 0px;
	padding: 0px;
}

h2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 170px;
	padding: 0px;
	font: italic bold 18px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.05em;
}

h3 {
	color: #545454;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 170px;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}

/* ------------- ENTETE ------------- */
#entete {
	background: #E8DA9C url(entete.jpg) no-repeat -1px -75px;
	width: 878px;
	margin-left: -440px;
	position: absolute;
	left: 50%;
	top: -2px;
	height: 126px;
	padding-left: 0px;
	overflow: hidden;
	color: #FFFFFF;
	border-top: 0px solid #401B07;
	border-right: 1px solid #401B07;
	border-bottom: 0px solid #401B07;
	border-left: 1px solid #401B07;
}
*html #entete {
	background: #E8DA9C url(entete.jpg) 0px -73px;
}
#entete h1 {
	position: absolute;
	top: 50px;
	font: italic bold 14px Georgia, "Times New Roman", Times, serif;
	margin: 0px;
}
#entete1 {
	display: block;
	width: 337px;
	text-align: right;
	padding-right: 15px;
	left: 0px;
}
#entete2 {
	color: #000000;
	display: block;
	width: 337px;
	left: 527px;
	padding-left: 15px;
}
#entete .style1 {
	color: #000000;
}
#entete hr {
	display: none;
}


/* ------------- MENU ------------- */
#menu {
	position: absolute;
	width: 855px;
	left: 50%;
	top: 110px;
	z-index: 5;
	margin-left: -427px;
}
.menu   { font: bold 11px Verdana, Arial, Helvetica, sans-serif; background-color: #c90; text-align: center; letter-spacing: 0.1em; float: left; margin: 0px 0px 0px -1px; padding: 5px 0px 0px; border: solid 1px #000000; position: relative; width: 170px; height: 19px; cursor: default  }
#menu2   { background-color: #c90 }
#menu3  { background-color: #c90 }
#menu4  { background-color: #c90 }
#menu5  { background-color: #c90 }
.smenu {
	position: absolute;
	display: none;
	z-index: 100;
	text-align: left;
	top: 24px;
	left: -1px;
	width: 158px;
	background: #F1F2E8;
	padding: 6px 6px 4px;
	border-top: 1px dashed #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
}
#smenu2    { background: #c96 url(39.jpg) }
#smenu3   { background: #006 url(7.jpg) }
#smenu4    { background: transparent url(41.jpg) }
#smenu5     { background: #95767d url(30.jpg) }

/* ------------- CONTENU ------------- */
#contenu {
	position: absolute;
	left: 50%;
	top: 122px;
	width: 878px;
	margin-left: -440px;
	position: absolute;
	z-index: 0;
	padding-top: 8px;
	background: #FFFFFF url(arbresd2.jpg) no-repeat fixed -40px 0px;
	padding-left: 2px;
	border-top: 1px solid #401B07;
	border-right: 0px solid #401B07;
	border-bottom: 0px solid #401B07;
	border-left: 0px solid #401B07;
}
#contenu hr {
	display: none;
	background: #7BD6C4;
	margin: 0px;
	padding: 0px;
}
/* -------- infos -------- */
#infos {
	position: relative;
	padding-top: 30px;
	width: 683px;
	float: left;
	margin-left: 11px;
}
#infos hr {
	display: block;
	height: 0px;
	padding: 0px;
	border-top: 1px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	width: 300px;
	margin-left: -13px;
	margin-bottom: 12px;
	margin-top: 0px;
}
*html #infos hr {
	margin: -7px 383px 5px -13px;
	height: 1px;
	border-width: 0px;
	border-style: none;
	background: #000000;
	color: #000000;
	padding: 0px;
}
#infos p {
	width: 480px;
	padding: 0px;
	margin: 0px 0px 12px 170px;
}
.info {
	width: 663px;
	padding-right: 20px;
	padding-bottom: 0px;
	min-height: 110px;
	margin: 0px 0px 15px;
}
*html div.info {
	height: 110px;
	margin: 0px;
}
.illustration {
	position: relative;
	width: 155px;
	text-align: right;
	margin-right: 15px;
	float: left;
	margin-top: -37px;
	display: block;
}
.legende {
	display: none;
	position: absolute;
	top: 0px;
	width: 100px;
	left: 0px;
	padding: 5px;
	background: #F4E9CC;
	border-top: 1px solid #000000;
	border-right: 1px dashed #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	height: 90px;
	margin-bottom: -110px;
	color: #000000;
	font-size: 9px;
}
.image img {
	border: 1px solid #000000;
}
/* -------- bonus  -------- */
#bonus {
	width: 170px;
	float: left;
	padding-top: 30px;
}
#bonus div {
	padding-left: 15px;
	margin-left: 0px;
	padding-bottom: 4px;
	padding-right: 5px;
	border-top: 0px solid #666666;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
	border-left: 1px solid #666666;
	margin-bottom: 0px;
}
#bonus h4 {
	font-size: 9px;
	margin: 0px;
	padding-top: 3px;
}
#bonus ul {
	font-size: 9px;
	list-style-position: inside;
	border-top: 0px dotted #000000;
	border-right: 0px dotted #000000;
	border-bottom: 1px dotted #000000;
	border-left: 0px dotted #000000;
	line-height: 15px;
	margin: 5px 0px 3px -5px;
	padding: 0px 0px 10px 5px;
}

/* -------- pied de page -------- */
#pied {
	width: 880px;
	clear: both;
	padding: 5px 0px 34px;
	border-top: 1px solid #B1ABA9;
	border-right: 0px solid #7D6E60;
	border-bottom: 0px solid #7D6E60;
	border-left: 0px solid #7D6E60;
	background: url(../styles/piedFrise.jpg) no-repeat center bottom;
	margin-left: -2px;
	margin-right: 0px;
}
#rappel, #signatures {
	text-align: center;
	padding: 5px;
	letter-spacing: 0.1em;
	color: #5A5A5A;
	font: italic 9px Georgia, "Times New Roman", Times, serif;
	margin: 0px;
}
#rappel {
	border-top: 0px dotted #B1ABA9;
	border-right: 0px dotted #B1ABA9;
	border-bottom: 2px dotted #B1ABA9;
	border-left: 0px dotted #B1ABA9;
	width: 822px;
	margin-left: 22px;
}
#signatures {
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	padding-bottom: 8px;
}
#pied hr {
	display: none;
	padding: 0px;
	border-top: 1px dotted #000000;
	border-right: 0px dotted #000000;
	border-bottom: 0px dotted #000000;
	border-left: 0px dotted #000000;
	height: 1px;
}
*html #pied hr {
	height: 1px;
	padding: 0px;
	border-width: 0px;
	margin: 0px;
}


/* ------------- LIENS  ------------- */
#menu a {
	font-weight: bold;
}
.menu a:link {
	display: block;
	text-decoration: none;
	color: #000000;
}
.menu a:visited {
	display: block;
	text-decoration: none;
	color: #000000;
}
#menu .menuNom a:hover {
	padding: 5px 0px 0px;
	width: 170px;
	height: 19px;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	text-align: center;
}
.smenu a:link {
	color: #FFFFFF;
	padding: 2px 3px 1px;
	width: 152px;
	height: 17px;
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
.smenu a:visited {
	color: #FFFFFF;
	padding: 2px 3px 1px;
	width: 152px;
	height: 17px;
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	letter-spacing: 0.05em;
}
.smenu a:hover {
	display: block;
	position: relative;
	width: 158px;
	height: 17px;
	padding: 5px 3px 1px 9px;
	margin: -3px -6px 0px;
}
#menu a:hover {
	color: #FFFFFF;
	background: #000000;
}
#contenu a:link {
	text-decoration: none;
	color: #CC0000;
}
#contenu a:visited {
	color: #CC0000;
	text-decoration: none;
}
#bonus a:link {
	color: #336666;
	text-decoration: none;
}
#bonus a:visited {
	color: #336666;
	text-decoration: none;
}
#bonus a:hover {
	color: #CC0000;
	text-decoration: underline;
}
#pied a:link {
	color: #000000;
}
#pied a:visited {
	color: #000000;
}
#contenu a:hover {
	color: #CC0000;
	text-decoration: underline;
}
#infos span.legende a:link {
}
#lightbox { line-height: 0; text-align: center; position: absolute; z-index: 100; left: 0; width: 100% }
#lightbox a img { border: none }
#outerImageContainer { background-color: #fff; margin: 0 auto; position: relative; width: 250px; height: 250px }
#imageContainer { padding: 10px }
#loading { line-height: 0; text-align: center; position: absolute; top: 40%; left: 0%; width: 100%; height: 25% }
#hoverNav { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100% }
#imageContainer>#hoverNav { left: 0 }
#hoverNav a { outline: none }
#prevLink, #nextLink { background-color: transparent; width: 49%; height: 100%; display: block }
#prevLink { float: left; left: 0 }
#nextLink { float: right; right: 0 }
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) no-repeat left 15% }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) no-repeat right 15% }
#imageDataContainer { font: 10px/1.4em Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; width: 100%; overflow: auto }
#imageData { color: #666; padding: 0 10px }
#imageData #imageDetails { text-align: left; float: left; width: 70% }
#imageData #caption { font-weight: bold }
#imageData #numberDisplay { clear: left; padding-bottom: 1em; display: block }
#imageData #bottomNavClose { float: right; padding-bottom: 0.7em; width: 66px }
#overlay { background-color: #000; position: absolute; z-index: 90; top: 0; left: 0; width: 100%; height: 500px }