@charset "UTF-8";
body {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
	background-color: #669900;
    }

    .mainStyle #container {
	width: 900px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	background: #FFFFFF;
	margin: 10px auto;
	text-align: left;
    }

    .mainStyle #header {
	background: #006837 url(../images/logoLaGrange.png) no-repeat left center;
	padding: 10px 10px 0 20px;
	height: 80px;
    }

    .mainStyle #mainContent {
	background: #FFFFFF;
	text-align: center;
	padding: 10px;
    }

    .mainStyle #footer {
		font-size:14px;
	background-color: #006837;
	padding-top: 10px;
	padding-bottom: 10px;
    }
	
	.mainStyle #footer a:link {
	color: #FFF;
	text-decoration: none;
	}
	
	.mainStyle #footer a:hover {
	color: #FFF;
	text-decoration: underline;
	}

    .mainStyle #footer p {
	font-size: 0.8em;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
    }
a:link {
	color: #006837;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #669900;
}
a:hover {
	text-decoration: underline;
	color: #669900;
}
a:active {
	text-decoration: none;
	color: #669900;
}
.alignLeft {
	text-align: left;
}