HTML {
	height: 100%;
}

BODY {
	height: 100%;
	color: #000000;
	background-image: URL(bg.png);
	background-color: #FFF752;
	background-attachment: fixed;
	font-family: verdana, sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}

H1 {
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	text-decoration: underline;
	padding-top: 10px;
	padding-bottom: 40px;
}
H2 {
	text-align: center;
	font-family: Geneva, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: underline;
}

.entete {
	font-family: arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: underline;
}

A, A:visited {
	color: #0066FF;
	text-decoration: none;
	outline: none;
}
A:hover {
	color: #0033CC;
	text-decoration: none;
}

INPUT, SELECT, TEXTAREA {
	background-color: #FDFD44;
	font-family: verdana, sans-serif;
	font-size: 10pt;
	color: #000000;
	border-width: 1px;
	border-color: #000000;
	padding: 2px;
	vertical-align: middle;
}
.bouton:hover {
	color: #0000CC;
}

.tab {
	border: #000000 solid 2px;
	padding: 10px;
	background-color: #FFF04F;
	-moz-border-radius: 12px;
}

tr.ligne:hover {
	background-color: #EEDDDD;
}

.episode a, .episode a:visited {
	font-weight: normal;
	text-decoration: none;
	border-color: #0066FF;
}

.lien, .lien:visited {
	font-weight: normal;
	text-decoration: none;
	border-color: #0066FF;
	cursor: pointer;
}

.nouveau {
	border-color: #FF0000;
}
.nouveau:hover {
	border-color: #FF9900;
}

TD.ligneCompte {
	height: 32px;
	vertical-align: middle;
	border-top: solid 1px black;
	padding-top: 0;
	padding-bottom: 0;
}

.boite {
	border-right: 1px solid black;
  border-bottom: 1px solid black;
}

#formDeco a {
	font-weight: normal;
	border: none;
}
#formDeco a:hover {
	color: blue;
	text-decoration: none;
}


/* fond blanc pour le menu */ 
div#menu a {color:#000000; font-weight:bold;}
div#menu ul {background:#FFF752; width:100%; padding:0; margin:0; border:none; border-top:1px solid black;}

/* fond different au survol de la souris pour les menus */ 
div#menu li:hover {background: #EEDDDD}

div#menu ul li {position:relative; list-style:none; border-bottom:1px solid #000000;}
div#menu ul ul {position:absolute; top:-1px; left:182px; display:none;}

/* on rajoute une bordure a gauche et des padding */ 
div#menu li a {text-decoration:none; padding:2px 0 2px 8px; display:block; border-left:8px solid #ADC600;width:168px; }
div#menu li a:hover {border-left-color: #0033CC;}

div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {display:block;}

div#menu ul.niveau2 li {background-color:#FFF752; border-right:solid 1px black;}
div#menu ul.niveau2 li:hover {background-color:#EEDDDD;}