body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-family: Bitstream Vera Sans, sans-serif;*/
	background: white;

	margin-left: 15%;
	margin-right: 15%;

	font-size: 80%;

	text-align: justify;
}

#header {
	color: #F97701;
	font-weight: bold;
	font-size: 160%;
}

a {
	color: #00F;
	font-style: normal;
	text-decoration: none;
}

a:hover {
	color: #000;
	font-style: normal;
	text-decoration: none;
}


.tab {
	border: 1px solid #999;
}
.tab td {
	padding: 1px;
	margin: 1px;
	border: 1px solid #999;
}



.line {
	background: transparent;
}

.line:hover {
	background: #DDD;
}

.line td {
	border-bottom: 1px solid #BBB;
}

.table {
	background: transparent url(img/version.png) 0 0 no-repeat;
	position: absolute;
	top: -130px;
	right: -30px;
	width: 320px;
	height: 300px;
	z-index: 0;
}

#version {
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: center;
	font-size: 160%;
	z-index: 1;
}

#version_dev {
    color: #555;
    font-size: 60%;
}

.table .header {
	padding: 10px;
	background: #EEE;
	font-size: 110%;
}

.table .header-info {
	font-size: 115%;
	font-weight: bold;
}

.line a {
	color: #00F;
	font-style: normal;
	text-decoration: none;
	font-size: 100%;
}

.line a:hover {
	color: #000;
	font-style: normal;
	text-decoration: none;
}

.status {
	background: #FFF;
	padding: 5px;
	margin: 5px;
	-moz-border-radius: 10px;
	border: 2px #AAA dashed;
}

.error {
	color: red;
	background: #FCC;
//	font-size: 90%;
	font-weight: bold;
	padding: 5px;
	margin: 5px;
	-moz-border-radius: 10px;
}

h4 {
	border: 2px solid #CCC;
	padding: 5px;
	background: #EEE;
	font-weight: normal;
}


fieldset {
	margin: 0px;
}

fieldset, body > div > a {
	font-size: 80%;
}

.copyright {
	padding: 5px;
	font-size: 80%;
	text-align: left;
}


.footer {
	clear: both;
}

.footer > fieldset > a {
	padding: 2px;
	border: 1px solid transparent;
}

.footer > fieldset > a:hover {
	background: #EEE;
	border: 1px solid #BBB;
}

.description {
	font-size: 85%;
	color: #AA0;
}




/*	Les formulaires
 */
textarea{
	width: 100%;
	border: 1px solid #CCC;
/*	padding: 0px;*/
	background: #FFE;
}

textarea:focus {
	background: #FFF;
}

input {
	border: 1px solid #CCC;
	padding: 3px;
	background: #FFE;
}

input:focus {
	background: #FFF;
}

input[type=submit] {
	border: 1px solid #999;
	padding: 1px;
	background: #CCC;
}

input[type=submit]:hover {
	border: 1px solid #999;
	padding: 1px;
	background: #DDD;
}


/*
fieldset {
	border: 1px solid #CCC;
	background: #EEE;
}
*/

legend {
	font-size: 120%;
	font-weight: bold;
}


#form_misc {
	padding: 40px;
	width: 50%;
}

.comment_line {
	margin: 5px;
	padding: 10px;
	background: #EEE;
	font-size: 90%;
	-moz-border-radius: 15px;
}




img {
	border: 0px;
	vertical-align: middle;
}



.option {
	padding: 5px;
	border: 1px #BBB solid;
	background: #EEE;
}


.plugin {
	padding: 5px;
	border: 2px #AAA dashed;
	text-align: center;
}


.info {
	background: #CCE;
	border: 1px dashed #AAC;
	padding: 5px;

	font-weight: normal;
	margin-left: 10%;
	margin-right: 10%;
}

th {
	background: #CCC;
}




.help {
/*	margin-left: 5%;*/
	font-style: italic;
}


.action {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}

#main {
	width: 100%;
}

#capture img {
	border: 1px solid #999;
}

.menu {
    text-align: center;
    color: red;
}

.menu li {
	display: inline;
	border: 0px;
	background: transparent;
	margin-right: 2%;
	z-index: 1;
}

.menu #menu-active {
	font-weight: bold;
}

#title {
	font-weight: bold;
    text-align: center;
}


#footer {
    text-align: right;
}

#intro {
	background: #EFE;
	border: 1px dashed #999;
	padding: 10px;
	-moz-border-radius: 15px;
}

#gallery {
    margin: 2%;
    text-align: center;
}

#gallery img {
    margin: 10px;
    width: 250px;
	border: 1px dashed #999;
}

.sidebar div {
    background-color: white;
}

.sidebar_left {
/*
    background-image: url(/img/hyla-infos-1.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    */
	width: 48%;
	float: left;
	padding: 10px;
	border-right: 1px dashed #999;
    text-align: right;
}

.sidebar_right {
/*    background-image: url(/img/hyla-infos-2.png);
    background-repeat: no-repeat;
    background-position: -10px;
    */
	width: 48%;
	float: left;
	padding: 10px;
    text-align: left;
}

.sidebar div {
    text-align: justify;
}

#box_download, #box_intro {
	text-align: center;
	margin: 10px;
	width: 100%;
	background: #EFE;
	border: 1px dashed #999;
	padding: 10px;
	-moz-border-radius: 15px;
}

#version-img {
	background: transparent url(/img/version.png) 0 0 no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 285px;
	height: 139px;
	z-index: 0;
}

#version {
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: center;
	font-size: 160%;
	z-index: 1;
}

#version a {
	font-weight: bold;
	font-size: 110%;
	color: black;
}


/*	Documentation
 */
#main-doc {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	padding-top: 10px;
	clear: both;
}

#main-doc h1 {
	color: #00C;
}

#main-doc h2 {
	color: #00A;
}

#main-doc h4 {
	border: 0;
	padding: 5px;
	background: transparent;
	font-weight: bold;
}

#main-doc .remarque {
	margin-left: 10px;
	padding: 5px;
	background: #EE0;
	-moz-border-radius: 5px;
}

#main-doc table {
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
	text-align: left;
	border-collapse: collapse;
}

#main-doc th {
	background: #EEE;
}

#main-doc td, #main-doc th {
	padding: 3px;
	border: 1px solid #CCC;
}

#main-doc .path {
	background: #EEE;
	border: 1px solid #FFF;
}

#main-doc pre {
	background: #FFE;
}

#news {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    padding: 15px;
    font-size: 90%;
    background-color: #EEE;
	border-radius: 15px;
}