@charset "utf-8";
/* CSS Document */

body {
	background-color: #000;
}
#principal {
	background-color: #99ccff;
	margin: auto;
	height: 800px;
	width: 960px;
	background-image: url(images/fond.jpg);
	background-repeat: no-repeat;
	color: #336699;
}
#bandeau_gauche {
	position:relative;
	left:0px;
	top:22px;
	width:555px;
	height:auto;
	z-index:1;
	font-size: 14px;
	text-align: right;
	font-family: "Arial Black", Gadget, sans-serif;
	float: left;
	line-height: 18px;
	letter-spacing: 1px;
}
#bandeau_droite {
	position:relative;
	left:0px;
	top:64px;
	width:287px;
	height:auto;
	z-index:2;
	font-family: "Arial Black", Gadget, sans-serif;
	float: right;
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	line-height: 5mm;
}
a:link.bandeau_droite {
	color: #FFF;
	text-decoration: none;
}
a:visited.bandeau_droite {
		color: #FFF;
		text-decoration: none;
}
a:hover.bandeau_droite {
	color: #FFF;
		text-decoration: none;
}

#texte_gauche {
	position:relative;
	left:140px;
	top:65px;
	width:420px;
	height:520px;
	z-index:3;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 5mm;
	overflow: auto;
}
#menu {
	position:relative;
	top:10px;
	width:auto;
	height:521px;
	z-index:4;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right: 10px;
	color: #cc3300;
	font-weight: bold;
}
#principal #menu #tab_menu tr td a {
	color: #336699;
	text-decoration: none;
}
#principal #menu #tab_menu tr td a:visited {
	color: #336699;
	text-decoration: none;
}
#principal #menu #tab_menu tr td a:hover {
	color: #ccffff;
	text-decoration: none;
	text-align: left;
}
#principal #texte_gauche div h3 {
	color: #369;
}