/*
 *	LAYOUT
 */

*
{
	padding: 0;
	margin: 0;
}

html
{
	/*background: #fbf5dd url("background.jpg") repeat-x;*/
}

#global
{
	/*background: url("global.jpg") repeat-y;*/
}

#header
{
	/*background: url("header.png");*/
	border: 1px solid gray;
	height: 82px;
	width: 843px;
}

#center
{
	/*background: url("center.jpg") no-repeat; */
	border: 1px solid gray;

	min-height: 193px;
}

#footer
{
	/*background: url("footer.jpg") no-repeat;*/
	border: 1px solid gray;


	width: 100%;
	height: 115px;
}

#footer p
{
	font: 10px "Verdana", sans-serif;
	color: #82bf26;
}

#footer a
{
	color: #82bf26;
	text-decoration: none;
}


#footer a:hover
{
	color: #e5ac00;
}

/*
 *	MENU
 */

#menubar
{
	width: 200px;
}

#menu
{
	list-style: none;
	/*background: url(arbre.png) center bottom no-repeat;*/
	padding-bottom: 110px;
}

#menu a
{
	background: url("menuitem.png") no-repeat;
	display: block;
	height: 35px;
	width: 190px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	font: bold 16px/30px "Arial", sans-serif;
	text-decoration: none;
	color: #82bf26;
	text-align: center;
}

#menu li.activ a
{
	background: url("menuitem_activ.png") no-repeat;
	color: #fff;
}

#menulang
{
	padding: 0 10px;
	margin-bottom: -0.5em;
	/*text-align: center;*/
	font: 0.9em "Arial", sans-serif;
	text-decoration: none;
	/*color: #fff;*/
}

#menulang a
{
	text-decoration: none;
	/*color: #fff;*/
}

#youtube-btn
{
	text-align: center;
	margin-top: -110px;
	padding: 10px;
}

/*
 *	FONT
 */

body
{
	font: 100% Georgia, Garamond, serif;
	color: #805213;
	text-align: justify;
}

#header h1
{
	/*
	background-color: #FFF;
	position: absolute;
	top: -500px;
	*/
}

#access
{
	font: 10px Arial, Helvetica, sans-serif;
	padding-bottom: 1px;
}

#access a
{
	text-decoration: none;
	color: #fff;
}

#access a:hover, #access a:focus
{
	border-bottom: dotted 1px;
}

#contenbar
{
	font: 100% Georgia, Garamond, serif;
	color: #805213;
	text-align: justify;
}

#contentbar h3
{
	font: bold 1.1em Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	color: #82bf26;
	padding: 0.5em 0;
}

#contentbar h3 i
{
	font: italic 0.9em/0.9em Georgia, Garamond, serif;
	color: #a1ce58;
}

#contentbar h4
{
	font: bold 1em Arial, Helvetica, sans-serif;
	border-bottom: solid 1px #805213;
	text-align: left;
	margin: 0.5em 0;
}

#contentbar p
{
	padding: 0.5em 0 1em 0;
}

#contentbar a
{
	color: #e5ac00;
	text-decoration: none;
}

#contentbar a:hover
{
	border-bottom: dotted 1px;
}
#contentbar a:visited
{
	color: #99bf26;
}

#contentbar img
{
	background-color: #fff;
	padding: 2px;
	border: solid 1px #ddd;
}

#contentbar p img
{
	background: none;
	padding: 0;
	margin: 0;
	border: none;
}

#contentbar ul
{
	padding-left: 2em;
}

#contentbar table
{
	border-spacing: 0.5em;
	text-align:left;
	border-collapse:collapse;
}

#contentbar td
{
	padding: 0.5em 0.2em;
	vertical-align:top;
	border-bottom: dotted 1px #ded0b6;
}

#contentbar tr
{
}

#contentbar th
{
	font: bold 1em Arial, Helvetica, sans-serif;
	border-bottom: solid 1px #805213;
	text-align: center;
}

#contentbar #complex th
{
	border-bottom: none;
	padding-top: .5em;
}

#contentbar #print a
{
	padding-left: 20px;
	background-image: url("printer.png");
	background-repeat: no-repeat;
}

/*
 * CLASSES
 */

#contentbar .gauche
{
	float: left;
	margin-right: 10px;
	margin-top: 0.5em;
}

#contentbar .droite
{
	float: right;
	margin-left: 10px;
	margin-top: 0.5em;
}

#contentbar p .gauche
{
	margin-left: 0;
}

#contentbar p .droite
{
	margin-right: 0;
}

#contentbar .right
{
	text-align: right;
}

#contentbar .left
{
	text-align: left;
}

#contentbar .center
{
	text-align: center;
}

#contentbar .clear
{
	clear:both;
}

#contentbar .textfield
{
	background-color: #fdfaed;
	border: solid 1px #ded0b6;
	padding: 0.1em;
}

#contentbar .textfield:focus
{
	background-color: #fff;
}

#contentbar .anchor
{
	float: right;
	margin-left: 10px;
	padding-top: 0.5em;
}

#contentbar .anchor img
{
	border: none;
	padding: 0;
	background: none;
}
/*
 * SEARCH
 */
#contentbar #plantsearch
{
	display: none;
}

#contentbar #result
{
	display: block;
	position: absolute;
	max-height: 10em;
	overflow: auto;
	background-color: #fdfaed;
	border: solid 1px #bea680;
	list-style: none;
	padding: 0;
	margin-top: -1em;
	margin-right: 15px;
}

#contentbar #result li
{
	margin: 0;
	padding: 0.2em 10px;
}

#contentbar #result .separator
{
	border-top: solid 1px #bea680;
}

/*
 * GALLERY
 */

#contentbar #gallery
{
	list-style: none;
	padding: 0;
}
#contentbar #gallery li
{
	display: inline;
}

#contentbar #gallery li img
{
	padding: 0;
	border: none;
}

#contentbar #gallery li a
{
	display: block;
	width: 110px;
	height: 120px;
	float: left;
	background: #fdfaed;
	border: solid 1px #fdfaed;
	padding: 5px 0;
	margin: 2px;
	text-align: center;
	position:relative;
}

#contentbar #gallery li a span
{
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 110px;
	overflow: hidden;
}

#contentbar #gallery li a:hover
{
	border: solid 1px #ded0b6;
	background: #fff;
}

/*
 * NAVBAR
 */

#contentbar .navbar
{
	text-align: center;
	margin-top: 0.5em;
}

#contentbar .navbar a
{
	background: #fdfaed;
	border: solid 1px #ded0b6;
	margin: 2px;
	padding: 0 5px;
	line-height: 1.5em;
}

#contentbar .navbar a:hover
{
	background: #fff;
}

#contentbar .navbar .gauche, #contentbar .navbar .droite
{
	margin-top: 0;
}

/*
 * PICTURE VIEWER
 */

#imageviewer
{
	position: fixed;
	background: url("dark.png");
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	z-index: 1;
}

#viewer
{
	margin-top: 10px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	border: solid 1px #ddd;
	text-align: center;
	min-height: 32px;
}

#viewer td
{
	padding: 10px;
	font: bold 1em sans-serif;
	color: #000;
	cursor: pointer;
}

#viewer img
{
	border: none;
	margin: 0;
}

#imageviewer .loading
{
	width: 32px;
	background: url("loading.gif") no-repeat center center;
	padding: 10px 0;
	cursor: default;
}

/*
 * IMGDOCK
 */
#imgdock
{
	position: fixed;
	bottom: 0;
	height: 200px;
	width: 100%;
	background: #eeeeee;
	padding: 0;
	overflow: auto;
}
#imgdock img
{
	margin: 5px;
}
