body
{
 background-image:url(Images/Volcano.jpg); 
 font: 11px verdana, sans-serif;
 margin: 0;
 padding: 0;
}

a
{
	color: #708090;
	text-decoration: none;
}

td
{
	font-size: 13px;
}

th
{
	font-size: 15px;
}




.texte
{
	color: gainsboro;
	text-align: justify;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 20px;
}



.VerticalColonne1
{	
	color:#8B0000;
	font-size: 16px;
	text-align: center;	
	font-variant: small-caps;
	position: absolute;
	top: 120px;
	left: 80px;
}
.VerticalColonne2
{
	color:#8B0000;
	font-size: 16px;
	text-align: center;	
	font-variant: small-caps;
	position: absolute;
	top: 440px;
	left: 80px;
}
.VerticalColonne3
{
	color:#8B0000;
	font-size: 16px;
	text-align: center;	
	font-variant: small-caps;
	position: absolute;
	top: 850px;
	left: 80px;
}
.ColonneA
{
	position: absolute;
	top: 140px;
	left: 10px;
}
.ColonneB
{
	position: absolute;
	top: 460px;
	left: 10px;
}
.ColonneC
{
	position: absolute;
	top: 870px;
	left: 10px;
}

.sous-titre
{
	color:#8B0000;
	font-family: Verdana;
	font-weight: bold;
	text-align: left;
	font-size: 15px;
	font-variant: small-caps;
	padding-top: 20px;
}

.Liens
{
	color: #708090;
	text-align: center;
}

div#menu {
    height: auto;
    width: 150px;
}
div#menu li {
    height: 25px;
    width: 175px;
    margin: 2px;
    font-family: Verdana;
    font-size: 11px;
    text-align: left;
	padding-left: 10px;
	padding-top: 4px;
    list-style-type: none;
    background-image: url(Images/bouton-gris2.png);
    background-repeat: no-repeat;
}
div#menu li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
div#menu li a:link {
color:gainsboro;
}
div#menu li a:visited {
    color: grey;
}
div#menu li a:hover {
    color: grey;
}
div#menu li a:active {
    background-image: url(images/Images/bouton-gris1.png);
    background-repeat: no-repeat;
}