html, body {
	height: 100%;
}

#content {
	margin: 0 auto;
	width: 900px;
	min-height: 100%;
	height: auto;
	background-color: white;
}

/* Hack for IE, Reset to 100% height */
* html #content {
	height: 100%;
}
/* End IE Hack */

body {
	background-color: #CCDFBB; /* c'est le fond vert clair*/
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #5D5E60; /* c'est du gris foncé*/
	font-size: 80%;
	line-height: 1.5em;
	
}

.backgroundvert {
	background-color: #73AF55;
}

h1, h2 {
	color: #73AF55;
	font-size: larger;
}

h2 {
	font-size: medium;
}

p, td {
	color: #5D5E60;

}

p {
	margin-top: 0;
	margin-bottom: 1ex;
	padding-left: 0px;
	padding-bottom: 0px; /* ça ne change rien*/
	spacing: 0px; /* ça ne change rien*/
}

td {
	align: left;
	vertical-align: top;
}

a {
	color: #73AF55;
	text-decoration: none;
}

a:hover {
	color: #414D4F;
	text-decoration: none;
}

a.theatre {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

a:hover.theatre {
	color: #70B052;
	text-decoration: none;
	background-color: #fff;
}

.bottom-space {
	padding-bottom: 1.5ex;
}

.bottom-space-small {
	padding-bottom: 1ex;
}

.right5 {
	padding-right: 5px;
}

.align-bottom {
	vertical-align: bottom;
	padding-bottom: 0px;
}

.dashed {
	border-bottom: 2px dashed #73AF55;
	padding-bottom: 5px;
}

.dashed-theater {
	border-bottom: 2px dashed #73AF55;
	padding-bottom: 5px;
}

.dashed-expo {
	border-bottom: 2px dashed #E2001A;
	padding-bottom: 5px;
}

.dashed-music {
	border-bottom: 2px dashed #009AB2;
	padding-bottom: 5px;
}

.dashed-dance {
	border-bottom: 2px dashed #B6007C;
	padding-bottom: 5px;
}

.dashed-kids {
	border-bottom: 2px dashed #F9B500;
	padding-bottom: 5px;
}

.creamarni {
	vertical-align: text-top;
}

.copy {
	font-size: smaller;
}

.category-button {
	padding: 5px;
}

a:hover.category-button {
	background-color: white;
}

.title {
	color: white;
	font-weight: bold;
}

.theater {
	background-color: #73AF55;
}
a:hover.theater {
	color: #73AF55;
}

.expo {
	background-color: #E2001A;
}
a:hover.expo {
	color: #E2001A;
}

.music {
	background-color: #009AB2;
}
a:hover.music {
	color: #009AB2;
}

.dance {
	color: white;
	font-weight: bold;
	background-color: #B6007C;
}
a:hover.dance {
	color: #B6007C;
}

.kids {
	background-color: #F9B500;
}
a:hover.kids {
	color: #F9B500;
}

.all-season {
	background-color: #5D5E60;
}
a:hover.all-season {
	color: #5D5E60;
}

.title-green {
	color: #73AF55;
	font-weight: bold;
}

.title-blue {
	color: #009AB2;
	font-weight: bold;
}

.title-red {
	color: #E2001A;
	font-weight: bold;
}

.title-purple {
	color: #B6007C;
	font-weight: bold;
}

.title-yellow {
	color: #F9B500;
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.vert {
	color: #73AF55;
}
.bleu {
	color: #009AB2;
}
.rouge {
	color: #E2001A;
}
.mauve {
	color: #B6007C;
}
.jaune {
	color: #F9B500;
}


#index td { /* C'est pas bon! Il faut td#index pour spécifier l'index qui se trouve dans un td */
	background-image: url (common/images/logos-index.jpg) no-repeat top right;
	background-repeat: no-repeat;
	background-position: top right;
	margin:0px; border:0px;
	padding-right: 200px;
}


.bold {
	font-weight: bold;
}

td #header {
	background-image: url (common/images/Header2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin:0px; border:0px;
}