@charset "iso-8859-1";
html, body {
    height: 100%;
}
body {
/*background-color: #669933;*/
background-color : #ffcc00;
background-repeat: no-repeat;
background-position: top left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
/*color: #0066cc;*/
color: #333399;
margin: 0;
padding: 0;
}
a {
	color: #9966cc;
}

a:hover {
	color: #F2462E;
}
h2 {	color: #9966cc;
		text-align: left;
	}
#header {
height: 130px;
margin-top: 25px;
padding-left: 1em;
}

#conteneur {
position: absolute;
min-heigth: 100%;
margin-left: 0px;
}
#centre {
/*letter-spacing:1px;*/
margin-left: 150px;
padding-left: 20px;
padding-right: 20px;
min-heigth: 100%;
}
#gauche {
position: absolute;
margin-left:5px;
width: 150px;
}
#pied {
position: absolute;
bottom: 0;
padding-bottom: 20px;
margin-left: 240px;
margin-top: 20px;
border-style: solid;
border-color: gray;
border-width: 1px 0px 1px 0px;
text-align: center;
font-size: 8pt;
}


#compteur {
position: absolute;
left:5px;
top: 550px;
}

#anim {
position: absolute;
left:50px;
top: 0px;
z-index: 101;
}

/* ------------------------------------------------------------------------------------
Tha Drop-down Menu
------------------------------------------------------------------------------------ */

/* Elements de premier niveau
--------------------------------------*/
#menuDeroulant
{
	background: #6A6458;
	width: 800px;
	height: 21px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 0px;
	left: 400px;
	font-size: 0.8em;
}
#menuDeroulant li
{
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: white;
	background: #9966cc;
	margin: 0;
	padding: 4px 8px;
	border-right: 1px solid #fff;
	text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #c899fe; }
#menuDeroulant li a:active { background-color: #c899fe; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 200px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("images/fondTR.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #c899fe;
}

#menuDeroulant li:hover > .sousMenu { display: block; }