body {
	background-color: #cccccc;
	margin: 0 auto;
	width: 100%;
	font-family: arial, sans-serif;
	font-size: 10pt;
}
.uppercase {
	text-transform: uppercase !important;
}
.br {
	clear: both;
}
sup {
	font-size: .8em !important;
}
.small {
	font-size: 9pt !important;
}
hr {
	height: 1px;
	margin: 10px 0;
	clear: both !important;
}
.clear {
	clear: both !important;
	float: none !important;
}
.phone {
	text-align: right;
	color: #000000;
	font-size: 1.5em;
	font-weight: bold;	
	margin: 0 0 0 0;
}
.pyramide {
	margin: 25px 0 25px 150px;
	text-align: center !important;
}
#navMain {
	padding: 45px 0 0 200px;	
}
	#navMain ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#navMain li {
		background-image: url(../img/hockey.gif);
		height: 23px;
		background-repeat: no-repeat;
		padding: 6px 0 0 60px;
		font-weight: bold;
		font-size: 1.2em;
	}
/* ELEMENTS DE LA NAVIGATION PRINCIPALE
_________________________________________________*/
.navAccueil a {
	color: #ffffff;
	text-decoration: none;
}
.navAccueil a:hover {
	color: #979fad;
	text-decoration: none;
}

.navProgrammes {
	margin-left: 13px;
}
.navProgrammes a {
	color: #ffffff;
	text-decoration: none;
}
.navProgrammes a:hover {
	color: #979fad;
	text-decoration: none;
}

.navFormulaires {
	margin-left: 26px;
}
.navFormulaires a {
	color: #ffffff;
	text-decoration: none;
}
.navFormulaires a:hover {
	color: #979fad;
	text-decoration: none;
}

.navOutilspedagogiques {
	margin-left: 26px;
}
.navOutilspedagogiques a {
	color: #ffffff;
	text-decoration: none;
}
.navOutilspedagogiques a:hover {
	color: #979fad;
	text-decoration: none;
}

.navArtistique {
	margin-left: 26px;
}
.navArtistique a {
	color: #ffffff;
	text-decoration: none;
}
.navArtistique a:hover {
	color: #979fad;
	text-decoration: none;
}

.navGaleries {
	margin-left: 39px;
}
.navGaleries a {
	color: #ffffff;
	text-decoration: none;
}
.navGaleries a:hover {
	color: #979fad;
	text-decoration: none;
}

.navPropos {
	margin-left: 52px;
}
.navPropos a {
	color: #ffffff;
	text-decoration: none;
}
.navPropos a:hover {
	color: #979fad;
	text-decoration: none;
}

.navHoraires {
	margin-left: 65px;
}
.navHoraires a {
	color: #ffffff;
	text-decoration: none;
}
.navHoraires a:hover {
	color: #979fad;
	text-decoration: none;
}

.navBlogue{
	margin-left: 85px;
}
.navBlogue a {
	color: #ffffff;
	text-decoration: none;
}
.navBlogue a:hover {
	color: #979fad;
	text-decoration: none;
}

#email {
	float: right;
	margin: 80px 11px 0 0;
}
	#email a {
		color: #282f85;
		text-decoration: none;
		font-size: 1.5em;
		font-weight: bold;
	}
	#email a:hover {
		color: #3e4554;
	}
/* FIN ELEMENTS DE LA NAVIGATION PRINCIPALE
_________________________________________________*/
/* Element de la PAGE
______________________________*/
#page {
	background-image: url(../img/bkgTopPage.gif);
	background-repeat: repeat-y;
	margin: 0 auto 0 auto;
	background-position: center top;
	padding: 27px 0 0 15px;
}

#content {
	width: 859px;
	margin: 0 auto;
}

#header {
	
}
#logo {
	width: 859px;
	height: 294px;
	background-image: url(../img/logo2.png);
	background-repeat: no-repeat;
	padding-bottom: 7px;
}

	#navleft {
		float: left;
		width: 178px;
	}
		#navleft h2 {
			margin: 0;
			padding: 0 0 0 4px;
		}
#searchform {
	margin: 0 0 10px 3px;
	padding: 0;
}
	
	#mainContent {
		float: left;
		width: 673px;
		margin-left: 7px;
		background-color: #e5e5e5;
		background-image: url(../img/bkgMainContent.png);
		background-repeat: repeat-x;
	}

#footer {
	margin: 0 70px 7px 70px;
}
	#footer ul {
		list-style-type: non;
		margin: 0 auto 5px auto;
		padding: 0;
		text-align: center;
	}
		#footer li {
			display: inline;
			margin: 0;
			padding: 0;
		}
			#footer li a {
				color: #282F85;
				text-decoration: none;
			}
			#footer li a:hover {
				color: #9596A4;
			}
		.border {
			border-right: 1px solid #000;		
			padding: 0 10px 0 5px !important;
		}
		
#pageEnd {
	clear: both;
	background-image: url(../img/bkgBottomPage.gif);
	background-repeat: no-repeat;
	background-position: center 0;
	height: 24px;
}