/*

	ASSOCIATION REGIONALE DU SPORT 
	ETUDIANT DE L'OUTAOUAIS -
	BASE | VERSION 1.0
	
	-----------------------------------------
	//simplebranch - web solutions agency.//
	
	developer: Michel Joanisse
	email: hello@simplebranch.ca	
	website: http://www.simplebranch.ca
	last updated: April 16th, 2010
	
	-----------------------------------------
	
	CONTENTS ------------
	   
	   1.DEFAULT STYLING
	   2.HEADER / SUBNAV
	   3.BANNER
	   4.CONTENT
	   5.NAVIGATION
	   
    --------------------
	
*/

/* 1.DEFAULT STYLING
---------------------------------------------------------------------- */
* {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;padding:0;
	font-size:12px;
}

body.singlecol div#content div.inner {width:998px;background-position:750px bottom;}



/* 2.HEADER / SUBNAV
---------------------------------------------------------------------- */

div#header * {color:#fff;font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;}
div#header {background:#1f93b9;margin-bottom:10px;}

div#header .wrapr {
	background:url(../images/bg-header.png) bottom center no-repeat;
	_background-image:url(../images/bg-header.jpg);
	position:relative;margin:0 auto;
	width:998px;height:103px;
}

/*------
BRANDING
------*/
div#branding {width:600px;float:left;position:relative;}

div#branding h1 {font-weight:normal;}
div#branding h1 a {
	margin-top:16px;margin-left:15px;
	background:url(../images/branding-logo.png) top left no-repeat;
	_background-image:url(../images/branding-logo.gif);
	width:357px;height:77px;
	text-decoration:none;
	text-indent:-1000em;
	font-style:italic;
	float:left;
	display:block;
	outline:0;
}

div#branding h1 a span {
	display:block;
	text-indent:0;
	position:absolute;
	bottom:8px;
	left:95px;
	_width:100%;
	_left:110px;
}

/*-----
SUB NAV
-----*/
div#subnav {position:absolute;bottom:0;right:0;float:right;width:300px;}
div#subnav ul {float:right;margin-right:40px;margin-bottom:17px;_display:inline;}
div#subnav ul li {display:inline;}

div#subnav ul li a {
	font-size:12px;
	background-repeat:no-repeat;
	background-position:left 55%;
	padding-left:17px;
	float:left;
	margin-left:25px;
}

div#subnav ul li a:hover {
	text-decoration:none;
	color:#f8f98d;
}

div#subnav ul li a#links {background-image:url(../images/icon-links.gif);}
div#subnav ul li a#contact {background-image:url(../images/icon-mail.gif);}
div#subnav ul li a#links:hover {background-image:url(../images/icon-links-hvr.gif);}
div#subnav ul li a#contact:hover {background-image:url(../images/icon-mail-hvr.gif);}

/* 3.BANNER
---------------------------------------------------------------------- */
div#banner {
	background:#1d73ed url(../images/bg-banner.jpg) bottom center no-repeat;
	height:380px;
}

div#banner div#placeholder {
	position:relative;
	margin:0 auto;
	width:998px;height:380px;
	background:url(../images/banner001.jpg) bottom center no-repeat;
}/*-->*/div#banner div#placeholder h2 {text-indent:-1000em;}

div#banner div#placeholder ul#rotating_images {position:absolute;z-index:-1;}

div#banner div#placeholder ul#rotating_images li {
	display:block;text-indent:-1000em;
	height:306px;width:998px;
	background-repeat:no-repeat;
	background-position:top left;
}

div#banner div#placeholder ul#rotating_images li.banner02 {background-image:url(../images/banner002.jpg);}
div#banner div#placeholder ul#rotating_images li.banner03 {background-image:url(../images/banner003.jpg);}
div#banner div#placeholder ul#rotating_images li.banner04 {background-image:url(../images/banner004.jpg);}

/*---------------------------
HIGHLIGHT / PROMOTIONAL BOXES
---------------------------*/
div#banner div.wrapr {
	background:transparent url(../images/bg-tabswrapr.png) top left no-repeat;width:100%;
	clear:both;padding-top:22px;
	position:absolute;
	bottom:0;_bottom:-1px;
}

div#banner div.tabs {
	position:relative;
	outline:0;
	cursor:pointer;
	display:block;
	_display:inline;
	width:325px;
	float:left;
}

div#banner div.tabs h3 {
	background-repeat:no-repeat;
	background-color:transparent;
	background-position:top left;
	height:80px;
	text-indent:-1000em;
	margin-top:-10px;
	_margin-top:0;
	width:325px;
}/*Hover State-->*/div#banner div.tabs:hover h3 {background-position:top right;}


