body
  {
	margin: 15px 0px 0px 0px;
	background-color: #FFFFFF;
	background-image: url(./bg.gif);
	background-position: center;
	background-repeat: repeat-y;
	text-align: center;
  }

/***********************************
	LES CONTENUS
***********************************/

#main
  {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #FFFFFF;
  }

#top-nav
  {
	width: 715px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 55%;
	color: #999999;
	text-align: left; /*right;*/
	vertical-align: bottom;
	height: 18px;
	line-height: 18px;
	padding-right: 5px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	background-color: #FFFFFF;
  }

#navigation
  {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #FF9900;
	background-color: #FAFAFA;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 15px 5px;
	width: 150px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	text-align: left; /*right;*/
  }

#content
  {
	margin-left: 170px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	text-decoration: none;
	width: 535px;
	text-align: left;
	padding: 5px 5px 15px 5px;
	background-color: #FFFFFF;
  }

#footer
  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	padding: 10px 0px 10px 0px;
	text-align: center;
	/*clear: left;*/
	/*pour éviter que les images des p surplombent le footer*/
	clear: both;
	background-color: #FFFFFF;
  }

/***********************************
	LINKS
***********************************/

a
  {
	color: blue;
	text-decoration: none;
  }

a:hover
  {
	text-decoration: underline;
	}

a.small-navigation
  {
	color: black;
	text-decoration: none;
  }

a.small-navigation:hover
  {
	color: #ff6600;
	/* AJOUT : */
	font-weight: bold;
	text-decoration: none;
  }

a.navigation
  {
	/*color: #666666;*/
	color: black;
	border-width: 0px 0px 0px 5px;
	border-color: #DEDEDE;
	border-style: solid;
	text-decoration: none;
	display: block;
	padding: 3px 0px 3px 5px;
	text-align: left;
	font-weight: normal;
  }

a.navigation:hover
  {
	/*border-color: #FF9900;
	background-color: #EFEFEF;*/
	border-color: #FF9900;
	background-color: #00c700;
	color: yellow;
	font-weight: bold;
	text-decoration: none;
  }

/* suppression bordure pour lien sur image */
a img
  {
  border: none;
	}

/***********************************
	MISCELLANEOUS
***********************************/
#header
  {
	padding: 5px 0px 5px 0px;
	border-color: #999999;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	background-color: #FFFFFF;
  }

hr
  {
	width: 100%;
	height: 0px;
	text-align: center;
	border-color: #CCCCCC;
	border-style: dashed;
	border-width: 0px 0px 1px 0px;
  }

h1
  {
	color: #FF9900;
	font-size: 180%;
	text-decoration: none;
	text-align: right;
	margin: 0px 0px 15px 0px;
	font-weight: normal;
	padding: 2px 50px 0px 0px;
	/*border-width: 1px 0px 0px 0px;*/
	border-width: 0px 0px 2px 0px;
	border-style: solid;
	border-color: #FF9900;
	background-color: #FFFFFF;
  }

/* ajout de paramètres sur h2,h3 pour que le rendu de h2,h3 */
/* soit identique dans IE tout comme dans Firefox */
h2
  {
	color: black;
	font-size: 150%;
	text-decoration: none;
	text-align: left;
	margin: 0px 0px 15px 0px;
	font-weight: bold;
	padding: 2px 50px 0px 0px;
	/*border-width: 1px 0px 0px 0px;*/
	background-color: #FFFFFF;
  }
h3
  {
	color: black;
	font-size: 120%;
	text-decoration: none;
	text-align: left;
	margin: 0px 0px 15px 0px;
	font-weight: bold;
	padding: 2px 50px 0px 0px;
	/*border-width: 1px 0px 0px 0px;*/
	background-color: #FFFFFF;
  }

p
  {
	/*
	border-color: #999999;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	*/
	padding: 0px 0px 10px 0px;
	margin-top: 10px;
	text-align: justify;
  }

p.avecbarre
  {
	border-color: #999999;
	/*border-style: dashed;*/
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	padding: 0px 0px 10px 0px;
	margin-top: 10px;
	text-align: justify;
  }

p.centrage
  {
	text-align: center;
  }

.rouge
  {
	color: red;
	}

.bleu
  {
	color: blue;
	}

.vert
  {
	color: #009933;
	}

	/* pour l'agenda : événement terminé */
tr.prochainedate
  {
	background-color: #ffffcc;
	}

.tableausansbords
  {
	border: none;
	/* pour centrer le tableau */
	margin-left:auto;
	margin-right:auto;
	}

.tableauavecbords
  {
	border: solid 1px black;
	border-collapse: collapse;
	/* pour centrer le tableau */
	margin-left:auto;
	margin-right:auto;
	text-align: justify;
	}

table.tableauavecbords th
  {
	background-color: #faebd7;
	border: solid 1px black;
	text-align: center;
	padding: 2px;
	}

table.tableauavecbords td
  {
	border: solid 1px black;
	text-align: justify;
	padding: 6px;
	}

.toutadroite
  {
	text-align: right;
	}
.toutagauche
  {
	text-align: left;
	}

.toutaucentre
  {
	text-align: center;
  }