body {
	background: #eee url(bg.jpeg) center;
	text-align: center;
	font-family: sans-serif;
/*	font-size: 80%;*/
}

h1,h2,h3 {font-family:"Trebuchet MS","URW Gothic L", sans-serif;}

h1 {
	font-weight: normal;
	color: gray;
/*	text-transform: uppercase;*/
	padding-left: 0.5em;
	font-size: 18px;
	margin: 1em 0 0 0;
	background: url(puce_h1.png) no-repeat left;
	padding: 0 0.2em 0 1.3em;
}

h1:first-letter {
	font-size: 19px;
}

h2 {
	margin-top: 1em;
	margin-bottom: 0.1em;
	border-bottom: 1px solid silver;
	font-size: 15px;
}

h2 a {
	color: black;
	text-decoration: none;
}

h3 {
	font-size: 13px;
	margin-bottom: 0.1em;
}
	

p {
	text-align: justify;
	color: #333;
	margin: 0.4em 0 0.6em 0;
	line-height: 145%;
	font-size: 11px;
}

strong {
	color: black;
}

a:hover {
	color: red;
	text-decoration: none;
}

img {
	border: none;
}

ul {
	padding-left: 2em;
	padding-right: 2em;
	list-style: square;
	font-size: 10px;
}

li {
	margin-bottom: 0.5em;
}

hr {
        border: none;
        border-top: 1px solid silver;
}

input[type=text],
input[type=password],
textarea {
        width: 25em;
        background-color: #f5f5ff;
        border-color: #27569f;
        border-width: 1px;
        border-style: inset;
        padding: 2px;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
        background-color: white;
        border-color: #ffae00;
}

input[type=text],
input[type=password],
textarea,
select {
        margin-bottom: 2px;
}

input[type=submit],
input[type=button] {
        background-image: url(input_bg.png);
        border-width: 1px;
        padding: 1px;
}
input[type=submit]:hover,
input[type=button]:hover {
        background-image: url(input_bg_hover.png);
        border-width: 2px;
        padding: 0;
}


#main img {
	-moz-border-radius: 5px;
	border: 1px #eee solid;
	margin: 3px;
	padding: 3px;
}

td {
	vertical-align: top;
/*	padding: 1em;	*/
}

#page {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: left;
	width: 760px;
	border: 2px black solid;
	background: white;
	-moz-border-radius-topright: 20px;
}


#header img {
	float: left;
}

ul#menu {
	margin: 67px 0 0 0;
	padding: 0;
	text-align: right;
	border-top: 2px dotted silver;
	border-bottom: 1px silver solid;
	background: url(bg_menu.png) no-repeat right top;
	font-size: 12px;
}

ul#menu li {
	display: inline;
	list-style: none;
}

ul#menu li a {
	color: #555;
	font-weight: bold;
	padding: 0 0.5em;
	text-decoration: none;
	border-left: #ddd solid 1px;
}

ul#menu li a:hover {
	color: black;
        text-decoration: none;
	background-color: #f7ba21;
	-moz-opacity: 0.5;
	border-top: 2px solid silver;
        border-bottom: 1px solid black;
}

#left_menu {
	float: left;
	width: 175px;
	margin-top: 20px;
}

ul#siblings_menu, 
ul#children_menu {
	clear: left;
	margin: 1em 3px 1em 0.5em;
        padding: 0;
	font-size: 12px;
}

ul#siblings_menu li,
ul#children_menu li {
        list-style: none;
	display: block;
}

ul#siblings_menu li a,
ul#children_menu li a {
	display: block;
	width: 95%;
        color: #555;
        margin: 1px;
	padding: 2px;
        text-decoration: none;
	border: 1px white solid;
}

ul#siblings_menu li a:hover, ul#siblings_menu li a.current,
ul#children_menu li a:hover, ul#children_menu li a.current {
        text-decoration: none;
        color: #555;
        background-color: #fff0bb;
	border: 1px solid #f7ba21;
}

ul#siblings_menu li a.current,
ul#children_menu li a.current {
	font-weight: bold;
	-moz-border-radius: 3px;
}

ul#siblings_menu {
	border: 1px solid silver;
	margin-left: 1em;
	padding: 3px;
	font-size: 11px;
	background-color: #f5f5f5;
}
ul#siblings_menu li a {
	border-color: #f5f5ff;
}

ul#siblings_menu li a:before {
	content: "» ";
}

ul#fixed_menu {
        border-top: 2px silver dotted;
	list-style: none;
        margin: 10px 0 0 0;
	padding: 0;
}
ul#fixed_menu li a {
	display: block;
	padding: 11px 0 0 2em;
	height: 36px;
	width: 160px;
	text-decoration: none;
	color: black;
	font-size: 12px;
	font-weight: bold;
}
ul#fixed_menu li a:hover {
	color: red;
	text-decoration: underline;
}
ul#fixed_menu li a.contact {
        background: white url(contact.png) right top no-repeat;
}

ul#fixed_menu li a.tree {
        background: white url(start-here.png) right top no-repeat;
}

ul#fixed_menu li a.contact,
ul#fixed_menu li a.tree {
        -moz-opacity: 0.70;
        filter:alpha(opacity=70);
        opacity: 0.70;
}

ul#fixed_menu li a:hover.contact, 
ul#fixed_menu li a:hover.tree {
	-moz-opacity: 0.99;
	filter:alpha(opacity=99);
	opacity: 0.99;
}

#legal {
	float: right;
	width: 200px;
	font-size: 10px;
	color: silver;
	text-align: right;
	padding: 5px 8px 0 0;
}

#main {
	margin-left: 190px;
	border-left: 1px dotted silver;
	padding: 10px;
}

#main ul {
	text-align: justify;
}

#footer {
        margin: 1em 0;
}

#footer,
#footer a,
#footer a:hover {
        color: #888;
}

#tree {
        font-size: 11px;
}
#tree dt {
        margin-left: 1em;
        font-weight: bold;
}
#tree dd {
        margin-left: 2em;
}
#tree img {
        vertical-align: bottom;
	margin: 0;
	padding: 0;
	border: none;
}
#tree a {
        text-decoration: none;
}

#tree a:before {
        content: url(page.gif) " ";
}


ul#path {
	margin: 0;
	padding: 0;
	display: inline;
}
ul#path li {
       display: inline;
       list-style: none;
}

table#contact td.label {
	padding-top: 4px;
        font-weight: bold;
        text-align: right;
}