/* HTML en général */

body,td,th {
	color: #000000;
	font-family: Verdana;
	font-size: 0.9em;
	text-align: center;
	
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


h1 {
	font-size: 1.6em;
	text-decoration: none;
}

h2 {
	font-size: 1.1em;
	text-decoration: none;
}


/* Liens */

a, a:link {
	color: #ff0000;
	text-decoration: none;
}

a:visited {
	color: #ff0000;
	text-decoration: none;
}

a:hover, a:focus, a:active {
	color: #330000;
	text-decoration: none;
}

/* Sommaire */
#apropos {
	font-size: 0.8em;
	font-style: italic;
	padding-left: 25px;
	padding-right: 20px;

}

#sommaire {
	text-align: center;
}
	
a.image { /* définition de la classe "image" de la balise <a> */
display: block; /* la balise a doit être en bloc */
width: 170px; /* largeur de l'image réactive */
height: 60px; /* hauteur de l'image réactive */
background-image: url(images/bouton.jpg); /* source de l'image de départ */
background-repeat: no-repeat;
}

a.image:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image: url(images/boutonon.jpg); /* source de l'image d'arrivée */
 }
  
  
  
/* Liste */

#liste {
	text-align: left;
	padding-right: 30px;
}