body {
    	font: 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    	background: #ffffff;
    	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;
		font-size:12px;
    }
	div {
		margin:0;
    	padding:0;
	}
    .oneColFixCtr #container {
    	width: 955px;  /* 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: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    	border:none;
    	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
    }
    .oneColFixCtr #mainContent {
    	padding: 0 0px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
    }
	img{
		border:none;
		vertical-align:middle;
	}
	ul{
		list-style: none;
	}
	hr{
		border:none;
		height:2px;
		size:2px;
		width:100%;
		color:#ffffff;
		background-color:#ffffff;
	}
	.hr_leger{ /* hr de séparation purement visuel, il ne sépare pas des blocs fondamentalement différent, 
				mais sert à apporter de la lisibilité au sein d'un bloc. Doit être léger */
		border:none;
		height:1px;
		size:1px;
		width:100%;
		color:#dadada;
		background-color:#dadada;
	}
	.hr_bas_de_page{ /* utilisé une seule fois, en bas de page */
		border:none;
		height:1px;
		size:1px;
		width:100%;
		color:#dadada;
		background-color:#9ebb67;
	}
	input {
		color:#333333;
		font-size:12px;
		font-family:arial;
	}
	textarea {
		 color:#333333;
		 font-size:12px;
		 font-family:arial;
	}
	select {
		 color:#333333;
		 background-color:#FFFFFF;
		 font-size:12px;
		 font-family:arial;
	}
	a:link{
		color:#000000;
		text-decoration:none;
	}
	a:visited{
		color:#000000;
		text-decoration:none;
	}
	a:hover{
		color:#d9a302;
		text-decoration:none;
	}
	
	.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0px;
        font-size: 1px;
        line-height: 0px;
    }
	.champ_recherche{ /* champ recherche dans la barre de menu */
		height:10px;
		font-size:10px;
	}
	.bloc_header{
	    background-image:url(../_pix/banner_up.jpg);
		/*background-color:#d9a302;*/
		padding:0 5px;
		height:98px;
	}
	.texte_header{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
	}
	.texte_highlight{ /* utilisé pour l'affichage de la page recherche */
		color:#FF0000;
	}
	.bloc{ /* bloc à fond gris utilisé un peu partout : chaque bloc de la page d'accueil par exemple */
		background-color:#EAEBE0;
		margin-top:5px;
		padding:5px;
		text-align:left;
	}
	.bloc_menu{ /* correspond à la barre de menu */
		
		background-color:#f7f9ea;
		margin-top:5px;
		padding:0 5px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-stretch:narrower;
		font-size:12px;
		vertical-align:middle;
	}
	.item_menu{ /* chqaue élément du menu sauf la partie droite (champ recherche) */
		font-size:11px;
		display:inline;
		vertical-align:middle;
		line-height:20px;
		margin:7px 5px;
	}
	.titre_page{ /* titre des pages. Utilisé aussi dans la colonne de gauche, par exemple pour le mot "Calendrier" sur la page qui liste les articles */
		font-size:16px;
		color:#876911;
		margin:10px 5px;
	}
	.article{ /* bloc blanc qui constitue le fond des articles. Dans le html, il est contenu dans un .bloc */
		background-color:#FFFFFF;
		text-align:justify;
		padding:5px;
	}
	.titre{ /* titre de certains paragraphes, cette classe est utilisée aussi pour les titres de la page d'accueil ("Articles", "Aujourd'hui", "Événements", etc.) */
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
	}
	.titre_adresse{ /* titre des adresses... */
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
	}
	.voir_plus{ /* classe appliquée qaux liens de type "cliquez ici pour en savoir plus" */
		text-decoration:underline;
	}
	.texte_aide{ /* texte utilisé pour l'aide "BBcode", mais aussi pour afficher du contenu pas aussi important que le reste. Ex: le champ "extra" dans les adresses */
		color:#999999;
	}
	.barre_sondage{ /* barre de remplissage pour les sondages */
		height:5px;
		background-color:#b96808;
		font-size:5px;
		margin-bottom:8px;
	}
	.texte_rouge{ /* utilisé sur la page "apprendre" dans le bloc de texte, pour mettre du texte en valeur */
		color:#ab730a;
	}