body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color: #000000;
color: #FFFFFF;
}

H1
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 20px;
    BACKGROUND: #4c5866;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px;
    COLOR: darkorange;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #738499 1px dotted;
    FONT-FAMILY: "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif
}

#functions
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px
}

#content
{
    MARGIN-TOP: 20px;
    MARGIN-LEFT: 10px;
    WIDTH: 700px;
	FONT-SIZE: 12px;
}

H2
{
    FONT-SIZE: 200%;
    COLOR: darkorange;
    TEXT-ALIGN: center
}

.title

{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: silver;
    BORDER-BOTTOM: #4c5866 1px solid;
    TEXT-DECORATION: none
}

H3

{
    FONT-SIZE: 12px;
    COLOR: white
}

P
{
    MARGIN-BOTTOM: 2em;
    LINE-HEIGHT: 1.5em
}

#history UL
{
    MARGIN-BOTTOM: 2em;
    LINE-HEIGHT: 1.5em
}

OL
{
    MARGIN-BOTTOM: 2em;
    COLOR: white;
    LINE-HEIGHT: 1.5em
}

#history UL
{
    LIST-STYLE-TYPE: square;
}

OL LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 1.5em;
    COLOR: white;
    PADDING-TOP: 1.5em;
    BORDER-BOTTOM: #4c5866 1px dashed
}

FIELDSET
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px;
	margin-left: 40px;
}

#info
{
    LIST-STYLE-TYPE: none;
	color: white;
}

TH
{
    FONT-WEIGHT: bold;
    BORDER-BOTTOM: #4c5866 1px solid;
    TEXT-ALIGN: left
}

.right
{
    TEXT-ALIGN: right
}

A
{
    COLOR: darkorange;
    TEXT-DECORATION: none
}

A:hover
{
    COLOR: lightgoldenrodyellow;
    TEXT-DECORATION: underline
}

IMG
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    VERTICAL-ALIGN: bottom;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}

INPUT
{
    COLOR: #000000
}

SELECT
{
    COLOR: #000000
}

OPTION
{
    COLOR: #000000
}

TABLE
{
    FONT-SIZE: 12px;
    MARGIN-BOTTOM: 1em
}

#functions A
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 1px;
    COLOR: #7c8fa6;
    PADDING-TOP: 1px
}

.download
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 1px;
    COLOR: white;
    PADDING-TOP: 1px
}

#functions A:hover
{
    COLOR: #000000;
    BACKGROUND-COLOR: #7c8fa6;
    TEXT-DECORATION: none
}

.download:hover
{
    COLOR: lightgoldenrodyellow;
    BACKGROUND-COLOR: #7c8fa6;
    TEXT-DECORATION: none
}

A.title:hover
{
    COLOR: lightgoldenrodyellow;
    TEXT-DECORATION: none
}

.graph
{
    HEIGHT: 10px;
    BACKGROUND-COLOR: #738499
}

.section
{
    PADDING-BOTTOM: 2em;
    MARGIN: 1em 0px 2em 25px;
    BORDER-BOTTOM: #4c5866 1px dashed
}

.details
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    MARGIN-LEFT: 26px;
    BORDER-LEFT: #4c5866 2px solid;
    PADDING-TOP: 3px
}

.additional
{
    PADDING-RIGHT: 10px;
    DISPLAY: none;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    MARGIN: 5px 0px 5px 20px;
    BORDER-LEFT: #738499 2px solid;
    PADDING-TOP: 10px;
    BACKGROUND-COLOR: #39424d
}

.red
{
    COLOR: #d93636
}

.blue
{
    COLOR: #608fbf
}

.teal
{
    COLOR: #60bfa9
}

.purple
{
    COLOR: #9b60bf
}

.yellow
{
    COLOR: #e4e573
}

.orange
{
    COLOR: #cc8029
}

.green
{
    COLOR: #86e573
}

.pink
{
    COLOR: #d96cb1
}

.gray
{
    COLOR: #bfbfbf
}

.light-blue
{
    COLOR: #79c2f2
}

.dark-green
{
    COLOR: darkorange
}

.brown
{
    COLOR: #bf8f60
}

.observer
{
    COLOR: #ffffff
}

#footer
{
    PADDING-RIGHT: 7px;
    MARGIN-TOP: 20px;
    PADDING-LEFT: 7px;
    BACKGROUND: #000000;
    PADDING-BOTTOM: 7px;
    PADDING-TOP: 7px;
	color: white;
	text-align:center;
}

/*------------------------------------------*
|											|
|					Ajout					|
|											|
*-------------------------------------------*/

#conteneur {
position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;
border-left: 1px solid #D96011;
border-right: 1px solid #D96011;
border-bottom: 1px solid #D96011;
}

#centre {
background-color:#000000;
}

#header {
height: 220px;
background-color: #000000;
FONT-SIZE: 12px;
}

/*------------------------------------------*
|											|
|			Sous Menu Warcraft				|
|											|
*-------------------------------------------*/

.align {
margin-left: 20px;
}

.sous_menu {
position: relative;
background-image: url('images/sous_menu.jpg');
background-repeat: no-repeat;
top: 0px;
left: 50px;
width: 650px;
height: 50px;
}

.sous_menu_deroulant {
position: absolute;
top: 235px;
left: 65px;
z-index:100;
width: 100%; /* précision pour Opera */
}

.sous_menu_deroulant dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

.sous_menu_deroulant dl {
float: left;
width: 9em;
}
.sous_menu_deroulant dt {
cursor: pointer;
text-align: center;
font-weight: bold;
/*font-size: 13px;*/
background: #101010;
border: 0px solid;
margin: 1px;
}
.sous_menu_deroulant dd {
display: none;
border: 2px solid #2E2E2E;
}
.sous_menu_deroulant li {
text-align: center;
background: black;
}
.sous_menu_deroulant li a, .sous_menu_deroulant dt a {
color: white;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
.sous_menu_deroulant li a:hover, .sous_menu_deroulant dt a:hover {
background: #101010;
color: #D96011;
text-decoration: none;
}

/*------------------------------------------*
|											|
|				Banniere Menu				|
|											|
*-------------------------------------------*/

#header ul, li {
list-style-type: none;
margin:0;
padding:0;
}
#header ul {
position: absolute;	
top: 0px;
left: 27px;
background: transparent url('images/banniere_menu.jpg') top left no-repeat;
width: 695px;
text-align: center;
}
#header li {float: left;}

#header li a {
display: block;
height: 200px;
width: 139px;
color: #fff;
font-size: 14px;
line-height: 30px;
font-weight: bold;
font-family: arial, serif;
text-decoration: none;
}
#header li a:hover {
background: transparent url('images/banniere_menu.jpg') top left no-repeat;
}
#header a#menu1:hover {
background-position: -695px 0%;
}
#header a#menu2:hover {
background-position: -834px 0%;
}
#header a#menu3:hover {
background-position: -973px 0%;
}
#header a#menu4:hover {
background-position: -1112px 0%;
}
#header a#menu5:hover {
background-position: -1251px 0%;
}