/*

	ASSOCIATION REGIONALE DU SPORT 
	ETUDIANT DE L'OUTAOUAIS -
	BASE | VERSION 2.0
	
	------------------------------------------------
	//simplebranch - web development, made simple.//
	
	developer: Michel Joanisse
	email: hello@simplebranch.ca	
	website: http://www.simplebranch.ca
	last updated: May 6th, 2011
	
	-----------------------------------------
	
	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 {background:#11a1f7;}
body.singlecol div#content div.inner {width:998px;background-position:750px bottom;}
a {outline:0;}


/* 2.HEADER / SUBNAV
---------------------------------------------------------------------- */
div#header {width:100%;height:140px;padding-top:40px;margin:0 0 20px 0;background:url(../images/gradient2.jpg) top left repeat-x;}
div#header .inner {width:1000px;margin:0 auto;position:relative;}
/*------
BRANDING
------*/
h1.logo {}

h1.logo a {
	outline:0;
	margin:0 auto;
	width:286px;
	height:132px;
	background:url(../images/logo3.png);
	display:block;
	text-indent:-999em;
}

#content #RSEQ {
	text-indent:-999em;
	background:url(../images/logo_rseq.png) top left no-repeat;
	width:183px;height:47px;
	margin:20px 0 0 0;padding:0;
}

/*-----
SUB NAV
-----*/
div#subnav {position:absolute;bottom:0;right:65px;}
div#subnav li {float:left;list-style:none;margin-left:30px;}

div#subnav li a {
	text-shadow:1px 1px 0 rgba(0,0,0,0.5);
	text-decoration:none;
	float:left;
	color:#fff;
	display:block;
	padding:3px 0 3px 25px;
}

div#subnav li a:hover {color:rgba(255,255,255,0.85);}
div#subnav li.links a {background:url(../images/icon_links.png) left center no-repeat;}
div#subnav li.mail a {background:url(../images/icon_mail.jpg) left center no-repeat;}


/* 3.BANNER
---------------------------------------------------------------------- */
div#banner {
	background:#11a1f7 url(../images/banner.jpg) bottom center no-repeat;
	height:420px;
}

div#banner div#placeholder {
	position:relative;
	margin:0 auto;
	width:938px;height:430px;
	/*background:url(../images/slide1.png) top center no-repeat;*/
}

div#banner div#placeholder h2 {text-indent:-1000em;position:absolute;z-index:500;}
div#banner div#placeholder h2.iso {right:80px;bottom:100px;width:175px;height:174px;background:url(../images/slidetitle_soyez-iso-actif.png);}
div#banner div#placeholder h2.ethique_sportive {right:50px;bottom:120px;width:513px;height:134px;background:url(../images/slidetitle_ethique-sportive.png);}

div#banner div#placeholder ul#rotating_images {position:absolute;top:0;left:0;}

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

div#banner div#placeholder ul#rotating_images li.banner01 {background-image:url(../images/slide2.png);}
div#banner div#placeholder ul#rotating_images li.banner02 {background-image:url(../images/slide3.png);}
div#banner div#placeholder ul#rotating_images li.banner03 {background-image:url(../images/slide1.png);}
div#banner div#placeholder ul#rotating_images li.banner04 {background-image:url(../images/slide4.png);}

/*---------------------------
HIGHLIGHT / PROMOTIONAL BOXES
---------------------------*/
div#banner div.wrapr {
	background:url(../images/bg_tabs2.png) bottom center no-repeat;
	clear:both;
	width:967px;
	height:290px;
	position:absolute;
	z-index:500;
	left:-15px;
	bottom:0;_bottom:-1px;
}

div#banner div#tabs_containment {position:absolute;bottom:0;}

div#banner div.tabs {
	position:relative;
	outline:0;
	cursor:pointer;
	display:block;
	_display:inline;
	width:301px;
	float:left;
	z-index:800;
}

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:301px;
}/*Hover State-->*/div#banner div.tabs:hover h3 {background-position:top right;}


/*TAB 1 [PROGRAMS]
----------------*/
div#banner div.tabs.programs {margin-left:32px;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);}




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

/*PRIMARY NAVIGATION
------------------*/
div#navigation ul {float:right;margin-right:30px;position:relative;z-index:900;}
div#navigation ul li {float:left;list-style:none;margin-left:1px;}
div#navigation ul li a {
	display:block;
	float:left;
	padding:12px 15px;
	text-decoration:none;
	background:url(../images/nav-bg.png);
	background:rgba(12,35,40,0.5);
	color:#fff;
	text-shadow:1px 1px 0 rgba(0,0,0,1);
}

div#navigation ul li.active a, 
div#navigation ul li.active a:hover {cursor:default;background:url(../images/nav_bgactive.png);background:rgba(198,43,63,0.8);text-decoration:underline;}
div#navigation ul li a:hover {background:url(../images/nav_bghover.png);background:rgba(12,35,40,0.85);}




/*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:#f3d36b;
	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:243px;
	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;}



/*
NEW
FOOTER
_
*/
#footer {position:relative;float:left;width:100%;background:#184550;padding:20px 0;}
body#home #footer {padding:30px 0 50px 0;background:url(../images/footer_gradient.png) bottom center no-repeat;margin-top:1px;}
#footer .inner {width:960px;margin:0 auto;padding:0 20px;position:relative;}

#footer #resources li {float:left;list-style:none;padding-right:5px;color:#adc4c9;}
#footer #resources a {display:block;float:left;color:#adc4c9;margin-right:5px;text-shadow:1px 1px #000;}
#footer a:hover {color:#fff!important;}

#footer p {float:left;clear:both;margin-top:30px;color:#adc4c9;text-shadow:1px 1px 0 #000;line-height:18px;}
body#home #footer p {color:#4b6366!important;line-height:18px;}

#footer .branding {color:#adc4c9!important;display:block;margin-top:20px;}

#footer #partners {position:absolute;right:20px;top:0;}
body#home #footer #partners {top:30px;right:0;}
#footer #partners li {float:left;list-style:none;margin:0 0 0 20px;}
#footer #partners a {float:left;display:block;text-indent:-999em;height:45px;background-image:url(../images/footer_partners.png);}
#footer #partners .RSEQ a {background-position:left top;width:147px;}
#footer #partners .loisir_sport a {background-position:-148px top;width:72px;}
#footer #partners .sports_inter a {background-position:-220px top;width:70px;}
#footer #partners a:hover {opacity:0.5;}



/*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;}

/*
HALL OF FAME
_
*/
#content .hall-of-fame .section {overflow:hidden;float:left;clear:both;width:520px;margin:0 0 30px 0;}
#content .hall-of-fame .section.alt {background:#182e33;padding:30px;width:460px;}
#content .hall-of-fame.inner h1 {font-size:54px;}
#content .hall-of-fame.inner h4 {color:#fff;}
#content .hall-of-fame.inner p {margin:15px 0 0 0;}


#content .hall-of-fame img {
	width:139px;
	height:139px;
	float:right;
	display:inline-block;
	border-radius:200px;
	-moz-border-radius:200px;
	-webkit-border-radius:100px;
	
	margin:0 0 5px 30px;
}

#content .hall-of-fame .section.alt img {float:left;margin:0 30px 5px 0;}