body
{
	width: 760px; /* largeur */
	margin: 20px auto; /* marges exterieur */
	background-image: url('../images/fondecran.jpg'); /* Image de fond */
	background-attachment: fixed; /* image de fond fixe */
	margin-top:20px; /* Marge extérieure, Pour éviter de coller avec le haut de la fenêtre du navigateur */
	margin-bottom:20px
}
#en_tete
{
	width: 760px; /* largeur */
	height: 150px; /* hauteur */
	margin-bottom: 10px; /* marge exterieur du bas */
}
#menu
{
	font-weight: bold; /* gras */
	float: left;
	width: 260px; /* largeur */	
	padding-top: 20px; /* marge intérieure haute */
	line-height: 40px; /* hauteur de ligne */ 
}
a
{
	color: purple;
	text-decoration: none; /* Les liens ne seront plus soulignés */
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: green; /* Le lien sera écrit en vert quand on pointera dessus */
}
a:active, a:focus /* Appliquer le même style aux liens actifs et focus */
{
   background-color: #FFCC66;
}
ul /* Ma liste aura des puces en forme de dossiers */
{
   list-style-image: url('../images/bouton1.gif');
   	color: green
}
#corps
{
	background-color: rgb(247,200,0); /* couleur de fond */
	text-indent: 30px;
	padding-top: 20px; /* marge intérieure haute */
	padding-bottom: 20px; /* marge intérieure basse */
	padding-right: 15px; /* marge intérieure droite */
	padding-left: 15px; /* marge intérieure gauche */
	margin-bottom: 10px; /* marge exterieur du bas */
}
h1
{
	font-size: 1.4em;
	text-align: center;
	text-decoration: underline;
	color: red;
	font-variant: small-caps;
}
h3
{
	font-size: 1em;
	text-align: center;
	color: blue;
	font-variant: small-caps;
}
.jeux
{
	float: right;
}
.garou
{
	float: left;
	margin-right: 10px; /* marge exterieur du bas */
	margin-top: 10px; /* marge exterieur du bas */
}
.tarif
{
	text-indent: 0px;
}
.policier
{
	float: left;
}
.chaussettes
{
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: blink;
	text-align: left;
	color: blue;
	font-variant: small-caps;
}
h6
{
	text-align: center;
	font-size: 1em;	
}
#loup
{
	text-align: center;
	font-size: 1.5em;
	color: green;
	font-weight: bolder;
	font-style : italic;
}
#pied_de_page
{
	text-align: center; /* texte centré horizontal */
	vertical-align: middle; /* texte centré vertical */
	height: 40px; /* hauteur */
}
table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset green; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   background-color: #006600;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}