@charset "utf-8";

/* ///////////////////////////////////////////// */
/* UNI-D /////////////////////////////////////// */
/* FEUILLE DE STYLES CSS /////////////////////// */
/* ///////////////////////////////////////////// */

/* Splash -------------------------------------- */

body {
	background-image: url(../images/splash/bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 20px;
}

p { margin: 0px 0px 15px 0px; }

#container { width: 400px; margin: 80px 0px 0px 535px;}

#logo { margin-bottom: 86px; }

#titre { margin-bottom: 28px; }

#nav { width:400px; margin-bottom: 30px; }
	#nav ul { margin: 0; padding: 0; list-style: none; width:400px; }
	#nav li { float: left; height: 41px; width:400px; }
	
		.nav1 a { display:block; height: 41px; width:400px; background-image: url(/imports/images/splash/btn_sherbrooke.gif); background-repeat: no-repeat; background-position: 0px 0px; }
			.nav1 a:hover { background-position: -400px 0px; }
			.nav1 span { display: none; }
		.nav8 a { display:block; height: 41px; width:400px; background-image: url(/imports/images/splash/btn_granby.gif); background-repeat: no-repeat; background-position: 0px 0px; }
			.nav8 a:hover { background-position: -400px 0px; }
			.nav8 span { display: none; }
		.nav7 a { display:block; height: 41px; width:400px; background-image: url(/imports/images/splash/btn_drummondville.gif); background-repeat: no-repeat; background-position: 0px 0px; }
			.nav7 a:hover { background-position: -400px 0px; }
			.nav7 span { display: none; }
		.nav9 a { display:block; height: 41px; width:400px; background-image: url(/imports/images/splash/btn_quebec_metropolitain-Sud.gif); background-repeat: no-repeat; background-position: 0px 0px; }
			.nav9 a:hover { background-position: -400px 0px; }
			.nav9 span { display: none; }
		.nav10 a { display:block; height: 41px; width:400px; background-image: url(/imports/images/splash/btn_victoriaville.gif); background-repeat: no-repeat; background-position: 0px 0px; }
			.nav10 a:hover { background-position: -400px 0px; }
			.nav10 span { display: none; }
		.nav11 a { display:block; height: 41px; width:400px; background-image: url(/imports/images/splash/btn_laval.gif); background-repeat: no-repeat; background-position: 0px 0px; }
			.nav11 a:hover { background-position: -400px 0px; }
			.nav11 span { display: none; }
		.nav13 a { display:block; height: 41px; width:400px; background-image: url(/imports/images/splash/btn_boucherville-ste-julie.gif); background-repeat: no-repeat; background-position: 0px 0px; }
			.nav13 a:hover { background-position: -400px 0px; }
			.nav13 span { display: none; }
		.nav14 a { display:block; height: 41px; width:400px; background-image: url(/imports/images/splash/btn_chambly-brossard.gif); background-repeat: no-repeat; background-position: 0px 0px; }
			.nav14 a:hover { background-position: -400px 0px; }
			.nav14 span { display: none; }
		.nav12 a { display:block; height: 41px; width:400px; background-image: url(/imports/images/splash/btn_longueuil.gif); background-repeat: no-repeat; background-position: 0px 0px; }
			.nav12 a:hover { background-position: -400px 0px; }
			.nav12 span { display: none; }		
		.nav16 a { display:block; height: 41px; width:400px; background-image: url(/imports/images/splash/btn-St-Hyacinthe.gif); background-repeat: no-repeat; background-position: 0px 0px; }
			.nav16 a:hover { background-position: -400px 0px; }
			.nav16 span { display: none; }
		.nav17 a { display:block; height: 41px; width:400px; background-image: url(/imports/images/splash/btn-Valleyfield.gif); background-repeat: no-repeat; background-position: 0px 0px; }
			.nav17 a:hover { background-position: -400px 0px; }
			.nav17 span { display: none; }
		.nav18 a { display:block; height: 41px; width:400px; background-image: url(/imports/images/splash/btn-Vaudreuil-Dorion.gif); background-repeat: no-repeat; background-position: 0px 0px; }
			.nav18 a:hover { background-position: -400px 0px; }
			.nav18 span { display: none; }
		.nav19 a { display:block; height: 41px; width:400px; background-image: url(/imports/images/splash/btn-West-Island.gif); background-repeat: no-repeat; background-position: 0px 0px; }
			.nav19 a:hover { background-position: -400px 0px; }
			.nav19 span { display: none; }
		.nav20 a { display:block; height: 41px; width:400px; background-image: url(/imports/images/splash/btn_quebec_metropolitain-nord.gif); background-repeat: no-repeat; background-position: 0px 0px; }
			.nav20 a:hover { background-position: -400px 0px; }
			.nav20 span { display: none; }
			
#nav2 { width:400px; margin-bottom: 30px; }
	#nav2 ul { margin: 0; padding: 0; list-style: none; width:400px; }
	#nav2 li { float: left; height: 41px; width:400px; }			
		.nav_quebec a { display:block; height: 41px; width:400px; background-image: url(/imports/images/splash/btn_quebec.gif); background-repeat: no-repeat; background-position: 0px 0px; }
			.nav_quebec a:hover { background-position: -400px 0px; }
			.nav_quebec span { display: none; }
		.nav_laval a { display:block; height: 41px; width:400px; background-image: url(/imports/images/splash/btn_laval.gif); background-repeat: no-repeat; background-position: 0px 0px; }
			.nav_laval a:hover { background-position: -400px 0px; }
			.nav_laval span { display: none; }
		.nav_victoriaville a { display:block; height: 41px; width:400px; background-image: url(/imports/images/splash/btn_victoriaville.gif); background-repeat: no-repeat; background-position: 0px 0px; }
			.nav_victoriaville a:hover { background-position: -400px 0px; }
			.nav_victoriaville span { display: none; }
		.nav_sthyacinthe a { display:block; height: 41px; width:400px; background-image: url(/imports/images/splash/btn_sthyacinthe.gif); background-repeat: no-repeat; background-position: 0px 0px; }
			.nav_sthyacinthe a:hover { background-position: -400px 0px; }
			.nav_sthyacinthe span { display: none; }

#texte { margin: 30px 0px;}

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.rouge { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #bb141a;}


a:link, a:visited, a:active { color:#bb141a; text-decoration:none; }
a:hover { text-decoration:underline; }

h1 { font-size:14px; font-weight:bold; margin: 0px 0px 10px 0px; color:#adc6df; }
h2 { font-size:18px; font-weight:bold; color:#bb141a; margin:0px; }