body {
	font-family: Verdana, Arial, sans-serif;
	margin:0;
}

#main {
	border: 1px silver solid;
	margin: 10px 20px 0 20px;
	padding: 0 15px;
	background-color: #f5fff5;
}
#main ul {
	margin: 2em 0 2em 1em;
        list-style: square;
}

p {
        text-align: justify;
	margin: 0 0 0.7em 0;
}

h1 {
	padding: 0 0 0 15px;
	margin: 0;
	color: #898;
}


h2 {
	color: #898;
}
h2:first-letter {
	color: #454;
}

h3 {
        border-bottom: 1px #898 solid;
        margin: 1em 1em 0 1em;
        padding: 0;
}

table {
	margin: 15px;
	border-collapse: collapse;
}

td {
        vertical-align: top;
	padding: 0 5px;
}

img {
        border: none;
}

.help_wiki2xhtml {
	display: none;
}

.help_wiki2xhtml dl {
	margin: 0;
        padding: 0;
}

.help_wiki2xhtml dt {
        font-weight: bold;
	margin: 1px;
	padding: 1px;
}

.help_wiki2xhtml dd {
        margin: 0;
        padding: 0;
        font-size: 90%;
}

.help_wiki2xhtml ul {
        margin: 0 0 0.5em 2em;
	padding: 0;
}

.help_wiki2xhtml li {
	margin: 0;
	padding: 0;
}

.odd {
background: #e6ffbf;
}

.even {
background: #f6fff1;
}


fieldset {
        width: 350px;
        border: 2px solid #bbc;
        border: #898 2px solid;
        background-color: #efe;
}


legend {
        padding: 0 0.5em;
        font-size: 120%;
        font-weight: bold;
        background-color: #f5fff5;
        color: #454;

}
textarea, input[type="text"], input[type="password"] {
        border: 1px solid #ded;
        background-color: white;
        margin: 1px;
	padding: 2px;
}

textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus {
	border: 1px solid #9a9;
}



input[type="submit"] {
        font-weight: bold;
        -moz-border-radius: 10px;
        margin: 3px;
        border: 2px solid #ded;
        border-style: solid;
        border-width: 2px;
        background-color: #efe;
}
input[type="submit"]:hover {
        background-color: #ded;
        border: 2px solid #bcb;
}

fieldset.form {
        display: block;
        width: 500px;
}

fieldset.large {
        width: 650px;
}
fieldset.little {
        width: 440px;
}

fieldset.form table {
        width: 98%
   }
fieldset.form td.label {
        width: 241px;
}
fieldset.little td.label {
        width: 200px;
        text-align: right;
}

fieldset.form td.value {
        vertical-align: top;
        font-size: 80%;
}

fieldset.form input[type="submit"],
fieldset.form input[type="text"],
fieldset.form input[type="password"],
fieldset.form textarea {
        width: 98%;
}

fieldset.form label {
        font-weight: bold;
}

.label {
        color: #676;
        font-size: 90%;
}

label {
        color: #676;
}

a {
        color: #898;
        text-decoration: none;
}
a:hover {
        color: #676;
        text-decoration: underline;
}


div.help {
        color: #bcb;
        font-size: 80%;
}

div.help:hover {
        color: #454;
	background-color: white;
}



#head {
	width: 100%;
	background: white url(/img/menu_bg) repeat-x bottom;
	border-bottom: silver solid 1px;
}

#head h1 {
	padding-left: 20px;
	font-size: 35px;
	margin: 0;
}

#head span {
        padding-left: 40px;
        color: #454;
}


#menu {
	margin: 0 0 1em 0;
	padding-bottom: 3px;
	border-bottom: 1px #e5e5e5 solid;
}

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

#menu a {
	border: transparent 1px solid;
	text-decoration: none;
	padding: 0 0.5em;
}

#menu a:hover {
	background-color: white;
        border-width: 0 1px 1px 1px;
        border-color: silver;
        border-style: solid;
	border-top: 1px #e5e5e5 solid;
}

#menu a.active {
        background-color: #e5e5e5;
        border-width: 0 1px 1px 1px;
        border-color: silver;
        border-style: solid;
        border-top: 1px solid #e5e5e5;
}

#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: 12px;
        -moz-border-radius-topright: 12px;
}

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


#foot {
        padding: 5px 20px 5px 0;
        color: #898;
        text-align: right;
}

div.popup {
        display: none;
        position: absolute;
        top: 70px;
        left: 35px;
        width: 525px;
        border: #787 2px solid;
        background-color: #dfd;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomleft: 10px;
}

img.icon {
        float: right;
        padding: 4px;
}

div.popup h3 {
        font-size: 150%;
        border-bottom: #9a9 2px solid;
        margin: 0;
        padding: 0 0 0 5px;
        background-color: #bcb;
        color: white;
        -moz-border-radius-topleft: 8px;
        -moz-border-radius-topright: 8px;
}

div.popup p {
        margin: 1em;
        color: #454;
}

div.popup fieldset {
        margin: 2em;
}

div.popup a.close {
        background-color: white;
        float: right;
        text-align: right;
        border-top: 1px #bcb solid;
        border-left: 1px #bcb solid;
        -moz-border-radius-topleft: 10px;
        padding: 4px 2px 2px 4px;
}
div.popup a.close:hover {
        padding: 3px 2px 2px 3px;
        border-top: 2px #bcb solid;
        border-left: 2px #bcb solid;
        background-color: #ded;
}

div.popup img.close {
        vertical-align: middle;
        padding-right: 3px;
}

ul#rightmenu {
float: right; 
margin: 10px 0;
padding: 1px;
border: 1px silver solid;
list-style: none;
background: white;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
}

ul#rightmenu li {
margin: 0;
padding: 0;
}

ul#rightmenu a {
display: block;
padding: 0.2em 10px;
}

ul#rightmenu a:hover {
background-color: #e6ffbf;
color: black;
text-decoration: none;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
}

ul#rightmenu a.actif {
background-color: #e6ffbf;
color: black;
text-decoration: none;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
font-weight: bold;
border-top: 2px solid #aba;
border-bottom: 2px solid #898;
}


div.custElement {
border-right: 1px silver solid;
border-bottom: 1px silver solid;
margin-bottom: 1.75em;
padding: 1px;
}

div.custElement:hover {
border-right: 1px gray solid;
border-bottom: 1px gray solid;
}


div.custElement a.action {
	float: right;
	text-align: right;
}

div.custElement a.action:hover {
	color: red;
	text-decoration: none;
}