/*TAB 1 [PROGRAMS]
----------------*/
div#banner div.tabs.programs {margin-left:10px;background-color:#e9b80c;}
div#banner div.tabs.programs h3 {background-image:url(../images/tab01_top.png);}

/*TAB 2 [PRIMARY]
---------------*/
div#banner div.tabs.primary {background-color:#ae4a00;margin:0 1px;}
div#banner div.tabs.primary h3 {background-image:url(../images/tab02_top.png);}

/*TAB 3 [SECONDARY]
-----------------*/
div#banner div.tabs.secondary {background-color:#a0c716;}
div#banner div.tabs.secondary h3 {background-image:url(../images/tab03_top.png);}



/* 4.CONTENT
---------------------------------------------------------------------- */
div#content {
	padding-bottom:20px;
	background:#0c2328;
	float:left;width:100%;
}

div#content .wrapr {
	width:974px;
	margin:40px auto;
}

div#content .columns {
	padding:0 15px;
	width:295px;
	float:left;
}

div#content .columns h1,
div#content .columns h1 span,
div#content div#sidebar h1 span {
	padding:24px 0;margin-bottom:0;
	line-height:28px;*line-height:30px;
	color:#f1cf45;font-size:30px;
	font-style:italic;font-weight:normal;
	font-family:"Times New Roman", Times, serif;
}/*-->*/div#content div#sidebar h1 {float:left;clear:both;margin-bottom:10px;}
/*---->*/div#content div#sidebar h1 span,
div#content .columns h1 span {width:200px;background:0;}
div#content .columns h1 {padding-left:75px;}

/*COLUMN1 [NOUVELLES / EVENEMENTS]
--------------------------------*/
div.columns.col1 h1,
div#content div#sidebar h1 {
	padding:0 17px;padding-left:75px;
	display:table-cell;vertical-align:middle;
	/*min-height:62px;_height:62px;*/
	background:url(../images/icon-runner.jpg) left center no-repeat;
}

div.columns.col1 dl,
div#content div#sidebar dl {
	background:url(../images/border-bottom01.gif) bottom left no-repeat;
	padding-bottom:20px;margin-bottom:20px;
}

div.columns.col1 dl *, div#content div#sidebar dl * {color:#969595;}
div.columns.col1 dl dt, div#content div#sidebar dl dt {margin:10px 0 20px 0;}
div.columns.col1 dl dt *, div#content div#sidebar dl dt * {color:#0c2328;font-size:10px;}
div.columns.col1 dl dd, div#content div#sidebar dl dd {clear:both;margin-bottom:15px;}

div.columns.col1 dl dt a,
div#content div#sidebar dl dt a {
	color:#fff;font-size:14px;font-style:italic;
	font-family:"Times New Roman", Times, serif;
}/*-->*/div.columns.col1 dl dt a:hover, div#content div#sidebar dl dt a:hover {color:#218dbe;}

div.columns.col1 dl dt span,
div#content div#sidebar dl dt span {
	display:block;float:left;margin-right:10px;
	padding:1.3em 0 0 2px;*padding-top:1.2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	min-width:33px;min-height:32px;
	_width:33px;_height:32px;
	background:url(../images/icon-circle.gif) left center no-repeat;
}

div.columns.col1 dl dt span sup,
div#content div#sidebar dl dt span sup {
	font-family:Georgia, "Times New Roman", Times, serif;
	*font-size:11px;
}

/*
Attention / 
Promotional
block
--*/
div#content a.attention {
	outline:0;
	background:#1d3237;
	padding:10px 15px;
	width:200px;
	margin-bottom:20px;
	float:left;
}/*>*/div#content a.attention:hover, div#content a.attention:hover * {color:#fff;}
div#content a.attention.golf {padding-left:55px;background:#1d3237 url(../images/icon-golf.jpg) 15px center no-repeat;}
div#content a.attention.golf.home {width:220px;}

/*COLUMN2 [NOS PROGRAMMES]
------------------------*/
div#content div.columns.col2 {
	position:relative;
	width:304px;padding:0 10px;
	border-left:1px dotted #124c50;
	border-right:1px dotted #124c50;
	padding-bottom:22em;
}

div#content div.columns.col2 h1 {
	padding:17px;padding-left:65px;
	display:table-cell;vertical-align:middle;
	background:url(../images/icon-mascott.jpg) left center no-repeat;
	min-height:81px;_height:81px;
}

