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

h1 {
	color: gray;
	text-transform: uppercase;
	padding-left: 0.5em;
	font-size: 160%;
	margin: 1.5em 0 0 0;
	background: url(puce_h1.png) no-repeat left;
	padding: 0 0.2em 0 1.3em;
}

h1:first-letter {
	font-size: 130%;
}

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

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

p {
	text-align: justify;
	color: #333;
	margin: 0.4em 0;
}

strong {
	color: black;
}

img {
	border: none;
}

td {
	vertical-align: top;
}

ul {
	padding-left: 2em;
	list-style: square;
}

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;
}


img.icon {
	-moz-border-radius: 5px;
	float: right;
	border: 1px #eee solid;
	margin: 3px;
	padding: 3px;
}

#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: 110%;
}

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

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

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

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

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

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: 160px;
        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: #d8e0ed;
	border: 1px solid #7f9bc6;
}

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

ul#siblings_menu {
        margin-left: 1.5em;
        font-size: 100%;
}
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: 115%;
        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;
}

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

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

#footer {
        margin: 1em 0;
}

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


#error {
        background: white;
        z-index: 10;
        width: 350px;
        border: 3px red solid;
        margin: 5px auto;
        position: absolute;
        top: 30%;
        left: 30%;
        -moz-border-radius-topleft: 12px;
        -moz-border-radius-topright: 12px;
        -moz-border-radius-bottomleft: 12px;
}
#error h1 {
        font-size: 110%;
        color: white;
        background: red;
        margin: 0;
        padding: 0 5px 4px 5px;
        -moz-border-radius-topleft: 8px;
        -moz-border-radius-topright: 8px;
}

#error h2 {
        color: #d40000;
        background: none;
}

#error img {
        float:left;
        padding: 5px;
}

#error p {
        margin: 1em;
}
#error a.close {
        float: right;
        text-align: right;
        border-top: 1px red solid;
        border-left: 1px red solid;
        -moz-border-radius-topleft: 10px;
        padding: 4px 2px 2px 4px;
}
#error a.close:hover {
        padding: 3px 2px 2px 3px;
        border-top: 2px red solid;
        border-left: 2px red solid;
        background-color: #fdd;
}

#info {
        background: white;
        z-index: 5; 
        width: 350px;
        border: 3px green solid;
        margin: 5px auto;
        position: absolute;
        top: 35%;
        left: 35%;
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-topright: 15px;
        -moz-border-radius-bottomleft: 15px;
}

#info h1 {
        font-size: 110%;
        color: white;
        background: green;
        margin: 0;
        padding: 0 5px 4px 5px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
}

#info h2 {
        color: #00d400;
        background: none;
        margin: 5px 0;
}

#info img {
        float:left;
        padding: 5px;
}

#info p {
        margin: 1em;
}

#info a.close {
        float: right;
        text-align: right;
        border-top: 1px green solid;
        border-left: 1px green solid;
        -moz-border-radius-topleft: 10px;
        padding: 4px 2px 2px 4px;
}
#info a.close:hover {
        padding: 3px 2px 2px 3px;
        border-top: 2px green solid;
        border-left: 2px green solid;
        background-color: #dfd;
}

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

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