a
	{
	text-decoration:none;
	color:white;
	cursor:pointer;

	}
	
a:active, a:focus 
	{
	background-color:green;
	}

a:hover 
	{
	background-color:black;
	text-decoration:blink;
	}
	
body 
	{ 
	background: url(http://www.tambour.be/tambour/image/body-background.png) #ff0b0b repeat-x left top; 
	width: 800px;
	margin: auto;
	}
	
#logo
	{
    margin:auto;
	text-align:center;
	margin-bottom: 8px;
	}
	
#menu-principal
	{
	margin:auto;
	width:100%;
	height:30px;
	background:url(image/fond_menu.png) repeat-x;
	margin-bottom: 4px;
	
	}
	
.element_menu_principal
	{
	display:block;
	float:left;
	width:12.45%;
	height:26px;
	border:none;
	text-align:center;
	}
	
.menu_accueil
	{
	float: left; /* Le menu flottera à gauche */
	width: 20%; /* Très important : donner une taille au menu */
	text-align:left;
	background-color: white;
	background-image: url("image/motif.png");
	background-repeat: repeat-x;
	}
.menu_accueil_jeu
	{
	float: left; /* Le menu flottera à gauche */
	width: 20%; /* Très important : donner une taille au menu */
	text-align:left;
	background-image: url("image/motif.png");
	background-repeat: repeat-x;
	}
.menu_accueil_element
	{
	color:yellow;
	background-color: white;
	background-image: url("image/fond_menu.png");
	background-repeat: repeat-x;
   	margin-bottom: 20px;
	}
.menu_accueil_element ul
	{
	list-style-image: url("image/puce.gif");
	padding: 4px;
	padding-left: 20px;
	margin: 0px;
	margin-bottom: 8px;
	}
#couleur_lien_menu 
	{
		text-align:left;
		color: Red;
	}
	
.menu_accueil ul
	{
	list-style-image: url("image/puce.gif");
	padding: 4px;
	padding-left: 20px;
	margin: 0px;
	margin-bottom: 8px;
	}
#puce
{
	list-style-image: url("image/puce.gif");
}
	
#corps 
	{ 
	background-color: white;
	background-image: url("image/motif.png");
	background-repeat: repeat-x;
	float: right; 
	width: 77.8%;
	margin-bottom: 8px;
	padding: 5px;	
	}
#place
	{
	background-color: white;
	background-image: url("image/motif.png");
	background-repeat: repeat-x;
	float: right; 
	width: 100%;
	margin-bottom: 8px;
	}
	
#pied
	{
	background-color: white;
	background-image: url("image/motif.png");
	background-repeat: repeat-x;
	float:left;
	width: 100%;
	text-align:center;
	margin-bottom: 8px;
	}
#google
	{
	background-color: white;
	background-image: url("image/motif.png");
	background-repeat: repeat-x;
	float:left;
	width: 100%;
	text-align:center;
	padding-top:20px;
	margin-bottom: 30px;
	}
#td_plan
{
	background-color: black;
	color:white;
}
#table_plan
{
	margin:auto;
}
img
{
	vertical-align: middle;
}
#td_stat
{
	font-size:12px;
	Margin:4px;
	text-align:center;
    padding:2px;
	background-color: white;
	color: black;
	border: 2px outset black;
}

#table /* Le tableau en lui-même */
{
Margin:4px;
   border: 4px outset red; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

#th/* Les cellules d'en-tête */
{
   background-color: red;
   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*/
   font-size: 0.8em;
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
#comment
{
   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*/
   font-size: 0.8em;
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