div.columns.col2 ul.programs {margin-top:15px;list-style:none;}
div.columns.col2 ul.programs li {float:left;}
div.columns.col2 ul.programs li.alt a {background:#08171a;}

div.columns.col2 ul.programs li a {
	padding:8px;outline:0;
	float:left;clear:left;width:288px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;font-style:italic;
	color:#218dbe;
}

div.columns.col2 ul.programs li a * {text-decoration:none;}

div.columns.col2 ul.programs li a:hover {
	width:268px;*text-decoration:none;
	background:#ef3e33 url(../images/icon-symbol.gif) 10px 55% no-repeat;
	cursor:pointer;padding-left:28px;border-bottom:4px solid #ca352c;
}

div.columns.col2 ul.programs li a:active,
div.columns.col2 ul.programs li a:focus {
	cursor:auto;*text-decoration:none;
	padding-left:28px;width:268px;
	background:#6e6401 url(../images/icon-checkmark.gif) 10px 55% no-repeat;
	border-bottom:4px solid #6e6401;
}

div.columns.col2 ul.programs li a:hover,
div.columns.col2 ul.programs li a:active,
div.columns.col2 ul.programs li a:focus {color:#fff;font-size:16px;}



/*PROGRAM BRIEFING / DESCRIPTION
------------------------------*/
div.columns.col2 ul.programs li a span {display:none;}
div.columns.col2 ul.programs li a span * {font-style:normal;}

div.columns.col2 ul.programs li a:hover span,
div.columns.col2 ul.programs li a:active span,
div.columns.col2 ul.programs li a:focus span {
	width:294px;
	background:#0c2328;
	padding:15px;
	padding-bottom:50px;
	display:block;
	position:absolute;
	top:62%;*top:63%;left:0;
} 

div.columns.col2 ul.programs li a span img {float:left;margin-right:15px;border:0;outline:0;}
div.columns.col2 ul.programs li a span p {color:#969595;line-height:24px;margin-top:10px;}

div.columns.col2 ul.programs li a span h4 {
	color:#218dbe;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:normal;
	text-decoration:underline;
	font-style:italic;
}

/*ANCHOR BUTTONS
--------------*/
div.columns.col2 ul.programs li span a {display:none;}

div.columns.col2 ul.programs li:hover span a,
div.columns.col2 ul.programs li:active span a,
div.columns.col2 ul.programs li:focus span a {
	background:url(../images/anchorbtn-left.gif) left 55% no-repeat;
	width:auto;color:#242424;padding:5px;text-decoration:none;
	border-bottom:0;
	display:block;
	position:absolute;
	bottom:10px;right:0;
	margin-right:15px;
}/*-->*/div.columns.col2 ul.programs li span a:hover {padding:4px 5px;*padding:5px;}


/*COLUMN3 [CALENDAR / RESOURCES]
--------------------------------*/
div#content .columns.col3 {width:307px;padding:0 0 0 15px;}

div#content .columns.col3 h1 {
	width:100%;float:left;margin-bottom:20px;
	display:table-cell;vertical-align:middle;
	padding:17px 0;
}

/*RESOURCES
---------*/
.columns.col3 h3 a {
	outline:0;
	text-indent:-1000em;
	clear:both;margin-bottom:1px;
	display:block;float:left;
	width:304px;height:74px;
	background-repeat:no-repeat;
	background-position:left center;
	background-color:transparent;
}/*-->*/.columns.col3 h3 a:hover {background-position:right center;}
/*---->*/.columns.col3 h3 a#stats {background-image:url(../images/bg-statsenligne.gif);margin-top:20px;}
/*----->*/.columns.col3 h3 a#trajet {background-image:url(../images/bg-trajetsecole.gif);}
/*------>*/.columns.col3 h3 a#album {background-image:url(../images/sportetudiant-tv.jpg);}


/* 5.NAVIGATION
---------------------------------------------------------------------- */

/*PRIMARY NAVIGATION
------------------*/
div#navigation ul {
	margin-left:10px;
	float:left;
	list-style:none;
}

div#navigation ul li {
	float:left;
}/*-->*/div#navigation ul li.active a {background:#c62b3f;color:#fff;border:0;text-decoration:underline;}

div#navigation ul li a {
	border-right:1px solid #223345;
	background:url(../images/navigation-repeat.gif) bottom left repeat-x;
	text-align:center;
	text-decoration:none;
	color:#223345;
	font-weight:bold;
	padding:10px 17px;
	display:block;
	float:left;
}/*-->*/div#navigation ul li a:hover {text-decoration:underline;}

div#navigation ul li a em {
	display:block;float:left;font-style:normal;
	background:url(../images/icon-dropdown.gif) right center no-repeat;padding-right:17px;
}

div#navigation ul li.first a {background:url(../images/navigation-corners.gif) bottom left no-repeat;}
div#navigation ul li.last a {background:url(../images/navigation-corners.gif) bottom right no-repeat;border:0;}
div#navigation ul li.first.active a {background:url(../images/navigation-corners_hvr.gif) bottom left no-repeat;color:#fff;text-decoration:underline;border:0;}
div#navigation ul li.last.active a {background:url(../images/navigation-corners_hvr.gif) bottom right no-repeat;border:0;color:#fff;text-decoration:underline;}


