/* ****************************************************************************
** Default CSS styling
*/

* {
		margin: 0;
		padding: 0;
		border: 0;
		}

ul, ol {
		padding-left: 25px;
}

body {
		text-align: center;
		font-family: helvetica, tahoma, sans-serif;
		background: #fff url('../i/bg_tile.jpg') repeat-x;
		color: #222;
		font: 1em/1.2em Arial, Verdana, Helvetica, sans-serif;
		}

#container {
		width: 790px;
		position: relative;
		text-align: justify;
		margin: 0 auto;
		}

#extratop {
		display: none;
		}

#extrabot {
		display: none;
		}

#globalcontent {
		width: 790px;
		height: 884px;
		}

#menu,
#menulanguage,
#menupreference,
#content,
#footer {
		margin: 0 5px;
		width: 790px; /* Wrong value for IE 4-5.x for Windows */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 780px; /* Real value, for standard browser */
		}

#container > #menu,
#container > #menulanguage,
#container > #menupreference,
#container > #content,
#container > #footer {
		width: 780px; /* Be nice with Opera */		
		}

.alt {
		display: none;
		}

.access {
		display: none;
		}

hr {
		display: none;
		}

ul {
		list-style: none;
		}

a {
		text-decoration: none;
		border-bottom: 1px dotted #000;
		}

a:hover,
span.selected a {
		color: #555;
		border-bottom-color: #555;
		}

input,
textarea,
select {
		border: 1px solid #000000;
		}
/*
** END : Default CSS styling
**************************************************************************** */

/* ****************************************************************************
** Basic positionning
**
** Top banner
** Horizontal Menu
** Horizontal Languages
** Horizontal Preferences
**
*/

#banner h1 a {
		display: block;
		width: 780px;
		height: 200px;
		}

/*
** END : Basic positionning
**************************************************************************** */

/* ****************************************************************************
** Additional style
*/
a {
		color: #5189b5;
		border-bottom-color: #5189b5;
		}

a:hover,
span.selected a {
		color: #85ab02;
		border-bottom-color: #85ab02;
		}

#globalcontent {
		background-color: #fff;
		}

#top {
		text-align: right;
		display: block;
		margin-top: 2em;
		}

#top span {
		background: url('../i/up.gif') no-repeat left center;
		padding-left: 12px;
		}

#footer {
		background-color: #d3e0ea;
		margin-top: 1em;
		text-align: center;
		padding: 12px 0;
		border-bottom: 5px solid #fff;
		}

#banner {
		padding: 5px;
		}

#banner h1 a {
		width: 780px;
		border: none;
		}

#banner a {
		background: transparent url('../i/banner.jpg') no-repeat;
		}

#banner a span {
		display: none;
		}

h2 {
		margin: 1em 0;
		color: #5189b5;
		}

h3 {
		margin: 1em 0;
		color: #b45057;
		}

h4 {
		margin: 1em 0;
		color: #50b47b;
		}
/*
** END : Additional style
**************************************************************************** */

.error {
		display: block;
		color: red;
		background: #F8F1E4 url('../i/error.gif') no-repeat;
		background-position:  5px 5px;
		border: 1px solid #BA8D47;
		padding: 5px 5px 5px 15px;
		margin-bottom: 1em;
		font-weight: bold;
		}

.notice {
		display: block;
		color: #85ab02;
		background: url('../i/notice.gif') no-repeat left center;
		padding-left: 10px;
		margin-bottom: 1em;
		}

#menu {
		background: #F1F8E4;
		border: 1px solid #8DBA47;
		padding: 5px 5px 2em 5px;
		margin: 5px;
		height: 2em;
		width: 770px; /* Wrong value for IE 4-5.x for Windows */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 748px; /* Real value, for standard browser */
		}

html>body  #menu { /* Be nice with Opera */
		width: 748px;
		}

#menu h3 {
		color: #4A611C;
		font-size: 1.2em;
		font-weight: normal;
		margin-bottom: 0.6em;
		}

#menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}

#menu ul li {
		display: inline;
		line-height: normal;
		}

#menu li a {
		display: block;
		float: left;
		padding: 2px 5px;
		margin-right: 5px;
		border: none;
		}

#menu li a:hover {
		background: #4A611C;
		color: #fff;
		}

#menulanguage {
		background: #F1F8E4;
		border: 1px solid #8DBA47;
		padding: 5px 5px 2em 5px;
		margin: 5px;
		width: 770px; /* Wrong value for IE 4-5.x for Windows */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 748px; /* Real value, for standard browser */
		}

html>body  #menulanguage { /* Be nice with Opera */
		width: 748px;
		}

#menulanguage h3 {
		color: #4A611C;
		font-size: 1.2em;
		font-weight: normal;
		margin-bottom: 0.6em;
		}

#menulanguage ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}

#menulanguage ul li {
		display: inline;
		line-height: normal;
		}

#menulanguage li a {
		display: block;
		float: left;
		padding: 2px 5px;
		margin-right: 5px;
		border: none;
		}

#menulanguage li a:hover {
		background: #4A611C;
		color: #fff;
		}

#menupreference {
		background: #F1F8E4;
		border: 1px solid #8DBA47;
		padding: 5px 5px 2em 5px;
		margin: 5px;
		width: 770px; /* Wrong value for IE 4-5.x for Windows */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 748px; /* Real value, for standard browser */
		}

html>body  #menupreference { /* Be nice with Opera */
		width: 748px;
		}

#menupreference h3 {
		color: #4A611C;
		font-size: 1.2em;
		font-weight: normal;
		margin-bottom: 0.6em;
		}

#menupreference ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}

#menupreference ul li {
		display: inline;
		line-height: normal;
		}

#menupreference li a {
		display: block;
		float: left;
		padding: 2px 5px;
		margin-right: 5px;
		border: none;
		}

#menupreference li a:hover {
		background: #4A611C;
		color: #fff;
		}