body
{
	width: 800px;
	height: 100%;
	position: absolute;
	left: 50%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: -400px;
	background : #afdc96; /* couleur de fond */
	color: green;
}
#connexion
{
	width: 500px;
	text-align: center;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -250px;
	color: white;
	z-index: 40;
}
#en_tete
{
	width: 800px;
	height: 134px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -400px;
}
#menu /* Ensemble du menu */
{
	width: 800px;
	position: absolute;
	top: 134px;
	left: 50%;
	margin-left: -400px;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	font-size : 12px; /* hauteur du texte : 12 pixels */
	z-index: 50;
}
#haut
{
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -400px;
	z-index: 30;
}
#haut a:hover
{
	background : #9acd32; /* couleur de fond */ 
	color: #06a2af;
}
#haut a
{
	display: block;
	background-color: #afdc96;
	color: green;
	border: 1px dotted green;
}
#corps
{
	overflow: auto;
	width: 800px;
	position: absolute;
	top: 170px;
	bottom: 55px;
	left: 50%;
	margin-left: -400px;
	text-align: justify;
	z-index: 10;
	font-size: 1.2em;
}
#pdg
{
	width: 800px;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left : 50%;
	margin-left: -400px;
}
#pdg table
{
width: 800px;
text-align: center;
}
/* infobulle */
a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 20px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;
}
/* fin infobulle */

#dhtmltooltip
{
	position: absolute;
	left:-50%;
	top:0px;
	margin:none;
	border: 1px solid #C4C0BF;
	padding: 2px;
	background-color:green;
	color: orange;
	visibility: hidden;
	z-index: 100;
	 filter:alpha(opacity=75);
   -moz-opacity:0.75;
   opacity: 0.75;
	font-size: 8pt;
}

#corps .inscription
{
	width: 300px;
	border:1px solid green;
	padding: 5px;
}

#corps .inscription label
{
	width: 120px;
	display: block;
	float: left;
}