/*TERTIARY NAVIGATION [TABS]
--------------------------*/
div.tabs ol.tertiarynav {display:none;}

div.tabs:hover ol.tertiarynav {
	background-repeat:no-repeat;
	background-position:bottom center;
	background-color:transparent;
	padding:0 0 55px 0;top:70px;
	display:block;list-style:none;
	position:absolute;
}

div.tabs ol.tertiarynav li span {
	background:#f5dc74;
	padding:0 12px;
	display:block;
	float:left;
}

div.tabs ol.tertiarynav li {float:left;padding:0 7px;}
div.tabs ol.tertiarynav li.alt a {background:#ffea97;}
div.tabs ol.tertiarynav li.last a {border-bottom:0;}

div.tabs ol.tertiarynav li:hover a {
	background:#ffda50;color:#bd4a0c;
	padding:12px 10px;color:#bd4a0c;
	text-decoration:underline;
}

div.tabs ol.tertiarynav li a {
	padding:7px 10px;width:267px;
	border-bottom:1px dotted #d8b956;
	display:block;float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;font-style:italic;
	color:#695720;text-decoration:none;
}

/*TAB1
----*/
div.tabs.programs ol.tertiarynav {background-image:url(../images/tab01_bottom.png);}
div.tabs.programs ol.tertiarynav li {background:#ef3c24;}

/*TAB2
----*/
div.tabs.primary ol.tertiarynav {background-image:url(../images/tab02_bottom.png);}
div.tabs.primary ol.tertiarynav li {background:#e9b80c;}

/*TAB3
----*/
div.tabs.secondary ol.tertiarynav {background-image:url(../images/tab03_bottom.png);}
div.tabs.secondary ol.tertiarynav li {background:#a0c716;}



/* 6.FOOTER
---------------------------------------------------------------------- */
div#footer {
	position:relative;
	z-index:100;
	padding:35px 0;
	float:left;
	clear:both;
	margin-top:10px;
	background:#184550;
	width:100%;
}

div#footer .wrapr {width:958px;margin:0 auto;padding:0 20px;}
div#footer .wrapr p {clear:both;color:#32879c;}


div#footer a.branding,
div#footer a.branding * {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
	text-decoration:none;
}

div#footer a.branding {
	cursor:help;outline:0;
	text-align:right;padding-right:30px;
	width:260px;color:#32879c;
	background-position:right center;
	background-repeat:no-repeat;
	display:block;margin-top:20px;
	background-image:url(../images/branding-simplebranch.gif);
}/*-->*/div#footer a.branding:hover {background-image:url(../images/branding-simplebranch-hvr.gif);color:#fff;text-decoration:underline;}
div#footer a.branding:active {cursor:pointer;}

/*RESOURCES
---------*/
div#footer ul#resources {float:left;list-style:none;margin-left:-10px;}
div#footer ul#resources li {float:left;}
div#footer ul#resources li.last span {background:0;}

div#footer ul#resources li a {
	text-decoration:none;
	float:left;display:block;
	color:#54f1ff;
}/*Hover State-->*/div#footer ul#resources li a:hover {text-decoration:underline;}

div#footer ul#resources li span {
	float:left;padding:0 10px;display:block;
	background:url(../images/spacer.gif) right center repeat-y;
}


/*SPONSORS
--------*/
div#footer ul#partners {
	float:right;
	list-style:none;
}/*-->*/div#footer ul#partners * {text-indent:-1000em;}

div#footer ul#partners li {display:inline;}
div#footer ul#partners li a {
	margin-left:15px;
	float:left;
	cursor:pointer;
	outline:none;
	display:block;
}

div#footer ul#partners li a.partner01 {
	background:url(../images/partners-sportetude.gif) left center no-repeat;
	width:169px;height:48px;
}

div#footer ul#partners li a.partner02 {
	background:url(../images/partners-loisirsport.gif) left center no-repeat;
	width:73px;height:44px;
}

div#footer ul#partners li a.partner03 {
	background:url(../images/partners-sportsinter.gif) left center no-repeat;
	width:70px;height:45px;
}

div#footer ul#partners li a.partner04 {
	background:url(../images/partners-subway.gif) left center no-repeat;
	width:115px;height:31px;margin-top:5px;
}


/*HIERARCHICAL STACKING ORDER*/
div#banner div#placeholder {z-index:4;}
div#content div.columns.col2 {z-index:3;}
div.columns.col2 ul.programs li a:hover span {z-index:7;}

div.columns.col2 ul.programs li a:active span,
div.columns.col2 ul.programs li a:focus span {z-index:6;}

div.columns.col2 ul.programs li:hover span a,
div.columns.col2 ul.programs li:active span a,
div.columns.col2 ul.programs li:focus span a {z-index:100;}