/* Feuille de style CSS */

/*  Généralités  */
{
	margin: 0;
	padding: 0;
}

/* Corps de la page web */
body
{
	background-color: #FFF8F3;
	font-family: "Arial";
}

/* Les zones de la page */

/* 1. "Conteneur" qui englobe tout le site  */
#Conteneur
{
	position: static;
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
}

/* 2. En-tête  qui contient notamment le titre  */
#corps-contact
{
	width: 850px;
	/* Pour centrer l'image  */
	margin-left: auto;   
	margin-right: auto;
	color: #274656;
}

/* Les balises HTML */

/* Décoration des tableaux */
table
{
	/* Pour centrer le tableau  */
	margin-left: auto;   
	margin-right: auto;
	border: 0px;
}

td.index
{
	text-align : center;
}

td.gras
{
	font-weight: bold;
	text-align : left;
}

td.grasbis
{
	color: #AA4949;
	font-weight: bold;
	font-size: 18px;
}

td.map
{
	text-align : left;
}

/* 2. Décoration des liens */
a:link, a:visited
{
	color: #274656;
	text-decoration: none;
	position: relative;
}

a:hover, a:active
{
	color: #336699;
	text-decoration: underline;
	position: relative;
}

a:link#index, a:visited#index
{
	color: #336699;
	text-decoration: none;
	position: relative;
	font-weight: bold;
}

a:hover#index, a:active#index
{
	color: #488ED5;
	position: relative;
	text-decoration: underline;
	font-weight: bold;
}


.bouton {
	color: #e7d8bb;
	background-color: #274656;
	font-size: 12px;
	font-family: arial;
}

/* Effet typographique sur les premières lettres des paragraphes  */
p:first-letter 
{
	float: center;
	font-size: 20px;
}