body {
  text-align: center; /* bug IE */
	margin: 0;
	padding: 0;
  font-family: tahoma;
  background-color: #333333;
  font-size: 11px;
}

#centreur {
  position: relative;
  width: 998px;
  margin: 0 auto; 
	color: #D5CBA8;
}

.bandeauTitre{
	height: 140px;
	width: 998px;
	font-family: tahoma;
  font-size: 14px;
}

.corps {
/*	height: 1700px;*/
	width: 998px;
}

.bandeauPied {
	height: 40px;
	width: 998px;
}

.hautGauche {
	margin: 0px;
	width: 120px;
	height: 140px;
	background-color: #333333;
	color: #D5CBA8;
	text-align: center;
	vertical-align: middle;
	float: left;
}

.hautCentre {
	margin: 0px;
	width: 878px;
	height: 140px;
	background-color: #333333;
	color: #D5CBA8;
	float: left;
}

.titreSite {
	margin-top: 10px;
	height: 90px;
	width: 878px;
	float: left;
	font-family: Arial Black;
	font-size: 400%;
	text-align: center;
	font-weight: 900;
}

.sousTitreSite {
	height: 20px;
	width: 878px;
	float: left;
	font-family: Arial Black;
	font-size: 65%;
	white-space:nowrap;
	text-align:center;
	font-weight: 80;
}
.titrePage {
	margin-top: 20px;
	height: 60px;
	width: 878px;
	font-size: 150%;
	text-align: center;
	vertical-align: middle;
	font-weight: 900;
	font-family: tahoma;
}

.sousTitrePage {
	/*height: 20px;*/
	padding:10px;
	width: 878px;
	font-size: 120%;
	text-align: center;
	font-weight: 700;
	font-family: tahoma;
}

#tableau {
 	color: #D5CBA8;
}

.gauche {
	margin: 0px;
	margin-top:15px;
	width: 120px;
	/*height: 700px;*/
	background-color: #333333;
	color: #D5CBA8;
	padding: 0px;
	float: left;
	font-family: tahoma;
	font-size: 11px;
	text-align: center;
}
.centre {
	margin: 0px;
	width: 878px;
/*	height: 1000px;*/
	background-color: #333333;
	color: #D5CBA8;
/*	overflow: auto;*/
	font-size: 14px;
	padding: 0px;
	float: left;
	font-family: tahoma;
}
.panorama {
	margin: 0px;
	width: 878px;
/*	height: 1500px;*/
	background-color: #333333;
	color: #D5CBA8;
	padding: 0px;
	float: left;
	overflow: auto;
}

.popup {
	margin: 0px;
	background-color: #333333;
	color: #D5CBA8;
	overflow: auto;
	font-size: 14px;
	padding: 0px;
}
.ligne0Table {
	color: #000000;
	background-color: #DDDDDD;
	font-size: 11px;
	text-align: center;
}
.ligne1Table {
	color: #000000;
	background-color: #FFCCCC;
	font-size: 11px;
	text-align: center;
}
.ligneTableOver {
	color: #000000;
	background-color: #FFFF55 ;
	font-size: 11px;
	text-align: center;
}
.discussion {
	margin:5px;
	margin-left:10px;
	margin-right:10px;
	text-align:left;
}

.tetiereTable {
	color: #000000;
	background-color: #DDDDDD;
	font-size: 11px;
	text-align: center;
	font-weight: 700;
}
.texteMessage {
	font-size: 11px;
	font-style: normal;
	font-weight: 900;
	background-color: #FFCCCC;
	color: #FF0000;
	text-align: center;
	vertical-align: middle;
}

.texteInformation {
	font-size: 11px;
	font-style: normal;
	color: #D5CBA8;
	text-align: center;
	vertical-align: middle;
}

.attention {
	font-size: 18px;
  font-family: Arial Black;
	font-style: normal;
	/*font-weight: 900;*/
	background-color: #FFCCCC;
	color: #FF0000;
	text-align: center;
	vertical-align: middle;
}

.etiquetteForm {
	font-size: 11px;
	text-align: right;
	padding-right: 5px;
	color: #D5CBA8;
}
.champForm {
	font-size: 11px;
	font-style: normal;
	/*color: #000000;*/
	color: #D5CBA8;
}
.textareaForm {
	font-size: 11px;
	font-style: normal;
	font-family:tahoma;
	color: #000000;
	background-color: #DDDDDD;
}

.boutonForm {
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	color: #000000;
}

.bas {
	width: auto;
	margin-left: 0px;
	height: 40px;
	background-color: #333333;
	color: #D5CBA8;
	font-size: 12px;
	padding: 10px;
}
.menu {
	color: #66FFFF;
	font-size: 12px;
}

ul, li {margin: 0; padding: 4px; list-style-type: none ;}
ul {margin-top: 60px; margin-left: 0px;}

h1 {
	top:0;
	font-size: 400%;
	text-align: center;
	font-weight: 900;
}
h2 {
	font-size: 200%;
	text-align: center;	
	font-weight: 900;
}
h3 {
	font-size: 80%;
	text-align: center;
	font-weight: 300;
}

h4	{
	font-size: 100%;
	text-align: right;
}

.vertical a {
  margin-left:3px;
  color: #D5CBA8;
  background-color: #333333;
  text-decoration: none;
  font-size:11px;
  font-weight:400;
  text-align: center;
  padding: 4px;
  border: 1px outset #D5CBA8;
  display: block;
  width: 101px;
}
.vertical a:hover {
  color:white;
  background-color:#555555 ;
  font-weight: bold;
  /*background-image: url(aqua.jpg);*/
  border: 1px inset #D5CBA8;
}

.navig a {
  margin-left:3px;
  color: #D5CBA8;
  background-color: #333333;
  text-decoration: none;
  font-size:11px;
  text-align: center;
  padding: 4px;
  border: 1px outset #D5CBA8;
  display: inline;
  width: 101px;
}

.navig a:hover {
  color:white;
  background-color:#555555 ;
  font-weight: bold;
  /*background-image: url(aqua.jpg);*/
  border: 1px inset #D5CBA8;
}

.lien a:hover {
  color:white;
  /*background-image: url(aqua.jpg);*/
}

</style>