body 
{

font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #483D8B; /*  ancien 483D8B, ancien D3D3D3 // Pour les gros titres, couleur sympa : #191970*/
background-color: #B0C4DE;  /*ancien #B0C4DE */
text-decoration: #483D8B;
line-height: 15px;
margin-bottom: 20px;
margin-top: 8px;
}

a:link 
{  
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #8B4513;
border-style: 1px dotted #A3873C;
text-decoration: underline;
}

a:visited
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #FFD700;
}

a:hover 
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #FFFF00; 
background-color: #DB7093;
}

a:active 
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #333333; 
}

.logo
{
   width: 467px;
   height: 60px;
   background-image: url("http://beonidoux.free.fr/images/banniere.gif");
   background-repeat: no-repeat;
   margin-top: 10px;
   margin-bottom: 30px;
   border: #8B4513 solid;
   border-width: 1px 1px 01px;
}

.logovolcan
{
   width: 103px;
   height: 27px;
   background-image: url("http://beonidoux.free.fr/volcan/img/logovolcan.gif");
   background-repeat: no-repeat;
}

.pub
{
text-align: center;
}

.liens
{
color : #808080; 
font-family :  Harrington, sans-serif;
font-size : 12px; 
text-align: center;
margin-bottom: 15px;
}

.titre
{
margin-top: 20px;
color : #228B22; 
font-family :  Script MT Bold, Harrington, sans-serif;
font-size : 48px; 
text-align: center;
}

.titrevolcan
{
color : #FF6347; 
font-family :  Verdana, Arial, Helvetica, sans-serif;
font-size : 12px; 
font-style: italic; 
text-align: center;
}

table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #483D8B;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none; 
}

th {

	margin: 0.1em 0.1em 0.1em 0.1em;
	padding: 0.3em 0.3em 0.3em 0.3em;
	border: 2px solid #A9A9A9;
background-color:#D3D3D3;
	}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #483D8B;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	margin: 0.1em 0.1em 0.1em 0.1em;
	padding: 0.3em 0.3em 0.3em 0.3em;
	}


table.volcan {
	font-size: 12px;
	font-style: normal;
    border: #32CD32 solid;
    border-width: 1px 1px 01px  
}

th.volcan {
	margin: 0.1em 0.1em 0.1em 0.1em;
	padding: 0.3em 0.3em 0.3em 0.3em;
	border: 2px solid #A9A9A9;

	}

td.volcan {
	font-size: 12px;
	margin: 0.1em 0.1em 0.1em 0.1em;
	padding: 0.3em 0.3em 0.3em 0.3em;
	border: 1px solid #A9A9A9;
background-color:#D3D3D3;
	}
	
td.border0 {
	font-size: 12px;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: 0px solid #33CC66;
	background-color:#D3D3D3;
	}
	
tr:hover td.volcan{
background-color: #DDA0DD;
}


	
li
{
   list-style-image: url("images/puce.png"); /* On change l'apparence des puces */
}
	
input.bouton 
{
background-color: #8B4513;
border:2px outset red;
font-weight:bold;
cursor:pointer;
border-style: 1px dotted #A3873C;
color: #FFD700;
font-size: 11px;
font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
}

input.bouton:hover 
{
background-color: #DB7093;
border:2px outset red;
font-weight:bold;
cursor:pointer;
border-style: 1px dotted #A3873C;
color: #FFD700;
font-size: 11px;
font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
}

input.bouton:active 
{
border:2px inset red;
background-color:red;
color:#8B4513;
} 

input.texte
{

}

textarea.texte
{

}

select.texte
{

}

/* Le corps de la page */

#corps
{
	margin-bottom: 20px;
	padding: 5px;
	background-color: #E6E6FA;
	border: 1px solid #7B2017;
}

#corps h1
{
	color: #B3B3B3;
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
	height: 30px;
	padding-left: 30px;
	color: #B3B3B3;
	text-align: left;
}



/* Le pied de page */

#pied_de_page
{
	padding: 5px;
	text-align: center;
	background-color: #E6E6FA;
	border: 1px solid #008080;
}