body
{
	background-color: #faefde;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	background-position: 0px 25px;
	border-spacing: 0px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

img.album
{
	width: 150px;
	height: 100%;
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

div.album
{
	margin: 5px;
	border: 5px solid #2a5c97;
	background-color: #2a5c97;
	float: left;
}

div.albumclear
{
	clear: left;
}


/*big container*/
#ensemble
{
	width: 770px;
	border-spacing: 0px;
	margin: 0px auto;
	text-align: left;
	
}


/*for the banner and logo*/
#banner
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-spacing: 0px;
}

#banner img
{
	border-width: 0px;
}

#banner td.lefty
{
	vertical-align: bottom;
	text-align: left;
	height: 150px;
	width: 160px;
}

#banner td.righty
{
	background-image: url(images/bannercanvas.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 15px 0px 0px 15px;
	text-align: left;
	vertical-align: top;
	height: 135px;
	width: 585px;
}


/*For the menu*/
#menu
{
	border-spacing: 0px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	color: #000000;
}

#menu a
{
	text-decoration: none;
	color: #000000;
}

#menu a:hover
{
	text-decoration: none;
}

#menu table
{
	border-spacing: 0px;
	width: 100%;
	color: white;
	padding: 0px;
	margin: 0px;	
}

#menu td
{
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}

#menu td.titre
{
	padding : 0px 0px 0px 10px;
	text-align: left;
	width: 400px;
	font-size: 22px;
	font-weight: bold;
	color: #000000;
}

#menu td.on
{
	background-color: #cb8e19;
	cursor:pointer;
}
#menu td.off
{
	cursor:pointer;
}


/*For the shading at the top */
#shadertop
{
	background-image: url(images/shadetop.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 10px;
	width: 100%;
}


/*For the side middle that containes the side menu, the main contant and the images*/
#milieu
{
	border-top-style: solid;
	border-top-color: #2a5c97;
	border-top-width: 5px;
	border-right-style: solid;
	border-right-color: #2a5c97;
	border-right-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #2a5c97;
	border-bottom-width: 5px;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	background-color: #ffffff;
}

#milieu h1, #milieu h2, #milieu h3 , #milieu h4, #milieu h5
{
	color: #2a5c97;
	text-align: left;
}

#milieu h1
{
	font-size: 25px;
}

#milieu a.sidemenu
{
	color: #000000;
	text-decoration: none;
}

#milieu table
{	
	border-spacing: 0px;
	width: 100%;
	padding: 0px;
	margin: 0px;	
}

#milieu table.sidemenu
{
	border-bottom-style: solid;
	border-bottom-color: white;
	border-bottom-width: 2px;
	border-spacing: 0px;
	color: #000000;
}

#milieu td
{	
	vertical-align: top;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

#milieu td.sidemenucontainer
{
	width: 150px;
	background-color: #2a5c97;
	border-left-style: solid;
	border-left-color: #2a5c97;
	border-left-width: 5px;
	border-right-style: solid;
	border-right-color: #2a5c97;
	border-right-width: 5px;
}

#milieu td.sidemenuparentoff
{
	border-style: solid;
	border-color: white;
	border-width: 2px;
	border-bottom: none;
	background-color: #cb8e19;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	cursor:pointer;
}

#milieu td.sidemenuparenton
{
	border-style: solid;
	border-color: white;
	border-width: 2px;
	border-bottom: none;
	background-color: #6ea2df;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	cursor:pointer;
}

#milieu td.sidemenuenfantoff
{
	border-style: solid;
	border-color: white;
	border-width: 2px;
	border-bottom: none;
	background-color: #fecd75;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	padding: 1px;
	cursor:pointer;
}

#milieu td.sidemenuenfanton
{
	background-color: #6ea2df;
	border-style: solid;
	border-color: white;
	border-width: 2px;
	border-bottom: none;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	padding: 1px;
	cursor:pointer;
	color: #cb8e19;
}

#milieu td.centre
{
	background: url(images/middle-background.jpg) repeat-y left top;
	font-size: 15px;
	text-align: justify;
	padding: 5px 25px 10px 25px;
}
#milieu td.images
{
	width: 150px;
	text-align: center;
	background-color: #2a5c97;
	border-left-style: solid;
	border-left-color: #2a5c97;
	border-left-width: 5px;
}

#milieu img
{
	display: inline;
	width: 150px;
	border-top-style: solid;
	border-top-color: #2a5c97;
	border-top-width: 5px;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

#milieu img.images
{	
	border-bottom-style: solid;
	border-bottom-color: #2a5c97;
	border-bottom-width: 5px;
	border-top: none;
	border-left: none;
	border-right: none;
}

#milieu img.full
{
	width: auto;
	height: auto;	
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

/*For table in the center*/
#centertable
{
	border: none;
}
#centertable td
{
	padding: 10px 0px 10px 0px;
}

/*For all the footing information*/
#footer
{
	background-image: url(images/shadebottom.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	color: #858585;
	width: 100%;
	text-align: center;
	font-size: 12px;
}

/*For the rss feed */
#rssfeed
{
	width: 260px;
	text-align: justify;
}

#rssfeed img
{
	border: none;
	width: auto;
	height: auto;
}

.rssfeedtitle
{
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 10px 10px;
	color: #2a5c97;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	background-image: url(images/titlebackground.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 255px;
}

.rssfeeddate
{
	color: #858585;
	font-size: 12px;
	font-weight: bold;
}

.rssfeedtitle a, .rssfeedtitle a:hover
{
	color: #2a5c97;
	text-decoration: none;
}

.partenaires {
	list-style: none;
	margin: 0; padding: 0;
	width: 550px;
}
.partenaires li {
	border: 1px solid #dee7ee;
	display: block;
	float: left;
	margin: 0; padding: 0;
	position: relative;
	text-align: center;
	width: 130px; height: 130px;
}
.partenaires li a {
	display: block;
	text-align: center;
	vertical-align: middle;
	width: 130px; height: 130px;
}
.partenaires li a span { 
	display: block;
	top: 43%; left: 0;
	margin: 0 auto;
	position: absolute;
	width: 100%;
}
.partenaires li a:hover span { 
	display: none;  
}
.partenaires li.nologo a:hover span { 
	display: block;
	font-weight: bold;
}

.logo_axa { background: url(images/partenairesquebec/logo_axa.jpg) -500px -500px no-repeat; }
.logo_betonel { background: url(images/partenairesquebec/logo_betonel.gif) -500px -500px no-repeat; }
.logo_bleu { background: url(images/partenairesquebec/logo_bleu.gif) -500px -500px no-repeat; }
.logo_bonjourquebec { background: url(images/partenairesquebec/logo_bonjourquebec.gif) -500px -500px no-repeat; }
.logo_cdp { background: url(images/partenairesquebec/logo_cdp.gif) -500px -500px no-repeat; }
.logo_choicehotel { background: url(images/partenairesquebec/logo_choicehotel.gif) -500px -500px no-repeat; }
.logo_exotiktours { background: url(images/partenairesquebec/logo_exotiktours.gif) -500px -500px no-repeat; }
.logo_coudrier { background: url(images/partenairesquebec/logo_coudrier.gif) -500px -500px no-repeat; }
.logo_gouverneur { background: url(images/partenairesquebec/logo_gouverneur.gif) -500px -500px no-repeat; }
.logo_greichescaff { background: url(images/partenairesquebec/logo_greichescaff.gif) -500px -500px no-repeat; }
.logo_groupeforget { background: url(images/partenairesquebec/logo_groupeforget.gif) -500px -500px no-repeat; }
.logo_hilton { background: url(images/partenairesquebec/logo_hilton.gif) -500px -500px no-repeat; }
.logo_matursante { background: url(images/partenairesquebec/logo_matursante.gif) -500px -500px no-repeat; }
.logo_museestewart { background: url(images/partenairesquebec/logo_museestewart.gif) -500px -500px no-repeat; }
.logo_protection50 { background: url(images/partenairesquebec/logo_protection50.gif) -500px -500px no-repeat; }
.logo_rabaiscampus { background: url(images/partenairesquebec/logo_rabaiscampus.gif) -500px -500px no-repeat; }
.logo_securigroupe { background: url(images/partenairesquebec/logo_securigroupe.gif) -500px -500px no-repeat; }
.logo_securprivilege { background: url(images/partenairesquebec/logo_securprivilege.gif) -500px -500px no-repeat; }
.logo_securiglobe { background: url(images/partenairesquebec/logo_securiglobe.gif) -500px -500px no-repeat; }
.logo_croisiereaml { background: url(images/partenairesquebec/logo_croisiereaml.gif) -500px -500px no-repeat; }

.logo_axa:hover, 
.logo_betonel:hover, .logo_bleu:hover, 
.logo_bonjourquebec:hover,
.logo_cdp:hover, .logo_choicehotel:hover, 
.logo_exotiktours:hover, .logo_gouverneur:hover,
.logo_coudrier:hover,
.logo_greichescaff:hover, .logo_groupeforget:hover, 
.logo_hilton:hover, .logo_matursante:hover,
.logo_museestewart:hover, .logo_protection50:hover, 
.logo_rabaiscampus:hover, .logo_securigroupe:hover, .logo_securiglobe:hover,
.logo_securprivilege:hover, .logo_croisiereaml:hover { background-position: center center; }